/* AwadaTech Reimagined ¡¤ Page-specific editorial design layer */
:root{--r-ink:#101b29;--r-blue:#4d93ff;--r-cream:#f6f6f2;--r-line:#dbe2e8}html{scroll-behavior:smooth}body{background:var(--r-cream)}.site-header{background:#071524}.re-kicker,.re-overline{font-size:.72rem!important;font-weight:800!important;letter-spacing:.2em;text-transform:uppercase}.re-overline{color:#3474c2}.re-kicker{color:#91d5ff}.re-section{padding:clamp(80px,10vw,150px) 0}.re-section h2,.re-services-heading h1,.re-portfolio-hero h1,.re-case h2,.re-about-hero h1,.re-values h2{font-weight:700;letter-spacing:-.065em;line-height:1.06}.re-section h2 em,.re-hero h1 span,.re-services-heading h1 em,.re-portfolio-hero h1 em,.re-about-hero h1 em,.re-values h2 em,.re-case h2 em{font-style:normal;color:#3e87fa}.re-dark-link,.re-arrow-link{display:inline-flex;align-items:center;gap:1rem;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:11px;transition:gap .2s}.re-dark-link:hover,.re-arrow-link:hover{gap:1.6rem}.re-dark-link{color:#10243b}.re-arrow-link{color:#c5e7ff}.re-primary{display:inline-flex;gap:2rem;justify-content:space-between;align-items:center;background:#72bcff;color:#06111e;padding:19px 25px;border-radius:3px;text-decoration:none;font-weight:800;box-shadow:0 15px 60px #0678f733}.re-primary:hover{background:#b6e1ff}.re-actions{display:flex;align-items:center;gap:33px;flex-wrap:wrap;margin-top:37px}
/* Homepage cinematic hero */
.re-hero{background:radial-gradient(ellipse at 72% 50%,#133b6b 0,#071727 43%,#050d18 100%);color:#fff;overflow:hidden;position:relative}.re-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 25%,black)}.re-hero-layout{min-height:670px;padding-top:95px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;gap:20px}.re-hero-copy{position:relative;z-index:3}.re-hero-copy h1{font-size:clamp(4rem,6.8vw,7.4rem);font-weight:750;line-height:1.01;letter-spacing:-.084em;margin:35px 0;white-space:nowrap}.re-hero-copy h1 span{color:#8cbdff}.re-hero-copy>p:not(.re-kicker){max-width:500px;color:#adbed3;font-size:1.12rem;line-height:1.85}.re-hero-scene{height:580px;position:relative;transform:translateX(15px)}.re-grid-floor{position:absolute;inset:20%;border:1px solid #6ab9ff32;transform:rotateX(60deg) rotateZ(45deg);box-shadow:0 0 0 55px #5c9ffc09,0 0 0 115px #5c9ffc08}.re-orbit{position:absolute;border:1px solid #69baff66;border-radius:50%;inset:9%;transform:rotate(-27deg) rotateX(61deg)}.re-orbit.orbit-b{inset:0;transform:rotate(42deg) rotateY(66deg);border-color:#79c5ff4d}.re-core{position:absolute;width:58%;aspect-ratio:1;top:21%;left:21%;border-radius:32%;transform:rotate(-24deg);background:linear-gradient(140deg,#ffffff8c 0%,#429cff 12%,#0a376c 44%,#021123 65%,#54bdff 100%);box-shadow:0 0 90px #2588ff57,0 30px 100px #010d22,inset -20px -30px 60px #03132b}.re-core:after{content:"";position:absolute;inset:18%;border:2px solid #aedfff9c;border-radius:22%;background:linear-gradient(130deg,#248bdb88,#020d24e8 65%);box-shadow:inset 0 0 70px #67c4ff69,0 0 40px #49a7ff6b}.re-core-inner{position:absolute;inset:35%;border:1px solid #ffffffaa;border-radius:50%;z-index:2;box-shadow:0 0 35px #b0e7ff}.re-float{position:absolute;padding:12px 17px;background:#0e2643d9;border:1px solid #7cc6ff50;font-size:.64rem;letter-spacing:.16em;color:#d3e8ff;backdrop-filter:blur(10px)}.re-float-a{top:9%;left:4%}.re-float-b{bottom:19%;right:0}.re-float-c{bottom:5%;left:7%}.re-hero-bottom{display:flex;justify-content:space-between;padding-bottom:29px;font-size:.7rem;letter-spacing:.18em;color:#88a6c5;position:relative}.re-marquee{background:#d8eafb;padding:22px 0}.re-marquee>.container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.7rem;font-weight:850;letter-spacing:.12em;color:#23466d}.re-marquee i{font-size:1.15rem;color:#367ff5}.re-intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}.re-intro-grid h2{font-size:clamp(3.5rem,6vw,6rem);margin:0}.re-intro-grid p:not(.re-overline){max-width:710px;font-size:1.15rem;line-height:1.8;color:#5c6873;margin:30px 0}.re-home-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dae3e9;margin-top:80px}.re-home-services a{position:relative;padding:45px 29px 68px;background:#fff;text-decoration:none;color:#132438;min-height:275px;transition:background .2s}.re-home-services a:hover{background:#eaf4ff}.re-home-services a>span{font-size:.76rem;color:#4389df;font-weight:850}.re-home-services h3{font-size:1.62rem;letter-spacing:-.04em;margin:48px 0 12px}.re-home-services p{color:#6c7784;font-size:.9rem}.re-home-services b{position:absolute;bottom:22px;right:28px;color:#3680da;font-size:1.6rem}.re-black-panel{background:#081625;color:#fff}.re-panel-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.re-black-panel h2{font-size:clamp(3rem,5vw,5rem)}.re-black-panel h2 em{color:#81c5ff}.re-black-panel p:not(.re-overline){font-size:1.1rem;color:#a9bbcc;line-height:1.8;margin:28px 0 35px}.re-panel-screen{height:350px;border:1px solid #578dc080;border-radius:16px;background:linear-gradient(135deg,#153a5d,#081525);box-shadow:0 40px 70px #0007,0 0 110px #357cfa1c;transform:perspective(900px) rotateY(-9deg) rotateX(3deg);overflow:hidden}.re-screen-header,.re-mock-top{height:43px;background:#ffffff0c;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid #ffffff22}.re-screen-header span,.re-mock-top i{width:8px;height:8px;border-radius:50%;background:#77c8ff}.re-screen-header small,.re-mock-top small{margin-left:auto;font-size:.56rem;letter-spacing:.13em;color:#abc6e7}.re-screen-main{display:flex;height:calc(100% - 43px)}.re-screen-side{width:66px;border-right:1px solid #ffffff22;padding:25px 15px}.re-screen-side i{display:block;height:11px;margin-bottom:26px;border-radius:3px;background:#5c99c960}.re-screen-data{flex:1;padding:40px}.re-screen-bars{height:126px;display:flex;align-items:end;gap:12px}.re-screen-bars i{flex:1;height:45%;background:linear-gradient(#6ee2ff,#227de1);border-radius:4px 4px 0 0}.re-screen-bars i:nth-child(2),.re-screen-bars i:nth-child(5){height:80%}.re-screen-bars i:nth-child(4){height:60%}.re-screen-bars i:nth-child(6){height:100%}.re-screen-cards{display:flex;gap:12px;margin-top:30px}.re-screen-cards div{flex:1;padding:16px;border:1px solid #5a9ccc60;border-radius:7px}.re-screen-cards strong,.re-screen-cards span{display:block;font-size:.58rem;letter-spacing:.12em}.re-screen-cards span{color:#87efdb;margin-top:10px}.re-endnote-grid{display:grid;grid-template-columns:.65fr 1.5fr 1fr;align-items:start;gap:35px}.re-endnote h2{font-size:clamp(3.4rem,5.5vw,6rem);margin:0}.re-endnote p:not(.re-overline){line-height:1.9;color:#586a79}
/* Services */
.re-services-hero{background:#061525;padding:105px 0 0;overflow:hidden}.re-services-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin:35px 0 65px}.re-services-heading h1{font-size:clamp(3.6rem,7vw,8rem);color:#fff;margin:0;flex:1}.re-services-heading p{max-width:295px;color:#b1c3d8;line-height:1.8}.re-services-nav{border-top:1px solid #ffffff30;display:grid;grid-template-columns:repeat(4,1fr)}.re-services-nav a{color:#d2e4f6;text-decoration:none;padding:28px 9px;border-right:1px solid #ffffff25;font-size:.8rem;font-weight:800;letter-spacing:.04em}.re-services-nav a:hover{color:#76c4ff;background:#ffffff09}.re-service-feature{padding:100px 0;scroll-margin-top:95px;background:#f8f9f8}.re-service-feature:nth-of-type(odd){background:#eaf2f8}.re-service-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;min-height:420px}.re-service-feature:nth-of-type(even) .re-service-copy{order:2}.re-service-copy h2{font-size:clamp(3.1rem,5vw,5.8rem);letter-spacing:-.07em;line-height:1.05;margin:25px 0}.re-service-copy>p:not(.re-overline){color:#5b6c7c;max-width:500px;font-size:1.05rem;line-height:1.9}.re-service-chips{display:block;color:#4a82b7;font-weight:750;font-size:.77rem;letter-spacing:.05em;margin:25px 0 35px}.re-service-visual{height:440px;background:#d3e8f7;display:grid;place-items:center;overflow:hidden;position:relative}.re-service-mobile .re-service-visual{background:#dfdcf7}.re-service-ai .re-service-visual{background:#d1e8e5}.re-service-network .re-service-visual{background:#dce4ed}.re-visual-frame{width:66%;height:65%;background:#0b2340;transform:rotate(-9deg);box-shadow:28px 34px 0 #ffffff75,0 35px 80px #1039696b;border:6px solid #375e83;border-radius:25px;position:relative;padding:32px}.re-service-mobile .re-visual-frame{border-radius:60px;width:45%;height:85%;transform:rotate(12deg)}.re-service-ai .re-visual-frame{border-radius:50%;width:63%;aspect-ratio:1;height:auto;transform:none}.re-service-network .re-visual-frame{transform:rotate(45deg);width:59%;height:61%}.re-visual-icon{font-size:5.5rem;color:#83d1ff;line-height:1;text-shadow:0 0 40px #74d7ff8c}.re-visual-lines{display:grid;gap:13px;margin-top:28px}.re-visual-lines i{height:8px;background:#4da1e949;border-radius:5px}.re-visual-lines i:nth-child(2){width:73%}.re-visual-lines i:nth-child(3){width:88%}.re-visual-lines i:nth-child(4){width:52%}.re-visual-frame>span{position:absolute;bottom:23px;left:28px;color:#8aadd3;font-size:.55rem;letter-spacing:.17em}.re-process{background:#fff}.re-process h2{font-size:clamp(3rem,5vw,5rem)}.re-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.re-process-grid article{padding-top:25px;border-top:2px solid #173554}.re-process-grid span{font-weight:800;color:#4485d7}.re-process-grid h3{font-size:1.55rem;margin:30px 0 15px}.re-process-grid p{color:#647385;line-height:1.7}
/* Portfolio */
.re-portfolio-hero{background:radial-gradient(circle at 75% 25%,#234676,#071727 52%,#04101b);padding:130px 0 180px;color:#fff}.re-portfolio-hero h1{font-size:clamp(4rem,8vw,9.5rem);max-width:1050px;margin:40px 0}.re-portfolio-hero>div>p:last-child{max-width:580px;color:#bbccdd;font-size:1.15rem;line-height:1.8}.re-portfolio-wrap{padding:0 0 130px;background:#f3f6f7}.re-concept-note{font-size:.77rem;color:#597189;letter-spacing:.06em;padding:35px 0 70px}.re-case{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;margin-bottom:130px}.re-case-flip{grid-template-columns:.8fr 1.2fr}.re-case-flip .re-case-art{order:2}.re-case-art{height:430px;padding:50px;background:linear-gradient(135deg,#d6e8f8,#679ee2);display:grid;place-items:center;overflow:hidden}.re-case-support{background:linear-gradient(135deg,#dee0fa,#8582c9)}.re-case-infrastructure{background:linear-gradient(135deg,#d4f2e7,#63afbf)}.re-mock-top{background:#081726;color:#fff}.re-mock-content{display:flex;height:calc(100% - 43px);background:#102943}.re-mock-sidebar{width:60px;padding:28px 15px;border-right:1px solid #ffffff1f}.re-mock-sidebar b{display:block;width:25px;height:9px;background:#6aaee776;margin-bottom:20px;border-radius:3px}.re-mock-stage{padding:35px;flex:1}.re-mock-stat{display:flex;gap:10px}.re-mock-stat span{flex:1;padding:18px;background:#ffffff13;border-radius:5px;color:#93c9ff;font-size:1.25rem}.re-mock-chart{height:110px;display:flex;align-items:end;gap:12px;padding-top:15px}.re-mock-chart i{height:45%;flex:1;background:linear-gradient(#7dd9ff,#2e73c2);border-radius:4px 4px 0 0}.re-mock-chart i:nth-child(2){height:75%}.re-mock-chart i:nth-child(3){height:57%}.re-mock-chart i:nth-child(4){height:93%}.re-mock-chart i:nth-child(5){height:70%}.re-mock-tile{display:flex;gap:10px;margin-top:18px}.re-mock-tile i{flex:1;height:15px;background:#ffffff25}.re-case-art>.re-mock-top{display:none}.re-case-art:has(.re-mock-content) .re-mock-content{width:96%;height:85%;transform:rotate(-6deg);border:8px solid #0b2742;box-shadow:25px 35px 65px #12365a66;border-radius:7px;overflow:hidden}.re-case-copy h2{font-size:clamp(2.8rem,4.7vw,5.5rem);margin:25px 0}.re-case-copy>p:not(.re-overline){color:#5c6979;font-size:1.08rem;line-height:1.8;margin-bottom:28px}
/* About */
.re-about-hero{background:#061523;padding:100px 0 125px}.re-about-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.re-about-hero h1{color:#fff;font-size:clamp(3.9rem,7.4vw,8rem);margin:40px 0}.re-about-hero-art{min-height:390px;display:grid;place-items:center;position:relative}.re-about-symbol{width:320px;height:320px;border:1px solid #7bbfff75;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:10px;transform:rotate(-20deg);box-shadow:0 0 0 30px #4699f00c,0 0 0 70px #4699f00a}.re-about-symbol span{font-size:7rem;font-weight:800;color:#d1ecff;text-shadow:0 0 35px #2292ff}.re-about-symbol b{font-size:4rem;color:#4ba7ff}.re-about-hero-art p{position:absolute;bottom:0;color:#7ea4cb;font-size:.65rem;letter-spacing:.2em}.re-about-statement-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.re-about-statement h2{font-size:clamp(3.3rem,6vw,6rem);margin:0 0 35px}.re-about-statement p:not(.re-overline){max-width:720px;line-height:1.85;color:#546576;font-size:1.15rem}.re-values{padding:110px 0;background:#0a1d32;color:#fff}.re-values h2{font-size:clamp(3.2rem,5vw,5.5rem)}.re-values-list{margin-top:55px}.re-values-list article{display:grid;grid-template-columns:.2fr 1fr 1fr;gap:30px;padding:37px 0;border-top:1px solid #ffffff2e;align-items:center}.re-values-list article>span{color:#70b5ef;font-weight:850}.re-values-list h3{font-size:1.8rem;letter-spacing:-.04em;margin:0}.re-values-list p{color:#abc1d5;line-height:1.7}.re-about-closing h2{font-size:clamp(3.6rem,6.8vw,7rem);margin:30px 0}
/* Existing catalog / insights / contact get differentiated treatments */
body:has(.legacy-products-grid) .page-banner{background:#dceaf3;color:#10273b;padding:95px 0 75px}body:has(.legacy-products-grid) .page-banner h1,body:has(.legacy-products-grid) .page-banner p{color:#10273b}body:has(.legacy-products-grid) .legacy-products-grid{grid-template-columns:repeat(3,1fr);gap:22px}body:has(.legacy-products-grid) .legacy-product{border-radius:8px;background:#fff;overflow:hidden;transition:transform .22s,box-shadow .22s}body:has(.legacy-products-grid) .legacy-product:hover{transform:translateY(-5px);box-shadow:0 15px 40px #102a401b}body:has(.article-grid) .page-banner{background:linear-gradient(125deg,#071523,#123657)}body:has(.article-grid) .article-card{min-height:300px;border-radius:0;border-top:3px solid #348dff}body:has(.contact-page) .page-banner{background:#e1edf5;color:#10293e}body:has(.contact-page) .page-banner h1,body:has(.contact-page) .page-banner p{color:#10293e}body:has(.contact-page) .contact-section{background:#091d32}body:has(.contact-page) .contact-form{box-shadow:0 24px 70px #0002}
/* Motion and layouts */
.re-home-services a,.re-case-art,.re-service-visual{transition:transform .25s ease}.re-case-art:hover,.re-service-visual:hover{transform:translateY(-5px)}@media(max-width:1050px){.re-hero-copy h1{font-size:clamp(3.8rem,6vw,6rem)}.re-hero-scene{height:450px}.re-home-services{grid-template-columns:repeat(2,1fr)}.re-endnote-grid{grid-template-columns:1fr 1fr}.re-endnote-grid>.re-overline{grid-column:1/-1}.re-panel-layout{gap:30px}.re-case{gap:35px}}@media(max-width:800px){.re-hero-layout,.re-panel-layout,.re-service-layout,.re-about-hero-grid,.re-case,.re-case-flip{grid-template-columns:1fr}.re-hero-layout{padding-top:70px}.re-hero-copy h1{white-space:normal;font-size:clamp(3.4rem,11vw,6rem)}.re-hero-scene{height:355px;max-width:550px;width:100%;margin:auto}.re-hero-bottom{gap:15px}.re-intro-grid,.re-about-statement-layout{grid-template-columns:1fr;gap:25px}.re-services-heading{display:block}.re-services-heading p{margin-top:30px}.re-services-nav{grid-template-columns:repeat(2,1fr)}.re-service-feature:nth-of-type(even) .re-service-copy{order:0}.re-service-visual{height:360px}.re-case-flip .re-case-art{order:0}.re-case-art{height:340px}.re-process-grid{grid-template-columns:repeat(2,1fr)}.re-about-hero-art{min-height:330px}.re-values-list article{grid-template-columns:50px 1fr}.re-values-list article p{grid-column:2}.re-black-panel h2,.re-case-copy h2{font-size:clamp(3rem,8vw,5rem)}}@media(max-width:540px){.re-section{padding:70px 0}.re-hero-copy h1{font-size:clamp(3rem,12vw,4.5rem)}.re-hero-scene{height:290px}.re-hero-bottom{font-size:.53rem}.re-marquee>.container{justify-content:center}.re-marquee span{font-size:.6rem}.re-home-services{grid-template-columns:1fr;margin-top:45px}.re-home-services a{min-height:205px}.re-home-services h3{margin-top:22px}.re-intro-grid h2,.re-about-statement h2{font-size:clamp(2.9rem,11vw,4rem)}.re-panel-screen{height:260px;transform:none}.re-screen-data{padding:15px}.re-endnote-grid{grid-template-columns:1fr}.re-services-hero{padding-top:75px}.re-services-heading h1,.re-portfolio-hero h1,.re-about-hero h1{font-size:clamp(3.3rem,13vw,5rem)}.re-portfolio-hero{padding:80px 0 120px}.re-case-art{height:270px;padding:15px}.re-mock-stage{padding:13px}.re-case{margin-bottom:85px}.re-about-symbol{height:240px;width:240px}.re-about-symbol span{font-size:5rem}.re-process-grid{grid-template-columns:1fr 1fr;gap:20px}.re-process-grid h3{font-size:1.18rem}.re-values-list h3{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.re-home-services a,.re-case-art,.re-service-visual,.re-dark-link,.re-arrow-link{transition:none}}

/* AwadaTech QA v4.1 ¡ª responsive hardening for legacy reimagined artwork.
   Kept intentionally scoped to .re-* so newer page-specific designs remain unchanged. */
.re-hero-layout,.re-hero-copy,.re-hero-scene,.re-panel-layout>*,.re-case>*,.re-service-layout>*{min-width:0}
.re-hero-copy h1{white-space:normal;overflow-wrap:normal}
.re-hero-scene,.re-service-visual,.re-case-art,.re-about-hero-art{max-width:100%;isolation:isolate}
.re-hero-scene{overflow:hidden}
.re-orbit,.re-grid-floor,.re-core{pointer-events:none}
.re-case-art .re-mock-content,.re-panel-screen,.re-browser{max-width:100%}
.re-service-copy h2,.re-case-copy h2,.re-about-statement h2,.re-endnote h2{overflow-wrap:break-word}
.re-home-services a:focus-visible,.re-services-nav a:focus-visible,.re-dark-link:focus-visible,.re-arrow-link:focus-visible,.re-primary:focus-visible{outline:3px solid #3089dc;outline-offset:4px}
@media (max-width:1050px){
  .re-hero-copy h1{font-size:clamp(3.25rem,6.2vw,5.8rem)}
  .re-hero-scene{height:420px}
  .re-case-art{padding:clamp(16px,3vw,36px)}
  .re-service-visual{height:390px}
}
@media (max-width:800px){
  .re-hero-layout{min-height:0}
  .re-hero-copy h1{font-size:clamp(3.1rem,9.5vw,5.25rem)}
  .re-hero-scene{height:350px;max-width:520px;transform:none}
  .re-case-art{min-height:0}
  .re-portfolio-hero{padding-bottom:95px}
  .re-services-heading{margin-bottom:38px}
}
@media (max-width:540px){
  .re-hero-layout{padding-top:35px}
  .re-hero-copy h1{font-size:clamp(2.65rem,11vw,4rem);letter-spacing:-.06em}
  .re-hero-scene{height:275px;max-width:100%;margin-inline:auto}
  .re-float{padding:8px 10px;font-size:.52rem;max-width:45%;overflow-wrap:anywhere}
  .re-float-b{right:3%}
  .re-service-visual{height:290px}
  .re-visual-frame{padding:17px}
  .re-visual-icon{font-size:3.5rem}
  .re-case-art{padding:12px}
  .re-mock-content{min-width:0}
  .re-services-nav a{font-size:.72rem;padding:18px 9px}
  .re-portfolio-hero{padding-top:48px;padding-bottom:75px}
  .re-about-hero{padding-top:35px}
}
html[dir="rtl"] .re-hero-copy h1,html[dir="rtl"] .re-service-copy h2,html[dir="rtl"] .re-case-copy h2{letter-spacing:0}
@media(prefers-reduced-motion:reduce){
  .re-primary,.re-hero-scene,.re-hero-copy h1,.re-float{animation:none;transition:none} 
}