:root{--chalk: #ECEFEA;--chalk-dim: rgba(236, 239, 234, .66);--channel: #0F2E3A;--channel-2: #174452;--sea: #3F6E7A;--flint: #50606A;--signal: #F3C93F;--rule: #CDD5D0;--wide: "wdth" 118;--gutter: clamp(16px, 4vw, 56px);--max: 1240px;color-scheme:light}@property --lift{syntax: "<length>"; inherits: false; initial-value: 0px;}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--chalk);color:var(--channel);font-family:Archivo,system-ui,sans-serif;font-size:17px;line-height:1.55;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3{margin:0;font-variation-settings:var(--wide);line-height:1.02;letter-spacing:-.02em}h2{font-size:clamp(34px,4.4vw,56px);font-weight:740}h3{font-size:22px;font-weight:650;letter-spacing:-.01em}:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:16px;top:-60px;z-index:20;background:var(--signal);color:var(--channel);padding:10px 14px;font-weight:600;text-decoration:none}.skip:focus{top:12px}.btn{display:inline-flex;align-items:center;padding:14px 22px;border-radius:6px;font-weight:620;font-variation-settings:"wdth" 106;text-decoration:none;line-height:1;transition:background-color .2s,color .2s,border-color .2s}.btn--solid{background:var(--signal);color:var(--channel)}.btn--solid:hover{background:#ffd95c}.btn--line{border:1.5px solid rgba(236,239,234,.4);color:var(--chalk)}.btn--line:hover{border-color:var(--chalk)}.btn--light{background:var(--chalk);color:var(--channel)}.btn--light:hover{background:#fff}.nav{position:absolute;inset:0 0 auto 0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gutter);color:var(--chalk)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px;font-variation-settings:"wdth" 120;letter-spacing:-.01em}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;font-size:15px;color:var(--chalk-dim)}.nav nav a:hover{color:var(--chalk)}.nav nav .nav-cta{color:var(--chalk);border:1.5px solid rgba(236,239,234,.35);padding:8px 14px;border-radius:6px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:24px;min-height:min(100vh,900px);padding:120px var(--gutter) 64px;background:radial-gradient(60% 70% at 66% 52%,var(--channel-2) 0%,rgba(23,68,82,0) 70%),var(--channel);color:var(--chalk);overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(30deg,rgba(236,239,234,.07) 0 1px,transparent 1px 46px),repeating-linear-gradient(-30deg,rgba(236,239,234,.07) 0 1px,transparent 1px 46px);-webkit-mask-image:radial-gradient(55% 65% at 64% 55%,#000 0%,transparent 75%);mask-image:radial-gradient(55% 65% at 64% 55%,#000 0%,transparent 75%);pointer-events:none}.hero-copy{position:relative;max-width:34rem}.hero h1{font-size:clamp(44px,5.6vw,82px);font-weight:780;font-variation-settings:"wdth" 116;letter-spacing:-.03em;line-height:.97}.lede{margin:28px 0 0;max-width:30rem;font-size:19px;color:var(--chalk-dim)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-legend{display:none}.phone-figure{position:relative;height:640px}.phone-stage{position:absolute;top:0;right:0;bottom:0;left:0;perspective:2600px;perspective-origin:40% 30%}.phone-scene{--s: 1;--spread: 0;position:absolute;left:calc(36% - 240px);top:calc(60% - 115px);width:480px;height:230px;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(58deg) rotate(-34deg)}.phone-shadow{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:40px;background:#030e138c;filter:blur(26px);transform:translateZ(-34px)}.phone-layer{--r: 40px;position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translateZ(calc(var(--i) * 14px + var(--spread) * var(--i) * 62px + var(--lift)));transition:--lift .35s cubic-bezier(.2,.7,.2,1)}.phone-layer.is-active{--lift: 24px}.phone-edge,.phone-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r)}.phone-edge{background:var(--edge)}.phone-face{overflow:hidden;background:var(--face)}.phone-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--channel);opacity:0;transition:opacity .3s}.has-active .phone-layer:not(.is-active) .phone-face:after{opacity:.6}.phone-anchor{position:absolute;right:34px;bottom:24px;width:1px;height:1px}.phone-layer--back{--face: linear-gradient(140deg, #E4E9E6 0%, #AEB9BC 55%, #8D9A9F 100%);--edge: #6F7D83}.cam-module{position:absolute;left:26px;top:22px;width:92px;height:92px;border-radius:26px;background:linear-gradient(140deg,#c9d2d3,#95a2a7);box-shadow:inset 0 0 0 1px #ffffff80;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:10px}.cam-module i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a5a66 0,#3a5a66 22%,#0b1a20 24%,#0b1a20 62%,#59666b 64%)}.back-mark{position:absolute;right:40%;top:50%;width:44px;transform:translate(50%,-50%) rotate(34deg);opacity:.85}.phone-layer--battery{--r: 16px;top:30px;right:118px;bottom:30px;left:64px;--face: #22343C;--edge: #121F25}.battery{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.battery-cell{border-radius:8px;background:linear-gradient(160deg,#3a5361,#22343c)}.battery-band{position:absolute;left:0;right:0;top:42%;height:16%;background:var(--signal)}.phone-layer--board{--r: 34px;top:8px;right:8px;bottom:8px;left:8px;--face: #12443C;--edge: #0A2823}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.board path{fill:none;stroke:#d9b44a;stroke-width:1.6;opacity:.75}.board .chip{fill:#0c1b21;stroke:#2b4d52}.board .chip--soc{fill:#1b2c33;stroke:#8fa3a6}.board text{fill:#8fa3a6;font:600 13px Archivo,sans-serif;letter-spacing:.04em}.phone-layer--display{--face: #05090B;--edge: #020405}.display-img{position:absolute;top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;border-radius:33px}.phone-layer--glass{--face: linear-gradient(118deg, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, .05) 38%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .12) 100%);--edge: rgba(190, 225, 235, .22)}.phone-layer--glass .phone-face{box-shadow:inset 0 0 0 1.5px #ffffff73}.glass-island{position:absolute;left:16px;top:50%;width:22px;height:76px;transform:translateY(-50%);border-radius:12px;background:#05090b}.phone-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.phone-lines polyline{fill:none;stroke:#ecefea6b;stroke-width:1;transition:stroke .25s}.phone-lines circle{fill:var(--chalk);transition:fill .25s}.phone-lines .is-active polyline{stroke:var(--signal)}.phone-lines .is-active circle{fill:var(--signal)}.phone-labels{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.phone-labels,.phone-lines{opacity:0;transition:opacity .4s}[data-placed] .phone-labels,[data-placed] .phone-lines{opacity:1}@media (prefers-reduced-motion: reduce){.phone-scene{--spread: 1}}.phone-labels li{position:absolute;left:0;top:0;width:226px;pointer-events:auto}.phone-labels button{all:unset;display:block;cursor:default;border-radius:4px}.phone-labels button:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.phone-labels strong{display:block;font-size:17px;font-weight:650;font-variation-settings:"wdth" 112;transition:color .25s}.phone-labels span{display:block;font-size:14px;line-height:1.35;color:var(--chalk-dim)}.phone-labels .is-active strong{color:var(--signal)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:56px}.section-head p{margin:0;max-width:32rem;color:var(--flint);font-size:18px}.services,.process{max-width:var(--max);margin:0 auto;padding:120px var(--gutter)}.strata{list-style:none;margin:0;padding:0;display:grid;gap:14px}.strata li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.8fr);gap:8px 40px;align-items:baseline;margin-left:calc(var(--i) * clamp(0px,3.2vw,44px));padding:30px 32px;border-radius:8px;background:color-mix(in srgb,var(--channel) calc(4% + var(--i) * 3.5%),var(--chalk));box-shadow:0 6px color-mix(in srgb,var(--channel) calc(14% + var(--i) * 4%),var(--chalk))}.strata h3{font-size:24px}.strata p{margin:0;max-width:34rem}.strata .tools{color:var(--flint);font-size:15px}.apps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center;padding:120px var(--gutter) 140px;background:radial-gradient(50% 60% at 75% 45%,#5fd3a01f,#5fd3a000 70%),var(--channel);color:var(--chalk);overflow:hidden}.apps-copy{max-width:32rem;justify-self:end}.app-icon{width:76px;height:76px;border-radius:18px;object-fit:cover;margin-bottom:28px;box-shadow:0 10px 30px #00000059}.apps h2{font-size:clamp(40px,5vw,64px)}.app-sub{margin:10px 0 24px;font-size:22px;font-variation-settings:"wdth" 112;color:#5fd3a0}.apps-copy>p:not(.app-sub){color:var(--chalk-dim);margin:0}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0 36px}.platforms div{border-top:1.5px solid var(--sea);padding-top:12px}.platforms dt{font-size:14px;color:var(--chalk-dim)}.platforms dd{margin:2px 0 0;font-weight:600}.apps-shots{position:relative;padding:0 0 70px 40px}.device{margin:0;background:#04070a;box-shadow:0 0 0 1px #ecefea24,0 40px 80px #020a0e99}.device img{width:100%;height:auto}.device--tablet{border:14px solid #04070A;border-radius:30px;overflow:hidden}.device--tablet img{border-radius:16px}.device--phone{position:absolute;left:-4%;bottom:0;width:56%;border:9px solid #04070A;border-radius:30px;overflow:hidden}.device--phone img{border-radius:21px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.steps li{position:relative;padding-top:64px}.steps li:before{content:"";position:absolute;left:40px;right:-32px;top:19px;height:2px;background:var(--rule)}.steps li:last-child:before{display:none}.step-n{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--channel);color:var(--signal);font-weight:700;font-variation-settings:"wdth" 112}.steps h3{margin-bottom:8px}.steps p{margin:0;color:var(--flint)}.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:24px 64px;max-width:var(--max);margin:0 auto;padding:40px var(--gutter) 120px}.faq-list{margin:0;display:grid;gap:0}.faq-list div{padding:22px 0;border-top:1.5px solid var(--rule)}.faq-list div:last-child{border-bottom:1.5px solid var(--rule)}.faq-list dt{font-size:20px;font-weight:650;font-variation-settings:"wdth" 110;letter-spacing:-.01em}.faq-list dd{margin:6px 0 0;max-width:40rem;color:var(--flint)}.contact{padding:120px var(--gutter);background:var(--signal);color:var(--channel)}.contact-inner{max-width:var(--max);margin:0 auto}.contact h2{font-size:clamp(44px,7vw,104px);font-weight:800;letter-spacing:-.035em}.contact-inner>p{margin:20px 0 24px;font-size:20px}.contact .btn--solid{background:var(--channel);color:var(--chalk)}.contact .btn--solid:hover{background:var(--channel-2)}.contact :focus-visible{outline-color:var(--channel)}.btn--big{padding:18px 30px;font-size:19px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact .btn--outline{border:2px solid var(--channel);color:var(--channel);background:transparent;font-family:inherit;cursor:pointer}.contact .btn--outline:hover{background:#0f2e3a14}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px var(--gutter);background:var(--channel);color:var(--chalk-dim);font-size:14px}.footer a:hover{color:var(--chalk)}@media (max-width: 1100px){.hero{grid-template-columns:1fr;padding-top:128px}.hero-copy{max-width:40rem}.phone-scene{left:calc(40% - 240px)}.apps{grid-template-columns:1fr}.apps-copy{justify-self:start}.apps-shots{padding-left:24px}}@media (max-width: 860px){.section-head,.faq{grid-template-columns:1fr}.strata li{grid-template-columns:1fr;margin-left:calc(var(--i) * 10px);padding:24px}.steps{grid-template-columns:1fr 1fr;row-gap:48px}.steps li:nth-child(2):before{display:none}}@media (max-width: 700px){body{font-size:16px}.nav nav a:not(.nav-cta){display:none}.hero{padding-bottom:48px}.phone-figure{height:300px;margin:0 -16px}.phone-scene{--s: .6;left:calc(50% - 240px);top:calc(62% - 115px)}.phone-lines,.phone-labels{display:none}.hero-legend{display:grid;gap:10px;list-style:none;margin:0;padding:0;font-size:15px;color:var(--chalk-dim)}.hero-legend strong{color:var(--chalk);font-weight:650}.services,.process{padding-top:88px;padding-bottom:88px}.apps{padding-top:88px;padding-bottom:96px}.apps-shots{padding:0 0 56px 16px}.steps{grid-template-columns:1fr}.steps li:before{display:none}.contact{padding-top:88px;padding-bottom:88px}}