.hero{background:radial-gradient(ellipse at 79% 48%,#d8eafa 0,transparent 44%),linear-gradient(115deg,#fafbfd,#edf4fb);border-bottom:1px solid #e1e9f2}
.hero-grid{min-height:760px;padding-top:36px;padding-bottom:42px;gap:35px;grid-template-columns:1.1fr 1fr}
.hero-copy{padding-bottom:8px}h1{font-size:74px;letter-spacing:-3.8px;line-height:1.06;max-width:570px}h1 em{letter-spacing:-3px;color:#2f6fd6}.hero-copy>p.description{margin-top:28px;margin-bottom:30px;line-height:1.9}
.hero .eyebrow{color:#7b612e;font-size:9px;letter-spacing:2px}.eyebrow .dot{background:#c9a14a}.hero-actions .btn{box-shadow:0 7px 17px #12233a15}.hero-index{display:flex;gap:23px;margin-top:40px;padding-top:23px;border-top:1px solid #dbe4ed;color:#61728a;font-size:11px}.hero-index b{color:#aa8135;display:block;letter-spacing:2px;font-size:9px;margin-bottom:9px}
.hero-visual{height:660px;transform:none;isolation:isolate}.hero-visual .phone{width:284px;transform:rotate(2deg);box-shadow:0 28px 50px #1d43652b,0 0 0 1px #7890a5;padding:6px;background:#0e2035}.product-halo{position:absolute;inset:72px -30px 35px;border-radius:50%;background:radial-gradient(ellipse,#fff9 0,#d6e7f47a 48%,transparent 72%);z-index:-2}.journey-arc{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.48}.product-kicker{position:absolute;top:4px;right:10px;color:#8799ad;letter-spacing:2.5px;font-size:8px;font-weight:600}.detail-float{position:absolute;z-index:4;background:#ffffffed;border:1px solid #fff;border-radius:18px;box-shadow:0 15px 34px #12233a14;display:flex;align-items:center;gap:13px;padding:17px 19px;backdrop-filter:blur(15px)}.detail-float small{font-size:8px;letter-spacing:1.8px;color:#a17e34;display:block;margin-bottom:7px}.detail-float strong{font-size:14px;line-height:1.45;letter-spacing:-.2px;display:block}.lock-float{top:133px;left:-35px}.detail-icon{width:37px;height:45px;display:grid;place-items:center;background:#f0f5fc;border-radius:10px;color:#2f6fd6}.detail-icon .icon{width:23px;height:23px}.passport-float{right:-20px;bottom:50px;padding:12px 16px 12px 12px;gap:14px}.passport-thumb{width:73px;height:100px;overflow:hidden;border-radius:9px;background:#f3f5f9;border:1px solid #e9edf1}.passport-thumb img{width:100%;display:block}.passport-float a{font-size:10px;color:#667d93;display:block;margin-top:10px}.feature-strip{padding-top:28px;padding-bottom:28px;font-size:12px}.hero-caption,.orbit-label{display:none}
@media(min-width:1500px){.hero-grid{min-height:800px}.hero-visual{transform:none}h1{font-size:84px}}
@media(max-width:1050px){h1{font-size:62px}.lock-float{left:-20px;top:125px}.passport-float{right:-10px}.hero-grid{gap:20px}.detail-float{padding:13px}.detail-float strong{font-size:12px}.hero-index{gap:16px}.hero-visual .phone{width:260px}}
@media(max-width:720px){.hero-grid{padding-top:36px;padding-bottom:16px;gap:28px}.hero-copy{width:100%}h1{font-size:54px;max-width:380px}.hero-index{margin-top:28px;justify-content:space-between}.hero-visual{height:620px;transform:none;margin:0;width:100%}.hero-visual .phone{width:255px}.lock-float{left:-6px;top:135px}.passport-float{right:-4px;bottom:25px}.product-kicker{top:0;right:0}.passport-thumb{width:57px;height:85px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
@media(prefers-reduced-motion:no-preference){.detail-float{animation:feature-arrive .85s ease-out both}.passport-float{animation-delay:.18s}@keyframes feature-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
/* Refined: no floating feature boxes or overlapping screenshot cards. */
.hero-visual .phone{margin-bottom:40px}.product-caption{position:absolute;bottom:6px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:22px;color:#667b90}.product-caption a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;white-space:nowrap}.product-caption .icon{width:15px;height:15px;color:#a58342;flex-shrink:0}.product-caption a>span{font-size:11px;color:#99a7b6;margin-left:2px}.caption-divider{height:16px;width:1px;background:#ccd9e4}.product-caption a:hover{color:#12233a}.product-caption a:focus-visible{outline:2px solid #2f6fd6;outline-offset:6px;border-radius:3px}
@media(max-width:720px){.product-caption{gap:14px;bottom:0}.product-caption a{font-size:10px;gap:6px}.hero-visual .phone{margin-bottom:35px}}
/* Keep the product heading clear of the phone and readable. */
.product-kicker{top:0;left:0;right:0;text-align:center;color:#61758b;font-size:10px;letter-spacing:1.8px;z-index:3;line-height:1.5;padding:0 12px}.hero-visual .phone{margin-top:24px;margin-bottom:48px}
@media(max-width:720px){.product-kicker{top:0;font-size:9px}.hero-visual .phone{margin-top:24px;margin-bottom:48px}}
.product-kicker{top:-16px}


/* The heading shares the phone's quiet two-degree bearing. */
.product-kicker{transform:rotate(2deg);transform-origin:center}
@media(max-width:720px){.hero-visual .phone{width:min(255px,calc(100% - 100px));position:relative;left:-40px;margin-top:24px}.product-kicker{padding-right:80px}}
/* Coordinates follow the same SVG curve, remaining crisp at every size. */
.arc-coordinate-text{fill:#96783b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.1px}.journey-arc{opacity:1}.journey-arc>path,.journey-arc>circle{opacity:.48}