@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#08070c;--panel:#100e16;--panel2:#15121d;--ink:#f7f4fb;--muted:#aaa4b2;--purple:#9b5cff;--violet:#7042e8;--line:#ffffff1a;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 88% 4%,#7f49e826,transparent 22%),var(--bg);min-width:320px;color:var(--ink);margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#08070cd1;justify-content:space-between;align-items:center;height:82px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.brand{letter-spacing:.1em;align-items:center;gap:10px;font-family:Manrope;font-size:15px;font-weight:800;display:flex}.brand img{object-fit:cover;object-position:46% 50%;border-radius:9px;width:34px;height:34px}.brand span span{color:var(--purple)}nav{align-items:center;gap:31px;display:flex}nav button,footer button{text-transform:capitalize;cursor:pointer;color:#b9b3c0;background:0 0;border:0;padding:10px 0;font-size:14px}nav button:hover,nav button.active,footer button:hover{color:#fff}.nav-cta,.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a666ff,#7142e8);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 10px 35px #8045e838}.nav-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 15px 42px #8045e857}.menu{background:0 0;border:0;display:none}.hero{max-width:1240px;min-height:720px;margin:auto;padding:138px 28px 90px;position:relative;overflow:hidden}.eyebrow,.kicker{letter-spacing:.22em;color:#b59acb;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:11px;display:flex}.eyebrow span{background:var(--purple);width:22px;height:1px}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1{letter-spacing:-.06em;max-width:900px;margin:30px 0;font:700 clamp(57px,7.3vw,105px)/.96 Manrope}.hero h1 em,.page-hero h1 em,.cta em{background:linear-gradient(105deg,#e4c9ff,#8e51f7 55%,#7151d9);color:#0000;-webkit-background-clip:text;font-style:normal}.hero>p,.page-hero>p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:28px;margin-top:42px;display:flex}.primary svg{width:17px}.text-btn{color:#d8d3dd;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-weight:600;display:inline-flex}.text-btn:hover{color:#fff}.hero-orbit{pointer-events:none;opacity:.7;border:1px solid #a267ff1f;border-radius:50%;width:520px;height:520px;position:absolute;top:88px;right:2%}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #a267ff1f;border-radius:50%;position:absolute;inset:62px}.hero-orbit:after{inset:140px}.orbit{background:#7a46dc1f;border:1px solid #ffffff29;border-radius:20px;place-items:center;width:74px;height:74px;display:grid;position:absolute;top:80px;right:90px;transform:rotate(12deg);box-shadow:0 0 80px #8649ef4d}.orbit svg{color:#cba9ff;transform:rotate(-12deg)}.orb{filter:blur(1px);background:var(--purple);box-shadow:0 0 40px var(--purple);border-radius:50%;position:absolute}.o1{width:7px;height:7px;top:130px;left:50px}.o2{width:4px;height:4px;bottom:160px;right:40px}.ticker{border-block:1px solid var(--line);color:#716b78;letter-spacing:.2em;white-space:nowrap;justify-content:center;align-items:center;gap:35px;min-height:76px;font:700 11px Manrope;display:flex;overflow:hidden}.ticker i{background:#6f3dbf;border-radius:50%;width:4px;height:4px}.section{max-width:1240px;margin:auto;padding:120px 28px}.section-head,.split-title{justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px;display:flex}.section h2,.split-title h2,.about-grid h2{letter-spacing:-.045em;margin:16px 0;font:700 clamp(38px,5vw,65px)/1.05 Manrope}.split-title>p{max-width:480px;color:var(--muted);line-height:1.75}.project-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project{border:1px solid var(--line);background:#ffffff06;border-radius:18px;overflow:hidden}.project.featured{grid-column:1/-1}.project-art{background:radial-gradient(circle,#261747,#0d0a14 65%);height:365px;position:relative;overflow:hidden}.featured .project-art{height:500px}.project-art>img{object-fit:cover;opacity:.72;width:100%;height:100%}.project-type{z-index:3;letter-spacing:.18em;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08070cb3;border-radius:20px;padding:8px 11px;font-size:10px;position:absolute;top:24px;left:24px}.phone{border:6px solid #1c1822;border-radius:38px;width:230px;height:90%;position:absolute;bottom:-16%;right:11%;overflow:hidden;transform:rotate(4deg);box-shadow:0 30px 80px #000}.phone img{object-fit:cover;width:100%;height:100%}.project-copy{justify-content:space-between;gap:30px;padding:28px;display:flex}.project-copy h3{margin-bottom:8px;font:700 26px Manrope}.project-copy p{color:var(--muted);max-width:620px;margin:0;line-height:1.6}.tags{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.tags span{color:#bab3c1;border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:11px}.project-art.web{background:linear-gradient(145deg,#130e1c,#0b0910);place-items:center;display:grid}.browser-card{background:linear-gradient(135deg,#17101e,#100c14);border:1px solid #ffffff26;border-radius:8px;width:72%;height:72%;padding:18px 28px;box-shadow:30px 30px #7943da14}.browser-card>div{background:linear-gradient(90deg,#8d55ed 20%,#362b40 20%);border-radius:10px;width:42px;height:6px}.browser-card b{letter-spacing:-.06em;margin-top:45px;font:800 43px/.9 Manrope;display:block}.browser-card em{color:var(--purple);font-style:normal}.browser-card small{color:#706978;letter-spacing:.12em;margin-top:22px;font-size:9px;display:block}.project-art.system{background:radial-gradient(circle,#261647,#0b0910 65%);place-items:center;display:grid}.system-art{border:1px solid #aa6fff4d;border-radius:35px;place-items:center;width:170px;height:170px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 70px #7e40e12e}.system-art svg{color:#b080fa;width:62px;height:62px;transform:rotate(-45deg)}.system-art span{background:#8d54e9;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 15px #9c5cff}.system-art span:first-child{top:-6px;left:78px}.system-art span:nth-child(2){bottom:-6px;left:78px}.system-art span:nth-child(3){top:78px;left:-6px}.services-preview{border-top:1px solid var(--line)}.service-row{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:60px;display:grid}.service-row article{border-right:1px solid var(--line);padding:45px 36px}.service-row article:last-child{border:0}.service-row article>span{color:#625a69;margin-bottom:55px;font-size:11px;display:block}.service-row svg{color:#a56aff;width:28px}.service-row h3{margin:25px 0 14px;font:700 23px Manrope}.service-row p{color:var(--muted);line-height:1.7}.center{width:max-content;margin:48px auto 0;display:flex}.cta{text-align:center;border-block:1px solid var(--line);background:radial-gradient(circle,#33205a,#160f24 50%,#0c0911);padding:110px 28px}.cta h2{letter-spacing:-.055em;margin:18px 0;font:700 clamp(45px,6vw,78px) Manrope}.cta p{color:#b9b0c2;max-width:610px;margin:0 auto 30px;line-height:1.7}.primary.light{color:#17121b;box-shadow:none;background:#fff}.page-hero{border-bottom:1px solid var(--line);max-width:1240px;margin:auto;padding:130px 28px 95px}.page-hero h1{font-size:clamp(54px,7vw,92px)}.service-detail{padding-top:40px}.service-detail article{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr 1fr;align-items:start;gap:45px;padding:70px 0;display:grid}.service-number{color:#68616e}.service-detail svg{color:var(--purple)}.service-detail h2{font-size:45px}.service-detail p,.service-detail li,.process p{color:var(--muted);line-height:1.7}.service-detail ul{margin:60px 0 0;padding:0;list-style:none}.service-detail li{align-items:center;gap:12px;margin:13px 0;display:flex}.service-detail li svg{width:15px}.process{border-top:1px solid var(--line)}.steps{grid-template-columns:repeat(4,1fr);margin-top:60px;display:grid}.steps article{border-left:1px solid var(--line);padding:30px}.steps span{color:#6a6370;font-size:12px}.steps h3{margin:45px 0 15px;font:700 22px Manrope}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.about-mark{border:1px solid var(--line);background:radial-gradient(circle,#29194b,#0c0911 66%);border-radius:18px;place-items:center;min-height:500px;display:grid;overflow:hidden}.about-mark img{object-fit:cover;mix-blend-mode:screen;width:120%;height:120%}.about-grid>div>p{color:var(--muted);font-size:17px;line-height:1.8}.values{gap:0;margin-top:35px;display:grid}.values span{border-top:1px solid var(--line);color:#bcb5c2;padding:18px 0}.values b{color:#fff}.faq-list{max-width:850px}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list summary{cursor:pointer;justify-content:space-between;font:600 20px Manrope;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:20px;transition:all .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{color:var(--muted);margin:20px 0 4px;padding-right:50px;line-height:1.7}.legal{max-width:850px}.legal article{border-bottom:1px solid var(--line);padding:30px 0}.legal h2{font-size:26px}.legal p{color:var(--muted);line-height:1.8}.delete-box{text-align:center;max-width:850px}.delete-box h2{font-size:42px}.delete-box p{color:var(--muted);margin-bottom:30px;line-height:1.7}.delete-box .primary{width:max-content;margin:auto}footer{max-width:1240px;margin:auto;padding:75px 28px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:60px;display:grid}.footer-top>div>p{color:var(--muted);max-width:380px;margin:20px 0;line-height:1.7}.footer-links{grid-template-columns:1fr 1fr;display:grid}.footer-links>div{flex-direction:column;align-items:flex-start;display:flex}.footer-links b{text-transform:uppercase;letter-spacing:.2em;color:#736c78;margin-bottom:12px;font-size:10px}.footer-bottom{border-top:1px solid var(--line);color:#6f6875;justify-content:space-between;margin-top:60px;padding-top:24px;font-size:12px;display:flex}@media (width<=800px){header{height:70px;padding:0 20px}.menu{display:block}.menu svg{width:22px}nav{border-bottom:1px solid var(--line);background:#0d0b12;flex-direction:column;align-items:stretch;padding:20px;display:none;position:absolute;top:69px;left:0;right:0}nav.open{display:flex}nav button{text-align:left}.hero{min-height:650px;padding:105px 20px 65px}.hero h1{font-size:clamp(52px,15vw,76px)}.hero>p{font-size:16px}.hero-orbit{opacity:.3;top:80px;right:-65%}.hero-actions{flex-direction:column;align-items:flex-start}.ticker{justify-content:flex-start;padding:0 22px}.section,.page-hero{padding:80px 20px}.page-hero{padding-top:95px}.section-head,.split-title{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.featured .project-art,.project-art{height:355px}.phone{width:160px;right:8%}.project-copy{flex-direction:column}.tags{justify-content:flex-start}.service-row{grid-template-columns:1fr}.service-row article{border-right:0;border-bottom:1px solid var(--line);padding-inline:8px}.service-row article>span{margin-bottom:35px}.service-detail article{grid-template-columns:45px 1fr;gap:20px}.service-detail article ul{grid-column:2;margin-top:0}.steps{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:45px}.about-mark{min-height:350px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:20px}.project-copy p{font-size:14px}}@media (width<=500px){.steps{grid-template-columns:1fr}.footer-links{gap:30px}.browser-card{width:88%}.project-art{height:300px}.featured .project-art{height:330px}.phone{width:135px}.service-detail article{grid-template-columns:1fr}.service-detail article ul{grid-column:1}.service-number{display:none}}.brand .wordmark{object-fit:cover;object-position:center;border-radius:0;width:126px;height:30px}.mascot-stage{pointer-events:none;place-items:center;width:520px;height:560px;display:grid;position:absolute;top:55px;right:0}.mascot-stage:before{content:"";border:1px solid #a267ff24;border-radius:50%;position:absolute;inset:30px;box-shadow:inset 0 0 100px #7a43dd14}.mascot-stage img{object-fit:contain;filter:drop-shadow(0 35px 65px #6f3fd34d);width:440px;height:440px;animation:7s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-14px)rotate(1deg)}}.inline-link{color:#c8a9ff;align-items:center;gap:7px;margin-top:17px;font-size:13px;font-weight:600;display:inline-flex}.inline-link svg{width:15px}.beta-callout{background:linear-gradient(135deg,#834ae124,#ffffff06);border:1px solid #a464ff47;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:10px 40px;margin-top:28px;padding:42px;display:grid}.beta-callout>div{letter-spacing:.17em;color:#b898e5;grid-column:1/-1;font-size:10px}.status-dot{background:#5aee96;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 14px #5aee96}.beta-callout h3{margin:6px 0;font:700 30px Manrope}.beta-callout p{color:var(--muted);max-width:700px;margin:0}.beta-callout .primary{grid-area:2/2/4}.beta-page{grid-template-columns:1fr 430px;align-items:center;gap:80px;max-width:1240px;min-height:740px;margin:auto;padding:110px 28px 80px;display:grid}.beta-page h1{letter-spacing:-.06em;margin:25px 0;font:700 clamp(58px,7vw,92px)/.96 Manrope}.beta-page h1 em{background:linear-gradient(105deg,#8fd2ff,#8d5bff);color:#0000;-webkit-background-clip:text;font-style:normal}.beta-page p{color:var(--muted);max-width:650px;font-size:18px;line-height:1.75}.route-logo{filter:drop-shadow(0 15px 30px #4987f640);border-radius:23px;width:105px;margin-top:30px}.beta-actions{flex-wrap:wrap;gap:14px;margin-top:35px;display:flex}.outline-btn{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:13px 18px;font-weight:600;display:inline-flex}.outline-btn:hover{border-color:#9761e9}.outline-btn svg{width:17px}.beta-device{border:7px solid #211c27;border-radius:45px;height:590px;overflow:hidden;transform:rotate(3deg);box-shadow:0 45px 100px #000,0 0 75px #604de22e}.beta-device img{object-fit:cover;width:100%;height:100%}.beta-steps{border-top:1px solid var(--line)}.test-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.test-grid article{border:1px solid var(--line);background:#ffffff06;border-radius:18px;padding:44px}.test-grid h2{font-size:37px}.test-grid p,.test-grid li{color:var(--muted);line-height:1.7}.test-grid ul{padding:0;list-style:none}.test-grid li{gap:10px;margin:13px 0;display:flex}.test-grid li svg{width:16px;color:var(--purple);flex:none}.test-grid .primary{margin-top:20px}@media (width<=1000px){.mascot-stage{opacity:.28;right:-180px}.beta-page{grid-template-columns:1fr 300px}.beta-device{height:470px}}@media (width<=800px){.brand .wordmark{width:104px}.mascot-stage{width:420px;height:420px;top:110px;right:-220px}.mascot-stage img{width:350px;height:350px}.beta-callout{padding:30px;display:block}.beta-callout .primary{margin-top:24px}.beta-page{grid-template-columns:1fr;padding:90px 20px 70px}.beta-device{width:250px;height:520px;margin:auto}.test-grid{grid-template-columns:1fr}}
