:root {
  --ink: #0c0d0d;
  --paper: #f2efe4;
  --orange: #ff5c24;
  --green: #caff38;
  --purple: #ad8cff;
  --blue: #4995ff;
  --line: rgba(12, 13, 13, 0.18);
  --pad: clamp(1.25rem, 4.5vw, 5.5rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, Arial, Helvetica, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
::selection { background: var(--green); color: var(--ink); }

.noise { position: fixed; inset: 0; z-index: 999; opacity: .045; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
.cursor-dot,.cursor-ring { position: fixed; left: 0; top: 0; border-radius: 50%; pointer-events: none; z-index: 1000; transform: translate(-50%,-50%); opacity: 0; }
.cursor-dot { width: 7px; height: 7px; background: var(--orange); }
.cursor-ring { width: 40px; height: 40px; border: 1.5px solid var(--orange); transition: width .2s,height .2s,background .2s; }
.cursor-ring.hover { width: 62px; height: 62px; background: color-mix(in srgb, var(--orange) 15%, transparent); }
.section-pad { padding-left: var(--pad); padding-right: var(--pad); }
.section-label { margin: 0; font: 800 .7rem/1.2 monospace; letter-spacing: .16em; text-transform: uppercase; }

.site-header { height: 88px; padding: 0 var(--pad); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(242,239,228,.18); position: fixed; top: 0; width: 100%; z-index: 50; color: var(--paper); background: rgba(12,13,13,.88); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: .7rem; font-weight: 950; font-size: .88rem; letter-spacing: -.03em; width: max-content; }
.brand-mark { width: 35px; height: 35px; display: grid; place-items: center; background: var(--orange); border-radius: 50%; transform: rotate(-5deg); }
.brand-mark svg { width: 27px; fill: var(--ink); }
.brand-mark .brand-cut { fill: none; stroke: var(--paper); stroke-width: 3; }
nav { display: flex; gap: 2.2rem; font-weight: 700; font-size: .8rem; }
nav a { position: relative; }
nav a::after { content: ""; position: absolute; height: 2px; left: 0; right: 100%; bottom: -7px; background: var(--green); transition: right .25s; }
nav a:hover::after { right: 0; }
.button { border: 1px solid var(--paper); border-radius: 99px; padding: .75rem 1.15rem; font-weight: 800; justify-self: end; transition: background .25s,color .25s; }
.button:hover { background: var(--green); color: var(--ink); border-color: var(--green); }
.button span { margin-left: .5rem; }
.menu-button { display: none; background: none; border: 0; justify-self: end; padding: .6rem; }
.menu-button span { width: 24px; height: 2px; display: block; background: var(--paper); margin: 6px 0; transition: transform .25s; }
.mobile-menu { display: none; }

.hero { min-height: 830px; height: min(930px,100svh); background: var(--ink); color: var(--paper); display: grid; grid-template-columns: 58% 42%; overflow: hidden; position: relative; }
.hero-copy { padding: clamp(9rem,16vh,12rem) 1rem 3rem var(--pad); position: relative; z-index: 2; display: flex; flex-direction: column; }
.eyebrow { display: flex; gap: .7rem; align-items: center; margin: 0 0 3rem; text-transform: uppercase; font: 700 .7rem/1.2 monospace; letter-spacing: .12em; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(202,255,56,.12); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 11px rgba(202,255,56,0); } }
.hero-title { margin: 0; font-size: clamp(3.7rem,8.3vw,9.5rem); line-height: .8; letter-spacing: -.085em; font-weight: 950; text-transform: uppercase; }
.hero-title .line { display: block; overflow: hidden; padding-right: .1em; }
.hero-title .line > span { display: block; transform: translateY(110%); animation: titleIn .9s cubic-bezier(.16,1,.3,1) forwards; }
.hero-title .line:nth-child(2)>span { animation-delay:.1s; }.hero-title .line:nth-child(3)>span{animation-delay:.2s}
@keyframes titleIn { to { transform: translateY(0); } }
.hero-title em { color: var(--orange); font-style: normal; }
.hero-title i { font-family: Georgia,serif; font-weight: 400; color: var(--green); letter-spacing: -.09em; }
.hero-bottom { margin-top: auto; display: flex; align-items: flex-end; gap: clamp(2rem,5vw,5rem); }
.hero-bottom p { max-width: 420px; font-size: clamp(1rem,1.4vw,1.25rem); line-height: 1.5; margin: 0; }
.round-cta { width: 108px; aspect-ratio:1; background: var(--orange); color: var(--ink); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; font: 900 .68rem/1.1 monospace; text-align: center; transform: rotate(7deg); transition: background .25s, transform .25s; }
.round-cta:hover { background: var(--green); transform: rotate(-3deg) scale(1.05); }
.round-cta b { font-size: 1.4rem; margin-top: .4rem; }

.hero-visual { position: relative; background: var(--orange); margin: 88px 0 0; clip-path: polygon(10% 0,100% 0,100% 100%,0 100%); display: grid; place-items: center; }
.hero-visual::before { content:""; inset: 0; position:absolute; background-image:linear-gradient(rgba(12,13,13,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(12,13,13,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(400px) rotateX(30deg) scale(1.3); }
.orbit { position: absolute; border: 1px solid rgba(12,13,13,.25); border-radius: 50%; }
.orbit-one { width: 520px; aspect-ratio:1; animation: spin 18s linear infinite; }.orbit-one::after { content:"✦"; position:absolute; left:7%; top:8%; font-size:2rem; }
.orbit-two { width: 710px; aspect-ratio:1; animation: spin 28s linear reverse infinite; }.orbit-two::after { content:"●"; position:absolute; right:15%; bottom:4%; color:var(--green); font-size:2.5rem; }
@keyframes spin { to { transform:rotate(360deg); } }
.code-window { width: min(88%,500px); background: #171818; color: #f2efe4; border: 2px solid var(--ink); box-shadow: 18px 18px 0 var(--ink); position:relative; z-index:2; transform:rotate(-3deg); }
.window-bar { height:46px; border-bottom:1px solid #383939; display:flex; align-items:center; padding:0 1rem; gap:7px; font:600 .64rem monospace; color:#999; }
.window-bar span { width:9px;height:9px;border-radius:50%;background:var(--orange); }.window-bar span:nth-child(2){background:var(--green)}.window-bar span:nth-child(3){background:var(--purple)}
.window-bar b { margin-left:auto; font-weight:400; }
.code-window pre { margin:0;padding:2rem;font:600 clamp(.78rem,1.35vw,1.05rem)/1.8 monospace; }
.c-purple{color:var(--purple)}.c-orange{color:var(--orange)}.c-green{color:var(--green)}.c-muted{color:#747676}
.build-pill { position:absolute; right:-22px;bottom:-20px;background:var(--green);color:var(--ink);padding:.75rem 1rem;font:900 .65rem monospace;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(3deg)}
.build-pill span{display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;margin-right:5px}
.sticker { position:absolute; z-index:4; display:grid;place-items:center;text-align:center;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font:900 .9rem/1 monospace; }
.sticker-one{width:110px;height:90px;background:var(--paper);left:15%;top:4%;transform:rotate(-11deg)}.sticker-one b{font-size:.63rem}.sticker-two{width:64px;height:64px;border-radius:50%;background:var(--purple);right:4%;top:9%;bottom:auto;font-size:2rem;transform:rotate(12deg)}
.pixel-crop { position:absolute;left:8%;bottom:10%;font-size:5rem;font-weight:900;transform:rotate(-18deg); }

.ticker { overflow:hidden;background:var(--green);border-block:2px solid var(--ink);transform:rotate(-1deg) scale(1.01);position:relative;z-index:5; }
.ticker-track { display:flex;width:max-content;align-items:center;gap:2rem;padding:.75rem 0;animation:marquee 22s linear infinite;font-size:clamp(1.2rem,2vw,2rem);font-weight:950;letter-spacing:-.05em; }
.ticker-track b{font-size:1.1rem}.ticker-track span:nth-of-type(even){font-family:Georgia,serif;font-style:italic;font-weight:500}
@keyframes marquee { to{transform:translateX(-50%)} }

.intro { padding-top:clamp(6rem,11vw,10rem);padding-bottom:clamp(6rem,11vw,10rem); }
.intro-grid { display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;margin-top:2.5rem;align-items:end; }
.intro h2,.section-head h2,.services h2,.process h2,.estimator h2,.contact h2 { margin:0;font-size:clamp(3rem,7.5vw,8.8rem);line-height:.86;letter-spacing:-.075em;font-weight:950; }
.scribble { position:relative;color:var(--orange);font-family:Georgia,serif;font-style:italic;font-weight:400; }
.scribble::after{content:"";position:absolute;left:-2%;right:-4%;bottom:-7%;height:12px;background:url("data:image/svg+xml,%3Csvg width='300' height='12' viewBox='0 0 300 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8C72 0 191 15 298 3' fill='none' stroke='%23ff5c24' stroke-width='4'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
.intro-copy p { font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;margin:0 0 1.3rem; }
.text-link { display:inline-flex;gap:.6rem;margin-top:1rem;padding-bottom:.4rem;border-bottom:2px solid;font-weight:900;text-transform:uppercase;font-size:.78rem; }

.offer{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);background:var(--green);border-block:2px solid var(--ink)}
.offer-head{display:flex;justify-content:space-between;align-items:end;gap:3rem}.offer-head h2{max-width:1100px;margin:1.5rem 0 0;font-size:clamp(3.6rem,8vw,9rem);line-height:.84;letter-spacing:-.08em;font-weight:950}.offer-head h2 i{font-family:Georgia,serif;font-weight:400;color:var(--orange)}
.zero-stamp{flex:none;width:clamp(145px,17vw,230px);aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:var(--orange);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:9px 9px 0 var(--ink);transform:rotate(7deg)}.zero-stamp strong{font-size:clamp(3.5rem,7vw,6rem);line-height:.8;letter-spacing:-.09em}.zero-stamp span{margin-top:.7rem;font:900 .68rem/1.1 ui-monospace,monospace}
.offer-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);max-width:1100px;margin:5rem 0 3rem}.offer-intro p{margin:0;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.45}.offer-intro p:first-child{font-weight:900;font-size:clamp(1.5rem,2.8vw,2.7rem);line-height:1.1;letter-spacing:-.04em}
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.usp-card{min-height:240px;padding:1.5rem;border:2px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;box-shadow:6px 6px 0 var(--ink);transition:transform .25s,background .25s}.usp-card:hover{background:white;transform:translateY(-6px)}.usp-card>span{font:800 .65rem ui-monospace,monospace}.usp-card>b{margin:auto 0 1rem;font-size:clamp(1.3rem,2vw,2rem);line-height:1;letter-spacing:-.04em}.usp-card p{margin:0;line-height:1.45;font-size:.9rem}
.offer-cta{margin-top:1.2rem;padding:1.5rem;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:2rem}.offer-cta p{margin:0;line-height:1.4}.offer-cta .button{flex:none;border-color:var(--green);background:var(--green);color:var(--ink)}.offer-cta .button:hover{background:var(--orange);border-color:var(--orange)}

.work { background:var(--ink);color:var(--paper);padding-top:clamp(5rem,8vw,8rem);padding-bottom:7rem; }
.section-head { display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem; }
.section-head h2 { font-size:clamp(3.2rem,7vw,7.5rem);margin-top:1.3rem; }
.filters { display:flex;gap:.5rem; }
.filter { background:transparent;border:1px solid #555;color:var(--paper);border-radius:99px;padding:.65rem 1rem;cursor:pointer;font-weight:700;font-size:.75rem; }
.filter.active,.filter:hover{background:var(--green);color:var(--ink);border-color:var(--green)}
.project-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,4vw,5rem) 2rem; }
.project{transition:opacity .35s,transform .35s}.project.hidden{opacity:.12;transform:scale(.97);pointer-events:none;filter:grayscale(1)}
.project-large{grid-row:span 2}.project-art{height:430px;position:relative;overflow:hidden;border-radius:2px;display:grid;place-items:center;}
.project-large .project-art{height:clamp(600px,65vw,900px)}
.art-one{background:var(--blue)}.art-two{background:var(--purple)}.art-three{background:var(--green)}
.project-arrow{position:absolute;right:1rem;top:1rem;width:52px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:1.5rem;transform:scale(0) rotate(-40deg);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:5}
.project-link:hover .project-arrow{transform:scale(1) rotate(0)}
.project-meta { padding-top:1rem;display:flex;justify-content:space-between;align-items:end; }
.project-meta div{display:flex;gap:.8rem;align-items:baseline}.project-meta span{font:600 .65rem monospace;color:#888}.project-meta h3{font-size:clamp(1.4rem,2.5vw,2.5rem);margin:0;letter-spacing:-.05em}.project-meta p{margin:0;color:#999;font-size:.72rem}
.browser-mock{width:77%;height:72%;background:#ecdfca;color:#1b1b1b;box-shadow:18px 18px 0 rgba(12,13,13,.75);padding:1.4rem;transform:rotate(-4deg);position:relative;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;font-weight:900;font-size:.7rem}.mock-title{font-size:clamp(2.2rem,5vw,6.8rem);font-weight:950;letter-spacing:-.09em;line-height:.77;margin-top:20%}.mock-title em{color:#ef3f2b;font-family:Georgia,serif}.mock-shape{width:48%;aspect-ratio:1;border-radius:50%;background:#ed3c29;position:absolute;right:-8%;bottom:-14%;}.mock-shape::after{content:"✦";display:grid;place-items:center;font-size:4rem;height:100%;animation:spin 8s linear infinite}
.phone{height:78%;aspect-ratio:.53;background:#111;color:white;border:7px solid #111;border-radius:28px;padding:2rem 1.2rem 1rem;background:linear-gradient(160deg,#285b35,#183621);box-shadow:12px 12px 0 rgba(12,13,13,.6);transform:rotate(5deg);position:relative}.phone-speaker{position:absolute;top:8px;left:37%;width:26%;height:5px;background:#333;border-radius:5px}.phone .tiny{font:700 .45rem monospace;color:var(--green)}.phone>b{display:block;font-size:1.4rem;margin-top:1rem;line-height:1}.chart{height:32%;display:flex;align-items:end;gap:7px;margin-top:1.5rem;border-bottom:1px solid #ffffff33}.chart i{flex:1;background:var(--green);border-radius:3px 3px 0 0}.chart i:nth-child(1){height:30%}.chart i:nth-child(2){height:50%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:75%}.chart i:nth-child(5){height:94%}.phone-card{background:var(--paper);color:var(--ink);padding:.75rem;margin-top:1rem;border-radius:8px;font-size:.6rem;display:flex;justify-content:space-between}.phone-card strong{font-size:.9rem}
.lumen-word{font-size:clamp(4rem,9vw,8rem);font-weight:950;letter-spacing:-.1em;transform:rotate(-7deg);position:relative;z-index:2}.orb{position:absolute;width:140px;aspect-ratio:1;border-radius:55% 45% 50%;background:var(--orange);border:2px solid var(--ink)}.orb-one{left:-25px;top:20px;transform:rotate(30deg)}.orb-two{right:-40px;bottom:-40px;width:180px;background:var(--purple)}.label-card{position:absolute;background:var(--paper);border:2px solid var(--ink);padding:1rem;right:12%;top:20%;transform:rotate(8deg);font:.7rem monospace;box-shadow:7px 7px 0 var(--ink);z-index:3}.label-card b{font-size:1.4rem}.demo-note{font:.65rem monospace;color:#777;margin:3rem 0 0}

.services{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}
.services-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:5rem;margin:2rem 0 5rem}.services-head h2 span{font-family:Georgia,serif;font-style:italic;color:var(--orange);font-weight:400}.services-head p{font-size:1.2rem;line-height:1.5;margin:0;max-width:420px}
.service-list{border-top:2px solid var(--ink)}.service-item{display:grid;grid-template-columns:70px 1fr .8fr 50px;gap:1rem;align-items:center;padding:2rem .5rem;border-bottom:1px solid var(--ink);transition:background .25s,padding .25s;cursor:default}.service-item:hover,.service-item:focus{background:var(--green);padding-left:1.5rem;padding-right:1.5rem;outline:none}.service-item>span{font:700 .7rem monospace}.service-item h3{font-size:clamp(2rem,4vw,4.8rem);letter-spacing:-.06em;margin:0}.service-item p{max-width:440px;line-height:1.4;margin:0}.service-item b{font-size:2rem;transition:transform .25s}.service-item:hover b{transform:rotate(45deg)}

.process{background:var(--orange);padding-top:7rem;padding-bottom:7rem;overflow:hidden}.process-intro{display:flex;justify-content:space-between;align-items:start;margin-bottom:5rem}.process-intro h2{text-align:right}.process-intro h2 i{font-family:Georgia,serif;color:var(--paper);font-weight:400}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.process-step{border:2px solid var(--ink);background:var(--paper);padding:1.5rem;min-height:340px;display:flex;flex-direction:column;box-shadow:8px 8px 0 var(--ink);transition:transform .25s}.process-step:nth-child(even){transform:translateY(30px) rotate(1deg)}.process-step:hover{transform:translateY(-8px) rotate(-1deg)}.process-step>span{font:700 .65rem monospace}.step-icon{font-size:3rem;margin:auto 0;text-align:center}.process-step h3{font-size:2rem;margin:0 0 .5rem}.process-step p{line-height:1.4;margin:0;font-size:.9rem}

.estimator{background:var(--purple);padding-top:8rem;padding-bottom:8rem}.estimator-copy{max-width:1050px}.estimator-copy h2{font-size:clamp(3.5rem,7vw,7.6rem);margin:1.5rem 0 2rem}.estimator-copy h2 span{color:var(--paper)}.estimator-copy>p{max-width:560px;font-size:1.1rem;line-height:1.5}.estimator-button{display:inline-flex;margin-top:1.5rem;border-color:var(--ink);color:var(--ink)}.estimator-button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.calculator{background:var(--ink);color:var(--paper);padding:clamp(1.5rem,4vw,3rem);box-shadow:14px 14px 0 var(--green)}.calculator fieldset{border:0;padding:0;margin:0 0 2.5rem}.calculator legend{font-size:.8rem;text-transform:uppercase;font-weight:900;margin-bottom:1rem}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:1rem .5rem;border:1px solid #555;text-align:center;cursor:pointer;font-weight:800;font-size:.8rem;transition:.2s}.choice-grid input:checked+span{background:var(--green);border-color:var(--green);color:var(--ink)}.choice-grid label:hover span{border-color:var(--paper)}.estimate-result{border-top:1px solid #555;padding-top:2rem;display:grid;grid-template-columns:1fr auto;align-items:end}.estimate-result span{font-size:.75rem;color:#aaa}.estimate-result strong{grid-row:span 2;font-size:clamp(2.3rem,5vw,5rem);color:var(--orange);letter-spacing:-.07em}.estimate-result small{font:500 .6rem monospace;color:#777}
.model-card{background:var(--ink);color:var(--paper);padding:clamp(1.5rem,4vw,3rem);box-shadow:14px 14px 0 var(--green)}.model-price{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid #4d4e4e}.model-price span{font:800 .68rem ui-monospace,monospace;text-transform:uppercase}.model-price strong{font-size:clamp(4rem,8vw,8rem);line-height:.7;color:var(--green);letter-spacing:-.1em}.model-row{display:grid;grid-template-columns:35px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #3d3f3e}.model-row>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-weight:900}.model-row p{margin:0}.model-row b,.model-row small{display:block}.model-row b{font-size:1rem}.model-row small{margin-top:.35rem;color:#a6a7a4;line-height:1.35}.model-note{margin:1.5rem 0;padding:1rem;background:#242625;border-left:4px solid var(--purple)}.model-note b{font-size:.75rem;text-transform:uppercase}.model-note p{margin:.5rem 0 0;color:#b9bab8;font-size:.78rem;line-height:1.5}.model-button{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:0 1rem;background:var(--orange);color:var(--ink);font-size:.78rem;font-weight:900;text-transform:uppercase}.model-button:hover{background:var(--green)}

.model-button{width:100%;border:0;cursor:pointer}
.configurator{padding:clamp(1.3rem,3vw,2.4rem)}.config-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1.3rem;border-bottom:1px solid #4d4e4e}.config-head h3{margin:.7rem 0 0;font-size:clamp(2rem,3.4vw,3.4rem);line-height:.9;letter-spacing:-.06em}.config-head>span{flex:none;padding:.55rem .7rem;border:1px solid var(--green);color:var(--green);font:800 .6rem ui-monospace,monospace;text-transform:uppercase}.configurator fieldset{border:0;padding:0;margin:1.5rem 0}.configurator legend{margin-bottom:.8rem;font:900 .68rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.config-types,.config-options{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.configurator label{position:relative}.configurator input{position:absolute;opacity:0;pointer-events:none}.configurator label>span{display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:.8rem 1rem;border:1px solid #505252;background:#171818;color:var(--paper);cursor:pointer;transition:.2s}.configurator label>span b{font-size:.8rem}.configurator label>span small{margin-top:.3rem;color:#858786;font-size:.66rem}.configurator input:checked+span{border-color:var(--green);background:var(--green);color:var(--ink);box-shadow:3px 3px 0 var(--orange)}.configurator input:checked+span small{color:#46500f}.configurator input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}.config-options label>span{min-height:48px;flex-direction:row;align-items:center;justify-content:space-between;font-size:.72rem}.config-options label>span::before{content:'+';font-size:1rem;margin-right:.5rem}.config-options input:checked+span::before{content:'✓';font-weight:900}.config-options label>span b{margin-left:auto;color:var(--green)}.config-options input:checked+span b{color:var(--ink)}.config-summary{margin:1.7rem 0;background:#242625;border:1px solid #4a4c4b}.config-summary-head,.config-line,.config-total{display:flex;align-items:center;justify-content:space-between;gap:1rem}.config-summary-head{padding:.75rem 1rem;border-bottom:1px solid #4a4c4b;font:800 .62rem ui-monospace,monospace;text-transform:uppercase}.config-summary-head b{color:var(--green)}.config-line{padding:.72rem 1rem;border-bottom:1px solid #3d3f3e;font-size:.76rem}.config-line strong{color:var(--green)}.config-total{padding:1rem;background:var(--paper);color:var(--ink)}.config-total span b,.config-total span small{display:block}.config-total span small{margin-top:.25rem;color:#666;font-size:.62rem}.config-total>strong{font-size:2.8rem;color:var(--orange);letter-spacing:-.07em}.config-summary>p{margin:0;padding:.8rem 1rem;color:#aeb0ad;font-size:.67rem;line-height:1.45}.config-option-line{animation:configIn .25s ease}@keyframes configIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}

.contact{background:var(--ink);color:var(--paper);overflow:hidden}.contact-marquee{background:var(--green);color:var(--ink);border-block:2px solid var(--paper);width:max-content;transform:rotate(1deg) translateX(-2%)}.contact-marquee div{font-size:clamp(2rem,5vw,5rem);font-weight:950;letter-spacing:-.06em;padding:.5rem 0;white-space:nowrap;animation:marquee 28s linear infinite}.contact-marquee span{font-family:Georgia,serif;font-style:italic;font-weight:400}.contact-inner{padding-top:9rem;padding-bottom:9rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem}.contact-inner h2{font-size:clamp(4rem,10vw,11rem);margin-top:2rem}.contact-inner h2 i{color:var(--orange);font-family:Georgia,serif;font-weight:400}.contact-button{width:clamp(220px,25vw,330px);aspect-ratio:1;border-radius:50%;background:var(--orange);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg);font-weight:900;transition:.3s}.contact-button:hover{background:var(--green);transform:rotate(2deg) scale(1.04)}.contact-button span{font-size:clamp(.8rem,1.3vw,1rem);border-bottom:2px solid;padding-bottom:.2rem}.contact-button b{font-size:3rem;margin-top:1rem}footer{border-top:1px solid #444;min-height:150px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4rem;font-size:.75rem}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-links{display:flex;gap:1.5rem}.copyright{grid-column:1/-1;color:#777;margin:0 0 1rem}

.contact-inner{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(3rem,7vw,8rem)}
.contact-inner h2{font-size:clamp(4rem,8vw,9rem)}
.contact-lead{max-width:480px;color:#aaa;font-size:1.05rem;line-height:1.5}
.contact-form{padding:clamp(1.3rem,3vw,2.5rem);border:1px solid #454646;background:#171818;box-shadow:12px 12px 0 var(--orange)}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form label{display:grid;gap:.45rem;font:800 .65rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:50px;padding:.85rem;border:1px solid #4b4c4c;border-radius:0;background:#0c0d0d;color:var(--paper);font:500 .92rem Arial,sans-serif}
.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--green);border-color:transparent}
.contact-wide{grid-column:1/-1}.contact-submit{display:flex;align-items:center;gap:1rem;margin-top:1.2rem}
.contact-submit button{min-height:52px;padding:0 1.2rem;border:2px solid var(--orange);background:var(--orange);color:var(--ink);font-weight:900;text-transform:uppercase;cursor:pointer}
.contact-submit button:hover{background:var(--green);border-color:var(--green)}.contact-submit button:disabled{opacity:.65}.contact-submit p{font-size:.75rem;color:var(--green);margin:0}.honeypot{position:absolute!important;left:-9999px!important}.contact-form.is-success{box-shadow:12px 12px 0 var(--green)}
.funnel{min-height:610px}.funnel-top{display:grid;grid-template-columns:auto minmax(150px,270px);gap:1.5rem;align-items:end;padding-bottom:1.2rem;border-bottom:1px solid #484949}.funnel-top span{display:block;font:900 .68rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.funnel-top small{display:block;color:#8d8f8e;font-size:.65rem;margin-top:.3rem}.funnel-progress{height:5px;background:#323434;overflow:hidden}.funnel-progress span{display:block;width:25%;height:100%;background:var(--green);transition:width .35s cubic-bezier(.16,1,.3,1)}.funnel-step{padding-top:clamp(2.2rem,4vw,3.8rem)}.funnel-step[hidden]{display:none}.funnel-step.is-active{animation:funnelIn .4s cubic-bezier(.16,1,.3,1)}.funnel-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin-bottom:1rem;background:var(--orange);color:var(--ink);font:900 .65rem ui-monospace,monospace}.funnel-step h3{max-width:650px;margin:0;font-size:clamp(2.1rem,4vw,4.2rem);line-height:.92;letter-spacing:-.06em}.funnel-step h3:focus{outline:0}.funnel-step>p{color:#a6a7a4;line-height:1.45;margin:.8rem 0 1.5rem}.funnel-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.funnel-options button{position:relative;min-height:76px;padding:1rem 3rem 1rem 1rem;border:1px solid #535554;background:#0c0d0d;color:var(--paper);text-align:left;font-weight:850;cursor:pointer;transition:.2s}.funnel-options button::after{content:'→';position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem}.funnel-options button small{display:block;color:#838582;margin-top:.35rem;font-weight:500}.funnel-options button:hover,.funnel-options button:focus-visible,.funnel-options button.is-selected{background:var(--green);border-color:var(--green);color:var(--ink);transform:translateY(-2px);outline:0}.funnel-options button:hover small,.funnel-options button.is-selected small{color:#394017}.funnel-back{min-height:0!important;margin-top:1.4rem!important;padding:.4rem 0!important;border:0!important;border-bottom:1px solid currentColor!important;background:transparent!important;color:var(--paper)!important;font-size:.66rem!important}.contact-submit .funnel-back{margin:0 auto 0 0!important}.funnel #contact-status{color:var(--green);font-size:.75rem}.funnel.is-complete{display:grid;place-items:center;min-height:610px;text-align:center}.funnel-success span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;background:var(--green);color:var(--ink);font-size:2rem}.funnel-success h3{margin:0;font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.07em}.funnel-success p{color:#aaa;line-height:1.5}.funnel-success button{margin-top:1rem}@keyframes funnelIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}

.funnel-options button small b{float:right;color:var(--green);font-size:.72rem}.funnel-options button:hover small b,.funnel-options button.is-selected small b{color:var(--ink)}
.funnel-option-groups{display:grid;gap:1rem}.funnel-option-group{margin:0;padding:1rem;border:1px solid #3f4140;background:#111212}.funnel-option-group legend{padding:0 .55rem;color:#b9bbba;font:900 .65rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.funnel-option-group legend span{color:var(--orange);margin-right:.35rem}.funnel-option-checks{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.funnel-option-checks label{position:relative}.funnel-option-checks input{position:absolute;opacity:0;pointer-events:none}.funnel-option-checks label>.option-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;min-height:66px;padding:.65rem .75rem;border:1px solid #464847;background:#0c0d0d;color:var(--paper);cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.option-card>i{display:grid;place-items:center;width:34px;height:34px;background:#242625;color:var(--green);font:900 1rem Arial,sans-serif}.option-card>span{min-width:0}.option-card>span b,.option-card>span small{display:block}.option-card>span b{overflow-wrap:anywhere;font-size:.69rem;line-height:1.2}.option-card>span small{margin-top:.25rem;color:#858786;font:500 .68rem Arial,sans-serif;line-height:1.25;text-transform:none;letter-spacing:0}.option-card>em{align-self:start;padding:.25rem .35rem;background:#252726;color:var(--green);font:900 .6rem ui-monospace,monospace;font-style:normal;letter-spacing:0}.funnel-option-checks label:hover>.option-card{border-color:#777;transform:translateY(-2px)}.funnel-option-checks input:checked+.option-card{background:var(--green);border-color:var(--green);color:var(--ink);box-shadow:3px 3px 0 var(--orange)}.funnel-option-checks input:checked+.option-card>i{background:var(--ink);color:var(--green)}.funnel-option-checks input:checked+.option-card>i::before{content:'✓';position:absolute}.funnel-option-checks input:checked+.option-card>i{font-size:0}.funnel-option-checks input:checked+.option-card>i::before{font-size:1rem}.funnel-option-checks input:checked+.option-card small{color:#46500f}.funnel-option-checks input:checked+.option-card>em{background:var(--ink);color:var(--green)}.funnel-option-checks input:focus-visible+.option-card{outline:2px solid var(--orange);outline-offset:2px}
.funnel-zero-summary{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:1rem;background:var(--paper);color:var(--ink)}.funnel-zero-summary span,.funnel-zero-summary small{display:block}.funnel-zero-summary span{font-size:.8rem;font-weight:900;text-transform:uppercase}.funnel-zero-summary small{margin-top:.25rem;color:#666;font-size:.6rem}.funnel-zero-summary strong{color:var(--orange);font-size:2.8rem;letter-spacing:-.08em}.funnel-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.funnel-next{min-height:46px;margin-top:1rem;padding:0 1rem;border:0;background:var(--orange);color:var(--ink);font-size:.7rem;font-weight:900;text-transform:uppercase;cursor:pointer}.funnel-next:hover{background:var(--green)}
.funnel-goal-checks .option-card{min-height:78px}.funnel-goal-checks .option-card>span b{font-size:.74rem}.funnel-goal-checks .option-card>span small{font-size:.7rem}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}

@media (max-width: 900px){
  .site-header{grid-template-columns:1fr auto auto;gap:.7rem}.site-header nav{display:none}.site-header>.button{display:inline-flex;align-items:center;padding:.6rem .8rem;font-size:.66rem;white-space:nowrap}.menu-button{display:block}.mobile-menu{position:fixed;inset:0;background:var(--orange);z-index:45;display:flex;flex-direction:column;justify-content:center;padding:var(--pad);transform:translateY(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font-size:clamp(3rem,13vw,6rem);font-weight:950;letter-spacing:-.08em;line-height:1}.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-copy{min-height:720px;padding-top:9rem}.hero-title{font-size:clamp(3.4rem,14vw,7rem)}.hero-visual{min-height:620px;margin:0;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%)}.sticker-one,.sticker-two,.pixel-crop{display:none}
  .intro-grid,.services-head,.estimator{grid-template-columns:1fr}.intro-copy{max-width:600px}.offer-head{align-items:start}.usp-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-art,.project-art{height:min(115vw,700px)}.project-meta p{display:none}.services-head{gap:2rem}.service-item{grid-template-columns:45px 1fr 40px}.service-item p{display:none}.process-intro{display:block}.process-intro h2{text-align:left;margin-top:2rem}.process-track{grid-template-columns:repeat(2,1fr)}.contact-inner{grid-template-columns:1fr}.contact-button{justify-self:end}footer{grid-template-columns:1fr auto;gap:1rem 3rem}.footer-links{grid-column:1/-1}.copyright{grid-column:1/-1}
}
@media (max-width: 560px){
  .site-header{height:74px;padding-left:.8rem;padding-right:.8rem;gap:.4rem}.brand{font-size:.7rem}.brand-mark{width:31px;height:31px}.site-header>.button{padding:.52rem .62rem;font-size:.58rem}.site-header>.button span{margin-left:.25rem}.hero-copy{min-height:620px;padding-top:7.5rem}.hero-bottom{align-items:end}.hero-bottom p{font-size:.9rem;max-width:230px}.round-cta{width:88px}.hero-visual{min-height:480px}.code-window{width:84%}.code-window pre{padding:1.3rem}.sticker-one{width:85px;height:70px}.ticker-track{gap:1.1rem}.intro-grid{gap:2.5rem}.offer-head{display:block}.zero-stamp{width:130px;margin:2rem 0 0 auto}.offer-intro{grid-template-columns:1fr;margin-top:3rem}.usp-grid{grid-template-columns:1fr}.usp-card{min-height:200px}.offer-cta{align-items:stretch;flex-direction:column}.section-head{align-items:start;gap:2rem;flex-direction:column}.project-art,.project-large .project-art{height:115vw}.project-grid{gap:3rem}.project-meta h3{font-size:1.7rem}.browser-mock{width:84%;height:72%;}.process-track{display:flex;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.process-step{min-width:78vw;scroll-snap-align:start}.process-step:nth-child(even){transform:none}.choice-grid{grid-template-columns:1fr}.estimate-result{grid-template-columns:1fr}.estimate-result strong{grid-row:auto}.model-price{align-items:start;flex-direction:column}.contact-inner{padding-top:7rem;padding-bottom:7rem}.contact-button{width:210px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-brand{margin-top:2rem}
}
@media (max-width: 560px){.contact-fields,.funnel-options{grid-template-columns:1fr}.contact-wide{grid-column:auto}.contact-submit{align-items:stretch;flex-direction:column-reverse}.contact-submit button{width:100%}.funnel{min-height:720px;padding:1.1rem}.funnel-top{grid-template-columns:1fr;gap:.8rem}.funnel-step h3{font-size:2.5rem}.funnel-options button{min-height:64px}.contact-submit .funnel-back{align-self:flex-start}.funnel.is-complete{min-height:520px}}
@media (max-width: 560px){.config-head{align-items:stretch;flex-direction:column}.config-head>span{width:max-content}.config-types,.config-options{grid-template-columns:1fr}}
@media (max-width: 560px){.funnel-option-checks{grid-template-columns:1fr}.funnel-actions{align-items:stretch;flex-direction:column-reverse}.funnel-actions .funnel-back{align-self:flex-start}.funnel-actions .funnel-next{width:100%}}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.contact-marquee div,.orbit,.status-dot{animation:none}.reveal{opacity:1;transform:none}.hero-title .line>span{animation:none;transform:none}}

/* Portfolio page */
.portfolio-page{background:var(--ink);color:var(--paper)}
.portfolio-page .site-header{position:fixed}
.portfolio-page .ticker{color:var(--ink)}
.portfolio-page nav a[aria-current="page"]::after{right:0;background:var(--orange)}
.portfolio-hero{min-height:760px;padding-top:clamp(10rem,17vw,14rem);padding-bottom:7rem;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:7vw;background:var(--ink);overflow:hidden}
.portfolio-hero-copy h1{margin:0;font-size:clamp(4rem,9vw,10rem);font-weight:950;line-height:.79;letter-spacing:-.085em}
.portfolio-hero-copy h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}
.portfolio-hero-copy>p:last-child{max-width:650px;margin:2.5rem 0 0;color:#aaa;font-size:1.1rem;line-height:1.55}
.portfolio-hero-card{position:relative;display:block;min-height:390px;padding:2rem;background:var(--purple);color:var(--ink);border:2px solid var(--paper);box-shadow:16px 16px 0 var(--orange);transform:rotate(3deg);cursor:pointer;transition:box-shadow .25s,filter .25s}
.portfolio-hero-card:hover{box-shadow:22px 22px 0 var(--orange);filter:brightness(1.06)}.portfolio-hero-card:focus-visible{outline:4px solid var(--green);outline-offset:6px}
.portfolio-hero-card>span{font:900 .7rem ui-monospace,monospace;letter-spacing:.12em}
.portfolio-hero-card>strong{display:block;margin-top:2rem;font-size:clamp(8rem,15vw,15rem);line-height:.7;letter-spacing:-.1em}
.portfolio-hero-card>p{position:absolute;left:2rem;bottom:1.5rem;margin:0;font-weight:950;line-height:.95}
.portfolio-hero-card>i{position:absolute;right:1.5rem;bottom:1.2rem;font-size:4rem;font-style:normal}
.portfolio-intro{padding-top:8rem;padding-bottom:5rem;background:var(--paper);color:var(--ink)}
.portfolio-intro h2{max-width:1200px;margin:1.5rem 0 0;font-size:clamp(3.4rem,7.5vw,8rem);line-height:.86;letter-spacing:-.075em}
.portfolio-intro h2 i{color:var(--purple);font-family:Georgia,serif;font-weight:400}
.portfolio-cases{display:grid;gap:8rem;padding-top:3rem;padding-bottom:9rem;background:var(--paper);color:var(--ink)}
.portfolio-case{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(3rem,7vw,8rem)}
.portfolio-case-reverse .portfolio-case-art{order:2}.portfolio-case-reverse .portfolio-case-copy{order:1}
.portfolio-case-art{height:clamp(470px,50vw,720px)}.portfolio-case-art-link{cursor:pointer;transition:transform .3s,box-shadow .3s}.portfolio-case-art-link:hover{transform:translateY(-7px);box-shadow:0 16px 0 rgba(12,13,13,.14)}.portfolio-case-art-link:focus-visible{outline:4px solid var(--orange);outline-offset:5px}.case-open{position:absolute;right:1rem;top:1rem;z-index:6;display:grid;place-items:center;width:54px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.5rem;transition:transform .25s,background .25s}.portfolio-case-art-link:hover .case-open{transform:rotate(45deg);background:var(--orange)}
.portfolio-case-copy>span{color:#777;font:900 .68rem ui-monospace,monospace;letter-spacing:.12em}
.portfolio-case-copy h3{margin:1.2rem 0 1.5rem;font-size:clamp(2.8rem,5vw,5.8rem);line-height:.85;letter-spacing:-.07em}
.portfolio-case-copy>p{max-width:520px;font-size:1.05rem;line-height:1.55}
.portfolio-case-copy ul{margin:2rem 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.portfolio-case-copy li{padding:.85rem 0;border-bottom:1px solid var(--line);font-weight:800}
.portfolio-case-copy li::before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;margin-right:.7rem;background:var(--green);font-size:.7rem}
.portfolio-case-copy .text-link{display:inline-flex;margin-top:.7rem}
.portfolio-cta{padding-top:9rem;padding-bottom:9rem;background:var(--purple);color:var(--ink)}
.portfolio-cta h2{margin:1.4rem 0 1.5rem;font-size:clamp(3.8rem,8vw,9rem);line-height:.83;letter-spacing:-.08em}
.portfolio-cta h2 i{color:var(--paper);font-family:Georgia,serif;font-weight:400}
.portfolio-cta>p:not(.section-label){max-width:520px;font-size:1.1rem;line-height:1.5}
.portfolio-cta .button{display:inline-flex;margin-top:1.5rem;border-color:var(--ink)}
.portfolio-footer{border-top:1px solid #444;min-height:190px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4rem;font-size:.75rem;background:var(--ink);color:var(--paper)}
@media (max-width:900px){.portfolio-hero{grid-template-columns:1fr}.portfolio-hero-card{min-height:330px;max-width:520px}.portfolio-case{grid-template-columns:1fr;gap:2.5rem}.portfolio-case-reverse .portfolio-case-art,.portfolio-case-reverse .portfolio-case-copy{order:initial}.portfolio-footer{grid-template-columns:1fr auto;gap:1rem 3rem}.portfolio-footer .footer-links,.portfolio-footer .copyright{grid-column:1/-1}}
@media (max-width:560px){.portfolio-hero{min-height:0;padding-top:8rem;padding-bottom:5rem}.portfolio-hero-copy h1{font-size:3.9rem}.portfolio-hero-card{min-height:270px}.portfolio-intro{padding-top:6rem}.portfolio-cases{gap:6rem;padding-bottom:7rem}.portfolio-case-art{height:110vw}.portfolio-cta{padding-top:7rem;padding-bottom:7rem}.portfolio-footer{grid-template-columns:1fr;padding-top:3rem;padding-bottom:2rem}.portfolio-footer .footer-links,.portfolio-footer .copyright{grid-column:auto}}

/* Campaign landing page */
.landing-page{background:var(--ink);color:var(--paper)}
.landing-header{position:sticky;top:0;z-index:50;min-height:82px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;border-bottom:1px solid #363838;background:rgba(12,13,13,.92);backdrop-filter:blur(14px)}
.landing-header>span{color:#888;font:700 .63rem ui-monospace,monospace;letter-spacing:.1em}.landing-header>span b{color:var(--paper)}
.landing-header-cta{display:inline-flex;align-items:center;border-color:var(--green);background:var(--green);color:var(--ink);white-space:nowrap}.landing-header-cta:hover{background:var(--orange);border-color:var(--orange)}
.landing-hero{min-height:calc(100svh - 82px);padding-top:clamp(4rem,8vw,8rem);padding-bottom:7rem;display:grid;grid-template-columns:.83fr 1.17fr;align-items:start;gap:clamp(3rem,7vw,8rem);background:radial-gradient(circle at 18% 30%,rgba(173,140,255,.18),transparent 28%),var(--ink)}
.landing-copy{position:sticky;top:3rem}.landing-copy h1{margin:0;font-size:clamp(4rem,7vw,8.5rem);line-height:.8;letter-spacing:-.085em}.landing-copy h1 i{color:var(--green);font-family:Georgia,serif;font-weight:400}.landing-lead{max-width:620px;margin:2rem 0;color:#b1b3b1;font-size:1.08rem;line-height:1.55}
.landing-usps{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;max-width:570px}.landing-usps span{padding:.8rem;border:1px solid #3d3f3e;background:#161717;font-size:.76rem;font-weight:800}.landing-usps b{color:var(--green);margin-right:.45rem}
.landing-zero{display:flex;align-items:center;gap:1.2rem;width:max-content;margin-top:2rem;padding:1rem 1.3rem;background:var(--orange);color:var(--ink);transform:rotate(-2deg);box-shadow:7px 7px 0 var(--purple)}.landing-zero strong{font-size:3.2rem;line-height:.8;letter-spacing:-.08em}.landing-zero span{font:900 .65rem/1.2 ui-monospace,monospace}
.landing-funnel-wrap{position:relative}.landing-funnel-label{position:absolute;z-index:3;right:-12px;top:-28px;display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;background:var(--green);color:var(--ink);font:900 .65rem ui-monospace,monospace;transform:rotate(3deg)}.landing-funnel-label b{font-size:1.2rem}.landing-page .contact-form{box-shadow:14px 14px 0 var(--purple)}.landing-page .funnel-step h3{font-size:clamp(2rem,3.2vw,3.5rem)}
.landing-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0;padding-bottom:7rem;background:#333}.landing-proof article{min-height:260px;padding:2rem;background:var(--paper);color:var(--ink)}.landing-proof article>span{font:800 .65rem ui-monospace,monospace;color:#777}.landing-proof h2{margin:4rem 0 .8rem;font-size:clamp(1.8rem,3vw,3.2rem);line-height:.9;letter-spacing:-.06em}.landing-proof p{max-width:330px;line-height:1.5}
.landing-footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#888;font:700 .62rem ui-monospace,monospace}.landing-footer a{color:var(--paper)}
@media (max-width:1000px){.landing-hero{grid-template-columns:1fr}.landing-copy{position:static}.landing-copy h1{font-size:clamp(4rem,12vw,8rem)}.landing-funnel-wrap{margin-top:2rem}.landing-proof{grid-template-columns:1fr}.landing-proof article{min-height:210px}.landing-proof h2{margin-top:3rem}}
@media (max-width:560px){.landing-header{min-height:72px;grid-template-columns:1fr auto;padding-left:.8rem;padding-right:.8rem;gap:.5rem}.landing-header>span{display:none}.landing-header-cta{padding:.55rem .7rem;font-size:.62rem}.landing-hero{padding-top:4rem;padding-bottom:5rem}.landing-copy h1{font-size:3.7rem}.landing-usps{grid-template-columns:1fr}.landing-zero strong{font-size:2.7rem}.landing-funnel-label{right:-5px}.landing-proof{padding-bottom:4rem}.landing-footer{align-items:flex-start;flex-direction:column;padding-top:2rem;padding-bottom:2rem}}
@media (max-width:370px){.site-header .brand>span:last-child,.landing-header .brand>span:last-child{display:none}}
.funnel #landing-status{color:var(--green);font-size:.75rem}
.capacity-card{margin-top:2rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:clamp(1.2rem,3vw,3rem);border:2px solid var(--ink);background:var(--purple);box-shadow:8px 8px 0 var(--ink)}.capacity-card>span{font:900 .65rem/1.35 ui-monospace,monospace;letter-spacing:.1em}.capacity-card h3{margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,3rem);line-height:.9;letter-spacing:-.055em}.capacity-card p{max-width:630px;margin:0;line-height:1.5}.capacity-card>a{padding:.9rem 1.1rem;border:1px solid var(--ink);background:var(--green);font-size:.7rem;font-weight:900;text-decoration:none;text-transform:uppercase;white-space:nowrap}.funnel-trust{margin:1rem 0 0;color:#8f918f;font:700 .63rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}.landing-capacity{padding-top:7rem;padding-bottom:7rem;background:var(--orange);color:var(--ink)}.landing-capacity>span{font:900 .65rem ui-monospace,monospace;letter-spacing:.12em}.landing-capacity h2{max-width:1100px;margin:1.4rem 0;font-size:clamp(3rem,7vw,7.5rem);line-height:.84;letter-spacing:-.075em}.landing-capacity p{max-width:650px;font-size:1.05rem;line-height:1.55}.landing-capacity .button{display:inline-flex;margin-top:1.2rem;background:var(--ink);color:var(--paper)}
@media(max-width:760px){.capacity-card{grid-template-columns:1fr}.capacity-card>a{white-space:normal;text-align:center}.landing-capacity{padding-top:5rem;padding-bottom:5rem}}

/* Funnel-only landing page */
.funnel-only-page{min-height:100svh;overflow-x:hidden}.funnel-only-page main,.funnel-only-page .landing-hero{min-height:100svh}.funnel-only-page .landing-hero{display:block;padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(2rem,5vw,4rem);background:radial-gradient(circle at 50% 15%,rgba(173,140,255,.2),transparent 35%),var(--ink)}.funnel-only-page .landing-funnel-wrap{width:min(920px,100%);margin:0 auto}.funnel-only-page .contact-form{min-height:0}.funnel-only-page .funnel-step{padding-bottom:1rem;scroll-margin-top:24px}.funnel-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;color:var(--paper);text-decoration:none}.funnel-brand>span:last-child{display:grid;gap:.15rem}.funnel-brand b{font-size:.75rem}.funnel-brand small{color:#858785;font:700 .55rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:560px){.funnel-only-page .landing-hero{padding:0}.funnel-only-page .landing-funnel-wrap{min-height:100svh}.funnel-only-page .contact-form{min-height:100svh;padding:1rem;box-shadow:none;border-inline:0}.funnel-only-page .funnel-step{padding-top:1.5rem;scroll-margin-top:8px}.funnel-only-page .funnel-step h3{font-size:2.15rem}.funnel-only-page .funnel-option-group{padding:.8rem}.funnel-only-page .option-card{padding:.7rem;min-height:70px}}
.funnel-field{display:grid;gap:.7rem;max-width:680px;margin:2rem 0;color:#a6a7a4;font:800 .67rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.funnel-field input,.funnel-field textarea{width:100%;border:1px solid #565857;background:#111212;color:var(--paper);padding:1rem 1.1rem;font:750 clamp(1rem,2vw,1.25rem) Arial,sans-serif;text-transform:none;letter-spacing:0;outline:none;transition:border-color .2s,box-shadow .2s}.funnel-field input{min-height:64px}.funnel-field textarea{min-height:150px;resize:vertical}.funnel-field input:focus,.funnel-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(202,255,56,.13)}.funnel-field input::placeholder,.funnel-field textarea::placeholder{color:#656765}.funnel-step[data-contact-field] .funnel-actions,.funnel-step[data-contact-field] .contact-submit{max-width:680px}
.confetti-layer{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none}.confetti-layer i{position:absolute;top:-24px;left:var(--x);width:var(--size);height:calc(var(--size) * 1.65);background:var(--color);border:1px solid #0c0d0d55;animation:confettiFall var(--duration) cubic-bezier(.15,.65,.35,1) var(--delay) forwards;will-change:transform,opacity}@keyframes confettiFall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:1}85%{opacity:1}100%{transform:translate3d(var(--drift),110vh,0) rotate(calc(var(--spin) * 1deg));opacity:0}}@media(prefers-reduced-motion:reduce){.confetti-layer{display:none}}
@media(max-width:560px){.process{padding-top:5rem;padding-bottom:5rem}.process-intro{margin-bottom:2.5rem}.process-intro h2{font-size:clamp(2.8rem,14vw,4.2rem)}.process-track{display:grid;grid-template-columns:1fr;gap:1rem;overflow:visible;padding-bottom:0;scroll-snap-type:none}.process-step,.process-step:nth-child(even),.process-step:hover{min-width:0;min-height:0;padding:1.2rem;display:grid;grid-template-columns:48px 1fr;grid-template-areas:"number number" "icon title" "icon text";column-gap:1rem;row-gap:.4rem;transform:none;scroll-snap-align:none}.process-step>span{grid-area:number;margin-bottom:.5rem}.process-step .step-icon{grid-area:icon;margin:0;text-align:left;font-size:2.2rem}.process-step h3{grid-area:title;margin:0;font-size:1.6rem}.process-step p{grid-area:text;font-size:.88rem}}