:root {
  --ink:#09131f;
  --night:#071421;
  --night-2:#0b2230;
  --aqua:#67e6db;
  --sky:#61b9ff;
  --blue:#287be5;
  --mint:#bcebd8;
  --paper:#f5f8fb;
  --warm:#f0c99e;
  --muted:#607083;
  --line:#d8e1e9;
  --page:#fbfcfd;
  --max:1180px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--page); color:var(--ink); font-family:"Avenir Next", "SF Pro Display", "Helvetica Neue", Arial, sans-serif; font-size:16px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
h1, h2, h3, p { margin-top:0; }
.site-header { position:relative; z-index:10; height:82px; max-width:var(--max); margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-header-overlay { margin-bottom:-82px; color:#f7fbff; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:20px; font-weight:650; letter-spacing:0; white-space:nowrap; }
.brand-mark { display:inline-block; flex:0 0 auto; width:26px; height:26px; border-radius:8px; background:url("assets/icon_aurazeno_1024.png?v=202607160842") center/cover no-repeat; box-shadow:0 7px 18px rgba(5,26,44,.22); }
nav { display:flex; align-items:center; gap:24px; font-size:13px; font-weight:580; }
nav a, .text-link { transition:color .2s ease, opacity .2s ease; }
nav a:hover, .text-link:hover { color:var(--blue); }
.brand-on-dark, .site-header-overlay nav a { color:#f7fbff; }
.site-header-overlay nav a:hover { color:var(--aqua); }
.header-cta { border:1px solid var(--line); border-radius:999px; padding:10px 16px; font-size:13px; font-weight:620; transition:transform .2s ease, background .2s ease; }
.header-cta:hover { transform:translateY(-1px); }
.header-cta-on-dark { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); color:#fff; backdrop-filter:blur(16px); }
.hero { position:relative; min-height:748px; overflow:hidden; background:var(--night); color:#fff; isolation:isolate; }
.hero-field, .hero::before, .hero::after { position:absolute; inset:0; z-index:-1; content:""; }
.hero-field { background:linear-gradient(121deg, #071421 0%, #0a1c2a 39%, #0d3948 70%, #17527b 100%); }
.hero::before { opacity:.86; background:linear-gradient(144deg, transparent 15%, rgba(103,230,219,.16) 47%, transparent 72%), linear-gradient(28deg, rgba(97,185,255,.20), transparent 42%); animation:calm-shift 18s ease-in-out infinite alternate; }
.hero::after { background:linear-gradient(90deg, rgba(7,20,33,.98) 0%, rgba(7,20,33,.85) 39%, rgba(7,20,33,.24) 72%, rgba(7,20,33,.08) 100%), repeating-linear-gradient(112deg, rgba(255,255,255,.026) 0 1px, transparent 1px 46px); }
.hero-inner { width:min(var(--max), calc(100% - 48px)); min-height:748px; margin:0 auto; padding:160px 0 62px; display:grid; grid-template-columns:minmax(0, 1fr) minmax(330px, 430px); gap:86px; align-items:center; }
.hero-copy { min-width:0; max-width:625px; }
.hero-kicker, .section-label { display:flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--aqua); font-size:12px; font-weight:760; letter-spacing:.08em; text-transform:uppercase; }
.hero-kicker span, .section-label span { display:block; width:27px; height:1px; background:currentColor; }
h1 { max-width:670px; margin-bottom:20px; font-size:clamp(52px, 6.2vw, 85px); font-weight:600; letter-spacing:0; line-height:1.01; }
.hero-promise { margin-bottom:18px; color:#f5fbff; font-size:clamp(23px, 2.4vw, 32px); font-weight:500; line-height:1.13; }
.hero-body { max-width:500px; color:#c6d8e7; font-size:18px; line-height:1.55; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:34px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:50px; border-radius:999px; padding:13px 21px; font-size:14px; font-weight:620; transition:transform .2s ease, box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 16px 30px rgba(6,51,76,.28); }
.button-primary { color:#06202f; background:linear-gradient(110deg, #7df0e0, #7dc7ff); box-shadow:0 12px 28px rgba(69,197,230,.23); }
.text-link { font-size:14px; font-weight:620; }
.text-link-light { color:#e6f6ff; }
.hero-note { max-width:400px; margin-top:30px; color:#9db4c8; font-size:12px; line-height:1.45; }
.hero-device { position:relative; z-index:1; align-self:end; width:min(390px, 32vw, calc((100svh - 132px) * .46)); padding-bottom:4px; }
.hero-device > p { margin:16px 0 0; color:#a9c5d7; font-size:11px; font-weight:650; letter-spacing:.06em; text-align:center; text-transform:uppercase; }
.iphone-frame { position:relative; overflow:hidden; width:100%; aspect-ratio:1206 / 2622; padding:7px; border:1px solid #06090d; border-radius:clamp(32px, 4.2vw, 58px); background:linear-gradient(145deg, #30353a 0%, #0a0d10 22%, #181d22 62%, #030507 100%); box-shadow:0 24px 46px rgba(1,12,23,.24), inset 0 0 0 1px rgba(255,255,255,.06); }
.iphone-frame::after { position:absolute; inset:6px; border:1px solid rgba(255,255,255,.07); border-radius:inherit; content:""; pointer-events:none; }
.iphone-frame img, .iphone-frame video { display:block; width:100%; height:100%; object-fit:cover; border-radius:calc(clamp(32px, 4.2vw, 58px) - 8px); background:#eef3fb; }
.dynamic-island { position:absolute; z-index:2; top:15px; left:50%; width:31%; height:3.1%; border-radius:999px; background:#030405; transform:translateX(-50%); box-shadow:0 1px 1px rgba(255,255,255,.12); pointer-events:none; }
.iphone-frame-hero { width:100%; max-height:calc(100svh - 132px); margin:0 auto; transform:rotate(3deg); }
.product-tour { max-width:var(--max); margin:0 auto; padding:140px 24px 136px; display:grid; grid-template-columns:.58fr 1.42fr; gap:42px; align-items:center; }
.product-tour-copy { padding-top:20px; }
h2 { margin-bottom:28px; font-size:clamp(35px, 4vw, 59px); font-weight:600; letter-spacing:0; line-height:1.08; }
.product-tour-copy > p:not(.section-label) { max-width:390px; color:#5e6b7a; font-size:18px; line-height:1.55; }
.screen-gallery { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; align-items:end; }
.phone-card { margin:0; }
.phone-card-lifted { transform:translateY(-31px); }
.phone-card .iphone-frame { border-radius:28px; padding:4px; box-shadow:0 18px 34px rgba(9,27,40,.17), inset 0 0 0 1px rgba(255,255,255,.05); }
.phone-card .iphone-frame img { border-radius:23px; }
.phone-card .iphone-frame::after { inset:3px; border-color:rgba(255,255,255,.05); }
.phone-card .dynamic-island { top:9px; }
.phone-card figcaption { padding:15px 2px 0; color:#6c7a89; font-size:12px; line-height:1.35; }
.phone-card figcaption strong { display:block; margin-bottom:4px; color:var(--ink); font-size:14px; }
.statement { max-width:var(--max); margin:0 auto; padding:120px 24px 104px; }
.statement h2 { max-width:700px; }
.statement-grid { display:grid; grid-template-columns:1fr 1fr; gap:76px; max-width:820px; margin-left:auto; color:#536276; font-size:18px; line-height:1.57; }
.features { display:grid; grid-template-columns:repeat(3,1fr); max-width:var(--max); margin:0 auto; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.features article { min-height:278px; padding:36px 35px; border-right:1px solid var(--line); }
.features article:last-child { border-right:0; }
.feature-number { color:#2386a3; font-size:12px; font-weight:800; letter-spacing:.09em; }
h3 { margin:58px 0 12px; font-size:23px; font-weight:600; line-height:1.1; }
.features p { max-width:290px; color:#627083; }
.privacy-band { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:92px; overflow:hidden; margin-top:120px; padding:112px max(24px, calc((100vw - var(--max))/2)); color:#f5fbff; background:linear-gradient(110deg,#08202f 0%,#0a3947 53%,#175a72 100%); }
.privacy-band::after { position:absolute; inset:0; content:""; opacity:.46; background:linear-gradient(162deg, transparent 18%, rgba(188,235,216,.21) 54%, transparent 79%); }
.privacy-band > div { position:relative; z-index:1; }
.privacy-band .section-label { color:#97f1df; }
.privacy-band h2 { max-width:560px; margin-bottom:0; }
.privacy-band > div:last-child { align-self:end; color:#cbe1eb; font-size:18px; line-height:1.56; }
.privacy-band .text-link { display:inline-block; margin-top:23px; color:#9eeedc; }
.safety { display:grid; grid-template-columns:86px 1.15fr 1fr; gap:42px; max-width:var(--max); margin:0 auto; padding:127px 24px; }
.safety-symbol { display:grid; place-items:center; width:62px; height:62px; border:1px solid #ef9a9a; border-radius:50%; color:#db5963; font-size:34px; font-weight:300; }
.safety h2 { margin-bottom:0; font-size:clamp(33px,3.4vw,48px); }
.safety > div:last-child { align-self:end; color:#5b697a; }
.safety > div:last-child p:last-child { margin-bottom:0; color:#283d56; font-weight:680; }
.closing { position:relative; overflow:hidden; padding:104px 24px 110px; color:#fff; text-align:center; background:#06121e; isolation:isolate; }
.closing-field { position:absolute; inset:0; z-index:-1; background:linear-gradient(126deg,#06121e 0%,#0c3342 52%,#123e5d 100%); }
.closing-field::after { position:absolute; inset:0; content:""; background:linear-gradient(38deg,transparent 20%,rgba(103,230,219,.2) 55%,transparent 82%); animation:calm-shift 16s ease-in-out infinite alternate-reverse; }
.brand-mark-large { width:48px; height:48px; margin-bottom:27px; border-radius:15px; }
.closing h2 { margin-bottom:13px; font-size:clamp(39px,4vw,58px); }
.closing p { color:#b7cddd; font-size:18px; }
.closing .button { margin-top:15px; }
.site-footer { max-width:var(--max); min-height:113px; margin:0 auto; padding:27px 24px; display:grid; grid-template-columns:1fr 1.5fr auto; gap:24px; align-items:center; color:#607083; font-size:12px; }
.site-footer .brand { color:var(--ink); font-size:17px; }
.site-footer .brand-mark { width:19px; height:19px; border-radius:6px; }
.site-footer p { margin:0; }
.site-footer nav { gap:19px; font-size:12px; }
.legal-page { background:#f4f7fb; }
.legal-header { background:#fff; border-bottom:1px solid var(--line); }
.legal-content { width:min(760px, calc(100% - 48px)); margin:0 auto; padding:96px 0; }
.legal-content h1 { margin-bottom:24px; font-size:clamp(40px,5vw,62px); color:var(--ink); }
.legal-content h2 { margin-top:56px; margin-bottom:18px; font-size:28px; }
.legal-content h3 { margin-top:30px; margin-bottom:10px; font-size:19px; }
.legal-content p, .legal-content li { color:#42536a; font-size:16px; }
.legal-content li { margin:8px 0; }
.legal-content ul { padding-left:22px; }
.legal-content a { color:#0a6991; text-decoration:underline; text-underline-offset:3px; }
.legal-updated { color:#637083; }
.legal-callout { margin:35px 0; padding:22px 24px; border-left:3px solid #127f9c; background:#e7f6f5; color:#25495b; }
.support-options { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:42px; }
.support-options a { display:block; padding:24px; border:1px solid var(--line); border-radius:8px; color:var(--ink); text-decoration:none; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.support-options a:hover { border-color:#7dbbd1; box-shadow:0 12px 28px rgba(18,78,105,.08); transform:translateY(-2px); }
.support-options strong { display:block; margin-bottom:4px; font-size:18px; }
@keyframes calm-shift { from { transform:translate3d(-2%, -1%, 0) scale(1.04); } to { transform:translate3d(2%, 1%, 0) scale(1.08); } }
@media (max-width:860px) {
  .site-header { height:68px; padding:0 20px; }
  .site-header nav, .header-cta { display:none; }
  .site-header-overlay { margin-bottom:-68px; }
  .hero { min-height:880px; }
  .hero::after { background:linear-gradient(180deg,rgba(7,20,33,.98) 0%,rgba(7,20,33,.91) 52%,rgba(7,20,33,.22) 83%,rgba(7,20,33,.08)), repeating-linear-gradient(112deg, rgba(255,255,255,.02) 0 1px, transparent 1px 46px); }
  .hero-inner { width:min(calc(100% - 40px), 540px); min-height:880px; padding:132px 0 54px; grid-template-columns:minmax(0, 1fr); gap:24px; align-items:start; }
  h1 { max-width:520px; font-size:clamp(46px, 13vw, 64px); font-weight:600; }
  .hero-body { font-size:17px; }
  .hero-actions { align-items:flex-start; gap:18px; margin-top:26px; }
  .hero-actions .text-link { max-width:138px; padding-top:4px; line-height:1.35; }
  .hero-copy h1 { font-size:clamp(40px, 10.8vw, 48px); line-height:1.02; }
  .hero-note { margin-top:23px; }
  .hero-device { width:min(230px, calc((100svh - 520px) * .46)); min-width:160px; margin:4px auto 0; align-self:end; }
  .iphone-frame-hero { transform:rotate(2deg); }
  .product-tour { padding:88px 20px 96px; grid-template-columns:1fr; gap:38px; }
  .screen-gallery { gap:9px; }
  .phone-card-lifted { transform:translateY(-17px); }
  .phone-card .iphone-frame { border-radius:17px; padding:3px; }
  .phone-card .iphone-frame img { border-radius:13px; }
  .phone-card .dynamic-island { top:5px; }
  .phone-card figcaption { padding-top:10px; font-size:10px; }
  .phone-card figcaption strong { font-size:12px; }
  .statement { padding:90px 24px 66px; }
  .statement-grid, .privacy-band, .safety { grid-template-columns:1fr; gap:27px; }
  .statement-grid { margin-left:0; font-size:17px; }
  .features { grid-template-columns:1fr; margin:0 18px; }
  .features article { min-height:auto; padding:27px 18px; border-right:0; border-bottom:1px solid var(--line); }
  .features article:last-child { border-bottom:0; }
  h3 { margin-top:30px; }
  .privacy-band { margin-top:83px; padding:78px 24px; }
  .safety { padding:78px 24px; }
  .safety-symbol { width:54px; height:54px; }
  .closing { padding:76px 24px; }
  .site-footer { grid-template-columns:1fr; gap:17px; padding:31px 24px; }
  .site-footer nav { gap:17px; flex-wrap:wrap; }
  .legal-content { width:min(100% - 40px, 760px); padding:62px 0; }
  .legal-content h1 { font-size:43px; }
  .support-options { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }