@font-face{font-family:Anton;src:url('/assets/anton-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('/assets/nunito-sans-latin.woff2') format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}
:root{--paper:#f8f4e9;--ink:#171813;--blue:#0568ee;--yellow:#ffda34;--muted:#5c5d54;--line:#d9d7ca;--display:Anton,'Arial Narrow',Impact,sans-serif;--body:'Nunito Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
::selection{background:var(--yellow);color:var(--ink)}
.wrap{width:min(100% - 6rem,1320px);margin-inline:auto}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;padding:.8rem 1rem;background:var(--yellow);border:2px solid var(--ink);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:100px;gap:1rem 1.5rem;padding-block:1rem;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-size:1.35rem;line-height:1.13;letter-spacing:.035em}
.wordmark__tile{display:grid;place-items:center;width:3rem;height:3rem;flex:none;line-height:1;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:2.1rem;transform:rotate(-5deg)}
nav{display:flex;flex-wrap:wrap;gap:2.2rem;font-weight:800;min-width:0}
nav a{display:flex;align-items:center;gap:1.25rem;min-height:48px}
nav a:hover,.text-link:hover{color:var(--blue)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,6rem);padding-block:72px 80px}
.hero__copy{min-width:0}
.eyebrow{display:flex;align-items:center;gap:.65rem;font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1.6}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}
h1{font-family:var(--display);font-weight:400;font-size:clamp(4.8rem,7.8vw,7.2rem);line-height:1.14;letter-spacing:-.018em;margin:1.2rem 0 1.4rem}
.highlight{display:inline-block;background:var(--yellow);padding:0 .09em .04em;line-height:1.1;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);margin-left:.035em}
.hero__intro{max-width:30rem;font-size:1.2rem;line-height:1.65}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:58px;max-width:100%;padding:.9rem 1.4rem;font-weight:900;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s;font-size:1rem}
.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.button--ink{margin-top:1.8rem;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--blue)}
.button--ink:hover{box-shadow:2px 2px 0 var(--blue)}
.button--yellow{background:var(--yellow);margin-top:1.6rem}
.button span{font-size:1.5rem;font-weight:600;line-height:1}
.hero__note{margin-top:1.5rem;color:var(--muted);font-size:.85rem}
.app-poster{min-width:0;background:var(--blue);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(1.5deg)}
.poster__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid rgb(255 255 255 / 30%);color:white;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.06em}
.poster__scene{position:relative;aspect-ratio:1.12;background-image:radial-gradient(rgb(0 0 0 / 12%) 1px,transparent 1px);background-size:8px 8px}
.poster__lettering{position:absolute;left:6%;top:13%;font-family:var(--display);font-size:clamp(3.1rem,5.2vw,5rem);line-height:1.17;color:#fff0a6;transform:rotate(-5deg)}
.phone{position:absolute;top:2%;left:40%;width:41%;border:6px solid var(--ink);border-radius:clamp(19px,2.5vw,33px);box-shadow:7px 9px 0 rgb(0 0 0 / 22%);transform:rotate(7deg);overflow:hidden;background:#f4ead5}
.phone img{width:100%;height:auto}
.sticker{position:absolute;filter:drop-shadow(3px 4px 0 rgb(0 0 0 / 30%))}
.sticker--imposter{width:37%;left:66%;top:48%;transform:rotate(8deg)}
.sticker--chip{width:30%;left:7%;top:62%;transform:rotate(-12deg)}
.poster__label{position:absolute;top:82%;left:37%;padding:.4rem .8rem;background:var(--yellow);border:2px solid var(--ink);font-size:.8rem;letter-spacing:.035em;font-weight:900;text-transform:uppercase;transform:rotate(-5deg);box-shadow:3px 3px 0 var(--ink)}
.poster__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;background:var(--paper);padding:1.2rem;border-top:2px solid var(--ink)}
.poster__bottom>span:last-child{font-size:.9rem;font-weight:800;line-height:1.4}
.app-badge{font-family:var(--display);font-size:1.8rem;line-height:1.3;border:2px solid var(--ink);padding:.15rem .65rem;background:#fffefa;max-width:100%}
.app-section{border-block:2px solid var(--ink);background:#fffbf2;scroll-margin-top:2rem}
.app-section__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);padding-block:64px}
.section-number{border:1px solid var(--ink);padding:.05rem .45rem;letter-spacing:0}
.app-section h2{font-family:var(--display);font-size:clamp(4rem,6vw,5.9rem);line-height:1.1;font-weight:400;margin:1.2rem 0}
.blue-dot{color:var(--blue)}
.app-status{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.82rem;font-weight:800;color:var(--muted)}
.app-section__detail{align-self:center}
.app-section h3{font-size:clamp(1.75rem,2.7vw,2.35rem);line-height:1.18;font-weight:900;letter-spacing:-.045em;margin-bottom:1.25rem}
.app-section__detail p{max-width:35rem;font-size:1.075rem;line-height:1.7}
.app-section__detail p+p{margin-top:.85rem}
.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);padding-block:64px 72px}
.studio-section h2{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,3.8vw,3.5rem);line-height:1.2;margin-top:1rem}
.studio-section__copy p{font-size:1.075rem;max-width:34rem}
.studio-section__copy p+p{margin-top:.85rem;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:2rem;font-weight:900;margin-top:1.3rem;padding-block:.4rem;border-bottom:2px solid var(--ink)}
.site-footer{background:var(--ink);color:var(--paper)}
.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:30px}
.footer-wordmark{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;max-width:100%;font-family:var(--display);font-size:1.7rem}
.footer-wordmark span{color:var(--yellow)}
.footer__inner p,.footer-top{font-size:.85rem}
.footer-top{font-weight:800;padding-block:.75rem}
.site-footer a:focus-visible{outline-color:var(--yellow)}
@media(min-width:1600px){.hero{padding-block:86px 96px}}
@media(max-width:1050px){.wrap{width:calc(100% - 4rem)}.hero{gap:2.5rem;padding-block:56px 64px}h1{font-size:clamp(4rem,8.1vw,5.3rem)}.hero__intro{font-size:1.075rem}.app-badge{font-size:1.45rem}.poster__bottom>span:last-child{font-size:.8rem}.poster__top{padding:.8rem;font-size:.65rem}.poster__lettering{font-size:4.8vw}.poster__bottom{padding:1rem}.poster__label{font-size:.65rem;padding:.35rem .55rem}}
@media(max-width:760px){.wrap{width:calc(100% - 3rem)}.site-header{min-height:88px}nav{gap:1.3rem;font-size:.9rem}nav a{gap:.55rem}.hero{grid-template-columns:1fr;gap:3rem;padding-block:40px 56px}.hero__copy{max-width:38rem}h1{font-size:clamp(4.25rem,12.8vw,6.6rem);margin-block:1rem 1.25rem}.hero__intro{font-size:1.125rem;max-width:32rem}.hero__note{margin-top:1.2rem}.app-poster{width:min(100% - 6px,520px);justify-self:center;transform:rotate(1deg)}.poster__top{font-size:.75rem;padding:1rem}.poster__lettering{font-size:clamp(3rem,10vw,4.6rem)}.phone{border-width:5px;border-radius:26px}.poster__bottom{padding:1rem 1.2rem}.app-badge{font-size:1.8rem}.poster__bottom>span:last-child{font-size:.9rem}.poster__label{font-size:.8rem}.app-section__inner{gap:2rem;padding-block:42px}.app-section h2{font-size:4.3rem}.app-section__detail p{font-size:1rem}.app-section h3{font-size:1.7rem}.app-status{font-size:.75rem}.studio-section{gap:2rem;padding-block:46px}.studio-section h2{font-size:2.7rem}.studio-section__copy p{font-size:1rem}.footer__inner{flex-wrap:wrap}.footer__inner p{order:3;flex-basis:100%;color:#d2d1c6}}
@media(max-width:520px){.wrap{width:calc(100% - 2.5rem)}.wordmark{font-size:1.1rem;gap:.6rem}.wordmark__tile{width:39px;height:39px;font-size:1.8rem}.site-header{gap:.8rem}nav{gap:1rem;font-size:.8rem}nav a span{display:none}.eyebrow{font-size:.75rem;letter-spacing:.07em}.hero{padding-top:30px;gap:2.4rem}h1{font-size:clamp(3.85rem,15vw,5rem);line-height:1.16}.hero__intro{font-size:1.05rem}.button{min-height:56px;padding:.8rem 1.1rem}.hero__note{font-size:.8rem}.poster__top{font-size:.65rem;padding:.8rem}.phone{border-width:4px;border-radius:20px}.poster__label{font-size:.65rem}.poster__lettering{font-size:10vw}.poster__bottom{padding:.8rem}.app-badge{font-size:1.4rem}.poster__bottom>span:last-child{font-size:.75rem}.app-section__inner,.studio-section{grid-template-columns:1fr;gap:1.75rem}.app-section h2{font-size:4.4rem;line-height:1.13;margin:1rem 0}.app-section h3{font-size:1.85rem}.app-status{font-size:.8rem}.app-section__detail p{font-size:1.025rem}.app-section__detail .button{width:100%;margin-top:1.3rem}.studio-section{padding-block:42px}.studio-section h2{font-size:2.6rem}.studio-section__copy p{font-size:1.025rem}.footer-wordmark{font-size:1.4rem}.footer-top{font-size:.8rem}}
@media(max-width:520px){.wordmark__tile{width:2.45rem;height:2.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}