:root{--paper:#f4f1e8;--ink:#111;--acid:#dfff4f;--blue:#3157ff;--coral:#ff6b48;--line:rgba(17,17,17,.2);--display:"Archivo",sans-serif;--body:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit}
.site-header{min-height:92px;padding:22px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:800 .92rem var(--display);letter-spacing:.08em}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-7deg)}.brand-mark i{display:block;background:var(--ink);border-radius:50% 50% 8px 8px}.brand-mark i:last-child{background:var(--blue);border-radius:8px 8px 50% 50%}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.nav a,.back-link{font:500 .76rem var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.nav a:not(.nav-pill){position:relative}.nav a:not(.nav-pill)::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--ink);transition:right 180ms ease}.nav a:hover::after{right:0}.nav-pill{padding:12px 18px;background:var(--ink);color:#fff;border-radius:999px;transition:transform 180ms ease,background 180ms ease}.nav-pill:hover{transform:translateY(-2px);background:var(--blue)}
.legal-nav a[aria-current="page"]::after{right:0}.legal-nav a[aria-current="page"]{font-weight:500}
.hero{min-height:calc(100vh - 92px);padding:clamp(36px,6vw,82px) clamp(20px,4vw,64px) 42px;position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.hero-meta{display:flex;justify-content:space-between;width:100%;font:500 .7rem var(--mono);text-transform:uppercase}.hero-title{margin:auto 0;position:relative;z-index:3;font:800 clamp(3.5rem,10.8vw,10.3rem)/.76 var(--display);letter-spacing:-.075em}.hero-title span{display:block}.hero-title .outline{margin-left:clamp(0px,7vw,110px);color:transparent;-webkit-text-stroke:clamp(1.5px,.14vw,3px) var(--ink)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom p{max-width:510px;margin:0;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.5}.circle-link{width:116px;height:116px;flex:0 0 auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--paper);background:var(--ink);text-decoration:none;font:500 .7rem var(--mono);text-transform:uppercase;transition:transform 220ms ease,background 220ms ease}.circle-link b{font-size:1.4rem}.circle-link:hover{transform:rotate(8deg) scale(1.04);background:var(--blue)}
.hero-object{position:absolute;z-index:1;width:clamp(220px,31vw,470px);aspect-ratio:1;top:47%;right:8%;transform:translateY(-50%)}.app-tile{position:absolute;width:48%;aspect-ratio:.82;border:2px solid var(--ink);border-radius:24%;box-shadow:9px 9px 0 var(--ink)}.tile-back{left:4%;top:9%;background:var(--coral);transform:rotate(-15deg);display:grid;place-items:center}.tile-back span{font:800 clamp(3rem,7vw,7rem) var(--display)}.tile-front{right:8%;bottom:2%;padding:14%;background:var(--acid);transform:rotate(9deg);display:flex;flex-direction:column;justify-content:flex-end}.tile-front strong{font:800 clamp(2.5rem,6vw,6rem)/.8 var(--display)}.tile-front small{margin-top:12px;font:500 clamp(.48rem,.8vw,.68rem) var(--mono)}.tile-dot{position:absolute;top:13%;right:15%;width:11%;aspect-ratio:1;border-radius:50%;background:var(--blue)}.orbit{position:absolute;inset:-9%;border:1px solid var(--ink);border-radius:50%;animation:spin 16s linear infinite}.orbit::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--blue);top:8%;left:22%}.orbit-two{inset:8% -13%;transform:rotate(65deg);animation-duration:22s;animation-direction:reverse}.orbit-two::after{background:var(--coral);width:10px;height:10px}
.ticker{overflow:hidden;border-block:2px solid var(--ink);background:var(--acid);padding:14px 0;transform:rotate(-1deg) scale(1.01)}.ticker-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.ticker span{padding-right:2rem;font:700 clamp(1rem,2vw,1.5rem) var(--display);letter-spacing:.02em}.section{padding:clamp(80px,12vw,170px) clamp(20px,4vw,64px);display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;gap:clamp(30px,6vw,110px);border-bottom:1px solid var(--line)}.section-label{padding-top:10px;font:500 .72rem var(--mono);text-transform:uppercase}.kicker{margin:0 0 22px;font:500 .76rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.section-content h2{max-width:1060px;margin:0;font:700 clamp(2.5rem,6vw,6.2rem)/.95 var(--display);letter-spacing:-.055em}.studio-grid{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(40px,8vw,120px);margin-top:clamp(60px,9vw,120px)}.studio-grid>p{margin:0;max-width:520px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65}.principles{border-top:1px solid var(--ink)}.principles div{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--ink)}.principles span{font:.7rem var(--mono)}.principles strong{font:600 clamp(1.1rem,2vw,1.55rem) var(--display)}
.coming{background:var(--ink);color:var(--paper)}.coming-card{min-height:580px;padding:clamp(28px,5vw,68px);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:var(--blue);border-radius:2px 80px 2px 2px;overflow:hidden}.coming-card::after{content:"";position:absolute;width:450px;height:450px;right:-170px;bottom:-200px;border:70px solid var(--acid);border-radius:50%}.status-line{display:flex;align-items:center;gap:12px;font:500 .7rem var(--mono)}.pulse{width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 rgba(223,255,79,.7);animation:pulse 2s infinite}.coming-card h2{position:relative;z-index:2;margin:70px 0 40px;font:800 clamp(3.5rem,8vw,8rem)/.84 var(--display);letter-spacing:-.065em}.coming-card p{position:relative;z-index:2;max-width:550px;margin:0 0 30px;line-height:1.6;font-size:clamp(1rem,1.4vw,1.2rem)}.coming-card>a{position:relative;z-index:2;padding-bottom:6px;border-bottom:2px solid var(--acid);color:var(--acid);text-decoration:none;font:500 .78rem var(--mono);text-transform:uppercase}.corner-code{position:absolute;right:42px;top:42px;font:.7rem var(--mono)}.contact{align-items:start;background:var(--acid)}.contact-copy p{margin:0 0 30px;font:600 clamp(1.2rem,2vw,2rem) var(--display)}.contact-copy a{display:inline-block;font:700 clamp(2rem,6vw,6rem)/1 var(--display);letter-spacing:-.06em;text-decoration:none;word-break:break-word}.contact-copy a:hover{color:var(--blue)}
.footer{min-height:220px;padding:50px clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;background:var(--ink);color:var(--paper)}.footer-brand{color:var(--paper);align-self:start}.footer-brand .brand-mark i{background:var(--paper)}.footer-brand .brand-mark i:last-child{background:var(--acid)}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{font:.7rem var(--mono);text-transform:uppercase;text-underline-offset:5px}.footer-email{font:600 clamp(1rem,2vw,1.35rem) var(--display);text-decoration:none;text-underline-offset:6px}.footer-email:hover{text-decoration:underline;color:var(--acid)}.footer p{margin:0;grid-column:1/-1;font:.68rem var(--mono);opacity:.65}.reveal{animation:reveal 800ms cubic-bezier(.2,.75,.2,1) both}.hero-title .reveal:nth-child(2){animation-delay:100ms}.hero-bottom.reveal{animation-delay:180ms}
.legal-page{background:var(--paper)}.back-link{padding-bottom:4px;border-bottom:1px solid var(--ink)}.legal-layout{max-width:1440px;margin:0 auto;padding:clamp(70px,10vw,140px) clamp(20px,4vw,64px);display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:clamp(40px,10vw,150px)}.legal-aside{font:.7rem/1.7 var(--mono);text-transform:uppercase}.legal-aside p{margin-top:30px;color:rgba(17,17,17,.6)}.legal-content{max-width:900px}.legal-content header{padding-bottom:clamp(70px,10vw,130px)}.legal-content h1{margin:0;font:800 clamp(4rem,10vw,9rem)/.78 var(--display);letter-spacing:-.075em}.legal-note{margin:0 0 70px;padding:22px 24px;background:var(--acid);border:1px solid var(--ink);font:500 clamp(.9rem,1.3vw,1.05rem)/1.65 var(--body)}.legal-content section{display:grid;grid-template-columns:minmax(180px,.4fr) 1fr;gap:30px;padding:38px 0;border-top:1px solid var(--ink)}.legal-content h2{margin:0;font:650 clamp(1rem,1.6vw,1.3rem) var(--display)}.legal-content section p{margin:0;line-height:1.75;color:rgba(17,17,17,.76)}.legal-content section a{text-underline-offset:4px}.legal-copy{display:grid;gap:16px}.legal-copy ul{margin:0;padding-left:20px;color:rgba(17,17,17,.76)}.legal-copy li{padding-left:6px;margin-bottom:11px;line-height:1.65}.legal-copy strong{color:var(--ink)}.legal-footer{min-height:150px;display:flex;align-items:center;justify-content:space-between}.legal-footer p{grid-column:auto}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(223,255,79,0)}100%{box-shadow:0 0 0 0 rgba(223,255,79,0)}}@keyframes reveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.site-header{min-height:76px;padding-block:17px}.nav a:not(.nav-pill){display:none}.legal-nav{gap:12px}.legal-nav a:not(.nav-pill){display:inline;font-size:.61rem}.nav-pill{padding:10px 13px;font-size:.65rem}.hero{min-height:calc(100svh - 76px);padding-top:28px}.hero-meta span:last-child{display:none}.hero-title{margin-top:23vh;margin-bottom:auto;font-size:clamp(3.35rem,16.5vw,6.2rem);line-height:.8}.hero-title .outline{margin-left:0}.hero-object{width:210px;right:-43px;top:35%;opacity:.88}.hero-bottom p{max-width:72%;font-size:.95rem}.circle-link{width:82px;height:82px}.section{grid-template-columns:1fr;gap:38px}.studio-grid{grid-template-columns:1fr}.coming-card{min-height:520px;border-radius:2px 50px 2px 2px}.coming-card::after{width:300px;height:300px;border-width:45px}.coming-card h2{margin-top:70px}.corner-code{right:25px;top:28px}.footer{grid-template-columns:1fr}.footer p{grid-column:auto}.legal-layout{grid-template-columns:1fr;padding-top:60px}.legal-aside{display:flex;justify-content:space-between}.legal-aside p{margin:0;text-align:right}.legal-content section{grid-template-columns:1fr;gap:14px}.legal-note{margin-bottom:45px}.legal-footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
