@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(../../../assets/fonts/BricolageGrotesque-latin-variable.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../../../assets/fonts/InstrumentSans-latin-400.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../../../assets/fonts/InstrumentSans-latin-500.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../../../assets/fonts/InstrumentSans-latin-600.woff2) format("woff2")}.scene{display:none}.scene.on{display:block}html{scroll-behavior:smooth}body{margin:0}:root{--surface:#FFFFFF;--sunken:#F4F6F8;--ink:#0B2236;--muted:#4A6072;--line:#D5DEE6;--navy:#00436D;--orange:#F07426;--amber:#FBD95A;--otext:#B8480A;--r-sm:6px;--r-md:10px;--r-lg:18px;--display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--text:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}.pk{font-family:var(--text);font-size:16px;line-height:25px;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}.pk *{box-sizing:border-box}.pk h1,.pk h2,.pk h3,.pk h4,.pk p{margin:0}.pk a{color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.h-display{font-family:var(--display);font-weight:700;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-md);border:2px solid transparent;font:600 16px/1 var(--text);text-decoration:none;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s}.btn-o{background:var(--orange);color:var(--ink)}.btn-o:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #0009}.btn-w{border-color:#fff;color:#fff;background:transparent}.btn-w:hover{background:#ffffff1f}.btn-n{background:var(--navy);color:#fff}.btn-n:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #00436db3}.btn-line{border-color:var(--navy);color:var(--navy);background:transparent}.btn-line:hover{background:#00436d14}.btn:focus-visible,.nav a:focus-visible,.stepbtn:focus-visible,.fld input:focus-visible,.wa:focus-visible,.foot a:focus-visible{outline:3px solid #FBD95A;outline-offset:2px}.light .btn:focus-visible,.light .stepbtn:focus-visible,.light a:focus-visible,.light .fld input:focus-visible{outline-color:var(--navy)}.hero{background:var(--navy);color:#fff;padding-bottom:104px;overflow:hidden}.top{display:flex;align-items:center;justify-content:space-between;height:88px}.top img{height:48px;width:auto;display:block}.nav{display:flex;gap:28px;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:500;font-size:15px}.nav a.lnk:hover{text-decoration:underline;text-underline-offset:5px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:48px;align-items:center;padding-top:32px}.hero h1{font-size:clamp(42px,5.4vw,70px);line-height:1.02}.hero .lead{font-size:19px;line-height:30px;color:#d6e4ee;max-width:30em;margin-top:24px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.stage{position:relative;padding:0 0 36px}.stage svg{display:block;width:100%;height:auto}.draw{stroke-dasharray:1;stroke-dashoffset:0;animation:draw 1.1s cubic-bezier(.4,0,.2,1) backwards}.bagx{transform-box:fill-box;transform-origin:center;animation:bagIn .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(.9s + var(--i) * .11s)}.incoming{animation:slideIn .9s cubic-bezier(.2,.8,.2,1) 2.3s backwards}.hl{animation:hlIn .6s ease-out 3.2s backwards}.sign{animation:signIn .7s cubic-bezier(.2,.8,.2,1) .2s backwards;transform-box:fill-box;transform-origin:top center}.chip{position:absolute;left:-30px;bottom:0;width:min(350px,92%);background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:14px 16px;display:flex;gap:14px;align-items:center;box-shadow:0 20px 40px -18px #000000a6;animation:chipIn .6s cubic-bezier(.2,.8,.2,1) 3.6s backwards}.chip b{display:block;font-size:15px;line-height:20px}.chip span{display:block;font-size:14px;line-height:20px;color:var(--muted)}.chip .qr{flex:none;width:72px;height:72px;background:#fff;border:2px solid var(--navy);border-radius:10px;padding:5px}.chip .qr svg{display:block;width:100%;height:100%}@keyframes draw{0%{stroke-dashoffset:1}}@keyframes bagIn{0%{opacity:0;transform:translateY(-12px) scale(.9)}}@keyframes slideIn{0%{opacity:0;transform:translate(230px)}}@keyframes hlIn{0%{opacity:0}}@keyframes signIn{0%{opacity:0;transform:translateY(-22px)}}@keyframes chipIn{0%{opacity:0;transform:translateY(18px) scale(.96)}}.sec{padding:112px 0}.sec h2{font-size:clamp(32px,4vw,48px);line-height:1.08;max-width:16em}.sec .sub{color:var(--muted);font-size:19px;line-height:30px;max-width:34em;margin-top:16px}.sunken{background:var(--sunken)}.how{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;margin-top:56px;align-items:start}.steps{display:flex;flex-direction:column;gap:8px}.stepbtn{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;text-align:left;width:100%;padding:18px;border-radius:var(--r-lg);border:2px solid transparent;background:transparent;color:var(--ink);font:inherit;cursor:pointer;transition:background .25s}.stepbtn:hover,.stepbtn.on{background:var(--sunken)}.stepbtn .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 17px var(--display);background:#fff;border:2px solid var(--navy);color:var(--navy);transition:background .25s,color .25s}.stepbtn.on .n{background:var(--orange);border-color:var(--orange);color:var(--ink)}.stepbtn b{display:block;font:600 21px/28px var(--display)}.stepbtn span.d{display:block;color:var(--muted);margin-top:4px;font-size:16px;line-height:25px}.stage2{background:var(--sunken);border-radius:var(--r-lg);padding:20px;position:sticky;top:24px}.stage2 svg{display:block;width:100%;height:auto}.s{stroke:#00436d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.t{font-family:var(--text);fill:#0b2236}.drive{animation:driveIn 1.1s cubic-bezier(.2,.8,.2,1) backwards}.hop{animation:hop 1s cubic-bezier(.45,0,.3,1) 1.3s backwards}.speed{animation:speed .8s ease-out backwards}.beam{animation:beam .6s ease-in-out .2s 4 alternate both}.rowin{animation:rowIn .6s cubic-bezier(.2,.8,.2,1) 1.2s backwards}.carddrop{animation:cardDrop .6s cubic-bezier(.2,.8,.2,1) .3s backwards}.qrup{animation:qrUp .7s cubic-bezier(.2,.8,.2,1) 1.3s backwards}.ring{opacity:0;transform-box:fill-box;transform-origin:center;animation:ring 1.4s ease-out 1s 3 both}.phonein{animation:phoneIn .9s cubic-bezier(.2,.8,.2,1) backwards}.laser{animation:laser .5s ease-in-out .9s 3 alternate both}.fan{animation:beam .5s ease-in-out .9s 3 alternate both}.brk{transform-box:fill-box;transform-origin:center;animation:popIn .4s cubic-bezier(.3,1.6,.5,1) .8s backwards}.okscr{animation:hlIn .3s ease-out 2s backwards}.sig{stroke-dasharray:1;stroke-dashoffset:0;animation:draw .7s ease-out 2.2s backwards}.bayhl{animation:hlIn .5s ease-out 2.8s backwards}.pull{animation:pull .7s cubic-bezier(.4,0,.2,1) 3.1s both}.pop{transform-box:fill-box;transform-origin:center;animation:popIn .5s cubic-bezier(.3,1.6,.5,1) 3.8s backwards}@keyframes driveIn{0%{transform:translate(-340px)}}@keyframes hop{0%{transform:translate(-322px)}50%{transform:translate(-160px,-100px)}to{transform:none}}@keyframes speed{0%{opacity:0;transform:translate(-60px)}}@keyframes beam{0%{opacity:.15}to{opacity:1}}@keyframes rowIn{0%{opacity:0;transform:translateY(-16px)}}@keyframes cardDrop{0%{opacity:0;transform:translateY(-30px)}}@keyframes qrUp{0%{opacity:0;transform:translateY(70px)}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes phoneIn{0%{opacity:0;transform:translate(-90px,40px) rotate(-12deg)}}@keyframes laser{0%{transform:translateY(0)}to{transform:translateY(58px)}}@keyframes pull{to{transform:translateY(40px) scale(1.12)}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}}.devs{position:relative;max-width:1100px;height:620px;margin:64px auto 0}.dv img{display:block;width:100%;height:auto}.dv{position:absolute;background:#fff;border:8px solid var(--navy);overflow:hidden;box-shadow:0 30px 50px -30px #00436d80;animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 75%}.lap{left:0;top:130px;width:760px;border-radius:22px}.ph1{left:640px;top:0;width:262px;border-radius:40px;animation-range:entry 10% entry 85%}.ph2{left:850px;top:90px;width:250px;border-radius:38px;animation-range:entry 20% entry 95%}@keyframes rise{0%{opacity:0;transform:translateY(70px)}}.scr{width:100%;height:100%;display:flex;background:#fff}.side{width:64px;background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;flex:none}.side img{width:34px;height:auto}.side i{display:block;width:26px;height:26px;border-radius:8px;background:#ffffff2e}.side i.on{background:var(--amber)}.main{flex:1;min-width:0;padding:18px 22px}.mh{display:flex;justify-content:space-between;align-items:center;gap:12px}.mh b{font:600 19px/24px var(--display)}.scanbtn{font:600 13px/1 var(--text);background:var(--orange);color:var(--ink);padding:10px 14px;border-radius:8px}.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border-top:2px solid var(--navy)}.kp div{padding:12px 0 0}.kp div+div{padding-left:16px;border-left:1px solid var(--line)}.kp b{display:block;font:700 30px/34px var(--display);color:var(--navy)}.kp span{font-size:13px;line-height:18px;color:var(--muted)}.lst{margin-top:14px}.lst .rw{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.lst .rw b{display:block;font-size:14px;line-height:19px;font-weight:600}.lst .rw small{display:block;font-size:12px;line-height:17px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font:600 13px/17px var(--text);padding:4px 11px 4px 8px;border-radius:999px;white-space:nowrap}.pill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pw{background:#fff1d0;color:#b8480a}.pk2{background:#e3f4ec;color:#0b6b4f}.pd{background:#fdecea;color:#b42318}.pscr{width:100%;height:100%;padding:34px 16px 16px;display:flex;flex-direction:column;gap:12px;background:#fff}.pscr h4{font:600 19px/24px var(--display)}.notif{background:#fff1d0;border-radius:14px;padding:12px 14px;font-size:13px;line-height:18px}.notif b{display:block;font-size:14px}.qrbox{border:2px solid var(--navy);border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.qrbox svg{width:132px;height:132px;display:block}.qrbox b{font:600 15px/20px var(--display)}.qrbox small{font-size:12px;line-height:16px;color:var(--muted)}.dnch{position:absolute;top:10px;left:50%;width:70px;height:10px;margin-left:-35px;border-radius:5px;background:var(--navy)}.ph2 .pscr .rw{padding:10px 0;border-top:1px solid var(--line)}.ph2 .pscr b{display:block;font-size:14px;line-height:19px}.ph2 .pscr small{display:block;font-size:12px;line-height:16px;color:var(--muted);margin-bottom:6px}.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}.who div{border-top:2px solid var(--navy);padding-top:16px}.who h3{font:600 21px/28px var(--display)}.who p{margin-top:6px;color:var(--muted)}.mq{overflow:hidden;margin-top:48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.lgo{display:flex;align-items:center;justify-content:center;height:112px;padding:0 40px;border:1px solid var(--line);border-radius:18px;background:#fff;flex:none}.lgo img{display:block;width:auto}.mq-track{display:flex;width:max-content;animation:mq 46s linear infinite}.mq.rev .mq-track{animation-direction:reverse;animation-duration:54s}.mq:hover .mq-track{animation-play-state:paused}.mq-half{display:flex;gap:20px;padding-right:20px}.lg{display:flex;align-items:center;gap:12px;padding:14px 24px 14px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap}.lg svg{width:36px;height:36px;flex:none}.lg b{display:block;font-size:18px;line-height:22px}.lg small{display:block;font-size:12px;line-height:16px;color:var(--muted)}.f1 b{font-family:var(--display);font-weight:700}.f2 b{font-family:Fraunces,Georgia,serif;font-weight:600}.f3 b{font-family:"Space Grotesk",var(--text);font-weight:600;letter-spacing:.02em}@keyframes mq{to{transform:translate(-50%)}}.cnt-band{background:var(--navy);color:#fff;padding:80px 0 72px;margin-top:96px}.cnt-band h3{font:700 clamp(28px,3.4vw,40px)/1.1 var(--display);letter-spacing:-.02em;max-width:18em}.cnts{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:32px;margin-top:48px}.cnts>div{border-top:2px solid var(--amber);padding-top:16px}.num{display:flex;font:700 clamp(36px,4.2vw,56px)/1.05 var(--display);letter-spacing:-.02em;color:var(--amber);font-variant-numeric:tabular-nums}.od{display:block;height:1.05em;line-height:1.05em;overflow:hidden;width:.62em;text-align:center}.strip{display:block;white-space:pre-line;transform:translateY(calc(var(--d) * -1.05em));animation:roll linear both;animation-timeline:view();animation-range:entry 0% cover 45%}.sepc{display:block;height:1.05em;line-height:1.05em;width:.3em;text-align:center}@keyframes roll{0%{transform:translateY(0)}}.cnts span.lb{display:block;margin-top:8px;color:#d6e4ee;font-size:16px}.cnt-band .note{margin-top:32px;font-size:14px;line-height:20px;color:#b9cedd}.demo{background-color:var(--amber);background-image:linear-gradient(rgba(0,67,109,.08) 2px,transparent 2px),linear-gradient(90deg,rgba(0,67,109,.08) 2px,transparent 2px);background-size:180px 120px;color:var(--navy);padding:112px 0}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.demo h2{font-size:clamp(34px,4.2vw,54px);line-height:1.05;color:var(--navy);max-width:11em}.demo p.sub{font-size:19px;line-height:30px;margin-top:16px;max-width:28em;color:var(--navy)}.chat{margin-top:40px;display:flex;flex-direction:column;gap:12px;max-width:440px}.bub{padding:12px 16px;border-radius:18px;font-size:16px;line-height:23px;max-width:84%;animation:bub linear both;animation-timeline:view();animation-range:entry 20% entry 70%}.bub.me{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:4px}.bub.pkb{align-self:flex-start;background:#fff;color:var(--ink);border-bottom-left-radius:4px}.b2{animation-range:entry 35% entry 85%}.b3{animation-range:entry 50% entry 100%}.b4{animation-range:entry 65% cover 20%}@keyframes bub{0%{opacity:0;transform:translateY(20px) scale(.96)}}.chatnote{font-size:13px;line-height:18px;margin-top:4px}.panel{background:#fff;border-radius:24px;padding:36px;color:var(--ink);box-shadow:0 30px 50px -30px #00436d8c}.panel h3{font:700 28px/34px var(--display);letter-spacing:-.01em;color:var(--navy)}.channels{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.channels .btn{flex:1 1 180px}.or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;margin-bottom:20px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.fld label{font-weight:600;font-size:15px}.fld input::placeholder{color:#5c7083;opacity:1}.hint{font-size:13px;line-height:18px;color:var(--muted)}.fld input{height:50px;border-radius:var(--r-md);border:2px solid var(--navy);background:#fff;padding:0 14px;font:400 16px var(--text);color:var(--ink)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ok{border-top:3px solid var(--navy);padding-top:20px}.ok b{display:block;font:700 28px/34px var(--display);color:var(--navy)}.foot{background:var(--navy);color:#fff;padding:0 0 32px}.foot-top{padding:64px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.foot-top h3{font:700 clamp(26px,3vw,38px)/1.1 var(--display);letter-spacing:-.02em;max-width:16em}.foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:56px}.foot .ci{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:8px 0;color:#d6e4ee;text-decoration:none;font-size:16px;line-height:24px}.ic{width:44px;height:44px;border-radius:12px;background:#ffffff1a;display:grid;place-items:center}.foot img{width:150px;height:auto;display:block}.foot .desc{color:#d6e4ee;font-size:15px;line-height:24px;margin-top:16px;max-width:22em}.foot h4{margin:0 0 12px;font:600 17px/24px var(--display)}.foot a,.foot p.i{display:block;color:#d6e4ee;text-decoration:none;font-size:15px;line-height:28px}.foot a:hover{text-decoration:underline;text-underline-offset:4px}.copy{margin-top:56px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);color:#b9cedd;font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.copy a{display:inline;font-size:14px}.wa{position:fixed;right:24px;bottom:24px;z-index:60;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 16px;border-radius:999px;background:#0b6b4f;color:#fff;font:600 16px/1 var(--text);text-decoration:none;box-shadow:0 18px 34px -14px #0000008c;transition:transform .2s ease-out}.wa:hover{transform:translateY(-3px)}.wa svg{width:28px;height:28px}.wa:before{content:"";position:absolute;inset:0;border-radius:999px;border:3px solid #0B6B4F;animation:wap 1.8s ease-out 2s 3 backwards;opacity:0;pointer-events:none}@keyframes wap{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media(max-width:1100px){.devs{height:auto;display:flex;flex-direction:column;align-items:center;gap:28px}.dv{position:static;animation:none}.lap{width:100%;max-width:720px}.ph1,.ph2{width:260px}}@media(max-width:980px){.hero-grid,.how,.demo-grid{grid-template-columns:minmax(0,1fr);gap:48px}.stage2{position:static}.chip{left:8px}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec{padding:80px 0}.cnts{grid-template-columns:repeat(2,minmax(0,1fr))}.who{grid-template-columns:minmax(0,1fr);gap:24px}}@media(max-width:640px){.nav a.lnk{display:none}.top{height:72px}.two,.foot-grid{grid-template-columns:minmax(0,1fr)}.panel{padding:24px}.wa span{display:none}.wa{padding:0 14px}.kp b{font-size:24px}.side{display:none}}@media(prefers-reduced-motion:reduce){.pk *,.pk *:before{animation:none!important;transition:none!important}.mq-half+.mq-half{display:none}.mq-track{flex-wrap:wrap;width:auto}.mq-half{flex-wrap:wrap}}