:root{--ink:#111;--paper:#f5f5f2;--lime:#d6ff45;--line:#383834;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.4}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:16px 5vw;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:rgba(17,17,17,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:block;width:130px}.brand img{width:100%;display:block;filter:grayscale(1) contrast(1.6)}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{font-size:13px;letter-spacing:.04em;padding:7px 0;position:relative}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.main-nav a:hover:after,.main-nav a:focus-visible:after,.main-nav a[aria-current=page]:after{transform:scaleX(1)}.menu-toggle{display:none;background:none;border:0;color:var(--paper);font:inherit}section{padding:clamp(70px,10vw,140px) 5vw}.eyebrow{margin:0 0 25px;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--lime)}h1,h2{letter-spacing:-.065em;line-height:.92;margin:0}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:52vw;height:52vw;right:-27vw;bottom:-35vw;border:1px solid rgba(214,255,69,.55);border-radius:50%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.hero:hover:after{transform:translate(-2vw,-2vw) scale(1.03)}.hero-copy-wrap,.studio-map{position:relative;z-index:1}.hero h1,.page-hero h1,.contact-page h1{font-size:clamp(52px,8vw,122px);max-width:920px}.hero-copy,.page-hero>p:not(.eyebrow),.contact-page>p:not(.eyebrow){max-width:620px;color:#cecec9;font-size:clamp(18px,1.8vw,24px);margin:32px 0}.hero-actions{display:flex;gap:25px;align-items:center}.button{display:inline-flex;gap:27px;align-items:center;padding:17px 20px;border:1px solid var(--lime);font-size:14px;font-weight:bold;transition:transform .2s ease,box-shadow .2s ease}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:5px 5px 0 var(--paper)}.button-primary{color:var(--ink);background:var(--lime)}.button-dark{background:var(--ink);color:var(--paper);border-color:var(--ink);margin-top:35px}.button span,.text-link span{font-size:19px;transition:transform .2s ease}.button:hover span,.button:focus-visible span{transform:translate(3px,-3px)}.text-link{font-size:14px;font-weight:bold;border-bottom:1px solid currentColor;padding-bottom:4px}.studio-map{border:1px solid var(--line);background:rgba(255,255,255,.02);padding:19px;max-width:600px}.map-kicker{font-size:10px;letter-spacing:.14em;color:var(--muted)}.map-stage{height:380px;position:relative}.map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-lines path{fill:none;stroke:#50504b;stroke-width:1.5;stroke-dasharray:3 5;transition:stroke .25s ease,stroke-width .25s ease}.map-stage[data-active] .map-lines path{stroke:#4d4d48}.map-stage[data-active] .map-lines path.is-connected{stroke:var(--lime);stroke-width:2}.map-node{position:absolute;border:1px solid #5b5b56;padding:10px 13px;font-size:13px;background:var(--ink);transition:background-color .22s ease,color .22s ease,transform .22s ease,border-color .22s ease}.map-node:hover,.map-node:focus-visible,.map-node.active{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:translateY(-5px)}.node-brand{left:22%;top:10%}.node-web{right:21%;top:8%}.node-fix{left:6%;bottom:26%}.node-build{left:45%;top:35%}.node-transform{right:4%;bottom:27%}.map-caption{position:absolute;left:0;bottom:0;right:0;margin:0;color:var(--muted);font-size:13px;transition:color .2s ease}.intro{background:var(--paper);color:var(--ink)}.intro .eyebrow,.pricing .eyebrow{color:#5c7500}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.split-heading h2{font-size:clamp(44px,6vw,86px)}.split-heading p{font-size:18px;max-width:420px;margin:0}.three-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-top:1px solid #888}.three-links a{min-height:255px;padding:20px;border-right:1px solid #888;display:flex;flex-direction:column;gap:18px;transition:background .22s ease,color .22s ease,transform .22s ease}.three-links a:first-child{border-left:1px solid #888}.three-links a:hover{background:var(--lime);transform:translateY(-9px)}.three-links span{font-size:11px}.three-links strong{font-size:36px;letter-spacing:-.05em}.three-links em{font-style:normal;max-width:200px}.three-links b{margin-top:auto;text-align:right;font-size:22px}.statement{background:var(--lime);color:var(--ink)}.statement p{font-size:clamp(46px,8vw,120px);line-height:.9;letter-spacing:-.07em;margin:0}.statement em{font-family:Georgia,serif;font-weight:normal}.page-hero,.contact-page{padding-top:clamp(100px,14vw,180px);min-height:52vh;border-bottom:1px solid var(--line)}.service-detail{display:grid;grid-template-columns:1fr 2fr;gap:8vw;background:var(--paper);color:var(--ink);border-bottom:1px solid #aaa}.service-detail.dark{background:var(--ink);color:var(--paper)}.service-detail.lime{background:var(--lime);color:var(--ink)}.service-detail>span,.process span{font-size:12px;letter-spacing:.12em}.service-detail h2{font-size:clamp(42px,5.8vw,82px)}.service-detail p{font-size:19px;max-width:630px}.service-detail ul{padding-left:20px;line-height:1.9;margin:30px 0}.service-detail .text-link{display:inline-block;margin-top:15px}.capabilities{border-bottom:1px solid var(--line)}.capability-list{display:flex;gap:10px;flex-wrap:wrap}.capability-list span{border:1px solid var(--line);padding:14px 17px;transition:background .2s ease,color .2s ease,transform .2s ease}.capability-list span:hover{background:var(--lime);color:var(--ink);transform:translateY(-3px)}.process{display:grid;grid-template-columns:repeat(2,1fr);padding:0;background:var(--paper);color:var(--ink)}.process article{padding:45px 5vw;border-right:1px solid #aaa;border-bottom:1px solid #aaa;min-height:280px;transition:background .2s ease}.process article:hover{background:var(--lime)}.process h2{font-size:39px;margin:48px 0 12px}.pricing{background:var(--paper);color:var(--ink)}.pricing-table{border-top:1px solid #aaa}.price-row{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid #aaa;transition:padding .2s ease,background .2s ease}.price-row:hover{background:#e7e7e1;padding-left:16px;padding-right:16px}.price-row.feature{background:var(--lime);padding:25px 18px;margin:0 -18px}.price-row p{margin:0;font-weight:bold;font-size:20px}.price-row small{display:block;max-width:560px;margin-top:4px}.price-row strong{white-space:nowrap;font-size:19px}.pricing-note{max-width:600px;color:#555}.contact-page{min-height:calc(100vh - 88px)}form{display:grid;grid-template-columns:1fr 1fr;max-width:900px;gap:22px;margin-top:50px}label{display:grid;gap:9px;font-size:13px;font-weight:bold}.full{grid-column:1/-1}input,select,textarea{min-width:0;background:transparent;color:var(--paper);border:1px solid #62625d;padding:14px;font:inherit;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}select option{color:var(--ink)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--lime);box-shadow:4px 4px 0 rgba(214,255,69,.16)}.form-note{font-size:12px;color:var(--muted);align-self:center;margin:0}.form-note a{color:var(--lime);border-bottom:1px solid var(--lime)}.legal{padding:clamp(110px,14vw,180px) 18vw;min-height:65vh}.legal h1{font-size:clamp(50px,7vw,100px)}.legal h2{font-size:27px;margin-top:54px}.legal p{max-width:680px;font-size:18px}.legal a{border-bottom:1px solid var(--lime)}footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding:40px 5vw;color:#bdbdb7;font-size:13px}footer p{margin:0;max-width:290px}.footer-brand{width:120px;filter:invert(1)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:760px){.site-header{height:72px;padding:12px 6vw}.brand{width:108px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:23px 6vw;flex-direction:column;align-items:flex-start;background:var(--ink);border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.hero{min-height:auto;display:block;padding:92px 6vw 65px}.hero h1,.page-hero h1,.contact-page h1{font-size:clamp(48px,14vw,72px)}.hero-actions{align-items:flex-start;flex-direction:column}.studio-map{margin-top:60px}.map-stage{height:330px}.node-brand{left:14%;top:9%}.node-web{right:12%;top:7%}.node-fix{left:0;bottom:26%}.node-build{left:39%;top:38%}.node-transform{right:0;bottom:28%}.split-heading,.service-detail{grid-template-columns:1fr;gap:28px}.three-links,.process{grid-template-columns:1fr}.three-links a{min-height:190px;border-left:1px solid #888}.process article{border-right:0}.price-row{grid-template-columns:1fr}.contact-page,.page-hero{padding:100px 6vw 70px}.contact-page form{grid-template-columns:1fr}.full{grid-column:auto}.legal{padding:100px 6vw}footer{grid-template-columns:1fr}.map-lines{opacity:.65}}
