.sim-hero{isolation:isolate;color:#eff3ea;background:radial-gradient(700px 520px at 72% 42%,#2f63c82e,#0000 70%),radial-gradient(600px 420px at 30% 95%,#8db33f1f,#0000 70%),#0b150e;margin-top:-48px;padding:72px 0 0;position:relative;overflow:hidden}.sim-hero-grid{min-height:min(720px, calc(100svh - var(--header)));grid-template-columns:1fr 1.1fr;align-items:start;gap:40px;display:grid}.sim-hero-copy{z-index:2;padding-top:48px;position:relative}.sim-hero .kicker{color:#9dae9a}.sim-hero h1{color:#fff;margin-bottom:.5em}.h1-brand{letter-spacing:-.035em;margin-bottom:.12em;font-size:clamp(3rem,7.4vw,5.6rem);font-weight:500;line-height:1;display:block}.h1-line{letter-spacing:-.02em;color:#dfe7da;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15;display:block}.h1-line .w{margin-right:.26em}.sim-hero h1 .w{vertical-align:top;margin-bottom:-.12em;padding-bottom:.18em;display:inline-block;overflow:hidden}.sim-hero h1 .w>span{animation:word .9s var(--ease) both;animation-delay:calc(80ms + var(--i) * 70ms);display:inline-block}@keyframes word{0%{transform:translateY(105%)}}.h1-brand .w>span{background:linear-gradient(100deg,#fff 0 40%,#b8dc6a 48%,#8fb2ff 54%,#fff 62% 100%) 100% 0/250% 100%;color:#0000;animation:word .9s var(--ease) both, sheen 2.4s 1s var(--ease) both;-webkit-background-clip:text;background-clip:text;padding-bottom:.14em}@keyframes sheen{to{background-position:0 0}}.sim-hero .lead{color:#b9c5b5;max-width:40ch}.sim-hero-copy>:not(h1){animation:rise .8s var(--ease) both}.sim-hero-copy>.lead{animation-delay:.45s}.sim-hero-copy>.actions{animation-delay:.55s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.sim-hero .btn{color:#0b150e;background:#fff;border-color:#fff}.sim-hero .btn:hover{background:#dfe7da;border-color:#dfe7da}.sim-hero .btn.ghost{color:#fff;background:0 0;border-color:#ffffff8c}.sim-hero .btn.ghost:hover{color:#0b150e;background:#fff;border-color:#fff}.hero-devices{perspective:1400px;height:100%;min-height:640px;position:relative}.hero-devices .tilt{transform-style:preserve-3d;transition:transform .5s var(--ease);will-change:transform;position:absolute;inset:0}.hero-devices .phone-front{translate:0 var(--py,0px);animation:phone-in 1.2s .35s var(--ease) both;position:absolute;top:8px;right:6%}.hero-devices .phone-back{rotate:-7deg;scale:.86;translate:0 var(--by,0px);opacity:.92;animation:back-in 1.3s .6s var(--ease) both;position:absolute;top:70px;right:44%}.phone-front .phone-screen{animation:7s ease-in-out infinite float}@keyframes phone-in{0%{opacity:0;translate:0 80px}}@keyframes back-in{0%{opacity:0;translate:60px 60px;rotate:0deg}}@keyframes float{50%{transform:translateY(-6px)}}.hero-devices .phone{box-shadow:0 0 0 1px #2c2f2d,0 50px 90px -30px #000000d9}.rain{z-index:-1;pointer-events:none;opacity:.4;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.rain i{top:-25%;left:var(--x);width:1.5px;height:100px;animation:fall var(--s) linear var(--d) infinite;will-change:transform;background:linear-gradient(#0000,#a0beffb3);position:absolute}@keyframes fall{to{transform:translateY(1100px)}}.fog{z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(50% 60% at 30% 70%,#e1ebe11f,#0000 70%),radial-gradient(45% 55% at 70% 80%,#e1ebe11a,#0000 70%);height:50%;animation:14s ease-in-out infinite alternate drift;position:absolute;inset:auto -20% -10%}@keyframes drift{to{transform:translate(8%)}}@media (width<=960px){.sim-hero{padding-top:40px}.sim-hero-grid{grid-template-columns:1fr;gap:24px;min-height:0}.sim-hero-copy{padding-top:0}.hero-devices{min-height:560px}.hero-devices .phone-front{margin-left:-60px;left:50%;right:auto}.hero-devices .phone-back{margin-left:-260px;left:50%;right:auto}}@media (width<=560px){.hero-devices{min-height:440px}.hero-devices .phone-front{margin-left:-110px}.hero-devices .phone-back{margin-left:-250px;top:60px}}@media (prefers-reduced-motion:reduce){.phone-front,.phone-back,.phone-front .phone-screen,.sim-hero-copy>*,.sim-hero h1 .w>span,.fog{animation:none}.rain{display:none}}.shot{background:#0a140c;position:absolute;inset:0;container-type:inline-size}.shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.shot-status{color:#eff3ea;justify-content:space-between;align-items:center;padding:4.8cqw 9cqw 0;font-size:3.9cqw;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.app-status-icons{align-items:center;gap:4px;display:flex}.app-status-icons i{opacity:.85;background:#eff3ea;border-radius:2px;width:12px;height:7px}.app-status-icons b{border:1px solid #eff3ea;border-radius:2px;width:18px;height:8px;position:relative}.app-status-icons b:after{content:"";background:#8db33f;border-radius:1px;position:absolute;inset:1px 4px 1px 1px}.shot-live .lv{color:#eef2ea;align-items:baseline;gap:1.1cqw;line-height:1;display:flex;position:absolute;transform:translateY(-50%)}.shot-live b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:8.2cqw;font-weight:600}.shot-live small{color:#dfe5da;font-size:3.6cqw;font-weight:500}.shot-live .t1{top:33.6%;left:9.8%}.shot-live .h1{top:33.6%;left:53%}.shot-live .t2{top:55.6%;left:9.8%}.shot-live .h2{top:55.6%;left:53%}.shot-live b.tick{animation:tick .6s var(--ease)}@keyframes tick{0%{opacity:.35}to{opacity:1}}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 0;padding:28px 0;list-style:none;display:grid}.stats li{align-content:start;gap:4px;display:grid}.stats b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:400;line-height:1.1}.stats span{color:var(--muted);font-size:.88rem}@media (width<=760px){.stats{gap:14px;margin-top:32px}.stats b{font-size:1.6rem}.stats span{font-size:.8rem}}.sim-section{padding:80px 0 0}.sim-section>.head{max-width:640px;margin-bottom:40px}.sim-section>.head h2{margin:0 0 .35em}.sim-section>.head p{color:var(--muted);margin:0}@media (width<=700px){.sim-section{padding-top:64px}}.sim-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.sim-steps li{counter-increment:step}.sim-steps h3{margin:20px 0 6px;font-size:1.1rem}.sim-steps h3:before{content:"0" counter(step);color:var(--muted);margin-right:12px;font-size:.85rem}.sim-steps p{color:var(--muted);margin:0;font-size:.95rem}.step-art{border-radius:var(--radius);background:var(--bg-2);height:220px;transition:transform .5s var(--ease);place-items:center;display:grid;overflow:hidden}.sim-steps li:hover .step-art{transform:translateY(-3px)}@media (width<=860px){.sim-steps{grid-template-columns:1fr;gap:40px}}.sensors{gap:18px;display:flex}.sensor{width:92px;height:112px;box-shadow:0 1px 0 #fff inset, 0 18px 30px -16px #161a1759, 0 0 0 1px var(--line);background:#fff;border-radius:20px;align-content:end;gap:2px;padding:16px 12px;font-size:.74rem;display:grid;position:relative}.sensor b{font-size:.86rem;font-weight:500}.sensor em{color:var(--muted);align-items:center;gap:6px;font-style:normal;display:flex}.sensor em i{background:linear-gradient(90deg, #2f63c8 var(--l), var(--line) var(--l));border-radius:3px;width:26px;height:6px}.sensor .led{background:#8db33f;border-radius:50%;width:7px;height:7px;animation:2.6s infinite blink;position:absolute;top:14px;left:14px}.sensor.water .led{animation-delay:1.3s}@keyframes blink{0%,78%,to{opacity:.25}84%{opacity:1;box-shadow:0 0 8px #8db33f}}.sensor .wave{opacity:0;border:1.5px solid #2f63c8;border-color:#2f63c8 #2f63c8 #0000 #0000;border-radius:50%;width:22px;height:22px;animation:2.6s infinite wave;position:absolute;top:6px;right:6px}.sensor.water .wave{animation-delay:1.3s}@keyframes wave{0%{opacity:0;transform:scale(.5)}30%{opacity:.8}to{opacity:0;transform:scale(1.4)}}.plugs{grid-template-columns:repeat(4,1fr);gap:10px 12px;display:grid}.plug{color:var(--muted);justify-items:center;gap:5px;font-size:.64rem;display:grid}.plug i{width:40px;height:40px;box-shadow:0 0 0 1px var(--line), 0 8px 16px -10px #161a1759;background:#fff;border-radius:10px;position:relative}.plug i:before,.plug i:after{content:"";background:#3a3d3b;border-radius:50%;width:5px;height:5px;position:absolute;top:17px}.plug i:before{left:12px}.plug i:after{right:12px}.plug i{outline-offset:2px;outline:2px solid #0000}.plug.p0 i,.plug.p1 i,.plug.p5 i{outline-color:#8db33f}.plug.p2 i{animation:8s infinite switch}.plug.p4 i{animation:8s 4s infinite switch}@keyframes switch{0%,40%{outline-color:#0000}45%,85%{outline-color:#8db33f}90%,to{outline-color:#0000}}@media (prefers-reduced-motion:reduce){.sensor .led,.sensor .wave,.plug i{animation:none}}.sim-dark{color:#eff3ea;background:radial-gradient(600px 420px at 75% 45%,#2f63c829,#0000 70%),radial-gradient(500px 380px at 85% 85%,#8db33f1a,#0000 70%),#0b150e;margin-top:88px;padding:80px 0}.sim-dark h2,.sim-dark h3{color:#fff}.sim-dark .kicker{color:#9dae9a}.tour{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.tour-copy{padding-top:24px}.tour-intro{color:#9dae9a;margin:0 0 36px}.tabs{border-bottom:1px solid #ffffff24;flex-wrap:wrap;gap:4px 22px;display:flex}.tabs button{font:inherit;color:#9dae9a;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:0 0 12px;font-size:.95rem;font-weight:400;transition:color .2s}.tabs button:hover{color:#fff}.tabs button[aria-selected=true]{color:#fff;border-bottom-color:#fff}.tab-progress{height:1px;margin-bottom:28px}.tab-progress i{background:#ffffff73;width:0;height:1px;display:block}.ticking .tab-progress i{animation:6s linear both progress}@keyframes progress{to{width:100%}}.tab-panel{animation:rise .5s var(--ease) both}.tab-panel h3{margin:0 0 .5em;font-size:1.4rem}.tab-panel p{color:#c3cec0;max-width:46ch;margin:0}.tour-visual{place-items:center;display:grid}.tour-visual .phone{box-shadow:0 0 0 1px #2c2f2d,0 40px 80px -30px #000000d9}.screen-slide{opacity:0;height:100%;transition:opacity .45s var(--ease), transform .45s var(--ease);position:absolute;inset:0;transform:scale(.985)}.screen-slide.on{opacity:1;position:relative;transform:none}@media (width<=860px){.tour{grid-template-columns:1fr;gap:40px}.sim-dark{margin-top:88px;padding:76px 0}}.feature-list{grid-template-columns:1fr 1fr;column-gap:56px;margin:0;display:grid}.feature-list div{border-top:1px solid var(--line);grid-template-columns:22px 1fr;column-gap:16px;padding:22px 0;display:grid}.feature-list svg{color:var(--text);grid-row:span 2;margin-top:1px}.feature-list dt{color:var(--text);margin-bottom:4px;font-weight:400}.feature-list dd{color:var(--muted);margin:0;font-size:.95rem}@media (width<=700px){.feature-list{grid-template-columns:1fr}}.specs{border-collapse:collapse;width:100%;font-size:.95rem}.specs th,.specs td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:14px 0}.specs tr:last-child th,.specs tr:last-child td{border-bottom:1px solid var(--line)}.specs th{width:32%;padding-right:24px;font-weight:400}.specs td{color:var(--muted)}.sim-end{border-top:1px solid var(--line);text-align:center;margin-top:80px;padding:56px 0 8px}.sim-end h2{margin:0 0 .4em}.sim-end p{color:var(--muted);max-width:52ch;margin:0 auto}.sim-end .actions{justify-content:center}.sim-stage{border-radius:var(--radius);background:radial-gradient(380px 320px at 65% 40%,#2f63c82e,#0000 70%),#0b150e;place-items:center;height:520px;display:grid;position:relative;overflow:hidden}.stage-phone{transform:translate(60px)scale(.82)}.stage-epaper{position:absolute;bottom:9%;left:6%}@media (width<=520px){.sim-stage{height:440px}.stage-phone{transform:translate(40px)scale(.7)}.stage-epaper{left:-20px;transform:scale(.8)}}.epaper{filter:drop-shadow(0 18px 22px #161a1759);width:236px}.epaper svg{width:100%;height:auto;display:block}.phone{aspect-ratio:300/620;background:#1b1d1c;border-radius:46px;width:290px;padding:10px;position:relative;box-shadow:0 0 0 1px #2c2f2d,0 30px 60px -28px #161a1773}.phone-screen{background:#0a140c;border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden}.phone-island{background:#000;border-radius:14px;width:84px;height:24px;margin-left:-42px;position:absolute;top:20px;left:50%}@media (width<=380px){.phone{width:262px}}@media (width<=560px){.tabs{flex-wrap:wrap;gap:4px 18px}.tabs button{padding-bottom:8px;font-size:.9rem}}