:root{color-scheme:dark;--bg:#070809;--text:#f5f5f7;--muted:#a6a7ae;--mountain-scale:1.015;--mountain-y:0px;--mountain-x:0px;--mountain-tilt:0deg;--fog-y:0px;--hero-y:0px;--hero-opacity:1;--cue-opacity:1;--scene-shade:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font:400 16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI Variable Text','Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #fff;outline-offset:5px}
::selection{background:#d7d8dc;color:#08090b}
.mountain-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#070809;perspective:1300px;pointer-events:none}
.mountain-art{position:absolute;inset:-2%;background:#070809 url('nomi-mountain.png') center 78px/cover no-repeat;transform:translate3d(var(--mountain-x),var(--mountain-y),0) scale(var(--mountain-scale)) rotateY(var(--mountain-tilt));transform-origin:50% 55%;will-change:transform}
.mountain-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,#07080973 0%,transparent 24%,transparent 67%,#070809ae 100%),radial-gradient(ellipse 82% 84% at 50% 54%,transparent 52%,#07080966 100%)}
.mountain-vignette::after{content:"";position:absolute;inset:0;background:#070809;opacity:var(--scene-shade)}
.fog{position:absolute;left:-20%;right:-20%;pointer-events:none;mix-blend-mode:screen;filter:blur(35px);will-change:transform}
.fog-one{bottom:3%;height:32%;opacity:.22;background:radial-gradient(ellipse 24% 24% at 20% 56%,#a5abb4a6,transparent 100%),radial-gradient(ellipse 27% 23% at 83% 59%,#b0b5bd96,transparent 100%),radial-gradient(ellipse 30% 15% at 54% 79%,#8188928c,transparent 100%);animation:fog-drift 21s ease-in-out infinite alternate}
.fog-two{bottom:-10%;height:32%;opacity:.19;background:radial-gradient(ellipse 30% 35% at 14% 50%,#d0d3d8ad,transparent 100%),radial-gradient(ellipse 35% 32% at 79% 54%,#c9cbd1ab,transparent 100%);transform:translateY(var(--fog-y));animation:fog-breathe 17s ease-in-out infinite alternate}
@keyframes fog-drift{from{transform:translate3d(-2%,1%,0)}to{transform:translate3d(2%,-2%,0)}}
@keyframes fog-breathe{from{transform:translate3d(-2%,var(--fog-y),0);opacity:.14}to{transform:translate3d(2%,var(--fog-y),0);opacity:.26}}
.is-background .fog{animation-play-state:paused}
.site-header{position:fixed;inset:0 0 auto;z-index:20;height:70px;padding:0 max(36px,5.5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;background:#08090b82;backdrop-filter:blur(18px);transition:background .35s,border-color .35s}
.is-scrolled .site-header{background:#08090be8;border-color:#ffffff26}
.brand{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#f5f5f7;font-size:25px;font-weight:680;letter-spacing:-.07em;line-height:1}
.brand svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.header-note{color:#babcc2;font-size:12px;letter-spacing:.01em}
main,footer{position:relative;z-index:2}
.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(138px,17vh,192px) 24px 100px;text-align:center}
.hero-content{position:relative;z-index:2;transform:translate3d(0,var(--hero-y),0);opacity:var(--hero-opacity);will-change:transform,opacity}
.hero-kicker{margin:0 0 15px;color:#c7c8ce;font-size:11px;font-weight:650;letter-spacing:.28em}
.hero h1,.product h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI Variable Display','Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-.075em}
.hero h1{margin:0;font-size:clamp(60px,6.2vw,94px);line-height:1.04;text-wrap:balance;text-shadow:0 4px 28px #0008}
.download-button{display:inline-flex;align-items:center;gap:27px;margin-top:27px;padding:15px 20px 15px 24px;min-height:51px;border-radius:999px;background:#f5f5f7;color:#111214;font-size:14px;font-weight:630;letter-spacing:-.01em;box-shadow:0 8px 26px #0006;transition:transform .3s,background .3s,box-shadow .3s}
.download-button:hover{transform:translateY(-3px);background:#fff;box-shadow:0 16px 36px #0008}
.download-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-requirements{margin:13px 0 0;color:#c3c5ca;font-size:11px}
.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#c9cbd0;font-size:11px;white-space:nowrap;opacity:var(--cue-opacity)}
.scroll-cue span{margin-left:11px;font-size:16px;vertical-align:-1px}
.product{min-height:105svh;padding:clamp(110px,14svh,175px) 24px 115px;background:linear-gradient(to bottom,#08090ba8 0%,#08090bf2 19%,#08090b 48%);text-align:center}
.product-copy{max-width:750px;margin:auto}
.product-kicker{margin:0 0 18px;color:#b2b4ba;font-size:12px;font-weight:630;letter-spacing:.08em}
.product h2{margin:0;font-size:clamp(56px,6vw,88px);line-height:1.03}
.product-copy>p:last-child{max-width:665px;margin:29px auto 0;color:#b2b3ba;font-size:18px;line-height:1.65;text-wrap:pretty}
.product-figure{width:min(1040px,100%);margin:65px auto 0}
.product-figure a{display:block;overflow:hidden;border:1px solid #ffffff29;border-radius:13px;background:#15191d;box-shadow:0 42px 100px #000c;transition:transform .4s,border-color .4s}
.product-figure a:hover{transform:translateY(-4px);border-color:#ffffff66}
.product-figure img{display:block;width:100%;height:auto}
.product-figure figcaption{margin-top:16px;color:#787c84;font-size:11px}
footer{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px max(36px,5.5vw);border-top:1px solid #ffffff16;background:#08090b;color:#797c84;font-size:11px}
footer .brand{font-size:21px}
footer .brand svg{width:25px;height:25px}
.has-motion .reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
.has-motion .reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:700px){
  .site-header{height:62px;padding:0 22px}
  .brand{font-size:23px}
  .brand svg{width:27px;height:27px}
  .header-note{font-size:11px}
  .mountain-art{inset:0;background-size:auto 83%;background-position:center bottom}
  .mountain-vignette{background:linear-gradient(to bottom,#07080993 0%,transparent 24%,transparent 58%,#0708099e 100%)}
  .fog-one{height:26%;bottom:2%;opacity:.15}
  .fog-two{height:24%;opacity:.13}
  .hero{padding:clamp(142px,17svh,175px) 20px 90px}
  .hero-kicker{margin-bottom:15px}
  .hero h1{font-size:clamp(52px,11.3vw,73px);line-height:1.06}
  .hero h1 span{display:block}
  .download-button{margin-top:25px;padding:14px 18px 14px 21px;min-height:49px;font-size:13px}
  .scroll-cue{bottom:24px}
  .product{min-height:0;padding:106px 20px 95px;background:linear-gradient(to bottom,#08090bdf,#08090b 22%)}
  .product-kicker{font-size:11px}
  .product h2{font-size:clamp(49px,10.5vw,69px)}
  .product-copy>p:last-child{margin-top:24px;font-size:16px;line-height:1.6}
  .product-figure{margin-top:43px}
  .product-figure a{border-radius:7px}
  .product-figure figcaption{font-size:10px}
  footer{min-height:75px;padding:22px;gap:20px}
}
@media(max-width:360px){.hero h1{font-size:49px}.header-note{font-size:10px}footer{flex-wrap:wrap}footer .brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fog{animation:none!important}.mountain-art,.fog,.hero-content{will-change:auto}}