@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#121510;--paper:#f4f2ea;--acid:#c9ff3d;--coral:#ff715b;--blue:#8dbbff;--line:#c8c7bf;--muted:#5f635a;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,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(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-pad{padding:110px max(5vw,28px)}
.site-header{position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px max(5vw,28px);mix-blend-mode:difference;color:#fff;transition:.3s}.site-header.scrolled{background:rgba(18,21,16,.9);backdrop-filter:blur(14px);mix-blend-mode:normal}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font:500 12px var(--mono)}.nav{display:flex;gap:10px;align-items:center}.nav a{padding:10px 14px;border-radius:999px;font-size:14px}.nav-cta{border:1px solid currentColor}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:6px auto}
.hero{min-height:100vh;padding-top:150px;display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;background:linear-gradient(120deg,#f4f2ea 0 55%,#dbe4cf 55% 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:var(--acid);filter:blur(2px);right:-120px;top:90px;opacity:.55}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font:500 12px var(--mono)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,8vw,130px);line-height:.84;letter-spacing:-.07em;margin:22px 0 34px}.hero h1 em,.product-title h2 em,.studio h2 em{font-family:var(--serif);font-weight:400}.hero-text{max-width:620px;font-size:20px;line-height:1.6;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:4px;font-weight:700;border:1px solid var(--ink);transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-ghost{background:transparent}.mini-proof{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px 16px;align-items:center;max-width:650px;margin-top:60px}.mini-proof span{font:500 11px var(--mono);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.mini-proof p{font-size:13px;color:var(--muted);margin:0}.hero-art{position:relative;min-height:680px;z-index:1}.frame{position:absolute;background:#111;padding:10px;border-radius:34px;box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden}.frame img{border-radius:25px}.frame-a{width:min(330px,42vw);right:12%;top:7%;transform:rotate(6deg)}.frame-b{width:min(270px,35vw);left:2%;bottom:1%;transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid rgba(18,21,16,.25);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:510px;height:510px;right:-100px;bottom:-80px}.orbit-b{width:220px;height:220px;left:0;top:0;animation-direction:reverse}.hero-chip{position:absolute;left:6%;top:20%;background:var(--acid);padding:14px 18px;border:1px solid var(--ink);font-weight:800;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--ink)}.hero-chip span{display:block;font:500 10px var(--mono);text-transform:uppercase;margin-top:5px}
.product-band{background:var(--ink);color:var(--paper)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.product-title{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start}.app-icon{width:120px;border-radius:28px}.product-title h2,.studio h2,.section-head h2,.contact h2{font-size:clamp(45px,6vw,92px);line-height:.93;letter-spacing:-.05em;margin:0}.product-copy>p{font-size:22px;line-height:1.55;color:#c8c9c2}.metric-row{margin-top:50px;border-top:1px solid #3b3f38}.metric-row>div{padding:22px 0;border-bottom:1px solid #3b3f38;display:grid;grid-template-columns:180px 1fr;gap:24px}.metric-row strong{color:var(--acid)}.metric-row span{color:#aeb0aa}.screen-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:90px}.screen-strip figure{margin:0;position:relative;overflow:hidden;background:#23271f;border-radius:14px;padding:12px 12px 52px}.screen-strip img{border-radius:8px}.screen-strip figcaption{position:absolute;bottom:16px;left:18px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.14em}
.studio{display:grid;grid-template-columns:1fr .7fr;gap:100px;background:#e7dfd2}.studio-notes{padding-top:85px}.studio-notes p{font-size:22px;line-height:1.6;border-top:1px solid #bdb3a5;padding:24px 0;margin:0}.studio h2{margin-top:40px}
.services{background:#bfd5f5}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{background:rgba(255,255,255,.72);border:1px solid rgba(18,21,16,.25);min-height:270px;padding:28px;position:relative;transition:.3s}.service-card:hover{transform:translateY(-6px);background:#fff}.service-card span{font:500 12px var(--mono)}.service-card h3{font-size:30px;letter-spacing:-.03em;margin:70px 0 16px}.service-card p{max-width:520px;color:var(--muted);line-height:1.6}
.process{background:#f2d3cc}.process-card{border:1px solid var(--ink);padding:50px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px}.process-steps b{font-size:34px}.process-steps p{color:var(--muted);line-height:1.55;margin-top:15px}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;background:var(--acid)}.contact-copy p:not(.section-label){max-width:650px;font-size:19px;line-height:1.6}.contact-copy .btn{margin-top:20px}.contact-card{background:var(--paper);border:1px solid var(--ink);padding:34px;display:grid;gap:24px}.contact-card>div{display:grid;grid-template-columns:120px 1fr;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.contact-card span{font:500 11px var(--mono);text-transform:uppercase}.contact-card strong,.contact-card a{font-size:18px}.contact-card div:last-child a{display:block;margin-bottom:6px}
.footer{background:var(--ink);color:var(--paper);padding:50px max(5vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.footer-brand{display:flex;align-items:center;gap:12px}.footer p{color:#b8bbb3}.footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.copyright{grid-column:1/-1;border-top:1px solid #343831;padding-top:22px;font-size:12px;margin:0}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@keyframes spin{to{transform:rotate(360deg)}}.cursor-glow{position:fixed;z-index:9999;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,61,.22),transparent 70%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}
.privacy-body{background:#ede9df}.privacy-header{position:sticky;mix-blend-mode:normal;background:var(--ink);color:var(--paper)}.back-link{font-size:14px}.privacy-wrap{display:grid;grid-template-columns:320px 1fr;max-width:1280px;margin:auto;padding:90px 28px 120px;gap:100px}.privacy-aside{position:sticky;top:120px;align-self:start}.privacy-aside h1{font-size:70px;line-height:.9;letter-spacing:-.06em;margin:20px 0}.privacy-content{max-width:820px}.privacy-content section{padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid #c8c4b9}.privacy-content h2{font-size:28px;letter-spacing:-.03em}.privacy-content p{font-size:17px;line-height:1.75;color:#454940}.privacy-content a{text-decoration:underline}.privacy-footer{grid-template-columns:1fr 1fr}
@media(max-width:980px){.nav{display:none;position:absolute;top:72px;right:24px;left:24px;background:var(--ink);color:var(--paper);padding:18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block;color:currentColor}.hero{grid-template-columns:1fr;padding-top:130px}.hero-art{min-height:600px}.product-grid,.studio,.contact{grid-template-columns:1fr}.screen-strip{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr)}.privacy-wrap{grid-template-columns:1fr;gap:40px}.privacy-aside{position:static}.privacy-aside h1{font-size:54px}.studio-notes{padding-top:0}}
@media(max-width:640px){.section-pad{padding:80px 20px}.hero h1{font-size:62px}.hero-text{font-size:17px}.hero-actions{flex-direction:column}.mini-proof{grid-template-columns:auto 1fr}.hero-art{min-height:500px}.frame-a{width:250px;right:0}.frame-b{width:205px;left:0;bottom:0}.hero-chip{top:12%;left:0}.product-title{grid-template-columns:80px 1fr}.app-icon{width:80px}.product-grid{gap:40px}.product-copy>p,.studio-notes p{font-size:18px}.metric-row>div{grid-template-columns:1fr;gap:5px}.screen-strip{display:flex;overflow-x:auto}.screen-strip figure{min-width:240px}.section-head{display:block}.section-head h2{margin-top:20px}.service-grid{grid-template-columns:1fr}.process-card{padding:28px 20px}.process-steps{grid-template-columns:1fr}.contact-card>div{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.privacy-wrap{padding:60px 20px}.privacy-aside h1{font-size:48px}.cursor-glow{display:none}}