.rain[data-astro-cid-ekwd2iva]{color:#fff;background:radial-gradient(60% 45% at 50% 58%,#1aa3e829,#0000 70%),radial-gradient(90% 70% at 50% 100%,#0a2244 0%,#0000 70%),linear-gradient(#010814 0%,#020c1f 55%,#0a2347 100%);height:100svh;min-height:560px;position:relative;overflow:hidden}.rain-light[data-astro-cid-ekwd2iva]{filter:blur(10px);pointer-events:none;background:radial-gradient(50% 60% at 50% 0,#8fd0f224,#0000 75%);position:absolute;inset:-10% 20% 25%}.rain-stage[data-astro-cid-ekwd2iva]{perspective:1500px;perspective-origin:50% 20%;place-items:center;display:grid;position:absolute;inset:0}.rain-stage[data-astro-cid-ekwd2iva].is-live{z-index:30;pointer-events:none;display:block;position:fixed}.handset[data-astro-cid-ekwd2iva]{--h:min(56vw, 110vh);--rx0:58;--ty0:-7;width:calc(var(--h) * .47);height:var(--h);transform-style:preserve-3d;transform:translateY(calc(var(--ty0) * 1vh)) rotateX(calc(var(--rx0) * 1deg)) rotateZ(-90deg);border-radius:15%/7%;position:relative}.is-live[data-astro-cid-ekwd2iva] .handset[data-astro-cid-ekwd2iva]{will-change:transform;position:absolute;top:0;left:0}.handset-shadow[data-astro-cid-ekwd2iva]{border-radius:inherit;filter:blur(28px);background:#000000bf;position:absolute;inset:4% -2% -6% 6%;transform:translateZ(-16px)}.slab[data-astro-cid-ekwd2iva]{border-radius:inherit;transform:translateZ(var(--z));background:linear-gradient(135deg,#5d6e84,#2a3647 40%,#8a9bb0 70%,#344255);position:absolute;inset:0}.handset-front[data-astro-cid-ekwd2iva]{border-radius:inherit;background:#05070b;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px);box-shadow:inset 0 0 0 1.5px #ffffff1f}.screen[data-astro-cid-ekwd2iva]{background:#f3f5f8;border-radius:11%/5.2%;position:absolute;inset:2.6% 5.4%;overflow:hidden}.screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva]{object-fit:cover;object-position:top;filter:brightness(.92)saturate(1.05);opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva][data-screen=home],html[data-screen=water] .screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva][data-screen=water],html[data-screen=electricity] .screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva][data-screen=electricity],html[data-screen=billing] .screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva][data-screen=billing],html[data-screen=goals] .screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva][data-screen=goals],html[data-screen=maintenance] .screen[data-astro-cid-ekwd2iva] img[data-astro-cid-ekwd2iva][data-screen=maintenance]{opacity:1}.island[data-astro-cid-ekwd2iva]{background:#000;border-radius:999px;width:30%;height:3.4%;position:absolute;top:1.6%;left:50%;translate:-50%}.sheen[data-astro-cid-ekwd2iva]{pointer-events:none;background:linear-gradient(115deg,#0000 28%,#ffffff1f 42%,#0000 58%);position:absolute;inset:0}.corner[data-astro-cid-ekwd2iva]{width:1px;height:1px;position:absolute;transform:translateZ(1px)}.rain-canvas[data-astro-cid-ekwd2iva]{z-index:31;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rain-copy[data-astro-cid-ekwd2iva]{text-align:center;pointer-events:none;padding:0 1rem;position:absolute;bottom:clamp(5.5rem,13vh,8rem);left:0;right:0}.rain-eyebrow[data-astro-cid-ekwd2iva]{letter-spacing:.24em;text-transform:uppercase;color:var(--pale);margin:0 0 .75rem;font-size:.74rem;font-weight:700}.rain-eyebrow[data-astro-cid-ekwd2iva]>span[data-astro-cid-ekwd2iva]:not(.lw-brand){color:#d6e6f780}.rain-eyebrow[data-astro-cid-ekwd2iva] .lw-brand[data-astro-cid-ekwd2iva]{letter-spacing:.08em;color:#fff}.rain-line[data-astro-cid-ekwd2iva]{letter-spacing:-.02em;color:#ffffffeb;margin:0;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:300}.rain-line[data-astro-cid-ekwd2iva] strong[data-astro-cid-ekwd2iva]{background:linear-gradient(90deg, #8fd0f2, var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.rain-cue[data-astro-cid-ekwd2iva]{letter-spacing:.3em;text-transform:uppercase;color:#d6e6f78c;flex-direction:column;align-items:center;gap:.6rem;font-size:.66rem;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:clamp(1.25rem,4vh,2.25rem);left:50%;translate:-50%}.rain-cue[data-astro-cid-ekwd2iva] i[data-astro-cid-ekwd2iva]{background:#d6e6f72e;width:1px;height:38px;position:relative;overflow:hidden}.rain-cue[data-astro-cid-ekwd2iva] i[data-astro-cid-ekwd2iva]:after{content:"";background:var(--pale);width:1px;height:40%;animation:cue 2.2s var(--ease) infinite;position:absolute;top:-40%;left:0}@keyframes cue{to{top:110%}}.rain-cue[data-astro-cid-ekwd2iva]:hover{color:#fff}@media (width<=640px){.handset[data-astro-cid-ekwd2iva]{--h:88vw;--rx0:52;--ty0:-8}}.phone-flies [data-phone-target],.phone-flies [data-phone-target-2]{visibility:hidden}@media (prefers-reduced-motion:reduce){.rain-cue[data-astro-cid-ekwd2iva] i[data-astro-cid-ekwd2iva]:after{animation:none;top:30%}}.sm-toggle{--tg:48px;left:calc(50% - var(--tg) / 2);top:calc(50% - var(--tg) / 2);z-index:2;width:var(--tg);height:var(--tg);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:border-color .45s ease, background-color .45s ease, box-shadow .55s var(--ease);background:#ffffff0a;border:1px solid #ffffff42;border-radius:50%;padding:0;position:absolute;box-shadow:inset 0 1px #ffffff1f,0 6px 18px -8px #020c1f8c}.sm-toggle:hover{background:#1aa3e81f;border-color:#7cc9f0bf;box-shadow:inset 0 1px #ffffff29,0 0 0 5px #1aa3e81a,0 0 22px #1aa3e859}.sm-toggle:focus-visible{outline-offset:4px;outline:2px solid #7cc9f0}.sm-toggle:before,.sm-toggle:after{content:"";width:20px;height:1.5px;transition:transform .5s var(--ease), width .45s var(--ease), margin-left .45s var(--ease);background:currentColor;border-radius:2px;margin:-.75px 0 0 -10px;position:absolute;top:50%;left:50%}.sm-toggle:before{transform:translateY(-3.5px)}.sm-toggle:after{width:12px;margin-left:-2px;transform:translateY(3.5px)}.sm-toggle:hover:after{width:20px;margin-left:-10px}.sm-open .sm-toggle:before{transform:rotate(45deg)}.sm-open .sm-toggle:after{width:20px;margin-left:-10px;transform:rotate(-45deg)}.sm-socials{z-index:2;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.sm-social{isolation:isolate;backdrop-filter:blur(8px);width:36px;height:36px;transition:transform .55s var(--ease), box-shadow .55s var(--ease), border-color .4s ease, background-color .4s ease;background:radial-gradient(120% 120% at 30% 20%,#ffffff29,#fff0 60%),#061a386b;border:1px solid #7cc9f052;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff24,0 6px 18px #020c1f52}.sm-social:after{content:"";z-index:-1;transition:transform .8s var(--ease);pointer-events:none;background:linear-gradient(115deg,#0000 35%,#d6f1ff59 50%,#0000 65%);position:absolute;inset:-20%;transform:translate(-80%)}.sm-social svg{fill:#fff;width:15px;height:15px;transition:fill .4s ease, filter .4s ease, transform .55s var(--ease)}.sm-social:hover,.sm-social:focus-visible{background:radial-gradient(120% 120% at 30% 20%,#ffffff38,#fff0 60%),#1aa3e838;border-color:#7cc9f0f2;outline:none;transform:translateY(-3px);box-shadow:inset 0 0 14px #7cc9f059,inset 0 1px #ffffff4d,0 0 0 1px #7cc9f059,0 0 14px #1aa3e8e6,0 0 34px #1aa3e88c,0 0 70px #7cc9f04d,0 12px 26px #020c1f73}.sm-social:hover svg,.sm-social:focus-visible svg{fill:#eaf8ff;filter:drop-shadow(0 0 6px #7cc9f0f2);transform:scale(1.06)}.sm-social:hover:after,.sm-social:focus-visible:after{transform:translate(80%)}.sm-social:active{transition-duration:.12s;transform:translateY(-1px)}.sm-overlay{z-index:49;overscroll-behavior:contain;clip-path:inset(0 0 100%);visibility:hidden;background:#fff;height:100dvh;padding:clamp(104px,15vh,168px) clamp(24px,7vw,120px) 48px;transition:clip-path .8s cubic-bezier(.7,0,.2,1) .12s,visibility 0s linear .92s;position:fixed;inset:0;overflow-y:auto}.sm-open .sm-overlay{clip-path:inset(0);visibility:visible;transition:clip-path 1.1s cubic-bezier(.77,0,.18,1),visibility linear}.sm-open,.sm-open body{overflow:hidden}.sm-open .nav,.sm-open .nav.is-solid{box-shadow:none;background:#133d75}.sm-overlay nav{max-width:1100px;margin:0 auto;transition:transform .7s cubic-bezier(.7,0,.2,1);transform:translateY(-48px)}.sm-open .sm-overlay nav{transition:transform 1.5s var(--ease) .15s;transform:none}.sm-list{margin:0;padding:0;list-style:none}.sm-list>li{position:relative}.sm-list>li:after{content:"";transform-origin:0;background:linear-gradient(90deg,#1aa3e88c,#133d751f 40%,#133d751a);height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sm-open .sm-list>li:after{transition:transform 1.3s cubic-bezier(.65, 0, .2, 1) calc(.52s + var(--i) * 90ms);transform:scaleX(1)}.sm-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sm-row,.sm-foot{opacity:0;filter:blur(8px);transition:opacity .28s,transform .4s,filter .28s;transform:translateY(44px)}.sm-open .sm-row,.sm-open .sm-foot{opacity:1;filter:none;transition:opacity 1s var(--ease) calc(.42s + var(--i) * 90ms), transform 1.3s var(--ease) calc(.42s + var(--i) * 90ms), filter 1s var(--ease) calc(.42s + var(--i) * 90ms);transform:none}.sm-link{letter-spacing:.01em;text-transform:uppercase;color:#133d75;transition:color .3s ease, font-weight .4s var(--ease);flex:1;padding:clamp(.5rem,1.6vh,1rem) 0;font-size:clamp(1.5rem,4.2vw,2.75rem);font-weight:400;line-height:1.25;text-decoration:none}.sm-link:hover,.sm-link:focus-visible{color:#1aa3e8;outline:none;font-weight:700}.sm-sub-toggle{color:#133d75;cursor:pointer;transition:transform .4s var(--ease), color .3s ease;background:0 0;border:0;padding:.5rem;display:inline-flex}.sm-sub-toggle svg{fill:currentColor;width:clamp(1.1rem,2vw,1.5rem);height:clamp(1.1rem,2vw,1.5rem)}.sm-sub-toggle:hover{color:#1aa3e8}.has-sub.is-open .sm-sub-toggle{transform:rotate(180deg)}.sm-sub{opacity:0;height:0;transition:height .45s var(--ease), opacity .35s ease;margin:0;padding:0;list-style:none;overflow:hidden}.has-sub.is-open .sm-sub{opacity:1}.sm-sub a{padding:.55em 0 .55em 1.25em;text-decoration:none;display:block}.sm-sub li:last-child a{padding-bottom:calc(.55em + clamp(.5rem,1.6vh,1rem))}.sm-sub-name{color:#133d75;font-size:clamp(1.05rem,2.3vw,1.3rem);font-weight:300;line-height:1.2;transition:color .25s;display:block}.sm-sub-name strong{font-weight:800}.sm-sub-desc{letter-spacing:.14em;text-transform:uppercase;color:#133d758c;margin-top:.2em;font-size:clamp(.66rem,1.4vw,.74rem);font-weight:500;line-height:1.3;display:block}.sm-sub a:hover .sm-sub-name,.sm-sub a:focus-visible .sm-sub-name{color:#1aa3e8}.sm-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:clamp(1.75rem,5vh,2.75rem);display:flex}.sm-socials--menu .sm-social{background:linear-gradient(#fff,#f1f7fc);border-color:#133d752e;width:44px;height:44px;box-shadow:inset 0 0 0 1px #133d752e,0 4px 14px #133d751a}.sm-socials--menu .sm-social svg{fill:#133d75;width:17px;height:17px}.sm-socials--menu .sm-social:hover,.sm-socials--menu .sm-social:focus-visible{background:linear-gradient(#133d75,#0d2c57);box-shadow:0 0 0 1px #7cc9f066,0 0 14px #1aa3e8b3,0 10px 22px #133d754d}.sm-socials--menu .sm-social:hover svg,.sm-socials--menu .sm-social:focus-visible svg{fill:#eaf8ff}@media (width<=767px){.sm-toggle{--tg:44px;left:auto;right:var(--gutter,20px)}.nav .sm-socials{display:none}}@media (prefers-reduced-motion:reduce){.sm-overlay,.sm-overlay nav,.sm-list>li:after,.sm-row,.sm-foot,.sm-sub,.sm-toggle:before,.sm-toggle:after,.sm-social,.sm-social:after,.sm-social svg{transition-duration:1ms!important;transition-delay:0s!important}}:root{--navy:#020c1f;--navy-2:#061a38;--navy-3:#0b2c5a;--blue:#1aa3e8;--blue-deep:#0b6fc4;--pale:#5cc3f2;--ink:#0b1a2e;--muted:#5a6b80;--line:#e3e9f0;--paper:#f5f7fa;--ease:cubic-bezier(.16, 1, .3, 1);--font:Manrope, "Helvetica Neue", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(1rem,5vw,2.5rem)}.lw-brand{white-space:nowrap}.lw-brand>strong{font-weight:800}.lw-brand>em{font-style:italic;font-weight:300}.btn{background:linear-gradient(135deg, var(--blue), var(--blue-deep));color:#fff;letter-spacing:.08em;text-transform:uppercase;transition:translate .5s var(--ease), box-shadow .5s var(--ease);border-radius:999px;align-items:center;gap:.7rem;padding:1rem 1.55rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 12px 30px -12px #1aa3e8b3}.btn:before{content:"";transition:transform .9s var(--ease);pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover{translate:0 -2px;box-shadow:inset 0 1px #ffffff4d,0 18px 38px -14px #1aa3e8f2}.btn:hover:before{transform:translate(120%)}.btn .arrow{transition:transform .5s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn-ghost{backdrop-filter:blur(6px);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff59}.btn-ghost:hover{box-shadow:inset 0 0 0 1px #ffffffb3}.btn-sm{padding:.7rem 1.15rem;font-size:.72rem}.btn:focus-visible,.nav a:focus-visible,.demo-shot:focus-visible{outline:2px solid var(--pale);outline-offset:3px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--pale);align-items:center;gap:1rem;margin:0 0 1.1rem;font-size:.78rem;font-weight:700;display:flex}.eyebrow:after{content:"";background:linear-gradient(90deg,#5cc3f2b3,#0000);width:4rem;height:1px}.eyebrow-dark{color:var(--blue-deep);justify-content:center}.eyebrow-dark:before{content:"";background:linear-gradient(270deg,#0b6fc480,#0000);width:4rem;height:1px}.eyebrow-dark:after{background:linear-gradient(90deg,#0b6fc480,#0000)}.nav{--gutter:clamp(20px, 3.6vw, 56px);z-index:50;height:90px;padding:0 var(--gutter);color:#fff;transition:transform .55s var(--ease), opacity .45s ease;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav:before{content:"";z-index:-1;backdrop-filter:blur(14px);opacity:0;pointer-events:none;background-color:#133d75cc;transition:opacity .6s;position:absolute;inset:0}.nav.is-solid:before{opacity:1}.sm-open .nav:before{opacity:1;background-color:#133d75}.nav-brand{z-index:2;position:relative}.nav-brand img{width:120px;transform:translate(-13.33%)}.nav.is-idle{opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.65,0,.35,1),opacity .45s .12s;transform:translateY(calc(-100% - 12px))}.sm-open .nav{opacity:1;transition:none;transform:none}.hero{color:#fff;background: linear-gradient(180deg, #0a2347 0, transparent 160px), radial-gradient(55% 70% at 78% 45%, #1aa3e838, transparent 70%), radial-gradient(40% 50% at 10% 85%, #1aa3e81a, transparent 70%), linear-gradient(160deg, var(--navy-3) 0%, var(--navy-2) 45%, var(--navy) 100%);align-items:center;min-height:100svh;padding:clamp(6.5rem,11vw,8.5rem) 0;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem);display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 1.4rem;font-size:clamp(2.5rem,4.6vw,3.9rem);font-weight:400;line-height:1.04}.hero h1 span,.cta h2 span{background:linear-gradient(90deg, #8fd0f2, var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-weight:800;display:block}.lead{color:#d6e6f7cc;max-width:30rem;margin:0 0 2.25rem;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.7}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.devices{padding:0 0 2.5rem 9%;position:relative}.laptop-screen{background:linear-gradient(#1d2a3d,#0e1726);border-radius:14px 14px 0 0;padding:2.2% 2.2% 0;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #000c}.laptop-screen img{aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:4px 4px 0 0}.laptop-base{background:linear-gradient(#c9d3df,#8794a6);border-radius:0 0 14px 14px;height:14px;margin:0 -6%;position:relative;box-shadow:0 24px 40px -18px #000c}.laptop-base:after{content:"";background:#7a8799;border-radius:0 0 6px 6px;width:16%;height:5px;position:absolute;top:0;left:50%;translate:-50%}.phone{background:#0e1726;border-radius:26px;width:24%;padding:2.2%;position:absolute;bottom:0;left:0;box-shadow:0 0 0 1px #ffffff1f,0 30px 60px -20px #000000e6}.phone img{border-radius:18px}.intro-pin{height:calc(100svh + 70vh);position:relative}.intro-pin>.hero{height:100svh;position:sticky;top:0}.features{background:#fff;padding-top:clamp(5rem,14vh,10rem);position:relative}.features-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);display:grid}.features-stage{box-sizing:border-box;place-items:center;height:100svh;padding-top:90px;display:grid;position:sticky;top:0}.feature-phone{aspect-ratio:.47;background:#05070b;border-radius:15%/7%;height:min(70svh,660px);padding:calc(min(70svh,660px)/38.4615) calc(min(70svh,660px)/39.4011);box-shadow:0 0 0 1px #ffffff1f,0 40px 80px -30px #061a3899}.fp-screen{background:#f3f5f8;border-radius:11%/5.2%;width:100%;height:100%;position:relative;overflow:hidden}.fp-screen img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.fp-screen img[data-screen=home],html[data-screen=water] .fp-screen img[data-screen=water],html[data-screen=electricity] .fp-screen img[data-screen=electricity],html[data-screen=billing] .fp-screen img[data-screen=billing],html[data-screen=goals] .fp-screen img[data-screen=goals],html[data-screen=maintenance] .fp-screen img[data-screen=maintenance]{opacity:1}.features-steps{padding-bottom:10svh}.step{--k:0;--ka:0;max-width:30rem;min-height:100svh;opacity:calc(1 - var(--ka) * .85);filter:blur(calc(var(--ka) * var(--ka) * 6px));transform:translateY(calc(var(--k) * 48px)) scale(calc(1 - var(--ka) * .04));transform-origin:0;will-change:transform, opacity, filter;flex-direction:column;justify-content:center;display:flex}.cine .w{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.cine .w>span{display:inline-block}.js .cine .w>span{transform-origin:0 100%;opacity:0;transition:transform 1s var(--ease) calc(var(--i) * 55ms), opacity .7s ease calc(var(--i) * 55ms);transform:translateY(105%)rotate(4deg)}.js .step.is-active .cine .w>span{opacity:1;transform:none}.js .step .step-n,.js .step .tag,.js .step .step-body,.js .step .chips li,.js .step .eyebrow{opacity:0;transition:opacity .7s ease, translate .9s var(--ease);translate:0 14px}.js .step.is-active .step-n,.js .step.is-active .tag,.js .step.is-active .eyebrow{opacity:1;translate:0}.js .step.is-active .step-body{opacity:1;transition-delay:.28s;translate:0}.js .step.is-active .chips li{opacity:1;translate:0}.step.is-active .chips li:first-child{transition-delay:.42s}.step.is-active .chips li:nth-child(2){transition-delay:.5s}.step.is-active .chips li:nth-child(3){transition-delay:.58s}.step-head{min-height:90svh}.eyebrow-ink{color:var(--blue-deep)}.eyebrow-ink:after{background:linear-gradient(90deg,#0b6fc480,#0000)}.step h2{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:400;line-height:1.06}.step h2 .h2-accent{color:var(--blue);font-weight:800;display:block}.step-n{letter-spacing:.2em;color:var(--blue);margin-bottom:1.5rem;font-size:.78rem;font-weight:700}.step-n:after{content:"/ 05";color:var(--line);margin-left:.5em}.step h3{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.1}.step-body{color:var(--muted);margin:0 0 1.75rem;font-size:1.05rem;line-height:1.7}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:600}.demos{background:var(--paper);padding:clamp(5rem,10vw,8.5rem) 0}.section-head{text-align:center;max-width:38rem;margin:0 auto clamp(3.5rem,7vw,5.5rem)}.section-head h2,.cta h2{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.08}.section-head>p:not(.eyebrow){color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.demo{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.demo.flip{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.demo.flip .stage{order:2}.filter{width:fit-content;box-shadow:0 0 0 1px var(--line), 0 18px 40px -26px #061a3880;background:#fff;border-radius:999px;margin:calc(-1*clamp(1.5rem,3vw,2.5rem)) auto clamp(3rem,6vw,4.5rem);padding:5px;display:flex;position:relative}.filter-thumb{background:linear-gradient(135deg, var(--navy-3), var(--navy));transition:transform .6s var(--ease), width .6s var(--ease);border-radius:999px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 8px 20px -10px #020c1fcc}.filter button{z-index:1;font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.75rem 1.35rem;font-size:.74rem;font-weight:800;transition:color .3s;position:relative}.filter button:hover{color:var(--ink)}.filter button[aria-selected=true]{color:#fff}.filter button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.view{opacity:0;transition:opacity .7s var(--ease), translate .7s var(--ease);translate:0 18px}.view.is-active{opacity:1;translate:0}.view[hidden]{display:none}.duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem);display:grid}.card .stage{margin-bottom:3.25rem}.card .tag{margin-bottom:.5rem}.card h3{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:400;line-height:1.05}.card h3 strong{font-weight:800}.card h3 span{color:var(--blue);font-weight:800}.card .demo-lead{max-width:30rem}.card-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.stage{perspective:1800px;perspective-origin:50% 40%}.demo-shot.tilt{--rx:0deg;--ry:0deg;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(var(--rest-y,0deg));transition:transform 1s var(--ease), box-shadow .6s var(--ease);will-change:transform;position:relative}.demo-shot.tilt.is-tilting{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(20px);transition:transform .16s linear, box-shadow .6s var(--ease)}.glare{z-index:2;border-radius:inherit;background:radial-gradient(60% 60% at var(--gx,50%) var(--gy,0%), #ffffff59, transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}.tilt.is-tilting .glare{opacity:1}.demo-shot{box-shadow:0 0 0 1px var(--line), 0 40px 70px -40px #061a3873;transition:translate .6s var(--ease), box-shadow .6s var(--ease);background:#fff;border-radius:16px;text-decoration:none;display:block;overflow:hidden}.demo-shot:hover{translate:0 -6px;box-shadow:0 0 0 1px #cfe3f3,0 50px 80px -40px #0b6fc480}.demo-shot img{aspect-ratio:16/10;object-fit:cover;object-position:top left}.chrome{border-bottom:1px solid var(--line);background:#fbfcfd;align-items:center;gap:6px;padding:.7rem .9rem;display:flex}.chrome i{background:#dfe5ec;border-radius:50%;width:10px;height:10px}.chrome .url{max-width:22rem;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#eef2f6;border-radius:999px;flex:1;margin:0 auto;padding:.3rem .8rem;font-size:.72rem;overflow:hidden}.tag{letter-spacing:.2em;text-transform:uppercase;color:var(--blue-deep);margin:0 0 .9rem;font-size:.74rem;font-weight:700}.demo h3{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:400;line-height:1.05}.demo h3 strong{font-weight:800}.demo h3 span{color:var(--blue);font-weight:800}.demo-lead{color:var(--muted);margin:0 0 1.5rem;line-height:1.7}.demo ul{margin:0 0 2rem;padding:0;list-style:none}.demo li{border-top:1px solid var(--line);padding:.7rem 0 .7rem 1.6rem;font-size:.95rem;font-weight:500;position:relative}.demo li:last-child{border-bottom:1px solid var(--line)}.demo li:before{content:"";background:var(--blue);border-radius:50% 50% 50% 0;width:7px;height:7px;position:absolute;top:50%;left:.15rem;translate:0 -50%;rotate:-45deg}.cta{color:#fff;text-align:center;background:radial-gradient(50% 80% at 50% 0%, #1aa3e833, transparent 70%), linear-gradient(180deg, var(--navy-2), var(--navy));padding:clamp(5rem,10vw,8rem) 0}.cta-inner{flex-direction:column;align-items:center;display:flex}.cta-mark{background:#fff;border-radius:16px;width:64px;margin-bottom:2rem;box-shadow:0 20px 40px -18px #1aa3e8cc}.cta h2 span{display:inline}.cta p{color:#d6e6f7cc;max-width:32rem;margin:0 0 2.25rem;line-height:1.7}.foot{background:var(--navy);color:#d6e6f799;border-top:1px solid #ffffff0f;padding:1.75rem 0;font-size:.8rem}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.foot .lw-brand{color:#fff;font-size:1.05rem}.foot a{text-decoration:none}.foot a:hover{color:#fff}.reveal{opacity:0;filter:blur(8px);transition:opacity .9s var(--ease), translate .9s var(--ease), filter .9s var(--ease);translate:0 28px}.reveal.is-in{opacity:1;filter:none;translate:0}.hero .devices.reveal{transition-delay:.15s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.step{opacity:1;filter:none;transform:none}.js .cine .w>span,.js .step .step-n,.js .step .tag,.js .step .step-body,.js .step .chips li,.js .step .eyebrow{opacity:1;transition:none;transform:translate(0,0)}.reveal{opacity:1;transition:none;translate:none}.btn,.btn:before,.demo-shot,.view,.filter-thumb{transition:none}.demo-shot.tilt{transform:none}}@media (width<=900px),(height<=620px){.intro-pin{height:auto}.intro-pin>.hero{height:auto;position:relative}}@media (width<=900px){.features-grid{grid-template-columns:1fr;gap:0}.features-stage{z-index:2;background:linear-gradient(#fff 93%,#fff0);align-items:end;height:56svh;padding-bottom:3svh}.feature-phone{height:43svh;padding:1.118svh 1.09134svh}.step{justify-content:flex-start;min-height:38svh;padding-top:3svh}.step-head{min-height:50svh}.hero-grid,.demo,.demo.flip{grid-template-columns:1fr}.demo.flip .stage{order:0}.duo{grid-template-columns:1fr;gap:4rem}.demo-shot.tilt{transform:rotateX(4deg)}.devices{max-width:620px}}@media (width<=640px){.nav-brand img{width:100px}.foot-inner{text-align:center;justify-content:center}}