.first-screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.hero{flex:1;display:flex;align-items:center;background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:calc(var(--nav-h) + 40px) 0 56px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 83% 17%,#154a83 0,transparent 43%),linear-gradient(135deg,#061627,#0c2545 82%)}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#96beee55 1px,transparent 1px);background-size:23px 23px;opacity:.19}.hero-grid{display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;gap:50px;position:relative;z-index:1}.hero h1{line-height:1.05;margin:0 0 24px;font-size:clamp(2.75rem,min(5.4vw,8.5vh),4.75rem)}.hero h1 em{font-style:normal;color:#7eb3ff}.hero p{color:#c1d0e3;max-width:555px;}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{color:#a7bed8;margin-top:23px;display:flex;align-items:center;gap:9px}.hero .micro{color:#93bdff}

@media(min-width:851px) and (max-height:820px){.hero{padding:calc(var(--nav-h) + 20px) 0 28px}.hero h1{margin:0 0 16px}.hero-buttons{margin-top:20px}.hero-note{margin-top:16px}.trust-grid{padding:18px 0}}

/* ---------- Hero: isometric layer diagram (built in js/hero-iso.js) ---------- */
.iso{position:relative;width:100%;max-width:640px;margin-left:auto;aspect-ratio:640/540}
.iso::before{content:'';position:absolute;inset:6% 22% 8% 0;background:radial-gradient(ellipse at 45% 50%,#2c6fc455,transparent 65%);filter:blur(10px);pointer-events:none}
.iso-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.iso-layer{cursor:pointer;outline:none;transition:opacity .4s ease}
.iso-shift{pointer-events:none;transition:transform .55s cubic-bezier(.22,.8,.3,1)}
.iso-layer.is-active .iso-shift{transform:translateY(-16px)}
.iso.has-active .iso-layer:not(.is-active){opacity:.45}
.iso-face{stroke-linejoin:round;transition:fill .4s ease,stroke .4s ease}
.iso-top{fill:rgba(120,170,250,.07);stroke:rgba(151,194,255,.5);stroke-width:1.2}
.iso-side{fill:rgba(60,110,205,.16);stroke:rgba(151,194,255,.4);stroke-width:1}
.iso-layer:hover .iso-top,.iso-layer.is-active .iso-top{fill:rgba(120,170,250,.2);stroke:#c3deff}
.iso-layer.is-active .iso-side{fill:rgba(70,125,225,.3);stroke:#a9cdfa}
.iso-pattern{pointer-events:none}
.iso-label{fill:#8fb4e0;font:700 10px var(--font-head);letter-spacing:.16em;text-anchor:start;transition:fill .3s;pointer-events:none}
.iso-layer.is-active .iso-label{fill:#fff}
.iso-tip{fill:#6fa8f2;transition:fill .3s,r .3s}
.iso-layer.is-active .iso-tip{fill:#fff}
.iso-vline{stroke:rgba(151,194,255,.28);stroke-width:1;stroke-dasharray:3 5}
.iso-star{transform-box:fill-box;transform-origin:center;animation:iso-breathe 3.8s ease-in-out infinite}
@keyframes iso-breathe{50%{transform:scale(1.1)}}
.iso-pulse{fill:#cfe5ff;opacity:0;animation:iso-rise 4.6s ease-in-out infinite;filter:drop-shadow(0 0 4px #7db4ff)}
@keyframes iso-rise{0%{opacity:0;transform:translateY(0)}14%{opacity:.95}86%{opacity:.95}100%{opacity:0;transform:translateY(-315px)}}
.iso-panel{position:absolute;left:62%;width:calc(31% + 50px);z-index:2;top:0;padding:16px 16px 15px;border-radius:16px;background:rgba(10,36,70,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px #01102a66;opacity:0;visibility:hidden;transform:translateX(10px);pointer-events:none;transition:opacity .3s ease,transform .4s cubic-bezier(.22,.8,.3,1),top .5s cubic-bezier(.22,.8,.3,1),visibility 0s .3s}
.iso-panel.show{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.iso-panel>*{animation:iso-in .5s cubic-bezier(.22,.8,.3,1) both}
.iso-panel>*:nth-child(2){animation-delay:.04s}.iso-panel>*:nth-child(3){animation-delay:.08s}.iso-panel>*:nth-child(4){animation-delay:.12s}
@keyframes iso-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.iso-no{display:block;margin-bottom:6px;color:#7eb3ff;font:700 .6875rem var(--font-head);letter-spacing:.14em}
.iso-panel h3{margin:0 0 6px;color:#fff;font-size:1.0625rem;letter-spacing:0}
.hero .iso-panel p{margin:0 0 11px;max-width:none;color:#bfd2ea;font-size:.78125rem;line-height:1.5}
.iso-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}
.iso-tags li{padding:3px 9px;border-radius:999px;background:rgba(143,184,240,.16);color:#d6e6fa;font:600 .6875rem var(--font-head)}
@media(prefers-reduced-motion:reduce){.iso-star{animation:none}.iso-pulse{animation:none;opacity:0}.iso-shift,.iso-panel{transition:none}.iso-panel>*{animation:none}}
@media(max-width:850px){.iso{display:none}.hero-grid{grid-template-columns:1fr}}

.iso-hit{fill:transparent;pointer-events:all}
.iso-layer:hover .iso-top{fill:rgba(120,170,250,.2);stroke:#c3deff}