:root{
  --max:1440px;
  --aria-bg:#f7f9fc;--aria-white:#fff;--aria-blue:#092d50;--aria-blue2:#0f4d7c;
  --aria-text:#132942;--aria-muted:#5f738a;--aria-line:#dbe4ed;--aria-soft:#eef4f9;
  --to-bg:#030505;--to-panel:#07100b;--to-text:#f5f7f5;--to-muted:#a5aea8;
  --to-line:rgba(255,255,255,.10);--green:#67ff48;--green2:#38df40;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin:0 auto}
.eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.24em}
.section-title{font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.03;letter-spacing:-.045em;margin:.15em 0}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}
.nav{height:74px;display:flex;align-items:center;gap:28px}
.nav-links{display:flex;gap:30px;align-items:center;margin-left:auto;font-size:.92rem}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;padding:11px 18px;font-weight:800;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.menu-btn{display:none;margin-left:auto}
.footer-grid{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:.88rem}

/* ARIA */
body.aria{background:var(--aria-bg);color:var(--aria-text)}
body.aria .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--aria-line)}
body.aria .nav-links{color:#38506a}
body.aria .nav-links a:hover{color:var(--aria-blue2)}
body.aria .btn.primary{color:#fff;background:linear-gradient(135deg,var(--aria-blue),var(--aria-blue2));box-shadow:0 10px 24px rgba(9,45,80,.16)}
body.aria .btn.secondary{color:var(--aria-blue);background:#fff;border-color:#cbd8e5}
.aria-logo{height:55px;width:auto}

.aria-hero{position:relative;min-height:535px;overflow:hidden;background:linear-gradient(90deg,#fff,#f6f9fc)}
.aria-hero-art{position:absolute;right:0;top:0;bottom:0;width:63%;background:url("../images/aria-hero-scene.jpg") center 52%/cover no-repeat}
.aria-hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fbfe 0%,rgba(248,251,254,.96) 8%,rgba(248,251,254,.67) 24%,rgba(248,251,254,.14) 47%,transparent 67%)}
.aria-hero-content{position:relative;z-index:2;width:45%;padding:68px 0 62px}
.aria-hero h1{font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.06em;margin:.18em 0 .26em}
.aria-subhead{font-size:clamp(1.55rem,2.4vw,2.3rem);line-height:1.14;margin:0 0 16px;font-weight:650}
.aria-lead{font-size:1.12rem;line-height:1.6;max-width:520px;color:var(--aria-muted)}
.aria-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

.aria-values-wrap{background:#fff;border-top:1px solid var(--aria-line);border-bottom:1px solid var(--aria-line)}
.aria-values{display:grid;grid-template-columns:repeat(4,1fr)}
.aria-value{padding:27px 30px;border-right:1px solid var(--aria-line)}
.aria-value:last-child{border-right:none}
.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;margin-bottom:13px}
.aria .icon{color:#124f85;background:#f1f6fb;border:1px solid #d6e3ef}
.icon svg,.step-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aria-value h3{margin:0 0 5px;font-size:1.02rem}
.aria-value p{margin:0;color:var(--aria-muted);font-size:.92rem;line-height:1.45}

.aria-approach{background:#fff;border-bottom:1px solid var(--aria-line)}
.aria-approach-grid{display:grid;grid-template-columns:1fr 1fr;min-height:360px}
.aria-approach-art{min-height:360px;background:url("../images/aria-city-scene.jpg") center/cover no-repeat;position:relative}
.aria-approach-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(255,255,255,.88) 92%,#fff 100%)}
.aria-approach-copy{display:flex;flex-direction:column;justify-content:center;padding:50px 60px}
.aria-approach-copy p{max-width:620px;color:var(--aria-muted);font-size:1.02rem}

.aria-project{background:#fff;padding:52px 0;border-bottom:1px solid var(--aria-line)}
.aria-project-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.aria-project-art{height:260px;border-radius:16px;overflow:hidden;position:relative;background:#08100b}
.aria-project-art::before{content:"";position:absolute;inset:0;background:url("../images/takeover-community-scene.jpg") center/cover no-repeat}
.aria-project-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,8,.32),transparent 50%)}

.aria-contact{padding:62px 0;background:linear-gradient(180deg,#f9fbfd,#f4f7fa);border-bottom:1px solid var(--aria-line)}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px;align-items:start}
.contact-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.03;margin:.15em 0}
.contact-copy p{color:var(--aria-muted);max-width:430px}
.contact-form{background:#fff;border:1px solid var(--aria-line);border-radius:14px;padding:24px;box-shadow:0 18px 50px rgba(19,41,66,.07)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-grid .full{grid-column:1/-1}
label{font-size:.82rem;font-weight:700}
.input{width:100%;margin-top:6px;padding:12px 13px;border-radius:8px;border:1px solid #ccd8e4;background:#fff;color:var(--aria-text);outline:none}
.input:focus{border-color:#6f9bbb;box-shadow:0 0 0 3px rgba(15,77,124,.08)}
textarea.input{min-height:112px;resize:vertical}
.form-actions{display:flex;justify-content:flex-end;margin-top:13px}
.form-help{font-size:.79rem;color:var(--aria-muted);margin-top:10px}
.form-status{min-height:1.2em;margin-top:8px;font-size:.88rem;color:var(--aria-blue2)}
.aria-footer{background:#fff}
.aria-footer .footer-links{color:#52677d}

/* TAKEOVER */
body.takeover{color:var(--to-text);background:radial-gradient(circle at 74% 0%,rgba(103,255,72,.06),transparent 27%),#030505}
body.takeover .site-header{background:rgba(2,4,3,.92);border-bottom:1px solid rgba(255,255,255,.07)}
body.takeover .nav-links{color:#d7dcd8}
body.takeover .nav-links a:hover{color:var(--green)}
body.takeover .btn.primary{color:#061006;background:linear-gradient(135deg,var(--green2),var(--green));box-shadow:0 0 28px rgba(103,255,72,.12)}
body.takeover .btn.secondary{color:#fff;background:rgba(255,255,255,.03);border-color:var(--to-line)}
.takeover-logo{height:38px;width:auto}

.takeover-hero{min-height:555px;position:relative;overflow:hidden;background:linear-gradient(180deg,#07100b,#030505);border-bottom:1px solid rgba(255,255,255,.07)}
.takeover-hero-art{position:absolute;right:0;top:0;bottom:0;width:63%;background:url("../images/takeover-hero-scene.jpg") center/cover no-repeat}
.takeover-hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030505 0%,rgba(3,5,5,.96) 8%,rgba(3,5,5,.62) 25%,rgba(3,5,5,.08) 49%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,.03))}
.takeover-hero-content{position:relative;z-index:2;width:45%;padding:52px 0 48px}
.takeover-hero h1{font-size:clamp(3rem,5.4vw,5.3rem);line-height:.98;letter-spacing:-.055em;margin:.15em 0 .22em}
.takeover-lead{font-size:1.08rem;color:#bcc4be;max-width:560px;line-height:1.55}
.beta-panel{margin-top:25px;padding:20px;border-radius:12px;border:1px solid rgba(103,255,72,.32);background:linear-gradient(135deg,rgba(7,19,11,.93),rgba(7,11,8,.83))}
.beta-panel h3{margin:0;color:var(--green);font-size:1.18rem}
.beta-panel p{margin:.25rem 0 1rem;color:#bcc4be}
.beta-form{display:grid;grid-template-columns:1fr auto;gap:9px}
.takeover .input{background:#090d0a;border-color:rgba(255,255,255,.12);color:#fff}
.takeover .input:focus{border-color:rgba(103,255,72,.48);box-shadow:0 0 0 3px rgba(103,255,72,.07)}
.beta-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:.78rem;color:#cdd4cf}
.takeover-status{color:var(--green)}

.to-features{padding:28px 0 18px;background:#030505}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.feature-card{min-height:188px;padding:20px;border-radius:12px;border:1px solid var(--to-line);background:linear-gradient(180deg,rgba(9,17,12,.96),rgba(5,9,7,.96))}
.takeover .icon{width:52px;height:52px;color:var(--green);border:1px solid rgba(103,255,72,.28);background:rgba(103,255,72,.07)}
.feature-card h3{margin:0 0 6px;color:var(--green);font-size:.95rem}
.feature-card p{margin:0;color:#c2cac4;font-size:.91rem;line-height:1.45}

.beta-steps{padding:8px 0 22px}
.steps-shell{padding:18px;border:1px solid var(--to-line);border-radius:12px;background:linear-gradient(180deg,rgba(7,14,10,.94),rgba(4,8,6,.94))}
.steps-title{color:var(--green);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.step-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.035)}
.step h4{margin:0 0 4px;color:var(--green);font-size:.87rem}
.step p{margin:0;color:#c5cdc7;font-size:.82rem;line-height:1.4}

.device-strip,.community-strip{padding:0 0 18px}
.device-shell,.community-shell{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--to-line);background:#050806}
.device-shell{min-height:165px}
.community-shell{min-height:185px}
.device-art{position:absolute;right:0;top:0;bottom:0;width:58%;background:url("../images/takeover-devices-scene.jpg") center/cover no-repeat}
.community-art{position:absolute;right:0;top:0;bottom:0;width:64%;background:url("../images/takeover-community-scene.jpg") center/cover no-repeat}
.device-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050806 0%,rgba(5,8,6,.72) 20%,transparent 55%)}
.community-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050806 0%,rgba(5,8,6,.78) 17%,rgba(5,8,6,.12) 55%,rgba(5,8,6,.06) 100%)}
.device-copy,.community-copy{position:relative;z-index:2;padding:24px;max-width:510px}
.device-copy h3{margin:0 0 5px;font-size:1.3rem}
.device-copy p,.community-copy p{margin:0;color:#b8c0ba;font-size:.88rem}
.store-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.store-badge{min-width:150px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#020302;color:#fff;font-size:.79rem}
.store-badge strong{display:block;font-size:.98rem}
.community-copy h3{font-size:1.6rem;line-height:1.08;margin:0 0 10px}
.community-copy h3 span{color:var(--green)}
.takeover-footer{border-top:1px solid rgba(255,255,255,.07);background:#020303}
.takeover-footer .footer-links{color:#aab3ad}

@media(max-width:1120px){
  .aria-hero-content,.takeover-hero-content{width:52%}
  .aria-hero-art,.takeover-hero-art{width:58%}
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav{height:66px}
  .nav-links{display:none;position:absolute;left:14px;right:14px;top:70px;flex-direction:column;align-items:stretch;gap:12px;padding:15px;border-radius:12px}
  .nav-links.open{display:flex}
  body.aria .nav-links{background:#fff;border:1px solid var(--aria-line)}
  body.takeover .nav-links{background:#07100b;border:1px solid var(--to-line)}
  .menu-btn{display:inline-flex}
  .nav>.btn.primary{display:none}
  .aria-logo{height:48px}.takeover-logo{height:34px}

  .aria-hero,.takeover-hero{min-height:auto}
  .aria-hero-art,.takeover-hero-art{position:relative;width:100%;height:360px}
  .aria-hero-art::before{background:linear-gradient(0deg,#f8fbfe 0%,rgba(248,251,254,.55) 18%,transparent 52%)}
  .takeover-hero-art::before{background:linear-gradient(0deg,#030505 0%,rgba(3,5,5,.55) 18%,transparent 52%)}
  .aria-hero-content,.takeover-hero-content{width:100%;padding:42px 0 28px}
  .aria-values{grid-template-columns:repeat(2,1fr)}
  .aria-value:nth-child(2){border-right:none}
  .aria-value:nth-child(-n+2){border-bottom:1px solid var(--aria-line)}
  .aria-approach-grid,.contact-grid,.aria-project-grid{grid-template-columns:1fr}
  .aria-approach-art{min-height:300px}
  .aria-approach-art::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.62) 14%,transparent 45%)}
  .aria-approach-copy{padding:34px 0 45px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .device-art,.community-art{width:100%;opacity:.82}
  .device-art::before,.community-art::before{background:linear-gradient(90deg,#050806 0%,rgba(5,8,6,.76) 32%,rgba(5,8,6,.18) 100%)}
}
@media(max-width:560px){
  .aria-values,.feature-grid,.steps-grid,.form-grid{grid-template-columns:1fr}
  .aria-value{border-right:none;border-bottom:1px solid var(--aria-line)}
  .aria-value:last-child{border-bottom:none}
  .beta-form{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .form-actions{justify-content:stretch}
  .form-actions .btn{width:100%}
  .aria-hero-art,.takeover-hero-art{height:300px}
  .device-shell,.community-shell{min-height:220px}
}