/* Identity layer: retain all existing sections, controls and responsive layouts. */
.header-row{height:120px;gap:28px}
.header-brand{margin-left:0}
.header-brand img{width:280px;height:auto;transform:none}
nav{margin-left:0;gap:clamp(18px,2vw,32px)}
.brand-lockup{display:flex;align-items:center;gap:24px;width:min(1050px,78vw);margin:0 0 15px -10px;min-width:0}
.hero-isotype{display:block;flex:0 0 190px;width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 0 12px #0085ff15)}
.brand-wording{min-width:0;flex:1}
.brand-type{display:flex;white-space:nowrap;font-family:'Quagentia Technical',Arial,sans-serif;font-size:clamp(58px,6.4vw,106px);font-weight:400;line-height:1.2;letter-spacing:-4px}
.brand-chrome{color:#f0f6ff;background:linear-gradient(180deg,#fff 8%,#f5fbff 24%,#c8d7e5 47%,#768ba0 54%,#d6e4ed 68%,#fff 88%,#87a3bd);background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.3px #d5e5f5;filter:drop-shadow(0 2px 0 #102b48)}
.brand-ai{color:#08bfff;background:linear-gradient(180deg,#b2ffff,#09d7ff 38%,#0086fa 74%,#0065d9);background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #6cddff;filter:drop-shadow(0 0 7px #007aff55)}
.brand-tagline{font:clamp(11px,1vw,17px)/1.5 Arial,Helvetica,sans-serif;letter-spacing:clamp(1.3px,.23vw,4px);text-transform:uppercase;color:#d9e5f1;margin:15px 0 0 5px}
.footer-row .brand img{width:240px;height:auto}
@media(max-width:1500px) and (min-width:1101px){.header-row{height:110px;gap:24px}.header-brand img{width:245px}.header-cta{min-width:155px}nav{font-size:14px;gap:24px}.brand-lockup{width:80vw}.hero-isotype{width:170px;height:170px;flex-basis:170px}.brand-type{font-size:6.4vw;letter-spacing:-3px}}
@media(max-width:1200px){.header-cta{display:none}.header-row{height:96px;gap:12px;flex-wrap:nowrap}.header-brand{margin:0}.header-brand img{width:245px}.js .menu{display:flex;align-items:center;gap:14px}.js nav{display:none;position:absolute;top:88px;left:5%;right:5%;margin:0;padding:12px 20px;background:#06101ff8;border:1px solid #3e6899;border-radius:14px;box-shadow:0 16px 60px #000}.js nav[data-open=true]{display:flex;flex-direction:column;gap:0;align-items:stretch}.js nav a{padding:12px;font-size:15px}.js nav a[aria-current]:after{display:none}.brand-lockup{width:100%;gap:18px;margin-left:0}.hero-isotype{width:140px;height:140px;flex-basis:140px}.brand-type{font-size:6.5vw;letter-spacing:-2.3px}.brand-tagline{font-size:11px;letter-spacing:2px;margin-top:12px}html:not(.js) .header-row{height:auto;flex-wrap:wrap;padding:15px 0}html:not(.js) nav{position:static;width:100%;flex-wrap:wrap;margin:0;gap:0 20px}html:not(.js) nav a{padding:8px 0}}
@media(max-width:760px){.header-row{height:88px}.header-brand img{width:235px;max-width:calc(90vw - 112px)}.js nav{top:82px}.brand-lockup{width:98%;margin:0 auto 18px;gap:10px}.hero-isotype{width:76px;height:76px;flex-basis:76px}.brand-type{font-size:clamp(23px,6.7vw,46px);letter-spacing:-.8px;line-height:1.2}.brand-tagline{font-size:9px;letter-spacing:1px;line-height:1.5;margin:8px 0 0 1px}.footer-row .brand img{width:210px}.hero-eyebrow{margin-bottom:10px}}
@media(max-width:370px){.header-brand img{width:212px;max-width:calc(90vw - 112px)}.hero-isotype{width:68px;height:68px;flex-basis:68px}.brand-lockup{gap:8px}.brand-type{font-size:6.5vw;letter-spacing:-.85px}.brand-tagline{font-size:8px;letter-spacing:.9px}}
@media(forced-colors:active){.brand-chrome,.brand-ai{background:none;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;color:CanvasText;filter:none}.brand-tagline{color:CanvasText}}

/* Controlled visual refinement: calm the background; leave all brand rules intact. */
.hero::before{filter:brightness(.84) contrast(.94) saturate(.98)}
.hero::after{background:linear-gradient(90deg,rgba(2,5,12,.62) 0%,rgba(2,5,12,.50) 38%,rgba(2,5,12,.20) 65%,rgba(2,5,12,.04) 100%),linear-gradient(0deg,#02050c 0%,rgba(2,5,12,.08) 20%,transparent 45%)}
.hero h1 .headline-main{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:clamp(32px,2.9vw,46px);line-height:1.16;letter-spacing:-1px;color:#f5f8fd;background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;filter:none;text-shadow:none}
.hero h1 .headline-sub{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(25px,2.2vw,36px);line-height:1.25;letter-spacing:-.5px;color:#8fc5f7}
.hero-description{color:#d6e0ed;text-shadow:none}
h2{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-1px}
h3{font-family:Arial,Helvetica,sans-serif}
.benefit h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.25px;white-space:normal;color:#f5f8fd}
.benefit p{font-size:16px;line-height:1.55;color:#d2dce9}
@media(min-width:1501px){.benefit h3{font-size:20px}.benefit p{font-size:17px}}
@media(max-width:760px){
 .hero::after{background:linear-gradient(90deg,rgba(2,5,12,.65),rgba(2,5,12,.32) 75%,rgba(2,5,12,.16)),linear-gradient(0deg,#02050c 2%,rgba(2,5,12,.42) 48%,rgba(2,5,12,.12) 85%)}
 .hero h1 .headline-main{font-size:clamp(28px,7.2vw,36px);line-height:1.18;letter-spacing:-.65px}
 .hero h1 .headline-sub{font-size:clamp(23px,5.9vw,30px);line-height:1.3;letter-spacing:-.35px;margin-top:8px}
 h2{letter-spacing:-.75px}
 .benefit h3{font-size:18px}
 .benefit p{font-size:16px}
}
@media(max-width:370px){.benefit p{font-size:15px}}
@media(forced-colors:active){.hero h1 .headline-main,.hero h1 .headline-sub{color:CanvasText}}

/* Restore the supplied 1672 x 941 reference with the approved brand assets. */
.header-row{height:124px;gap:28px}
header>.wrap{width:min(1452px,calc(100% - 13.15%))}
.header-brand img{width:260px;height:auto}
nav{margin-left:120px;gap:40px;font-size:16px}
.header-cta{min-width:210px;min-height:53px;border:1px solid #c8dfff;border-radius:15px;background:#02070ca0;box-shadow:none;padding:12px 26px}
.hero{padding:192px 0 32px;min-height:941px}
.hero>.wrap{width:min(1452px,calc(100% - 13.15%))}
.hero::before{background-position:center 80px;background-size:cover;opacity:.6;filter:none}
.hero::after{background:linear-gradient(90deg,rgba(2,5,12,.78),rgba(2,5,12,.58) 42%,rgba(2,5,12,.32) 75%,rgba(2,5,12,.30)),linear-gradient(0deg,#02050c 0%,rgba(2,5,12,.15) 22%,transparent 55%)}
.brand-lockup{width:1050px;max-width:100%;gap:0;margin:0 0 20px -10px}
.hero-isotype{width:220px;height:220px;flex-basis:220px}
.brand-wording{transform:translateY(18px)}
.brand-type{font-size:100px;line-height:1.2;letter-spacing:-3px}
.brand-tagline{font-size:20px;line-height:1.25;letter-spacing:4px;margin:18px 0 0 18px;white-space:nowrap}
.hero h1{max-width:1000px;margin:0 0 26px;line-height:1.16}
.hero h1 .headline-main{font-size:50px;line-height:1.16;letter-spacing:-1.35px;font-weight:600}
.hero h1 .headline-sub{font-size:40px;line-height:1.25;letter-spacing:-.8px;margin-top:4px}
.hero-description{font-size:20px;line-height:1.45;max-width:750px;border-left:2px solid #00e3ef;padding:0 0 0 26px;margin:0 0 27px 3px;color:#e1e7ef}
.hero-actions{gap:30px;margin-left:3px}
.hero-actions .button{height:63px;min-height:63px;padding:16px 30px;font-size:18px;justify-content:space-between}
.hero-actions .primary{width:367px;min-width:0}
.hero-actions .secondary{width:247px;min-width:0}
.benefits{width:calc(100% + 36px);margin:30px -18px 0;gap:22px}
.benefit{min-height:160px;padding:17px 22px 20px;border:1px solid #00bedd;border-radius:17px;background:linear-gradient(125deg,#02080ff7,#020810f7 62%,#031222f7);box-shadow:none}
.benefit:before{display:none}
.benefit:after{opacity:.45}
.benefit-title{gap:18px}
.benefit .orb-icon{width:64px;height:64px}
.benefit h3{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.3px}
.benefit p{font-size:17px;line-height:1.4;margin:12px 0 0;max-width:calc(100% - 40px);color:#dce4ef}
.benefit-link{top:68px;right:14px;bottom:auto}
@media(max-width:1500px) and (min-width:1201px){
 header>.wrap,.hero>.wrap{width:87%}nav{margin-left:35px;gap:26px;font-size:14px}.header-brand img{width:240px}.header-cta{min-width:170px}
 .hero{padding-top:160px;min-height:850px}.brand-lockup{width:100%}.hero-isotype{width:190px;height:190px;flex-basis:190px}.brand-type{font-size:86px}.brand-tagline{font-size:16px;letter-spacing:3px;margin-left:12px}.brand-wording{transform:translateY(16px)}
 .hero h1 .headline-main{font-size:43px}.hero h1 .headline-sub{font-size:35px}.hero-description{font-size:18px}.hero-actions .button{height:59px;min-height:59px;font-size:16px}.hero-actions .primary{width:335px}.hero-actions .secondary{width:224px}
 .benefits{gap:20px}.benefit{padding:18px;min-height:163px}.benefit-title{gap:12px}.benefit .orb-icon{width:54px;height:54px}.benefit h3{font-size:17px}.benefit p{font-size:15px}.benefit-link{top:67px;right:7px}
}
@media(max-width:1200px){
 header>.wrap,.hero>.wrap{width:90%}.header-row{height:96px;gap:12px}.header-brand img{width:245px}nav{margin-left:0}
 .hero{padding-top:150px;min-height:0}.hero::before{background-position:62% 35px;opacity:.48}.brand-lockup{width:100%;gap:12px;margin:0 0 28px}.hero-isotype{width:150px;height:150px;flex-basis:150px}.brand-type{font-size:6.5vw;letter-spacing:-2px}.brand-wording{transform:translateY(8px)}.brand-tagline{font-size:11px;letter-spacing:2px;margin:14px 0 0 3px;white-space:normal}
 .hero h1 .headline-main{font-size:38px}.hero h1 .headline-sub{font-size:30px}.hero-description{font-size:17px;max-width:650px}.hero-actions .button{height:57px;min-height:57px;font-size:16px;padding:14px 22px}.hero-actions .primary{width:320px}.hero-actions .secondary{width:220px}
 .benefits{width:100%;margin:36px 0 0;gap:20px}.benefit{padding:21px 24px;min-height:170px}.benefit h3{font-size:20px}.benefit p{font-size:16px}.benefit-title{gap:16px}.benefit-link{right:12px;top:74px}
}
@media(max-width:760px){
 .header-row{height:88px}.header-brand img{width:235px;max-width:calc(90vw - 112px)}.hero{padding:125px 0 32px}.hero::before{background-position:67% 0;background-size:auto 700px;opacity:.36}.hero::after{background:linear-gradient(90deg,rgba(2,5,12,.58),rgba(2,5,12,.16)),linear-gradient(0deg,#02050c 2%,rgba(2,5,12,.2) 45%,transparent 85%)}
 .brand-lockup{width:98%;margin:0 auto 30px;gap:10px}.hero-isotype{width:86px;height:86px;flex-basis:86px}.brand-type{font-size:clamp(23px,6.5vw,46px);letter-spacing:-.8px}.brand-wording{transform:none}.brand-tagline{font-size:9px;letter-spacing:.9px;line-height:1.5;margin:8px 0 0 1px}
 .hero h1{margin-bottom:26px}.hero h1 .headline-main{font-size:clamp(27px,7.1vw,34px);line-height:1.18;letter-spacing:-.6px}.hero h1 .headline-sub{font-size:clamp(22px,5.7vw,28px);line-height:1.3;letter-spacing:-.35px;margin-top:8px}
 .hero-description{font-size:15px;line-height:1.6;padding-left:17px;margin:0 0 27px 1px}.hero-actions{gap:12px;margin:0}.hero-actions .button{width:100%;height:auto;min-height:55px;font-size:15px;padding:14px 19px}
 .benefits{margin-top:30px;gap:14px}.benefit{padding:20px;min-height:0}.benefit-title{gap:14px}.benefit .orb-icon{width:50px;height:50px}.benefit h3{font-size:18px}.benefit p{font-size:16px;line-height:1.5;max-width:none;margin-top:12px}.benefit-link{top:23px;right:12px}
}
@media(min-width:541px) and (max-width:760px){.benefit-title{flex-direction:column;align-items:flex-start;padding-right:0}.benefit p{margin-bottom:26px}.benefit-link{top:auto;bottom:5px;right:7px}}
@media(max-width:370px){.header-brand img{width:212px}.hero-isotype{width:70px;height:70px;flex-basis:70px}.brand-lockup{gap:8px}.brand-type{font-size:6.3vw;letter-spacing:-.85px}.brand-tagline{font-size:8px}.benefit p{font-size:15px}}

/* Final alignment against the supplied desktop capture. */
.hero::before{mask-image:linear-gradient(to bottom,transparent 0,transparent 70px,#000 160px)}
@media(min-width:1501px){
 header>.wrap,.hero>.wrap{width:min(1452px,86.85vw);margin-left:max(6.575vw,calc((100vw - 1452px)/2));margin-right:0}
 .brand-lockup{margin-left:-14px}
 .brand-wording{transform:translateY(12px)}
 .brand-tagline{margin-top:23px;margin-left:22px}
 .hero h1 .headline-main{font-size:52px;line-height:58px;letter-spacing:-1.2px}
 .hero h1 .headline-sub{font-size:43px;line-height:50px;letter-spacing:-.5px}
 .hero-description{font-size:20.5px;line-height:29px}
 .benefits{grid-template-columns:1.02fr .98fr .99fr 1.01fr}
 .benefit:first-child p{max-width:none}
 .benefit:last-child p{max-width:none}
}

.reference-line-break{display:none}
@media(min-width:1501px){.reference-line-break{display:initial}}

/* Contact: retain the existing glass form and layout. */
.contact-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.field-error { margin:6px 0 0; color:#ffb8b8; font-size:14px; line-height:1.5; }
#brief-form [aria-invalid="true"] { border-color:#ff9c9c; }
#brief-form button:disabled { cursor:wait; opacity:.7; }
#brief-status[data-state="error"] { color:#ffb8b8; }
#brief-status[data-state="accepted"] { color:#a1e8d1; }
#brief-status { overflow-wrap:anywhere; }
