:root{--ink:#11130f;--muted:#666a61;--paper:#f6f7f3;--white:#fff;--lime:#d9ff67;--line:#dcded7;--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}.section-pad{padding-left:max(5vw,24px);padding-right:max(5vw,24px)}.site-header{height:78px;display:flex;align-items:center;padding:0 max(5vw,24px);position:relative;z-index:20;border-bottom:1px solid var(--line);gap:2rem}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.03em;font-size:1.12rem}.brand-mark{width:29px;height:29px;position:relative;display:inline-block}.brand-mark i{position:absolute;inset:2px 10px 2px 0;background:var(--ink);border-radius:2px;transform:skew(-18deg)}.brand-mark i+ i{inset:2px 0 2px 14px;background:var(--lime)}.desktop-nav{display:flex;gap:2.1rem;margin-left:auto;font-size:.8rem;font-weight:600}.desktop-nav a,.footer a{transition:opacity .2s}.desktop-nav a:hover,.footer a:hover{opacity:.55}.header-cta{font-size:.76rem;font-weight:600;border:1px solid var(--ink);border-radius:99px;padding:.65rem 1rem}.header-cta span{margin-left:.5rem}.menu-toggle,.mobile-nav{display:none}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:4vw;padding-top:6rem;padding-bottom:6rem;overflow:hidden}.eyebrow,.kicker,.section-index{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:1.6rem}.eyebrow span{width:7px;height:7px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;box-sizing:content-box}.hero h1{font-size:clamp(3.3rem,5.5vw,6.1rem);line-height:.98;letter-spacing:-.065em;margin:0;max-width:900px;font-weight:600}.hero h1 em,.section-heading em,.process em,.approach em,.capabilities em,.center-heading em,.faq em,.cta em{font-family:var(--serif);font-weight:400}.hero h1 em{display:block}.hero-copy>p{max-width:660px;color:var(--muted);font-size:1.08rem;margin:2rem 0}.hero-actions{display:flex;gap:.7rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:99px;padding:.9rem 1.25rem;font-size:.78rem;font-weight:650;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#2b2f27}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.35)}.hero-trust{display:flex;align-items:center;margin-top:3.3rem}.avatars{display:flex;margin-right:1rem}.avatars span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;border:3px solid var(--paper);font-size:.7rem;font-weight:700}.avatars span+span{margin-left:-10px;background:var(--lime);color:var(--ink)}.hero-trust p{font-size:.7rem;line-height:1.4;color:var(--muted)}.hero-trust strong{color:var(--ink)}.hero-visual{height:min(70vh,670px);min-height:520px;position:relative;background:#10120f;border-radius:3px;overflow:hidden;color:#fff}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.visual-grid:after{content:'';position:absolute;width:300px;height:300px;background:var(--lime);filter:blur(120px);opacity:.17;top:20%;left:20%}.visual-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:72%;aspect-ratio:1}.orbit-two{width:48%;aspect-ratio:1}.visual-core{position:absolute;width:122px;height:122px;border-radius:50%;background:var(--lime);color:var(--ink);top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 13px rgba(217,255,103,.08)}.visual-core span{font-size:2.15rem;font-weight:700;letter-spacing:-.08em}.visual-core small{font-size:.45rem;letter-spacing:.35em}.signal{position:absolute;background:rgba(29,32,27,.92);border:1px solid rgba(255,255,255,.13);padding:.7rem .9rem;display:flex;gap:.7rem;align-items:center;box-shadow:0 15px 40px rgba(0,0,0,.3);animation:float 5s ease-in-out infinite}.signal-one{top:22%;right:8%}.signal-two{bottom:22%;left:6%;animation-delay:-2s}.signal-icon{width:32px;height:32px;background:var(--lime);color:var(--ink);border-radius:50%;display:grid;place-items:center}.signal small,.signal strong{display:block}.signal small{font-size:.45rem;letter-spacing:.12em;color:#9da195}.signal strong{font-size:.68rem}.visual-label{position:absolute;font-size:.48rem;letter-spacing:.25em;color:#80847b}.label-one{top:18%;left:9%}.label-two{bottom:11%;right:7%}.visual-caption{position:absolute;left:6%;bottom:5%;display:flex;gap:1rem;align-items:start}.visual-caption span{font-size:.5rem;color:var(--lime)}.visual-caption p{font-family:var(--serif);font-style:italic;font-size:.72rem;line-height:1.3;margin:0}.band{background:var(--ink);color:#fff;padding-top:8rem;padding-bottom:8rem;display:grid;grid-template-columns:.35fr 1.25fr .65fr;gap:5vw}.band .section-index{color:#8f9389}.manifesto-main .kicker{color:var(--lime);margin:0 0 1.2rem}.manifesto-main h2{font-size:clamp(2.6rem,4.1vw,5rem);letter-spacing:-.055em;line-height:1.06;margin:0;font-weight:500}.manifesto-main h2 span{font-family:var(--serif);font-style:italic;font-weight:400}.manifesto-side>p{color:#a9ada3;font-size:.88rem}.people{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #32352f}.people>div{display:flex;gap:1rem;align-items:center;margin:1rem 0}.people span{width:34px;height:34px;border:1px solid #50544b;border-radius:50%;display:grid;place-items:center;font-size:.65rem}.people p,.people strong{margin:0;display:block;font-size:.66rem}.people p{color:#8f9389}.people strong{color:#fff}.services,.work,.capabilities,.testimonials,.faq{padding-top:9rem;padding-bottom:9rem}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:4.5rem}.section-heading h2,.process h2,.approach h2,.cap-header h2,.center-heading h2,.faq h2{font-size:clamp(2.6rem,4vw,4.8rem);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:1rem 0 0}.section-heading>p{max-width:390px;color:var(--muted);font-size:.85rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:290px;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.22);transition:background .25s,transform .25s}.service-card:hover{background:#fff;transform:translateY(-3px)}.service-top{display:flex;justify-content:space-between}.service-icon{font-size:1.35rem}.service-top small{color:#999d94;font-size:.55rem}.service-card h3{font-size:1rem;margin-top:5rem}.service-card p{font-size:.76rem;color:var(--muted);max-width:240px}.process{background:#e7e9e3;padding-top:9rem;padding-bottom:9rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.process-intro{position:sticky;top:4rem;align-self:start}.process-intro>p{max-width:390px;color:var(--muted);font-size:.85rem;margin-top:2rem}.timeline{list-style:none;padding:0;margin:0;border-top:1px solid #c9ccc4}.timeline li{display:grid;grid-template-columns:60px 1fr;border-bottom:1px solid #c9ccc4;padding:2rem 0;transition:padding-left .2s}.timeline li:hover{padding-left:.5rem}.timeline li>span{font-size:.62rem;color:#858980}.timeline h3{font-size:1.15rem;margin:0}.timeline p{font-size:.76rem;color:var(--muted);margin:.4rem 0 0}.projects{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;padding:5rem 0;border-bottom:1px solid var(--line)}.project-visual{min-height:480px;position:relative;display:grid;place-items:center;overflow:hidden}.project-visual.red{background:#cc4038}.project-visual.dark{background:#1b1e1a}.project-visual.sand{background:#ddd3bf}.project-number{position:absolute;font-size:12rem;line-height:1;color:rgba(255,255,255,.08);font-weight:700;top:1rem;left:2rem}.project-browser{width:74%;background:#f8f8f5;box-shadow:0 30px 70px rgba(0,0,0,.25);position:relative;z-index:2;transform:rotate(-2deg)}.project:nth-child(even) .project-browser{transform:rotate(2deg)}.browser-bar{height:25px;background:#e7e7e2;display:flex;align-items:center;gap:5px;padding-left:9px}.browser-bar i{width:5px;height:5px;background:#acaea7;border-radius:50%}.browser-content{color:#151714;padding:2rem;min-height:230px}.browser-content span{font-size:.45rem;letter-spacing:.15em}.browser-content strong{font-size:2rem;display:block;margin-top:2rem;letter-spacing:-.05em}.browser-lines{width:75%;height:35px;border-top:3px solid #c9cbc5;border-bottom:3px solid #c9cbc5;margin-top:2rem}.project-metric{position:absolute;z-index:3;right:5%;bottom:8%;padding:1rem 1.3rem;background:var(--lime);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.2)}.project-metric strong,.project-metric span{display:block}.project-metric strong{font-size:1.7rem;letter-spacing:-.05em}.project-metric span{font-size:.42rem;letter-spacing:.13em}.project-copy{align-self:center}.project-copy>span{font-size:.55rem;letter-spacing:.15em;color:var(--muted)}.project-copy h3{font-size:2.2rem;letter-spacing:-.045em;margin:.8rem 0 2rem}.project-copy dl{margin:0}.project-copy dl div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);padding:1rem 0}.project-copy dt{font-size:.5rem;letter-spacing:.12em}.project-copy dd{font-size:.76rem;color:var(--muted);margin:0}.project-copy>a{display:inline-flex;gap:3rem;border-bottom:1px solid var(--ink);font-size:.72rem;font-weight:650;margin-top:2rem;padding-bottom:.3rem}.approach{background:var(--ink);color:#fff;padding-top:8rem;padding-bottom:8rem;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.approach-art{aspect-ratio:1;max-width:590px;background:#171a16;position:relative;display:grid;place-items:center;overflow:hidden}.approach-art:before{content:'';position:absolute;inset:10%;background-image:linear-gradient(#292d27 1px,transparent 1px),linear-gradient(90deg,#292d27 1px,transparent 1px);background-size:36px 36px}.approach-ring{width:55%;aspect-ratio:1;border:1px solid #50544a;border-radius:50%;position:absolute;box-shadow:0 0 0 50px rgba(255,255,255,.018),0 0 0 100px rgba(255,255,255,.012)}.approach-word{font-size:6rem;font-weight:700;letter-spacing:-.1em;color:var(--lime);z-index:2}.approach-art>span{position:absolute;bottom:6%;font-size:.48rem;letter-spacing:.2em;color:#777b72}.approach-copy .section-index{color:#8b8f86}.approach-copy>p{color:#aeb1a8;font-size:.85rem;max-width:580px;margin:2rem 0}.pillars{border-top:1px solid #33362f;margin-top:3rem}.pillars div{display:flex;gap:2rem;align-items:center;border-bottom:1px solid #33362f;padding:1.1rem 0}.pillars b{color:var(--lime);font-size:.55rem}.pillars span{font-size:.88rem}.capabilities{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.cap-header{position:sticky;top:4rem;align-self:start}.cap-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-item{min-height:150px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem;display:grid;grid-template-columns:1fr auto;position:relative;background:rgba(255,255,255,.2);transition:background .2s}.cap-item:hover{background:#fff}.cap-item>span{font-size:.5rem;color:#989c93}.cap-item strong{align-self:end;font-size:.92rem}.cap-item i{align-self:end;font-style:normal}.testimonials{background:#e7e9e3}.center-heading{text-align:center}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9ccc4;margin-top:4rem}.testimonial-card{margin:0;background:#f1f2ee;padding:2rem;min-height:330px;display:flex;flex-direction:column}.quote-mark{font-family:var(--serif);font-size:3rem;color:#a6aa9f}.testimonial-card blockquote{font-family:var(--serif);font-size:1.18rem;line-height:1.5;margin:1rem 0 auto}.testimonial-card figcaption{display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--line);padding-top:1.2rem}.testimonial-card figcaption>span{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.65rem}.testimonial-card figcaption p,.testimonial-card figcaption strong{display:block;margin:0;font-size:.62rem}.testimonial-card figcaption p{color:var(--muted)}.testimonial-card figcaption strong{color:var(--ink)}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.faq-intro{position:sticky;top:4rem;align-self:start}.faq-intro>p{font-size:.82rem;color:var(--muted);max-width:330px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:grid;grid-template-columns:50px 1fr auto;align-items:center;cursor:pointer;padding:1.5rem 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:.53rem;color:#92968d}.faq-item summary strong{font-size:.9rem}.faq-item summary i{font-style:normal;font-size:1.2rem;transition:transform .2s}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item>p{font-size:.78rem;color:var(--muted);padding:0 2rem 1.5rem 50px;max-width:680px}.cta{padding-top:0;padding-bottom:0}.cta-inner{background:var(--lime);text-align:center;padding:8rem 2rem;position:relative;overflow:hidden}.cta-inner:before,.cta-inner:after{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(17,19,15,.13);border-radius:50%}.cta-inner:before{top:-120px;left:-90px}.cta-inner:after{bottom:-180px;right:-40px}.cta-mark{font-size:1.5rem}.cta-inner>span{font-size:.55rem;letter-spacing:.18em;font-weight:700;display:block;margin:1rem}.cta h2{font-size:clamp(2.6rem,5vw,5.5rem);line-height:1.02;letter-spacing:-.06em;margin:0;font-weight:550}.cta p{font-size:.85rem;margin:1.5rem}.button-light{background:var(--ink);color:#fff}.footer{background:var(--ink);color:#fff;padding-top:6rem;padding-bottom:2rem}.footer-main{display:flex;justify-content:space-between;border-bottom:1px solid #33362f;padding-bottom:3rem}.brand-footer .brand-mark i{background:#fff}.brand-footer .brand-mark i+i{background:var(--lime)}.footer-main>div>p{color:var(--lime);font-family:var(--serif);font-style:italic;margin:.5rem 0}.footer-note{font-size:.8rem;color:#a6aaa0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:3rem 0}.footer-links div{display:flex;flex-direction:column;gap:.5rem}.footer-links span{font-size:.5rem;letter-spacing:.15em;color:#777b72;margin-bottom:.6rem}.footer-links a{font-size:.72rem;color:#d7dad2}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #33362f;padding-top:1.5rem;color:#777b72;font-size:.55rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-10px)}}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;background:none;border:0;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.mobile-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:2rem 5vw;border-bottom:1px solid var(--line);flex-direction:column;gap:1rem}.mobile-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:4rem}.hero-visual{height:620px}.band{grid-template-columns:1fr 2fr}.manifesto-side{grid-column:2}.services-grid{grid-template-columns:repeat(2,1fr)}.process,.capabilities,.faq{grid-template-columns:1fr;gap:4rem}.process-intro,.cap-header,.faq-intro{position:relative;top:auto}.project{gap:4vw}.approach{grid-template-columns:1fr}.approach-art{max-width:none;width:100%;height:550px;aspect-ratio:auto}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:280px}}
@media(max-width:640px){.site-header{height:68px}.mobile-nav{top:68px}.hero{min-height:auto;padding-top:3rem;padding-bottom:4rem}.hero h1{font-size:3.25rem}.hero-copy>p{font-size:.92rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-trust{margin-top:2rem}.hero-visual{height:480px;min-height:0}.visual-core{width:95px;height:95px}.signal-one{right:3%;top:17%}.signal-two{left:3%;bottom:17%}.band{grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem}.manifesto-main,.manifesto-side{grid-column:auto}.services,.work,.capabilities,.testimonials,.faq{padding-top:6rem;padding-bottom:6rem}.section-heading{display:block;margin-bottom:3rem}.section-heading>p{margin-top:1.5rem}.section-heading h2 br,.cta h2 br{display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card h3{margin-top:3.5rem}.process{padding-top:6rem;padding-bottom:6rem}.project{grid-template-columns:1fr;padding:3rem 0;gap:2rem}.project-visual{min-height:360px}.project-browser{width:82%}.browser-content{min-height:180px;padding:1.5rem}.browser-content strong{font-size:1.5rem}.project-copy dl div{grid-template-columns:90px 1fr}.approach{padding-top:5rem;padding-bottom:5rem}.approach-art{height:380px}.approach-word{font-size:4rem}.cap-list{grid-template-columns:1fr}.cap-item{min-height:110px}.center-heading{text-align:left}.testimonial-card{min-height:300px}.faq-item summary{grid-template-columns:36px 1fr auto}.faq-item>p{padding-left:36px}.cta{padding:0}.cta-inner{padding:6rem 1.5rem}.footer-main{display:block}.footer-note{margin-top:2rem}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.project-number{font-size:8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal{animation:none}}
html,body{overflow-x:hidden}.site-header{background:var(--paper)}

/* 2026 — Fresh studio direction */
:root{--ink:#17141f;--muted:#655f70;--paper:#fffdf8;--lime:#d8ff56;--line:#ded9e6;--purple:#7247ff;--coral:#ff765d;--sky:#78d7ff;--yellow:#ffd84d;--pink:#ff9de2}
body{background:var(--paper)}
.site-header{height:84px;border:0;background:rgba(255,253,248,.88);backdrop-filter:blur(16px);position:sticky;top:0}.brand-mark{transform:rotate(-5deg)}.brand-mark i{background:var(--purple);border-radius:6px}.brand-mark i+i{background:var(--coral)}.header-cta{background:var(--ink);color:#fff;border:0;padding:.8rem 1.15rem;box-shadow:4px 4px 0 var(--lime)}
.hero{min-height:calc(100vh - 84px);grid-template-columns:1fr .95fr;gap:3vw;padding-top:4rem;padding-bottom:5rem}.eyebrow{color:var(--purple)}.eyebrow span{background:var(--coral);border-color:var(--ink)}.hero h1{font-size:clamp(3.4rem,6.1vw,7rem);line-height:.91}.hero h1 em{color:var(--purple);position:relative}.hero h1 em:after{content:'';height:9px;border-radius:99px;background:var(--lime);position:absolute;left:2%;right:6%;bottom:-8px;transform:rotate(-1deg);z-index:-1}.hero-copy>p{font-size:1.05rem;max-width:600px}.button-dark{background:var(--purple);box-shadow:4px 4px 0 var(--ink)}.button-dark:hover{background:var(--purple);box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.button-ghost{background:#fff;border:1.5px solid var(--ink)}
.hero-visual{height:min(72vh,690px);min-height:570px;background:var(--purple);border-radius:34px;overflow:hidden;box-shadow:12px 12px 0 var(--ink);transform:rotate(1deg)}.visual-grid{background-image:radial-gradient(rgba(255,255,255,.25) 1.5px,transparent 1.5px);background-size:24px 24px;mask-image:none}.visual-grid:after{display:none}.browser-card{position:absolute;left:7%;top:11%;width:66%;height:49%;background:#fff9e9;color:var(--ink);border:3px solid var(--ink);border-radius:15px;box-shadow:8px 8px 0 var(--ink);transform:rotate(-4deg);padding:42px 24px 20px;z-index:2}.mini-bar{height:28px;background:var(--ink);position:absolute;top:0;left:0;right:0;border-radius:11px 11px 0 0;padding:9px 12px;display:flex;gap:5px}.mini-bar i{width:9px;height:9px;border-radius:50%;background:var(--coral)}.mini-bar i:nth-child(2){background:var(--yellow)}.mini-bar i:nth-child(3){background:var(--lime)}.mock-nav{font-size:.57rem;font-weight:800;letter-spacing:.1em;display:flex;justify-content:space-between}.mock-nav span{font-weight:500;letter-spacing:0;color:var(--muted)}.mock-title{font-size:clamp(2.1rem,3.5vw,4rem);line-height:.85;letter-spacing:-.08em;margin-top:2.4rem}.mock-title b{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--coral)}.browser-card button{border:2px solid var(--ink);border-radius:99px;background:var(--lime);font-size:.55rem;font-weight:800;padding:.65rem 1rem;margin-top:1.5rem}.phone-card{position:absolute;z-index:4;width:34%;height:55%;right:7%;bottom:7%;background:var(--coral);border:3px solid var(--ink);border-radius:30px;color:var(--ink);padding:2.5rem 1.2rem 1.2rem;box-shadow:8px 8px 0 var(--ink);transform:rotate(5deg);overflow:hidden}.phone-notch{position:absolute;top:8px;left:33%;right:33%;height:12px;background:var(--ink);border-radius:99px}.phone-card small{font-size:.48rem;letter-spacing:.14em}.phone-card strong{display:block;font-family:var(--serif);font-size:1.75rem;line-height:.95;margin-top:1rem}.food-orb{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;background:var(--yellow);font-size:3.4rem;margin:1.3rem auto;box-shadow:0 0 0 8px rgba(255,255,255,.25)}.phone-card p{font-size:.65rem;line-height:1.3;font-weight:700}.social-card{position:absolute;left:6%;bottom:6%;z-index:3;width:38%;background:var(--sky);color:var(--ink);border:3px solid var(--ink);border-radius:18px;padding:1.1rem;box-shadow:7px 7px 0 var(--ink);transform:rotate(-2deg)}.social-card>span{float:right;font-size:1.3rem}.social-card strong{display:block;font-size:1.2rem;line-height:1.05}.social-card small{font-size:.43rem;letter-spacing:.16em}.code-chip{position:absolute;top:6%;right:4%;z-index:5;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:99px;padding:.7rem 1rem;font-size:.5rem;font-weight:800;transform:rotate(7deg)}.spark{position:absolute;color:var(--yellow);font-size:2.5rem;z-index:6}.spark-one{top:53%;left:5%}.spark-two{right:3%;top:42%;color:var(--pink);font-size:1.6rem}
.band{background:var(--purple);border-radius:36px;margin:0 max(2vw,12px);padding-left:max(3vw,24px);padding-right:max(3vw,24px);color:#fff}.band .section-index{color:#d7caff}.manifesto-main .kicker{color:var(--lime)}.manifesto-main h2 span{color:var(--lime)}.manifesto-side>p{color:#e1daf8}.people{border-color:rgba(255,255,255,.25)}.people p{color:#d1c6f3}.people span{border-color:rgba(255,255,255,.35);background:#fff;color:var(--purple)}
.section-index{color:var(--purple)}.section-heading h2 em,.process h2 em,.cap-header h2 em,.faq h2 em,.center-heading h2 em{color:var(--purple)}.services-grid{border:0;gap:14px}.service-card{border:2px solid var(--ink);border-radius:22px;min-height:310px;background:#fff;box-shadow:5px 5px 0 var(--ink)}.service-card:nth-child(1),.service-card:nth-child(6){background:var(--lime)}.service-card:nth-child(2),.service-card:nth-child(7){background:var(--pink)}.service-card:nth-child(3),.service-card:nth-child(8){background:var(--sky)}.service-card:nth-child(4){background:var(--yellow)}.service-card:nth-child(5){background:#bba6ff}.service-card:hover{background:var(--coral);transform:translate(-2px,-4px);box-shadow:8px 9px 0 var(--ink)}.service-icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:1.2rem}.service-top small{color:var(--ink);font-weight:700}.service-card h3{font-size:1.25rem}.service-card p{color:#37313f}
.process{background:#fff0dc;border-radius:36px;margin:0 max(2vw,12px);padding-left:max(4vw,24px);padding-right:max(4vw,24px)}.timeline{border-color:var(--ink)}.timeline li{border-color:#cabda9}.timeline li>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-weight:800}.timeline h3{font-size:1.3rem}.timeline li:hover{padding-left:1rem;color:var(--purple)}
.project-visual{border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink)}.project-visual.red{background:var(--coral)}.project-visual.dark{background:var(--purple)}.project-visual.sand{background:var(--yellow)}.project-browser{border:2px solid var(--ink);border-radius:10px;overflow:hidden}.project-metric{border:2px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink)}.project-copy>a{background:var(--ink);color:#fff;border:0;border-radius:99px;padding:.8rem 1rem}
.approach{background:#101320;border-radius:36px;margin:0 max(2vw,12px);padding-left:max(4vw,24px);padding-right:max(4vw,24px)}.approach-art{background:var(--sky);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 18px var(--purple);transform:rotate(-4deg)}.approach-art:before{background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:18px 18px}.approach-ring{border:3px solid var(--ink);box-shadow:0 0 0 35px rgba(255,255,255,.15),0 0 0 70px rgba(255,255,255,.12)}.approach-word{color:var(--ink)}.approach h2 em{color:var(--lime)}.pillars b{color:var(--lime)}
.cap-list{gap:12px;border:0}.cap-item{border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:4px 4px 0 var(--ink)}.cap-item:nth-child(4n+1){background:var(--lime)}.cap-item:nth-child(4n+2){background:var(--pink)}.cap-item:nth-child(4n+3){background:var(--sky)}.cap-item:nth-child(4n+4){background:var(--yellow)}.cap-item:hover{background:var(--coral);transform:rotate(-1deg)}
.testimonials{background:#f1ebff}.testimonial-grid{gap:14px;background:transparent}.testimonial-card{border:2px solid var(--ink);border-radius:22px;background:#fff;box-shadow:5px 5px 0 var(--ink)}.testimonial-card:nth-child(2){background:var(--lime);transform:translateY(20px)}.quote-mark{color:var(--purple)}
.faq-item summary i{width:34px;height:34px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center}.cta-inner{background:var(--coral);border-radius:36px 36px 0 0;border:3px solid var(--ink);border-bottom:0}.cta-inner:before,.cta-inner:after{border-width:2px;border-color:var(--ink)}.cta h2 em{color:#fff}.button-light{background:var(--lime);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.footer{background:#17141f}.footer-main>div>p{color:var(--pink)}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-visual{transform:none}.band,.process,.approach{margin:0 12px}.services-grid{grid-template-columns:repeat(2,1fr)}.approach-art{border-radius:28px;transform:none}}
@media(max-width:640px){.site-header{height:68px}.hero{padding-top:2.5rem}.hero h1{font-size:3.3rem;line-height:.94}.hero h1 em:after{height:6px}.hero-visual{height:500px;min-height:0;border-radius:24px;box-shadow:7px 7px 0 var(--ink)}.browser-card{width:82%;height:49%;left:5%;top:9%;padding:39px 18px 15px}.mock-title{font-size:2.2rem}.phone-card{width:42%;height:51%;right:5%;bottom:5%;padding:2.2rem .9rem 1rem}.phone-card strong{font-size:1.35rem}.food-orb{width:80px;height:80px;font-size:2.5rem}.social-card{width:48%;left:5%;bottom:8%}.code-chip{right:2%;font-size:.42rem}.band,.process,.approach{border-radius:24px;margin:0 8px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:250px}.testimonial-card:nth-child(2){transform:none}.cap-list{gap:10px}.cta-inner{border-radius:24px 24px 0 0}}

/* Dark immersive edition */
:root{--ink:#f4f0ff;--muted:#aaa3b9;--paper:#0a0810;--line:#302a3d;--night:#0a0810;--panel:#14101d;--purple:#8b5cff;--coral:#ff725e;--sky:#68d8ff;--yellow:#ffd84d;--lime:#caff52;--pink:#ff90dc}
html{background:var(--night)}body{background:radial-gradient(circle at 76% 8%,rgba(139,92,255,.18),transparent 28rem),radial-gradient(circle at 8% 28%,rgba(104,216,255,.08),transparent 24rem),var(--night);color:var(--ink)}
.site-header{background:rgba(10,8,16,.72);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px);color:#fff}.brand-mark i{background:var(--purple)}.brand-mark i+i{background:var(--coral)}.desktop-nav a{color:#cfc8dc}.header-cta{background:#fff;color:#14101d;box-shadow:4px 4px 0 var(--purple)}.menu-toggle span{background:#fff}.mobile-nav{background:#100c18;border-color:#2d2638}
.hero{position:relative}.hero:before{content:'';position:absolute;width:34vw;height:34vw;border-radius:50%;background:rgba(139,92,255,.12);filter:blur(100px);left:-20vw;top:8%;pointer-events:none}.eyebrow{color:#bda8ff}.hero h1{color:#f8f5ff}.hero h1 em{background:linear-gradient(90deg,#b894ff,#ff8dda 55%,#ff967f);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1 em:after{background:linear-gradient(90deg,var(--purple),var(--coral));opacity:.7}.hero-copy>p{color:#b7afc3}.button-dark{background:linear-gradient(120deg,var(--purple),#a34fff);color:#fff;box-shadow:4px 4px 0 var(--coral)}.button-dark:hover{background:linear-gradient(120deg,#9b72ff,#b86cff)}.button-ghost{background:rgba(255,255,255,.04);border-color:#5d536b;color:#fff}.hero-trust p{color:#91899f}.hero-trust strong{color:#fff}.avatars span{background:#fff;color:#16121c;border-color:var(--night)}.avatars span+span{background:var(--lime);color:#16121c}.hero-visual{background:radial-gradient(circle at 30% 20%,#9b70ff 0,#6f42f4 38%,#4220ad 100%);box-shadow:12px 12px 0 #000,0 30px 90px rgba(98,55,221,.32);border:1px solid rgba(255,255,255,.22)}
.band{background:linear-gradient(135deg,#241438,#351855 55%,#19223b);border:1px solid rgba(255,255,255,.11);box-shadow:0 40px 100px rgba(0,0,0,.28)}.band .section-index{color:#ad9bbb}.manifesto-main h2{color:#fff}.manifesto-main h2 span{background:linear-gradient(90deg,var(--lime),var(--sky));background-clip:text;-webkit-background-clip:text;color:transparent}.manifesto-side>p{color:#c1b6cf}.people span{background:rgba(255,255,255,.08);color:#fff}.people strong{color:#fff}
.services,.work,.capabilities,.faq{background:transparent}.section-index{color:#a98fff}.section-heading h2,.process h2,.approach h2,.cap-header h2,.center-heading h2,.faq h2{color:#f5f1fa}.section-heading h2 em,.process h2 em,.cap-header h2 em,.faq h2 em,.center-heading h2 em{color:#b898ff}.section-heading>p,.process-intro>p,.faq-intro>p{color:var(--muted)}
.service-card{border-color:#272130;box-shadow:none;color:#17131e;position:relative;overflow:hidden}.service-card:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.28);filter:blur(35px);right:-20px;top:-20px}.service-card:hover{box-shadow:0 18px 55px rgba(0,0,0,.35);transform:translateY(-8px)}.service-card:nth-child(5){background:#ac91ff}.service-icon{border-color:#1b1620;color:#1b1620}.service-card h3,.service-card p,.service-top small{color:#17131e}
.process{background:linear-gradient(145deg,#121a28,#1a1730);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.04)}.timeline{border-color:#3c3449}.timeline li{border-color:#30293b}.timeline h3{color:#f7f3fb}.timeline p{color:#9e96aa}.timeline li>span{color:#17131e}.timeline li:hover{color:#b99dff}
.projects{border-color:#312a3c}.project{border-color:#312a3c}.project-copy>span{color:#9e94aa}.project-copy h3{color:#fff}.project-copy dl div{border-color:#302a3a}.project-copy dt{color:#c0b5ca}.project-copy dd{color:#96909f}.project-copy>a{background:#fff;color:#15111b}.project-visual{border-color:#211a29;box-shadow:8px 8px 0 #241d2e}
.approach{background:linear-gradient(145deg,#100e17,#161020 60%,#20143a);border:1px solid rgba(255,255,255,.1)}.approach-art{border-color:#30273d;box-shadow:0 0 0 18px #2b1b4d,0 35px 80px rgba(0,0,0,.35)}.approach-copy>p{color:#aaa2b4}.pillars{border-color:#342d40}.pillars div{border-color:#342d40}
.cap-item{background:#15111d;border-color:#30293a;box-shadow:none;color:#f5f1f8}.cap-item:nth-child(4n+1),.cap-item:nth-child(4n+2),.cap-item:nth-child(4n+3),.cap-item:nth-child(4n+4){background:#15111d}.cap-item:nth-child(odd){background:#1b1428}.cap-item>span{color:#8f829c}.cap-item i{color:var(--lime)}.cap-item:hover{background:#7548e8;color:#fff;box-shadow:0 18px 50px rgba(90,47,195,.3)}
.testimonials{background:linear-gradient(180deg,rgba(139,92,255,.08),rgba(139,92,255,.02));border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.testimonial-card,.testimonial-card:nth-child(2){background:#15111d;border-color:#332b40;box-shadow:0 18px 50px rgba(0,0,0,.2);color:#f5effc}.testimonial-card:nth-child(2){background:linear-gradient(145deg,#44237a,#2a1946)}.testimonial-card blockquote{color:#ece5f4}.testimonial-card figcaption{border-color:#37303f}.testimonial-card figcaption>span{background:var(--lime);color:#15111b}.testimonial-card figcaption p{color:#9991a2}.testimonial-card figcaption strong{color:#fff}
.faq-list{border-color:#332c3e}.faq-item{border-color:#332c3e}.faq-item summary strong{color:#f0eaf6}.faq-item>p{color:#9e96a8}.faq-item summary i{color:#17131e;border-color:#17131e}.cta-inner{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 18rem),linear-gradient(125deg,#7046e8,#9b4fe2 50%,#ff725e);border-color:#21162e;box-shadow:0 -30px 90px rgba(108,56,212,.2)}.cta-inner:before,.cta-inner:after{border-color:rgba(255,255,255,.3)}.cta h2,.cta h2 em,.cta-inner>span,.cta p{color:#fff}.button-light{background:var(--lime);color:#17131e;box-shadow:5px 5px 0 #17131e}.footer{background:#07050b;border-top:1px solid #292232}.footer-main{border-color:#2b2533}.footer-note{color:#8d8496}.footer-links a{color:#bdb4c7}.footer-bottom{border-color:#2b2533;color:#706779}
@media(max-width:640px){.hero:before{width:90vw;height:90vw;left:-55vw}.hero-visual{box-shadow:7px 7px 0 #000}.mobile-nav a{color:#fff}.band,.process,.approach{box-shadow:none}.testimonial-card:nth-child(2){background:linear-gradient(145deg,#44237a,#2a1946)}}
.browser-card,.phone-card,.social-card,.code-chip{color:#17131e;border-color:#17131e}.mini-bar,.phone-notch{background:#17131e}.browser-card{box-shadow:8px 8px 0 #17131e}.phone-card{box-shadow:8px 8px 0 #17131e}.social-card{box-shadow:7px 7px 0 #17131e}.mock-nav span{color:#655f70}.browser-card button{border-color:#17131e;color:#17131e}
.hero h1{line-height:1}.hero h1 em{margin-top:.08em}
@media(max-width:640px){.hero h1{line-height:1.02}.hero h1 em{margin-top:.1em}}

/* Compact information architecture */
.hero{min-height:auto;padding-top:4.5rem;padding-bottom:5rem}.hero-visual{height:580px;min-height:520px}.hero-trust{margin-top:2.2rem}
.band{padding-top:6rem;padding-bottom:6rem}.services,.work,.faq{padding-top:6.5rem;padding-bottom:6.5rem}.section-heading{margin-bottom:3rem}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:245px}.service-card h3{margin-top:3.4rem}.process{padding-top:6rem;padding-bottom:6rem}.timeline li{padding:1.35rem 0}.project{padding:3.5rem 0}.project-visual{min-height:400px}.project-copy h3{margin-bottom:1.25rem}.project-copy dl div{padding:.75rem 0}.faq{gap:7vw}.cta-inner{padding:6.5rem 2rem}.footer{padding-top:4rem}
@media(max-width:980px){.services-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{height:560px}.band{padding-top:5rem;padding-bottom:5rem}}
@media(max-width:640px){.hero{padding-top:2.5rem;padding-bottom:3.5rem}.hero-visual{height:460px;min-height:0}.hero-trust{margin-top:1.75rem}.band{padding-top:4rem;padding-bottom:4rem}.services,.work,.faq{padding-top:4.5rem;padding-bottom:4.5rem}.services-grid{grid-template-columns:1fr}.service-card{min-height:205px}.service-card h3{margin-top:2.3rem}.process{padding-top:4.5rem;padding-bottom:4.5rem}.project{padding:2.5rem 0}.project-visual{min-height:320px}.cta-inner{padding:5rem 1.5rem}.footer{padding-top:3.5rem}}

/* Portfolio with replaceable screenshots */
.projects{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border:0}.project.project-card{display:block;padding:0;border:0}.project-featured{grid-column:1/-1}.project-shot{display:block;position:relative;overflow:hidden;border-radius:24px;border:1px solid #393143;background:#17121e;aspect-ratio:1.58;box-shadow:0 22px 70px rgba(0,0,0,.28)}.project-featured .project-shot{aspect-ratio:2.05}.project-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.project-shot:hover img{transform:scale(1.025);filter:saturate(1.08)}.project-shot .project-number{top:1.2rem;left:1.2rem;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(10,8,16,.82);border:1px solid rgba(255,255,255,.2);font-size:.65rem;color:#fff;backdrop-filter:blur(8px)}.project-shot>b{position:absolute;right:1.2rem;top:1.2rem;background:var(--lime);color:#17131e;border-radius:99px;padding:.65rem .9rem;font-size:.52rem;letter-spacing:.1em}.project-card-copy{padding:1.25rem .2rem 2rem}.project-card-copy>span{font-size:.52rem;letter-spacing:.14em;color:#a99eb5}.project-card-copy h3{font-size:1.75rem;letter-spacing:-.04em;margin:.35rem 0}.project-featured .project-card-copy h3{font-size:2.4rem}.project-card-copy p{max-width:590px;color:#9f97a8;font-size:.78rem;margin:.4rem 0 1.25rem}.project-card-copy>a{display:inline-flex;align-items:center;gap:1.5rem;border-bottom:1px solid #766b82;padding-bottom:.25rem;font-size:.72rem;font-weight:700;color:#fff}.project-featured .project-card-copy>a{border:0;background:var(--lime);color:#17131e;border-radius:99px;padding:.75rem 1rem}.service-card:last-child{background:linear-gradient(135deg,#ffb75e,#ff7bc7)}
@media(max-width:700px){.projects{grid-template-columns:1fr;gap:1rem}.project-featured{grid-column:auto}.project-featured .project-shot,.project-shot{aspect-ratio:1.45}.project-shot>b{right:.8rem;top:.8rem;font-size:.43rem}.project-shot .project-number{top:.8rem;left:.8rem}.project-featured .project-card-copy h3{font-size:1.9rem}.project-card-copy{padding-top:1rem}}

/* Calmer color system */
:root{--purple:#77718f;--coral:#d47c6b;--sky:#79aeb8;--yellow:#d8bd65;--lime:#b9ca7a;--pink:#c789ae}
body{background:radial-gradient(circle at 76% 8%,rgba(103,95,132,.12),transparent 28rem),radial-gradient(circle at 8% 28%,rgba(89,130,138,.06),transparent 24rem),var(--night)}
.hero:before{background:rgba(105,96,137,.08)}.hero h1 em{background:linear-gradient(90deg,#a9a2c3,#ca8dad 58%,#d89484);background-clip:text;-webkit-background-clip:text}.hero h1 em:after{background:#6f687f;opacity:.5}.button-dark{background:#716a86;box-shadow:4px 4px 0 #a66459}.button-dark:hover{background:#817a97}.hero-visual{background:radial-gradient(circle at 25% 15%,#6f7f89 0,#3d4b54 42%,#202a30 100%);box-shadow:12px 12px 0 #000,0 30px 90px rgba(31,39,44,.38)}
.band{background:linear-gradient(135deg,#211d2a,#292431 55%,#1b252a)}.manifesto-main h2 span{background:linear-gradient(90deg,#becd89,#89b5bc);background-clip:text;-webkit-background-clip:text}.process{background:linear-gradient(145deg,#151b20,#1e1b25)}.section-index,.section-heading h2 em,.process h2 em,.cap-header h2 em,.faq h2 em,.center-heading h2 em{color:#aaa3c0}.cta-inner{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 18rem),linear-gradient(125deg,#555064,#73677b 55%,#a36b61);box-shadow:0 -30px 90px rgba(48,42,57,.2)}.service-card:last-child{background:linear-gradient(135deg,#d8bd79,#c899aa)}
.footer-links{grid-template-columns:repeat(2,1fr)}