:root { --ink:#11142c; --night:#17133c; --paper:#fff6df; --acid:#dfff23; --portal:#55f6c6; --coral:#ff6b6b; --violet:#8b66ff; --muted:#5c5874; --display:"Bowlby One SC", sans-serif; --body:"Atkinson Hyperlegible Next", sans-serif; --gutter:clamp(20px,5.6vw,80px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--body); font-size:17px; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; text-decoration:none; } button { font:inherit; } .section { padding-inline:var(--gutter); }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; padding:26px var(--gutter); display:flex; align-items:center; gap:36px; }
.wordmark { font-family:var(--display); font-size:1.22rem; letter-spacing:.035em; line-height:1; } .wordmark span { color:var(--acid); }
.desktop-nav { display:flex; gap:26px; margin-left:auto; font-size:.96rem; } .desktop-nav a, .text-link { transition:color .2s ease-out; } .desktop-nav a:hover, .text-link:hover { color:var(--acid); }
.header-cta { min-height:42px; display:inline-flex; align-items:center; padding:8px 14px; color:var(--ink); background:var(--acid); border-radius:10px; font-weight:700; transition:transform .2s ease-out, box-shadow .2s ease-out; box-shadow:3px 3px 0 var(--coral); } .header-cta:hover { transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--coral); } .header-cta:active,.button:active { transform:scale(.96); }
.menu-toggle { display:none; margin-left:auto; background:transparent; color:var(--paper); border:0; width:44px; height:44px; padding:10px; cursor:pointer; } .menu-toggle span { display:block; width:100%; height:2px; margin:6px 0; background:currentColor; }
.mobile-menu { position:fixed; z-index:30; inset:0 0 0 auto; width:min(92vw,420px); display:flex; flex-direction:column; gap:22px; padding:28px 24px; background:var(--acid); color:var(--ink); transform:translateX(100%); transition:transform .45s cubic-bezier(.2,.8,.2,1); } .mobile-menu.is-open { transform:translateX(0); } .mobile-menu a:not(.button) { font-family:var(--display); font-size:2.1rem; } .mobile-menu__top { display:flex; justify-content:space-between; align-items:center; margin-bottom:auto; } .menu-close { width:44px; height:44px; border:0; background:transparent; color:var(--ink); font-size:2.8rem; line-height:1; cursor:pointer; }
.hero { min-height:760px; padding-top:172px; padding-bottom:94px; display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:48px; position:relative; overflow:hidden; background:radial-gradient(circle at 83% 42%,#25215d 0 10%,transparent 33%); }
.hero__copy { position:relative; z-index:2; } .hero__note { margin:0 0 22px; color:var(--portal); font-weight:700; font-size:1.05rem; } h1,h2,h3,p { margin-top:0; } h1,h2 { font-family:var(--display); font-weight:400; text-wrap:balance; } h1 { max-width:790px; font-size:clamp(3.8rem,8.65vw,9.1rem); line-height:.84; letter-spacing:-.045em; margin-bottom:30px; } h1 em,h2 em { font-style:normal; color:var(--acid); text-shadow:4px 4px 0 var(--coral); }
.hero__lede { max-width:590px; color:#e1def5; font-size:clamp(1.06rem,1.5vw,1.35rem); line-height:1.48; text-wrap:pretty; margin-bottom:32px; } .hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }.button { min-height:52px; display:inline-flex; justify-content:center; align-items:center; gap:10px; padding:13px 19px; border-radius:10px; font-weight:700; transition:transform .2s ease-out, box-shadow .2s ease-out, background-color .2s ease-out; }.button--acid { color:var(--ink); background:var(--acid); box-shadow:4px 4px 0 var(--coral); }.button--acid:hover { transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--coral); }.text-link { color:var(--paper); font-weight:700; }.text-link span { color:var(--portal); font-size:1.3em; }
.hero__art { position:relative; min-height:510px; isolation:isolate; }.orbit { position:absolute; left:50%; top:47%; border-radius:50%; border:2px solid var(--portal); transform:translate(-50%,-50%) rotate(-16deg); opacity:.72; }.orbit--one { width:390px; height:206px; animation:orbit-a 12s linear infinite; }.orbit--two { width:474px; height:284px; border-color:var(--coral); transform:translate(-50%,-50%) rotate(32deg); animation:orbit-b 17s linear infinite; }.orbit--three { width:294px; height:414px; border-color:var(--acid); transform:translate(-50%,-50%) rotate(65deg); animation:orbit-a 14s linear reverse infinite; }
.portal-core { position:absolute; z-index:1; left:50%; top:47%; width:230px; aspect-ratio:1; transform:translate(-50%,-50%) rotate(-9deg); display:grid; place-items:center; border-radius:50%; background:repeating-radial-gradient(circle at 55% 50%,var(--acid) 0 5px,var(--portal) 6px 15px,var(--violet) 16px 23px,var(--ink) 24px 29px); box-shadow:0 0 0 9px var(--ink), 0 0 0 12px var(--acid); animation:spin 23s linear infinite; }.portal-core span { position:relative; z-index:1; color:var(--ink); font-family:var(--display); font-size:2rem; line-height:.9; text-align:center; transform:rotate(9deg); text-shadow:2px 2px 0 var(--paper); }
.code-console { position:absolute; z-index:3; right:1%; bottom:24px; width:min(100%,295px); padding:17px 18px; color:var(--paper); background:#242050; border:1px solid rgba(255,255,255,.25); border-radius:18px; box-shadow:10px 11px 0 #08091d, 12px 13px 0 var(--portal); transform:rotate(4deg); }.console-head { display:flex; gap:6px; align-items:center; margin-bottom:17px; font-size:.76rem; color:#aaa6d0; }.console-head i { width:9px; height:9px; border-radius:50%; background:var(--coral); }.console-head i:nth-child(2){background:var(--acid)}.console-head i:nth-child(3){background:var(--portal)}.console-head span { margin-left:5px; }.code-console p { margin:0 0 12px; font-size:1.2rem; }.code-console b { color:var(--portal); }.console-cursor { color:var(--acid); animation:blink .8s steps(1) infinite; }.console-lines { display:grid; gap:7px; }.console-lines span { height:6px; background:var(--violet); width:72%; }.console-lines span:nth-child(2){width:48%;background:var(--portal)}.console-lines span:nth-child(3){width:86%;background:var(--coral)}.code-console strong { display:block; margin-top:16px; font-size:.78rem; letter-spacing:.08em; }.code-console small { color:var(--acid); }.transmission{position:absolute;z-index:4;top:7%;right:7%;display:grid;gap:3px;padding:11px 13px 11px 28px;border-left:4px solid var(--coral);background:var(--paper);color:var(--ink);font-size:.68rem;font-weight:700;line-height:1.05;letter-spacing:.08em;transform:rotate(5deg);box-shadow:4px 4px 0 var(--coral)}.transmission strong{font-family:var(--display);font-size:.79rem;letter-spacing:-.01em}.transmission__signal{position:absolute;left:10px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--portal);box-shadow:0 0 0 4px rgba(85,246,198,.2);animation:blink .9s steps(1) infinite}.app-demand{position:absolute;z-index:2;left:3%;top:22%;padding:10px 12px 7px;background:var(--acid);color:var(--ink);font:1.25rem/.88 var(--display);letter-spacing:-.03em;transform:rotate(-11deg);box-shadow:4px 4px 0 var(--coral)}.gloot-companion{position:absolute;z-index:2;left:4%;bottom:15%;width:62px;height:49px;background:var(--portal);border-radius:52% 46% 48% 42%;transform:rotate(-13deg);box-shadow:5px 5px 0 var(--violet)}.gloot-companion::before,.gloot-companion::after{content:"";position:absolute;top:-12px;width:17px;height:25px;border-radius:70% 30% 45% 55%;background:var(--portal)}.gloot-companion::before{left:8px;transform:rotate(-23deg)}.gloot-companion::after{right:8px;transform:rotate(23deg)}.gloot-companion i{position:absolute;z-index:1;top:16px;width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink)}.gloot-companion i:nth-child(1){left:9px}.gloot-companion i:nth-child(2){left:25px;top:10px}.gloot-companion i:nth-child(3){right:9px}.gloot-companion b{position:absolute;left:22px;bottom:8px;width:18px;height:7px;border-bottom:3px solid var(--ink);border-radius:50%}.spark { position:absolute; z-index:2; width:15px; aspect-ratio:1; background:var(--acid); clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%); }.spark--one{top:8%;left:12%;transform:rotate(20deg) scale(1.4)}.spark--two{right:6%;top:17%;background:var(--coral);transform:rotate(-8deg)}.spark--three{left:5%;bottom:24%;background:var(--portal);transform:scale(.7)}.art-caption { position:absolute; left:1%; bottom:-2px; margin:0; font-size:.8rem; color:#a4a0c6; transform:rotate(-4deg); }
.transmission-strip{min-height:84px;display:grid;grid-template-columns:58px minmax(0,1fr) max-content;align-items:center;gap:18px;padding:15px var(--gutter);background:var(--coral);color:var(--ink);overflow:hidden}.transmission-strip__orb{position:relative;width:42px;height:42px;border-radius:50%;background:var(--ink);transform:rotate(-18deg)}.transmission-strip__orb::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--acid)}.transmission-strip__orb i{position:absolute;z-index:1;width:5px;height:5px;border-radius:50%;background:var(--ink);top:18px}.transmission-strip__orb i:nth-child(1){left:11px}.transmission-strip__orb i:nth-child(2){left:19px;top:13px}.transmission-strip__orb i:nth-child(3){right:10px}.transmission-strip p{max-width:930px;margin:0;font-size:clamp(.9rem,1.35vw,1.06rem);font-weight:700;line-height:1.25}.transmission-strip p>span{color:var(--paper);font-size:.75rem;letter-spacing:.08em}.transmission-strip p strong{font-family:var(--display);letter-spacing:-.01em}.transmission-strip__status{font-size:.75rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}.transmission-strip__status b{color:var(--acid);text-shadow:1px 1px 0 var(--ink)}
.statement { display:grid; grid-template-columns:160px minmax(0,1fr); gap:48px; padding-top:145px; padding-bottom:160px; background:var(--paper); color:var(--ink); }.statement__mark { width:116px; height:116px; display:grid; place-items:center; background:var(--coral); color:var(--paper); border-radius:50%; font:5rem/.85 var(--display); transform:rotate(-10deg); box-shadow:8px 8px 0 var(--ink); }.statement__intro { max-width:650px; font-size:clamp(1.4rem,2.2vw,2rem); font-weight:700; line-height:1.18; text-wrap:pretty; margin-bottom:64px; }.statement__big { max-width:1070px; font-family:var(--display); font-size:clamp(2.5rem,5.3vw,6.1rem); line-height:.91; letter-spacing:-.035em; text-wrap:balance; }
.procedure { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr); gap:80px; padding-top:130px; padding-bottom:150px; }.procedure__heading h2,.contact h2,.launch h2 { font-size:clamp(2.7rem,4.9vw,5.3rem); line-height:.9; letter-spacing:-.035em; margin-bottom:25px; }.procedure__heading h2 em { color:var(--portal); text-shadow:3px 3px 0 var(--violet); }.procedure__heading p { max-width:350px; color:#b7b3d3; font-size:1.1rem; line-height:1.5; }.procedure__list { list-style:none; margin:0; padding:0; max-width:800px; }.procedure__list li { display:grid; grid-template-columns:72px 1fr; gap:20px; padding:28px 0; border-bottom:2px solid rgba(255,246,223,.24); }.procedure__list li:first-child { border-top:2px solid rgba(255,246,223,.24); }.procedure__list li>span { color:var(--acid); font-weight:700; font-variant-numeric:tabular-nums; }.procedure__list h3 { font-family:var(--display); font-size:clamp(1.5rem,2.4vw,2.25rem); line-height:1; letter-spacing:-.02em; margin-bottom:12px; }.procedure__list p { max-width:580px; margin:0; color:#d3d0e7; line-height:1.5; text-wrap:pretty; }
.services { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr); gap:80px; padding-top:150px; padding-bottom:122px; background:#242050; }.services__heading h2 { font-size:clamp(2.7rem,4.9vw,5.3rem); line-height:.9; letter-spacing:-.035em; margin-bottom:25px; }.services__heading h2 em { color:var(--acid); text-shadow:3px 3px 0 var(--coral); }.services__heading p { max-width:380px; color:#d3d0e7; font-size:1.1rem; line-height:1.5; text-wrap:pretty; }.services__list { max-width:800px; }.service-item { display:grid; grid-template-columns:72px minmax(0,1fr); gap:20px; padding:28px 0; border-bottom:2px solid rgba(255,246,223,.24); }.service-item:first-child { border-top:2px solid rgba(255,246,223,.24); }.service-item>span { color:var(--portal); font-weight:700; font-variant-numeric:tabular-nums; }.service-item h3 { margin-bottom:12px; font-family:var(--display); font-size:clamp(1.45rem,2.35vw,2.2rem); font-weight:400; line-height:1; letter-spacing:-.02em; }.service-item p { max-width:590px; margin:0; color:#d3d0e7; line-height:1.5; text-wrap:pretty; }
.launch { position:relative; min-height:690px; display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; gap:72px; padding-top:100px; padding-bottom:100px; overflow:hidden; background:var(--acid); color:var(--ink); }.launch__orb { position:relative; width:min(31vw,410px); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:repeating-conic-gradient(var(--portal) 0 10deg,var(--violet) 11deg 18deg,var(--coral) 19deg 27deg,var(--ink) 28deg 37deg); animation:spin 30s linear infinite; }.launch__orb::after { content:""; position:absolute; inset:29%; background:var(--acid); border-radius:50%; }.launch__orb span { position:relative; z-index:1; font:8rem/.8 var(--display); }.launch__content { max-width:830px; }.launch h2 { margin-bottom:27px; }.launch h2 em { color:var(--coral); text-shadow:3px 3px 0 var(--ink); }.launch p { max-width:570px; font-size:1.16rem; line-height:1.48; text-wrap:pretty; margin-bottom:32px; }.button--ink { background:var(--ink); color:var(--paper); box-shadow:4px 4px 0 var(--coral); }.button--ink:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--coral)}
.contact { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; padding-top:146px; padding-bottom:112px; }.contact h2 { margin-bottom:25px; }.contact h2 em { color:var(--portal); text-shadow:3px 3px 0 var(--violet); }.contact__copy p { max-width:450px; color:#c2bedb; font-size:1.16rem; line-height:1.5; text-wrap:pretty; }.contact__actions { display:grid; align-content:start; }.contact-action { min-height:100px; display:grid; grid-template-columns:55px minmax(0,1fr) 30px; align-items:center; gap:16px; padding:18px 0; border-top:2px solid rgba(255,246,223,.3); transition:color .2s ease-out, transform .2s ease-out; }.contact-action:last-child { border-bottom:2px solid rgba(255,246,223,.3); }.contact-action:hover { color:var(--acid); transform:translateX(7px); }.contact-action span { color:var(--portal); font-weight:700; font-variant-numeric:tabular-nums; }.contact-action strong { font-family:var(--display); font-size:clamp(1.35rem,2.2vw,2rem); font-weight:400; line-height:1; letter-spacing:-.02em; }.contact-action b { color:var(--coral); font-size:1.75rem; text-align:right; }
.faq { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; padding-top:110px; padding-bottom:150px; background:#242050; }.faq h2 { font-size:clamp(2.7rem,4.9vw,5.3rem); line-height:.9; letter-spacing:-.035em; margin-bottom:0; }.faq h2 em { color:var(--acid); text-shadow:3px 3px 0 var(--coral); }.faq__list { max-width:800px; }.faq details { border-top:2px solid rgba(255,246,223,.28); }.faq details:last-child { border-bottom:2px solid rgba(255,246,223,.28); }.faq summary { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-family:var(--display); font-size:clamp(1.25rem,2vw,1.78rem); line-height:1.05; letter-spacing:-.015em; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { flex:none; color:var(--portal); font:2.2rem/1 var(--body); transition:transform .2s ease-out; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { max-width:650px; padding:0 48px 24px 0; margin:0; color:#d3d0e7; line-height:1.5; text-wrap:pretty; }.site-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:35px var(--gutter); background:#0a0c20; color:#aaa6ca; font-size:.9rem; }.site-footer .wordmark{color:var(--paper);}
.desktop-nav a.is-current{color:var(--acid)}.home-log{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:120px;padding-bottom:132px;background:var(--paper);color:var(--ink)}.home-log__kicker,.blog-kicker{margin:0 0 17px;color:var(--violet);font-size:.76rem;font-weight:700;letter-spacing:.09em}.home-log h2{max-width:680px;margin:0;font-size:clamp(2.7rem,4.9vw,5.3rem);line-height:.9;letter-spacing:-.035em}.home-log h2 em{color:var(--coral);font-style:normal;text-shadow:3px 3px 0 var(--ink)}.home-log__copy{align-self:end;max-width:580px}.home-log__copy p{font-size:clamp(1.1rem,1.8vw,1.38rem);line-height:1.45;text-wrap:pretty}.home-log .text-link{color:var(--ink)}.home-log .text-link span{color:var(--coral)}
.blog-page{background:var(--ink)}.site-header--static{position:relative;background:#0a0c20}.blog-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px;min-height:610px;padding-top:92px;padding-bottom:94px;background:radial-gradient(circle at 74% 44%,#28215f 0 9%,transparent 32%)}.blog-hero__copy{max-width:750px}.blog-hero h1{margin-bottom:27px;font-size:clamp(4.4rem,9vw,9.5rem)}.blog-hero h1 em{color:var(--portal);font-style:normal;text-shadow:4px 4px 0 var(--violet)}.blog-hero__copy>p:not(.blog-kicker){max-width:600px;margin-bottom:32px;color:#dfdcef;font-size:clamp(1.12rem,1.7vw,1.42rem);line-height:1.47;text-wrap:pretty}.blog-hero__scanner{position:relative;min-height:390px;isolation:isolate}.scanner-ring{position:absolute;top:50%;left:50%;border:2px solid var(--portal);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}.scanner-ring--one{width:330px;height:185px}.scanner-ring--two{width:400px;height:250px;border-color:var(--coral);transform:translate(-50%,-50%) rotate(37deg)}.scanner-ring--three{width:205px;height:340px;border-color:var(--acid);transform:translate(-50%,-50%) rotate(72deg)}.scanner-core{position:absolute;z-index:2;top:50%;left:50%;width:190px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:50%;background:repeating-radial-gradient(circle,var(--acid) 0 7px,var(--portal) 8px 15px,var(--violet) 16px 22px,var(--ink) 23px 30px);transform:translate(-50%,-50%) rotate(-9deg);box-shadow:0 0 0 9px var(--ink),0 0 0 12px var(--coral)}.scanner-core span{font-weight:700;font-variant-numeric:tabular-nums}.scanner-core b{font:1.9rem/.86 var(--display);letter-spacing:-.04em}.scanner-note{position:absolute;z-index:3;right:1%;top:12%;padding:10px 13px;background:var(--paper);color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.07em;transform:rotate(5deg);box-shadow:4px 4px 0 var(--coral)}.scanner-note strong{display:block;font:1rem/1 var(--display);letter-spacing:-.02em}.scanner-dots{position:absolute;z-index:3;left:7%;bottom:8%;display:flex;gap:7px;padding:9px 11px;background:var(--night);border:2px solid var(--paper);transform:rotate(-7deg)}.scanner-dots i{width:9px;height:9px;border-radius:50%;background:var(--acid)}.scanner-dots i:nth-child(2){background:var(--portal)}.scanner-dots i:nth-child(3){background:var(--coral)}.buffer{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) max-content;align-items:start;gap:42px;padding-top:112px;padding-bottom:116px;background:var(--coral);color:var(--ink)}.buffer__stamp{display:grid;place-items:center;width:92px;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;font:4.6rem/.9 var(--display);transform:rotate(-10deg)}.buffer h2,.topic-map h2,.blog-contact h2{font-size:clamp(2.6rem,4.7vw,5rem);line-height:.9;letter-spacing:-.035em}.buffer h2{max-width:750px;margin-bottom:23px}.buffer h2 em{font-style:normal;color:var(--paper);text-shadow:3px 3px 0 var(--ink)}.buffer p:not(.blog-kicker){max-width:650px;margin:0;font-size:1.17rem;line-height:1.48;text-wrap:pretty}.buffer__status{margin-top:8px;font-size:.76rem;font-weight:700;letter-spacing:.09em;white-space:nowrap}.buffer__status b{color:var(--paper);text-shadow:1px 1px var(--ink)}.topic-map{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;padding-top:138px;padding-bottom:146px}.topic-map h2{margin:0}.topic-map h2 em{font-style:normal;color:var(--acid);text-shadow:3px 3px 0 var(--coral)}.topic-map__list{max-width:810px}.topic-row{display:grid;grid-template-columns:62px minmax(0,1fr) 35px;gap:18px;align-items:center;padding:28px 0;border-top:2px solid rgba(255,246,223,.3)}.topic-row:last-child{border-bottom:2px solid rgba(255,246,223,.3)}.topic-row>span{color:var(--portal);font-weight:700;font-variant-numeric:tabular-nums}.topic-row h3{margin-bottom:10px;font:clamp(1.45rem,2.3vw,2.15rem)/1 var(--display);letter-spacing:-.025em}.topic-row p{max-width:550px;margin:0;color:#d4d1e7;line-height:1.45;text-wrap:pretty}.topic-row i{color:var(--acid);font:2.2rem/1 var(--display);font-style:normal;text-align:right}.blog-contact{padding-top:108px;padding-bottom:116px;background:var(--portal);color:var(--ink);text-align:center}.blog-contact>p{margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.09em}.blog-contact h2{max-width:850px;margin:0 auto 32px}.blog-contact h2 em{font-style:normal;color:var(--coral);text-shadow:3px 3px 0 var(--ink)}
.reveal-item { opacity:0; transform:translateY(18px); animation:reveal .6s cubic-bezier(.2,.8,.2,1) forwards; }.reveal-item:nth-child(1){animation-delay:.08s}.reveal-item:nth-child(2){animation-delay:.17s}.reveal-item:nth-child(3){animation-delay:.28s}.reveal-item:nth-child(4){animation-delay:.39s}
@keyframes reveal { to { opacity:1; transform:translateY(0); } } @keyframes spin{to{transform:rotate(360deg)}} @keyframes orbit-a{to{transform:translate(-50%,-50%) rotate(344deg)}} @keyframes orbit-b{to{transform:translate(-50%,-50%) rotate(392deg)}} @keyframes blink{50%{opacity:0}}
@media (min-width:1600px){.hero{min-height:850px;gap:78px}.hero__art{transform:scale(1.12)}.procedure{gap:110px}.hero__lede{max-width:650px;font-size:1.42rem}} @media (min-width:1800px){.hero{min-height:920px}.hero__art{transform:scale(1.25)}.hero__lede{max-width:700px;font-size:1.52rem}.launch{min-height:780px}}
@media (max-width:1024px){.site-header{padding-top:22px}.hero{grid-template-columns:1fr;gap:25px;padding-top:150px}.hero__art{min-height:440px;max-width:620px;width:100%;margin-inline:auto}.statement{grid-template-columns:90px 1fr;gap:26px;padding-top:110px;padding-bottom:120px}.statement__mark{width:78px;height:78px;font-size:3.5rem}.procedure,.services,.contact,.faq,.home-log,.topic-map{grid-template-columns:1fr;gap:45px;padding-top:104px;padding-bottom:112px}.launch{grid-template-columns:1fr;gap:45px;padding-top:90px;padding-bottom:92px}.launch__orb{width:min(50vw,300px)}.transmission-strip{grid-template-columns:50px 1fr}.transmission-strip__status{display:none}.blog-hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:82px;padding-bottom:78px}.blog-hero__scanner{max-width:600px;width:100%;min-height:350px;margin-inline:auto}.buffer{grid-template-columns:90px minmax(0,1fr);gap:28px}.buffer__status{grid-column:2}.topic-map{padding-top:108px;padding-bottom:112px} }
@media (max-width:640px){.site-header{position:absolute;padding-top:20px}.site-header--static{position:relative}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:auto;padding-top:130px;padding-bottom:70px;background:radial-gradient(circle at 95% 34%,#25215d 0 7%,transparent 25%)}h1{font-size:clamp(3.55rem,18vw,5.7rem);margin-bottom:25px}.hero__note{font-size:.95rem;margin-bottom:17px}.hero__lede{font-size:1.05rem}.hero__actions{gap:18px}.hero__art{min-height:390px;margin-top:5px}.orbit--one{width:275px;height:150px}.orbit--two{width:335px;height:205px}.orbit--three{width:218px;height:300px}.portal-core{width:165px}.portal-core span{font-size:1.45rem}.code-console{right:0;bottom:14px;width:245px;padding:13px 14px;border-radius:14px}.transmission{top:3%;right:1%;font-size:.58rem}.app-demand{left:0;top:18%;font-size:1rem}.gloot-companion{left:3%;bottom:19%;transform:rotate(-13deg) scale(.78)}.art-caption{font-size:.7rem}.transmission-strip{gap:12px;grid-template-columns:42px 1fr;min-height:98px}.transmission-strip__orb{width:35px;height:35px}.transmission-strip__orb::before{inset:7px}.transmission-strip__orb i{top:15px;transform:scale(.8)}.transmission-strip__orb i:nth-child(1){left:8px}.transmission-strip__orb i:nth-child(2){left:15px;top:11px}.transmission-strip__orb i:nth-child(3){right:8px}.transmission-strip p{font-size:.83rem}.transmission-strip p>span{display:block;margin-bottom:4px;font-size:.62rem}.statement{grid-template-columns:1fr;padding-top:76px;padding-bottom:80px;gap:30px}.statement__intro{margin-bottom:42px;font-size:1.32rem}.statement__big{font-size:2.7rem}.procedure,.services,.contact,.faq,.home-log,.topic-map{gap:36px;padding-top:78px;padding-bottom:84px}.procedure__list li,.service-item{grid-template-columns:48px 1fr;gap:12px;padding:23px 0}.procedure__list h3,.service-item h3{font-size:1.5rem}.launch{padding-top:68px;padding-bottom:70px;min-height:auto}.launch__orb{width:190px}.launch__orb span{font-size:5rem}.contact-action{min-height:88px;grid-template-columns:36px minmax(0,1fr) 24px;gap:10px}.contact-action strong{font-size:1.35rem}.faq summary{min-height:76px;font-size:1.26rem}.faq details p{padding-right:0}.home-log h2{font-size:2.65rem}.blog-hero{padding-top:63px;padding-bottom:62px}.blog-hero h1{font-size:clamp(4rem,21vw,5.7rem)}.blog-hero__scanner{min-height:285px}.scanner-ring--one{width:240px;height:135px}.scanner-ring--two{width:295px;height:185px}.scanner-ring--three{width:158px;height:255px}.scanner-core{width:140px}.scanner-core b{font-size:1.35rem}.scanner-note{right:0;top:2%;font-size:.62rem}.scanner-dots{left:0;bottom:0}.buffer{grid-template-columns:1fr;gap:20px;padding-top:72px;padding-bottom:76px}.buffer__stamp{width:68px;border-width:3px;font-size:3.3rem}.buffer h2{font-size:2.6rem}.buffer__status{grid-column:auto;margin-top:0}.topic-map h2{font-size:2.6rem}.topic-row{grid-template-columns:40px minmax(0,1fr) 22px;gap:10px;padding:23px 0}.topic-row h3{font-size:1.48rem}.topic-row i{font-size:1.6rem}.blog-contact{padding-top:76px;padding-bottom:80px}.blog-contact h2{font-size:2.6rem}.site-footer{align-items:flex-start;flex-direction:column;padding-top:28px;padding-bottom:32px}.site-footer span:last-child{margin-top:5px} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-item,.orbit,.portal-core,.launch__orb,.console-cursor{animation:none!important}.reveal-item{opacity:1;transform:none}.mobile-menu,.button,.header-cta,.contact-action{transition:none} }