@font-face{font-family:Manrope;src:url('/assets/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#081827;color:#e9f0f5;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid #b8d9f1;outline-offset:7px}p,h1,h2,h3,figure{margin:0}p{color:#aabfce}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:10px;background:#fff;color:#081827;z-index:20}.skip:focus{top:12px}header{position:sticky;top:0;z-index:10;border-bottom:1px solid #9cc0da1f;background:#081827e8;backdrop-filter:blur(20px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1.6px}.brand-dot{color:#85bde8}.navlinks{display:flex;align-items:center;gap:34px;font-size:14px}.navlinks>a:not(.contact-link){position:relative}.navlinks>a:not(.contact-link):after{content:'';height:2px;background:#fff;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .45s}.navlinks>a:hover:after{transform:scaleX(1)}.contact-link{border:1px solid #8cabc64a;padding:8px 23px;border-radius:30px}.contact-link:hover{background:#ffffff0a}.hero{min-height:790px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding-block:100px 110px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;color:#8fb2ce}.hero h1{font-size:clamp(55px,5.4vw,80px);font-weight:550;letter-spacing:-4px;line-height:1.06;margin:24px 0 30px}.hero h1 em{font-style:normal;color:#8fb5d2}.intro{max-width:420px;font-size:17px;line-height:1.8}.button{display:inline-flex;align-items:center;gap:35px;background:#e5eef4;color:#0a2133;padding:14px 24px;border-radius:32px;font-size:14px;font-weight:700;margin-top:30px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#fff}.release{font-size:11px;margin-top:22px;display:flex;gap:9px;align-items:center}.release>span{width:5px;height:5px;border-radius:50%;background:#8fb5d2;flex-shrink:0}.hero-art{height:550px;position:relative;perspective:1300px;isolation:isolate}.orbit{position:absolute;width:550px;height:550px;border:1px solid #84b0d21a;border-radius:50%;top:0;left:-5px;background:radial-gradient(ellipse,#39608025,transparent 66%)}.orbit:before,.orbit:after{content:'';position:absolute;inset:45px;border:1px solid #84b0d214;border-radius:50%}.orbit:after{inset:100px}.app-tile{width:320px;height:350px;position:absolute;border-radius:24px;border:1px solid #a9cfe340;background:linear-gradient(140deg,#26445e,#10293e);padding:30px;box-shadow:0 35px 65px #0005;overflow:hidden;transform:rotateY(-14deg) rotateZ(-7deg);transition:transform .8s}.app-tile:after{content:'';inset:0;position:absolute;background:linear-gradient(120deg,#fff1,transparent 50%);pointer-events:none}.cleanup-tile{left:0;top:15px;animation:drift-one 8s ease-in-out infinite}.current-tile{right:0;top:175px;background:linear-gradient(140deg,#174261,#102c45);transform:rotateY(-14deg) rotateZ(7deg);animation:drift-two 9s ease-in-out infinite}.tile-symbol{display:flex;width:65px;height:65px;align-items:center;justify-content:center;margin-bottom:25px;border:1px solid #b7daed30;border-radius:17px;background:#b2d6f00c}.tile-symbol svg{width:50px;fill:none;stroke:#c1dcea;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-tile strong{display:block;font-size:34px;font-weight:600;letter-spacing:-1.4px}.app-tile div>span{display:block;font-size:13px;color:#b0cadb}.file-lines{margin-top:25px}.file-lines i{height:7px;background:#89b5d526;display:block;margin-top:10px;border-radius:8px;width:85%}.file-lines i:nth-child(2){width:65%;background:#a9d5f14a}.file-lines i:nth-child(3){width:75%}.wave{margin-top:20px}.wave svg{width:100%;fill:none;stroke:#87b5d9;stroke-width:2}figcaption{position:absolute;bottom:-34px;right:0;font-size:10px;color:#8aa3b6;max-width:330px;text-align:right}h2{font-size:clamp(34px,4vw,55px);font-weight:500;line-height:1.17;letter-spacing:-2px}.apps-section{background:#0d2132;border-block:1px solid #a8c9de16;padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:55px}.section-head h2{margin-top:20px}.section-head>p{max-width:400px;font-size:16px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{position:relative;background:#10283c;border:1px solid #8bacc32a;border-radius:20px;padding:40px;display:flex;flex-direction:column;align-items:start}.product-top{display:flex;align-items:center;gap:20px;margin-bottom:25px}.product-mark{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#bdd9e6;color:#19374e;font-weight:650;font-size:25px;letter-spacing:-2px}.product-mark>span{font-size:18px;align-self:start;margin:2px 0 0 1px}.current-mark{background:#235b80;color:#d6e5ef}.product h3{font-size:35px;font-weight:550;letter-spacing:-1.2px;margin-bottom:15px}.product>p{max-width:450px}.product ul{padding:24px 0 24px;list-style:none;margin:0;font-size:14px;color:#c5d5e0}.product li{margin-top:12px;padding-left:20px;position:relative}.product li:before{content:'';width:5px;height:5px;background:#8fb5d2;position:absolute;left:0;top:10px;border-radius:50%}.small-note{font-size:12px!important;color:#8fa9bc;line-height:1.8}.product .small-note{margin-bottom:24px}.pill{font-size:11px;padding:5px 12px;border:1px solid #a4c2d439;border-radius:30px;margin-top:auto;color:#b0c8d9}.approach{padding-block:110px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #8aaec734;padding-top:22px}.index{font-size:11px;color:#8bacc4}.principles h3{font-weight:600;font-size:20px;margin:24px 0 12px}.principles p{font-size:14px}.approach>.small-note{margin-top:35px}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid #8aaec726;padding-block:85px 100px}.faq h2{font-size:35px}.faq details{border-bottom:1px solid #8aaec730}.faq summary{cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:15px;font-weight:550}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;line-height:1;color:#a6c5da;transition:transform .25s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;padding-bottom:25px;max-width:540px}.contact{background:#142e44;border:1px solid #90b0c32a;border-radius:20px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font-size:30px;letter-spacing:-1px;margin:13px 0}.contact p{font-size:14px}.email{font-size:16px;border-bottom:1px solid #b7cfdf75;padding-bottom:4px;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;padding-block:40px;gap:25px;font-size:11px;color:#8fa9bb}footer>div{display:flex;gap:23px}.studio{display:flex;align-items:center;gap:8px;font-size:13px;color:#c4d6e3}.studio img{filter:brightness(0) invert(.87)}@keyframes drift-one{50%{transform:translateY(-10px) rotateY(-14deg) rotateZ(-5deg)}}@keyframes drift-two{50%{transform:translateY(10px) rotateY(-14deg) rotateZ(5deg)}}
@media(min-width:1500px){.hero-art{margin-left:15px}.hero{min-height:850px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;gap:15px;min-height:720px}.hero h1{font-size:60px}.hero-art{height:480px}.app-tile{width:260px;height:310px;padding:25px}.current-tile{top:155px}.orbit{width:420px;height:420px;left:-20px}.app-tile strong{font-size:30px}.tile-symbol{margin-bottom:20px}.contact{align-items:start;flex-direction:column}.section-head{gap:40px}.product{padding:30px}}@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{height:74px}.wordmark{font-size:25px}.navlinks{gap:18px;font-size:12px}.navlinks>a:nth-child(2){display:none}.contact-link{padding:7px 15px}.hero{grid-template-columns:1fr;gap:30px;padding-block:60px 75px;min-height:auto}.hero h1{font-size:clamp(49px,10vw,70px);letter-spacing:-2.8px;margin-top:20px}.intro{font-size:15px;max-width:430px}.hero-art{width:min(460px,100%);height:440px;margin:20px auto 0}.app-tile{width:65%;height:300px;padding:24px}.current-tile{top:135px}.orbit{width:100%;height:auto;aspect-ratio:1;left:0}.tile-symbol{width:54px;height:54px;margin-bottom:17px}.tile-symbol svg{width:42px}.app-tile strong{font-size:27px}.app-tile div>span{font-size:11px}.file-lines{margin-top:18px}.hero-art figcaption{font-size:9px;max-width:240px;bottom:-22px}.eyebrow{font-size:10px;letter-spacing:1.2px}.apps-section{padding-block:65px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px;font-size:14px;max-width:100%}.app-grid{grid-template-columns:1fr;gap:20px}.product{padding:28px}.product h3{font-size:32px}.product>p{font-size:14px}.product-top{margin-bottom:22px}.approach{padding-block:65px}.principles{grid-template-columns:1fr;gap:28px}.principles h3{margin-top:10px}.approach>.small-note{margin-top:24px}.faq{grid-template-columns:1fr;gap:25px;padding-block:55px}.faq h2{font-size:30px}.faq summary{font-size:14px}.contact{padding:28px;gap:20px}.contact h2{font-size:27px}.email{font-size:14px}footer{align-items:start;flex-direction:column;gap:24px}footer>div{flex-wrap:wrap;gap:15px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}