:root{--ink:#0b0d12;--paper:#f2efe8;--blue:#334cff;--lime:#c8ff55;--pink:#ff6f9d;--line:#23262f;--muted:#a9a69e;--pad:clamp(22px,5vw,76px);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Segoe UI",Arial,sans-serif;overflow-x:hidden}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid #cbc8bf;position:sticky;top:0;z-index:50;background:rgba(242,239,232,.9);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;letter-spacing:-.08em;background:var(--lime);transform:rotate(-4deg)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px;text-transform:uppercase;letter-spacing:.08em}.brand-copy small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.desktop-nav{display:flex;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--blue);transition:.25s}.desktop-nav a:hover:after{width:100%}.menu-button{display:none;border:0;background:transparent;width:42px;height:42px}.menu-button span{display:block;height:2px;background:var(--ink);margin:7px 0}.hero{min-height:calc(100vh - 92px);padding-top:48px;padding-bottom:72px}.hero-kicker,.eyebrow,.section-index,.policy-code{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;margin-top:30px}.hero h1{font-family:"Arial Narrow","Avenir Next Condensed","Segoe UI",sans-serif;font-stretch:condensed;font-size:clamp(56px,8.2vw,126px);line-height:.82;letter-spacing:-.07em;margin:0;max-width:900px}.hero h1 em{font-style:normal;color:var(--blue);display:block}.hero-copy p{max-width:680px;font-size:clamp(17px,1.6vw,24px);line-height:1.5;margin:34px 0;color:#35363d}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px;border:2px solid var(--ink);transition:.25s}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--lime);color:var(--ink);transform:translateY(-3px)}.text-link{font-weight:800;border-bottom:2px solid var(--ink);padding-bottom:5px}.hero-art{position:relative;min-height:560px;display:grid;place-items:center}.poster-card{width:min(100%,650px);background:#fff;border:2px solid var(--ink);box-shadow:18px 18px 0 var(--blue);transform:rotate(2deg);position:relative;z-index:2;overflow:hidden}.poster-card img{width:100%;aspect-ratio:2.04/1;object-fit:cover}.orbit{position:absolute;border:2px solid var(--ink);border-radius:50%}.orbit-a{width:86%;aspect-ratio:1;animation:spin 18s linear infinite}.orbit-b{width:66%;aspect-ratio:1;border-style:dashed;animation:spin 11s linear infinite reverse}.floating-label{position:absolute;background:var(--lime);border:2px solid var(--ink);padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.13em;z-index:3}.label-a{top:10%;left:2%;transform:rotate(-9deg)}.label-b{right:0;top:28%;background:var(--pink);transform:rotate(8deg)}.label-c{bottom:9%;left:16%;background:#fff;transform:rotate(5deg)}@keyframes spin{to{transform:rotate(360deg)}}.ticker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;background:var(--lime)}.ticker-track{display:flex;width:max-content;gap:24px;padding:16px 0;font-weight:900;letter-spacing:.08em;font-size:13px;animation:ticker 26s linear infinite}.ticker-track i{font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}.studio,.product,.services,.principles,.contact{padding-top:110px;padding-bottom:110px;position:relative}.section-index{position:absolute;top:112px;left:var(--pad);width:50px}.studio-intro,.services-head{margin-left:110px;max-width:1000px}.studio h2,.services h2,.principles h2,.contact h2,.product h2{font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.05em;margin:12px 0 50px}.studio-ledger{margin-left:110px;border-top:2px solid var(--ink)}.ledger-row{display:grid;grid-template-columns:180px 1fr 70px;gap:25px;align-items:center;border-bottom:1px solid var(--ink);padding:24px 0;transition:.25s}.ledger-row:hover{padding-left:18px;background:#e7e3da}.ledger-row span,.ledger-row b{font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ledger-row p{margin:0;color:#4b4a46;font-size:18px}.product{background:var(--ink);color:#fff}.product .section-index{color:var(--muted)}.product-title{margin-left:110px;display:flex;align-items:end;justify-content:space-between;gap:30px}.product-title h2{margin-bottom:35px}.app-icon{width:118px;border-radius:24px;border:2px solid #fff;box-shadow:10px 10px 0 var(--lime);margin-bottom:44px}.product-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;margin-left:110px}.lead{font-size:clamp(22px,2.3vw,32px);line-height:1.4;color:#dedbd2;margin:0 0 40px}.feature-strips article{border-top:1px solid #444852;padding:22px 0;display:grid;grid-template-columns:45px 1fr;gap:10px}.feature-strips article:last-child{border-bottom:1px solid #444852}.feature-strips span{color:var(--lime);font-weight:900}.feature-strips h3{margin:0 0 8px;font-size:20px}.feature-strips p{grid-column:2;margin:0;color:#a9adb6;line-height:1.55}.store-link{display:inline-block;margin-top:34px;padding-bottom:6px;border-bottom:2px solid var(--lime);color:var(--lime);font-weight:800}.screen-stage{min-height:720px;position:relative;background:#161922;border:1px solid #333741;overflow:hidden}.screen-stage:before{content:"";position:absolute;width:320px;height:320px;background:var(--blue);border-radius:50%;top:-90px;right:-70px;filter:blur(2px)}.screen-stage:after{content:"";position:absolute;width:220px;height:220px;background:var(--pink);bottom:-80px;left:-70px}.screen-stack{position:absolute;inset:40px;display:flex;align-items:flex-end;justify-content:center;gap:0}.shot{width:34%;margin:0;position:relative;filter:drop-shadow(0 30px 28px #0008);transition:.4s}.shot img{width:100%;border-radius:24px}.shot-1{transform:rotate(-7deg) translate(18px,16px);z-index:1}.shot-2{transform:translateY(-30px);z-index:3}.shot-3{transform:rotate(7deg) translate(-18px,20px);z-index:2}.screen-stage:hover .shot-1{transform:rotate(-10deg) translate(-6px,10px)}.screen-stage:hover .shot-2{transform:translateY(-48px)}.screen-stage:hover .shot-3{transform:rotate(10deg) translate(6px,10px)}.stage-note{position:absolute;left:28px;bottom:24px;z-index:5;background:var(--lime);color:var(--ink);padding:11px 14px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.services{background:#d8d3c7}.service-grid{margin-left:110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.service-card{min-height:310px;padding:28px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;flex-direction:column;transition:.3s;background:#d8d3c7}.service-card:hover{background:#fff;transform:translate(-6px,-6px);box-shadow:6px 6px 0 var(--ink)}.service-card-wide{grid-column:span 2}.service-card-accent{background:var(--lime)}.service-no{font-weight:900}.service-card h3{font-size:32px;letter-spacing:-.04em;margin:70px 0 14px}.service-card p{max-width:540px;line-height:1.6;margin:0}.service-tag{margin-top:auto;font-size:11px;font-weight:900;letter-spacing:.14em}.principles{background:var(--blue);color:#fff}.principles-grid{margin-left:110px;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end}.principles h2{margin-bottom:0}.principles blockquote{margin:0;border-left:4px solid var(--lime);padding:0 0 0 28px;font-size:clamp(24px,3vw,46px);line-height:1.25;font-weight:700}.contact{background:var(--paper)}.contact-shell{margin-left:110px;border:2px solid var(--ink);display:grid;grid-template-columns:1.2fr .8fr}.contact-title{padding:48px}.contact-title h2{margin-bottom:0}.contact-details{border-left:2px solid var(--ink);padding:48px;display:flex;flex-direction:column;gap:18px;font-size:18px}.contact-details a{font-weight:800;border-bottom:1px solid var(--ink);width:max-content;max-width:100%}.contact-details address{font-style:normal;line-height:1.6;margin-top:auto}.site-footer{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;padding:45px var(--pad)}.footer-brand{font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.footer-meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9a9da6;display:flex;flex-direction:column;gap:7px}.privacy-link{color:var(--lime);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.mobile-menu{display:none}.reveal{opacity:0;transform:translateY(24px);transition:.75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.cursor-glow{position:fixed;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(51,76,255,.13),transparent 68%);pointer-events:none;z-index:999;transform:translate(-50%,-50%)}.privacy-page{background:#11141b;color:#f6f3eb}.policy-header{padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343741}.privacy-page .brand-mark{color:var(--ink)}.policy-back{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--lime);font-weight:900}.policy-main{display:grid;grid-template-columns:minmax(280px,34vw) 1fr;min-height:100vh}.policy-aside{padding:80px var(--pad);border-right:1px solid #343741;position:sticky;top:0;height:100vh;align-self:start;background:#0c0f15}.policy-aside h1{font-family:"Arial Narrow","Avenir Next Condensed",sans-serif;font-size:clamp(62px,8vw,118px);line-height:.83;letter-spacing:-.07em;margin:30px 0}.policy-aside p{font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--lime)}.policy-aside span{color:#8f949e;font-size:13px}.policy-content{padding:75px max(28px,8vw) 110px}.policy-content section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #343741}.policy-content h2{font-size:clamp(24px,2.7vw,38px);letter-spacing:-.03em;margin:0 0 14px;color:var(--lime)}.policy-content p{font-size:18px;line-height:1.75;color:#d3d2cf;margin:0 0 14px}.policy-content a{color:#fff;border-bottom:1px solid var(--pink)}.policy-footer{border-top:1px solid #343741}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.hero-grid,.product-layout,.principles-grid,.contact-shell,.policy-main{grid-template-columns:1fr}.hero-art{min-height:390px;margin-top:20px}.hero h1{font-size:clamp(56px,18vw,92px)}.studio-intro,.studio-ledger,.product-title,.product-layout,.services-head,.service-grid,.principles-grid,.contact-shell{margin-left:0}.section-index{position:static;margin-bottom:28px}.studio,.product,.services,.principles,.contact{padding-top:76px;padding-bottom:76px}.ledger-row{grid-template-columns:1fr 50px}.ledger-row p{grid-column:1/-1}.product-title{align-items:center}.app-icon{width:78px;margin-bottom:30px}.screen-stage{min-height:540px;margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card-wide{grid-column:auto}.contact-details{border-left:0;border-top:2px solid var(--ink)}.site-footer{grid-template-columns:1fr;align-items:start}.cursor-glow{display:none}.mobile-menu{position:fixed;inset:0;background:var(--ink);color:#fff;z-index:100;flex-direction:column;padding:90px 28px 30px;gap:24px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:42px;font-weight:900;letter-spacing:-.04em}.menu-close{position:absolute;right:24px;top:20px;background:var(--lime);border:0;width:48px;height:48px;font-size:30px}.policy-aside{position:relative;height:auto;border-right:0;border-bottom:1px solid #343741;padding-top:60px;padding-bottom:60px}.policy-content{padding:54px 24px 80px}.policy-aside h1{font-size:72px}.policy-header .brand-copy{display:none}}
@media(max-width:560px){.site-header{height:74px}.hero{min-height:auto;padding-top:32px}.hero-copy p{font-size:17px}.poster-card{box-shadow:10px 10px 0 var(--blue)}.hero-art{min-height:320px}.floating-label{font-size:8px}.studio h2,.services h2,.principles h2,.contact h2,.product h2{font-size:44px}.product-title{display:block}.app-icon{margin-top:-10px}.screen-stage{min-height:460px}.screen-stack{inset:32px 8px 60px}.shot{width:40%}.service-card{min-height:270px}.service-card h3{margin-top:45px}.contact-title,.contact-details{padding:28px}.site-footer{padding-top:34px;padding-bottom:34px}}
