:root{--bg:#0A0A0A;--s1:#141414;--s2:#1C1C1C;--tx:#F7F7F5;--lime:#D7FF32;--mut:#B5B5B5;--ln:#2a2a2a;--h:'Bricolage Grotesque',system-ui,sans-serif;--b:Inter,system-ui,sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.55 var(--b);overflow-x:hidden}
h1,h2,h3{font-family:var(--h);font-weight:800;letter-spacing:-.025em;margin:0;line-height:1}a{color:inherit}.w{max-width:1240px;margin:0 auto;padding:0 24px;position:relative}
.eyebrow{font:500 12px/1 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:12px;height:12px;background:var(--lime)}
.btn{display:inline-block;padding:16px 26px;font:500 15px/1 var(--b);text-decoration:none;border:1px solid var(--tx);background:transparent;color:var(--tx);min-height:50px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn.sig{background:var(--lime);color:#0A0A0A;border-color:var(--lime);box-shadow:0 0 0 0 #D7FF3200}.btn.sig:hover{box-shadow:0 10px 30px #D7FF3240}.btn:hover{transform:translateY(-2px)}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #7C9BFF;outline-offset:2px}
.mk{width:40px;height:40px;display:block}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo b{font:800 17px/.95 var(--h);letter-spacing:-.01em}.logo small{display:block;font:500 8px/1 var(--b);letter-spacing:.4em;margin-top:5px}
header{position:sticky;top:0;z-index:50;background:#0A0A0Acc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
header .w{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
nav{display:flex;gap:30px;font-size:15px}nav a{text-decoration:none;color:#DADAD6}nav a:hover{color:var(--lime)}.hd{display:flex;align-items:center;gap:12px}.hd .btn{padding:13px 20px;min-height:46px}
details.m{display:none}details.m summary{list-style:none;cursor:pointer;font-size:15px;padding:12px 4px}
/* hero */
.hero{position:relative;padding:72px 0 40px;overflow:hidden;background:radial-gradient(60% 55% at 72% 42%,#2a2f12 0,#0A0A0A 70%)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px) 0 0/100% 72px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0/72px 100%;mask-image:radial-gradient(70% 80% at 60% 40%,#000,transparent);-webkit-mask-image:radial-gradient(70% 80% at 60% 40%,#000,transparent)}
.gr{position:absolute;inset:0;opacity:.07;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.bigf{position:absolute;right:-12%;top:-8%;width:62%;max-width:720px;color:var(--lime);opacity:.14;pointer-events:none}
.hg{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;position:relative;z-index:2}
.hero h1{font-size:clamp(46px,6.4vw,92px);line-height:.93;margin:22px 0 24px}.hero h1 em{font-style:normal;color:var(--lime)}
.lead{font-size:18px;color:var(--mut);max-width:520px;margin:0 0 30px}.cta{display:flex;gap:12px;flex-wrap:wrap}
.note{font-size:12px;color:#8E8E8A;margin-top:10px}
/* 3D scene */
.sc{container-type:inline-size;perspective:1500px;position:relative}
.stage{position:relative;height:94cqw;font-size:1cqw;transform-style:preserve-3d;transform:rotateX(calc(var(--rx,0)*1deg)) rotateY(calc(var(--ry,0)*1deg));transition:transform .25s ease-out}
.ob{position:absolute;transform-style:preserve-3d}.glow{position:absolute;left:8%;top:10%;width:84%;height:70%;background:radial-gradient(closest-side,#D7FF3226,transparent);filter:blur(10px);transform:translateZ(-200px)}
.floor{position:absolute;left:-12%;right:-12%;bottom:-2%;height:46%;transform-origin:50% 100%;transform:rotateX(74deg) translateZ(-120px);background:linear-gradient(#D7FF3222 1px,transparent 1px) 0 0/100% 5em,linear-gradient(90deg,#D7FF3222 1px,transparent 1px) 0 0/5em 100%;mask-image:radial-gradient(closest-side,#000,transparent);-webkit-mask-image:radial-gradient(closest-side,#000,transparent)}
.sh{position:absolute;background:#000;filter:blur(1.4em);opacity:.7;border-radius:50%}
@keyframes fl{50%{translate:0 -.9em}}.fa{animation:fl 7s ease-in-out infinite}.fb{animation:fl 9s ease-in-out infinite reverse}.fc{animation:fl 8s ease-in-out infinite 1s}
.brd{left:0;top:10em;width:33em;transform:translateZ(-70px) rotateY(20deg) rotateZ(-3deg)}.brd .p{background:linear-gradient(160deg,#fafaf7,#d9d9d4);color:#0A0A0A;border-radius:.8em;padding:2.2em;box-shadow:0 2.5em 5em #000b,inset 0 0 0 .1em #fff}
.brd .lg{display:flex;align-items:center;gap:1em;font:800 2.2em/1 var(--h)}.brd .lg .mk{width:5em!important;height:5em!important}.sw{display:flex;gap:.6em;margin:1.6em 0 1.2em}.sw i{flex:1;height:4em;border-radius:.4em}.brd .ty{font:800 5em/1 var(--h)}.brd small{display:block;font:500 1.1em/1.2 var(--b);letter-spacing:.16em;color:#555;margin-top:.8em}
.adv{right:0;top:0;width:28em;transform:translateZ(-30px) rotateY(-16deg) rotateZ(4deg)}.adv .p{background:#fff;color:#111;border-radius:.9em;overflow:hidden;box-shadow:0 2.5em 5em #000b}.adv .t{display:flex;gap:.8em;align-items:center;padding:1.1em 1.3em;font:700 1.5em/1 var(--b)}.adv .t .mk{width:2.8em!important;height:2.8em!important;color:#0A0A0A}.adv .im{height:17em;background:linear-gradient(135deg,#0A0A0A,#262626);position:relative;padding:2em;color:#fff;font:800 3.6em/.95 var(--h)}.adv .im b{display:inline-block;margin-top:.5em;background:var(--lime);color:#0A0A0A;padding:.5em .8em;font:700 .4em/1 var(--b)}.adv .f{padding:1em 1.3em;font:500 1.3em/1 var(--b);color:#555}
.mon{left:12em;top:8em;width:64em;transform:rotateY(-9deg) rotateX(2deg)}.mon .bz{background:#0c0c0c;border-radius:1.4em;padding:1em;border:.18em solid #3a3a3a;box-shadow:0 3em 7em #000d,inset 0 0 0 .12em #1b1b1b}
.mon .scr{aspect-ratio:16/10;background:#0A0A0A;border-radius:.5em;overflow:hidden;position:relative;padding:2em 2.4em}.mon .sn{display:flex;justify-content:space-between;align-items:center;font:500 1.2em/1 var(--b);color:#B5B5B5}.mon .sn b{background:var(--lime);color:#0A0A0A;padding:.6em 1em;font-weight:700}.mon .sn span{display:flex;gap:1.4em;align-items:center}
.mon .hl{font:800 6em/.95 var(--h);margin:1.5em 0 .6em;max-width:70%}.mon .hl em{font-style:normal;color:var(--lime)}.mon .sp{font:400 1.4em/1.4 var(--b);color:#B5B5B5;max-width:52%}.mon .rt{position:absolute;right:2.4em;bottom:2em;width:24em;height:15em;background:linear-gradient(135deg,#242424,#141414);border:.1em solid #333;transform:rotateY(-18deg) rotateX(8deg)}.mon .rt::after{content:"";position:absolute;left:1.4em;bottom:1.4em;width:10em;height:1.2em;background:var(--lime)}
.mon .gl{position:absolute;inset:0;background:linear-gradient(115deg,#ffffff2e,#fff0 36%)}.mon .nk{width:9em;height:6.5em;background:linear-gradient(90deg,#1c1c1c,#4a4a4a,#1c1c1c);margin:0 auto}.mon .bs{width:24em;height:1.4em;border-radius:50%;background:linear-gradient(#555,#222);margin:0 auto;box-shadow:0 1em 2em #000}
.dg{left:2em;top:47em;width:14em;transform:translateZ(60px) rotateY(14deg) rotateZ(-9deg);filter:drop-shadow(0 1.6em 1.6em #000a)}.dg .p{height:27em;background:linear-gradient(155deg,#efff8a,#D7FF32 45%,#a9cf14);border-radius:1.4em 1.4em .8em .8em;color:#0A0A0A;padding:7em 1.2em 1.4em;display:flex;flex-direction:column;justify-content:space-between;text-align:center;-webkit-mask:radial-gradient(circle 2.3em at 50% 4em,transparent 98%,#000 100%);mask:radial-gradient(circle 2.3em at 50% 4em,transparent 98%,#000 100%)}.dg b{font:800 2em/.95 var(--h)}.dg span{display:block;background:#0A0A0A;color:#fff;font:500 1.1em/1 var(--b);padding:.9em .4em}
.cds{left:21em;top:55em;width:23em;transform:translateZ(110px) rotateZ(-9deg) rotateX(8deg)}.cd{position:absolute;width:23em;height:13.4em;border-radius:.7em;padding:1.6em;box-shadow:0 1.6em 3em #000b;overflow:hidden}.cd::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff3,#fff0 45%)}.cd.d{background:#101010;border:.1em solid #333;color:#fff;top:0;left:0;font:800 1.9em/1.1 var(--h)}.cd.d .mk{width:3.4em!important;height:3.4em!important;margin-bottom:1em;color:#fff}.cd.l{background:#f7f7f5;color:#0A0A0A;top:3.4em;left:5em;font:500 1.2em/1.6 var(--b);display:flex;flex-direction:column;justify-content:flex-end}.cd.l b{font:800 1.6em/1 var(--h);display:block;margin-bottom:.4em}
.ph{right:3em;top:36em;width:19.5em;transform:translateZ(150px) rotateY(-18deg) rotateZ(5deg);filter:drop-shadow(0 2em 2em #000a)}.ph .bd{background:#101010;border:.22em solid #3a3a3a;border-radius:3.2em;padding:.9em}.ph .sr{background:#0A0A0A;border-radius:2.4em;height:36em;overflow:hidden;padding:2.4em 1.6em;position:relative}.ph .sr::before{content:"";position:absolute;top:.8em;left:50%;width:5.6em;height:1.4em;margin-left:-2.8em;background:#000;border-radius:1em}.ph .sr b{display:block;font:800 3em/.95 var(--h);margin:3em 0 1em}.ph .sr b em{font-style:normal;color:var(--lime)}.ph .sr i{display:block;height:.9em;background:#2a2a2a;margin:.6em 0}.ph .sr u{display:block;background:var(--lime);color:#0A0A0A;text-decoration:none;font:700 1.3em/1 var(--b);padding:1em;margin-top:1.4em;text-align:center}.ph .sr .im{height:8em;background:linear-gradient(135deg,#262626,#161616);margin-top:1.4em}
.trk{left:30em;top:70em;width:68em;transform:translateZ(90px) rotateY(-6deg)}.trk svg{width:100%;height:auto;display:block;filter:drop-shadow(0 1.4em 1.6em #000b)}
.stat{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:var(--s1)}.stat div{padding:26px 24px;border-left:1px solid var(--ln);font:800 20px/1.1 var(--h)}.stat div:first-child{border-left:0}.stat small{display:block;font:400 14px/1.4 var(--b);color:var(--mut);margin-top:6px}.stat i{display:inline-block;width:10px;height:10px;background:var(--lime);margin-right:10px}
.mq{overflow:hidden;white-space:nowrap;padding:20px 0;border-bottom:1px solid var(--ln)}.mq div{display:inline-flex;gap:44px;animation:mq 38s linear infinite;font:800 24px/1 var(--h);text-transform:uppercase;color:#3b3b3b}.mq i{color:var(--lime);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:112px 0;position:relative}h2{font-size:clamp(34px,5vw,64px);margin:16px 0 18px}.sub{max-width:660px;color:var(--mut);margin:0 0 56px;font-size:18px}
.s1{background:var(--s1);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1200px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1200px}
.card{background:linear-gradient(160deg,#1e1e1e,#121212);border:1px solid var(--ln);padding:26px;position:relative;transform-style:preserve-3d;transition:transform .2s ease-out,border-color .2s,box-shadow .2s;will-change:transform}.card:hover{border-color:#4a5a14;box-shadow:0 30px 60px #000a}
.card h3{font-size:23px;margin:0 0 10px}.card p{margin:0;color:var(--mut);font-size:16px}.card small{display:block;font:500 12px/1 var(--b);letter-spacing:.14em;margin-top:20px;text-transform:uppercase;color:var(--lime)}.card .n{position:absolute;top:18px;right:20px;font:800 14px/1 var(--h);color:#4d4d4d}
.v{height:124px;margin-bottom:22px;background:#0f0f0f;border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;gap:8px;perspective:600px;overflow:hidden;transform:translateZ(30px);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:16px 16px}
.mb{width:60%;height:84px;border:1px solid #4a4a4a;background:#141414;transform:rotateX(14deg) rotateY(-18deg);box-shadow:-10px 14px 20px #000a}.mb i{display:block;height:8px;background:#2f2f2f}.mb b{display:block;height:8px;width:60%;background:#3d3d3d;margin:12px 8px 8px}.mb u{display:block;width:34px;height:12px;margin:10px 8px;background:var(--lime)}
.rw{display:grid;gap:7px;width:64%}.rw p{margin:0;display:flex;gap:8px;align-items:center;background:#1c1c1c;padding:8px;border:1px solid #333}.rw i{width:10px;height:10px;background:#555;flex:none}.rw p:first-child i{background:var(--lime)}.rw b{height:6px;background:#444;flex:1}
.adc{width:62px;height:88px;background:#fff;transform:rotateY(-20deg) rotateZ(3deg);box-shadow:-8px 10px 16px #000a;padding:6px}.adc i{display:block;height:44px;background:#141414}.adc u{display:block;height:10px;width:60%;background:var(--lime);margin-top:8px}
.q3{width:34px;height:34px;background:#222;border:1px solid #444}.q3:nth-child(2){background:var(--lime);border-color:var(--lime)}
.fm{width:56%;display:grid;gap:6px}.fm i{height:12px;background:#2f2f2f;border:1px solid #444}.fm u{height:14px;background:var(--lime)}
.sc2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.ck{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:14px}.ck li{display:flex;gap:14px;font-size:18px}.ck li::before{content:"";flex:none;width:20px;height:20px;background:var(--lime);margin-top:4px}
.dwrap{perspective:1400px}.dash{background:linear-gradient(160deg,#1f1f1f,#121212);border:1px solid #3a3a3a;padding:26px;transform:rotateY(-14deg) rotateX(6deg);box-shadow:30px 40px 70px #000c,0 0 80px #D7FF3214;transition:transform .3s}.dwrap:hover .dash{transform:rotateY(-4deg) rotateX(2deg)}.dash .t{display:flex;justify-content:space-between;font:500 12px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:20px}.kp{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kp div{background:#0f0f0f;border:1px solid var(--ln);padding:18px}.kp b{display:block;font:800 34px/1 var(--h);margin-top:8px;color:#fff}.dash svg{display:block;width:100%;height:96px;margin-top:18px}.tag{font:500 11px/1.3 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ind .card{min-height:190px}.ind .card .n{font-size:30px;color:#2f2f2f}.ind .card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--lime);transition:width .3s}.ind .card:hover::after{width:100%}
.ba{position:relative;height:400px;border:1px solid #3a3a3a;overflow:hidden;--p:50%;user-select:none;box-shadow:0 40px 80px #000a}.ba>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ba .af{background:radial-gradient(60% 80% at 50% 50%,#252a10,#0A0A0A);flex-direction:column;gap:16px}.ba .bf{background:#CFCDC5;color:#222;clip-path:inset(0 calc(100% - var(--p)) 0 0);flex-direction:column;gap:10px}
.ba .bf .fk{font:700 34px/1 'Times New Roman',serif;text-shadow:2px 2px #fff;transform:rotate(-3deg)}.ba .bf i{font:italic 16px 'Comic Sans MS',cursive}.ba .af b{font:800 44px/1 var(--h)}.ba span.l{font:500 11px/1 var(--b);letter-spacing:.16em;text-transform:uppercase;position:absolute;top:16px}.ba .af span.l{right:16px;color:var(--lime)}.ba .bf span.l{left:16px}
.ba .ln{position:absolute;top:0;bottom:0;left:var(--p);width:4px;background:var(--lime);transform:translateX(-2px);z-index:2;pointer-events:none}.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;margin:0}.ba .kn{position:absolute;top:50%;left:var(--p);width:46px;height:46px;margin:-23px 0 0 -23px;background:var(--lime);color:#0A0A0A;z-index:2;display:flex;align-items:center;justify-content:center;font:800 18px/1 var(--h);pointer-events:none}
.fl{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px}.fl button{font:500 14px/1 var(--b);padding:12px 18px;border:1px solid #444;background:transparent;color:var(--tx);cursor:pointer;min-height:44px}.fl button[aria-pressed=true]{background:var(--lime);color:#0A0A0A;border-color:var(--lime)}
.work{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1200px}.wc{background:var(--s2);border:1px solid var(--ln);transition:transform .2s ease-out;transform-style:preserve-3d}.wc[hidden]{display:none}.wv{height:250px;background:radial-gradient(70% 80% at 50% 40%,#2a2a2a,#121212);display:flex;align-items:center;justify-content:center;padding:20px;gap:10px;flex-wrap:wrap;overflow:hidden;position:relative}
.wc .tx{padding:22px;border-top:1px solid var(--ln)}.wc h3{font-size:21px;margin:8px 0}.wc p{margin:0;color:var(--mut);font-size:15px}
.bf2{width:88%;background:#141414;border:1px solid #444;transform:rotateY(-14deg) rotateX(6deg);box-shadow:-18px 24px 36px #000b}.bf2 i{display:block;height:18px;background:#2a2a2a}.bf2 div{padding:16px}.bf2 b{font:800 22px/1 var(--h)}.bf2 s{display:block;height:8px;background:#333;margin-top:9px;text-decoration:none}.bf2 em{display:inline-block;background:var(--lime);color:#0A0A0A;padding:8px 12px;margin-top:14px;font:700 12px/1 var(--b);font-style:normal}
.sqs{width:30%;aspect-ratio:1;background:#0A0A0A;border:1px solid #444;display:flex;align-items:center;justify-content:center;font:800 13px/1.1 var(--h);padding:6px;text-align:center;box-shadow:0 14px 24px #000a}.sqs:nth-child(2){background:var(--lime);color:#0A0A0A;transform:translateY(-10px)}.sqs:nth-child(3){background:#f7f7f5;color:#0A0A0A}
.dot{width:44px;height:44px;border:1px solid #444}.dhs{width:104px;height:190px;filter:drop-shadow(0 16px 14px #000a);transform:rotate(-6deg)}.dhs div{height:100%;background:linear-gradient(155deg,#efff8a,#D7FF32,#a9cf14);color:#0A0A0A;padding:62px 8px 12px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;font:800 15px/1 var(--h);-webkit-mask:radial-gradient(circle 20px at 50% 36px,transparent 98%,#000 100%);mask:radial-gradient(circle 20px at 50% 36px,transparent 98%,#000 100%)}
.bcs{position:relative;width:200px;height:150px}.bcs>div{position:absolute;width:170px;height:100px;padding:12px;font:800 13px/1.2 var(--h);box-shadow:0 14px 24px #000b}.bcs .a{background:#101010;border:1px solid #444;left:0;top:0;transform:rotate(-8deg)}.bcs .b{background:#f7f7f5;color:#0A0A0A;left:30px;top:44px;transform:rotate(5deg);font-weight:500;font-family:var(--b)}
.sea{padding:96px 0;background:linear-gradient(180deg,var(--bg),#13170a 60%,var(--bg));overflow:hidden}.sea h2{font-size:clamp(40px,7.4vw,104px);line-height:.92;margin:16px 0 28px;max-width:1000px}.sea h2 span{color:var(--lime)}.sea h2 s{text-decoration:none;color:transparent;-webkit-text-stroke:1.5px #6a6a66}.sea p{max-width:620px;font-size:19px;margin:0 0 28px;color:var(--mut)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps>div{border-top:2px solid var(--lime);padding-top:20px;position:relative}.steps h3{font-size:24px;margin:8px 0}.steps p{margin:0;color:var(--mut);font-size:16px}.steps .n{font:800 64px/1 var(--h);color:transparent;-webkit-text-stroke:1.5px var(--lime)}
.why{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.why ul{list-style:none;padding:0;margin:0;display:grid;gap:26px}.why li{border-top:1px solid #3a3a3a;padding-top:16px}.why li b{font:800 22px/1.1 var(--h);display:block;margin-bottom:6px}.why li span{color:var(--mut)}
.tm{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tc{border:1px dashed #555;padding:30px;background:var(--s2)}.tc q{font:500 20px/1.35 var(--h);quotes:none;display:block;color:var(--mut);margin:14px 0 20px}.tc b{display:block}
.fin{display:grid;grid-template-columns:1fr 1fr;gap:64px;position:relative;z-index:1;align-items:center}.cta2{overflow:hidden;background:radial-gradient(60% 70% at 20% 30%,#252a10,#0A0A0A 70%)}form{background:#141414;border:1px solid #3a3a3a;border-top:4px solid var(--lime);padding:34px;display:grid;gap:16px;box-shadow:0 40px 80px #000b}
label{font:500 14px/1 var(--b);display:grid;gap:8px}input[type=text],select,textarea{font:inherit;min-height:48px;padding:10px 12px;border:1px solid #4a4a4a;background:#0A0A0A;color:var(--tx);width:100%;border-radius:0}textarea{min-height:96px}#ok{display:none;font-size:15px;background:var(--lime);color:#0A0A0A;padding:12px 14px}
footer{background:#070707;color:var(--mut);padding:72px 0 32px;font-size:15px;border-top:1px solid var(--ln)}footer .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}footer h4{margin:0 0 14px;color:#fff;font:500 12px/1 var(--b);letter-spacing:.14em;text-transform:uppercase}footer a{display:block;text-decoration:none;padding:4px 0}footer a:hover{color:var(--lime)}footer .lg2{border-top:1px solid #222;margin-top:40px;padding-top:20px;font-size:13px}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media(max-width:900px){nav{display:none}details.m{display:block;position:relative}details.m[open] .mp{position:absolute;right:0;top:48px;background:#1A1A1A;border:1px solid #333;padding:12px 20px;min-width:190px;display:grid}details.m .mp a{text-decoration:none;padding:10px 0}.hg,.why,.fin,.sc2{grid-template-columns:1fr;gap:40px}.g3,.work,.steps,.tm{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}.stat{grid-template-columns:1fr 1fr}.stat div:nth-child(3){border-left:0}footer .fg{grid-template-columns:1fr 1fr}section{padding:72px 0}.hero{padding:48px 0 24px}.hd .btn{display:none}.ba{height:300px}.dash{transform:none}}
@media(max-width:520px){.g4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fa,.fb,.fc,.mq div{animation:none}.stage,.card,.wc,.dash{transition:none}.js .rv{opacity:1;transform:none;transition:none}}

/* ===== multi-page additions ===== */
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:#0A0A0A;padding:10px 14px;z-index:100;font-weight:500}.skip:focus{left:8px}
.new{display:inline-block;background:var(--lime);color:#0A0A0A;font:700 9px/1 var(--b);letter-spacing:.08em;padding:3px 5px;margin-left:6px;vertical-align:2px}nav a[aria-current=page]{color:var(--lime)}
.crumb{font:500 13px/1 var(--b);color:var(--mut);margin-bottom:22px}.crumb a{text-decoration:none}.crumb a:hover{color:var(--lime)}.crumb span{margin:0 8px;color:#555}
.ph-hero{position:relative;padding:72px 0 56px;overflow:hidden;background:radial-gradient(60% 70% at 78% 40%,#242912 0,#0A0A0A 72%)}.ph-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px) 0 0/100% 72px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0/72px 100%;mask-image:radial-gradient(70% 90% at 70% 40%,#000,transparent);-webkit-mask-image:radial-gradient(70% 90% at 70% 40%,#000,transparent)}
.ph-hero h1{font-size:clamp(40px,5.6vw,80px);line-height:.95;margin:18px 0 22px}.ph-hero h1 em{font-style:normal;color:var(--lime)}.ph-hero .hg{grid-template-columns:1fr 1fr}.ph-hero .hg.one{grid-template-columns:1fr;max-width:900px}
.sec-s{padding:88px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.incl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 32px}.incl li{display:flex;gap:12px;color:#E4E4E0}.incl li::before{content:"";flex:none;width:12px;height:12px;background:var(--lime);margin-top:7px}
.faq details{border-top:1px solid var(--ln);padding:0}.faq details:last-child{border-bottom:1px solid var(--ln)}.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font:800 20px/1.2 var(--h);position:relative}.faq summary::after{content:"+";position:absolute;right:6px;top:18px;font:500 28px/1 var(--b);color:var(--lime)}.faq details[open] summary::after{content:"–"}.faq p{margin:0 0 22px;color:var(--mut);max-width:760px}
.band{background:var(--lime);color:#0A0A0A;padding:72px 0}.band h2{margin:0 0 20px;font-size:clamp(32px,4.6vw,60px)}.band .btn{background:#0A0A0A;color:#fff;border-color:#0A0A0A}.band p{margin:0 0 26px;font-size:18px;max-width:640px}
.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);margin:0 0 56px}.meta div{background:var(--s1);padding:20px}.meta dt{font:500 11px/1 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.meta dd{margin:8px 0 0;font:700 17px/1.3 var(--h)}
.badge{display:inline-block;border:1px solid var(--lime);color:var(--lime);font:500 11px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px}.badge.dim{border-color:#555;color:var(--mut)}
a.card{display:block;text-decoration:none;color:inherit}.card .go{display:inline-block;margin-top:18px;font:500 14px/1 var(--b);color:var(--lime)}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;perspective:1200px}.g3 .card.span2{grid-column:span 2}
.stage.flat{transform:none}
/* forms */
.frm{background:#141414;border:1px solid #3a3a3a;border-top:4px solid var(--lime);padding:34px;display:grid;gap:18px;box-shadow:0 40px 80px #000b}.frm .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.frm fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.frm legend{font:500 14px/1 var(--b);margin-bottom:10px;padding:0}.chk{display:flex;flex-wrap:wrap;gap:8px}.chk label{display:flex;align-items:center;gap:8px;font:400 14px/1.2 var(--b);border:1px solid #444;padding:10px 12px;cursor:pointer;min-height:44px}.chk input{width:18px;height:18px;accent-color:#D7FF32;margin:0;min-height:0}
.frm input[type=email],.frm input[type=tel]{font:inherit;min-height:48px;padding:10px 12px;border:1px solid #4a4a4a;background:#0A0A0A;color:var(--tx);width:100%;border-radius:0}
.frm [aria-invalid=true]{border-color:#ff6b6b}.err{color:#ff9b9b;font:400 13px/1.3 var(--b);min-height:0}.msg{display:none;padding:14px 16px;font-size:15px}.msg.ok{background:var(--lime);color:#0A0A0A}.msg.bad{background:#3a1414;color:#ffd0d0;border:1px solid #7a2a2a}.hp{position:absolute;left:-9999px}.hint{font-size:13px;color:var(--mut)}
/* pieces */
.serp{left:6em;top:8em;width:50em;transform:translateZ(0) rotateY(8deg) rotateX(2deg)}.serp .p{background:#fff;color:#1b1b1b;border-radius:.9em;padding:2em;box-shadow:0 2.5em 5em #000b}.serp .q{border:.12em solid #ddd;border-radius:3em;padding:1em 1.6em;font:500 1.6em/1 var(--b);margin-bottom:1.6em;color:#555}.serp .r{padding:1em 0;border-top:.1em solid #eee;font:400 1.4em/1.4 var(--b);color:#555}.serp .r b{display:block;font:700 1.6em/1.2 var(--b);color:#1a4fd6}.serp .r.top b::before{content:"★ ";color:#D7FF32;text-shadow:0 0 .1em #000}.serp .map{height:12em;background:linear-gradient(135deg,#dfe8d6,#cfd9c4);border-radius:.6em;position:relative;margin-bottom:1em}.serp .map i{position:absolute;width:2em;height:2em;background:#0A0A0A;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.serp .map i:nth-child(1){left:20%;top:30%;background:#D7FF32;border:.2em solid #0A0A0A}.serp .map i:nth-child(2){left:55%;top:50%}.serp .map i:nth-child(3){left:75%;top:25%}
.pst{width:22em;transform:translateZ(60px) rotateY(-12deg)}.pst .p{background:#fff;border-radius:.8em;overflow:hidden;box-shadow:0 2em 4em #000b;color:#111}.pst .h{display:flex;gap:.8em;align-items:center;padding:1em 1.2em;font:700 1.3em/1 var(--b)}.pst .h .mk{width:2.4em!important;height:2.4em!important}.pst .i{aspect-ratio:1;background:linear-gradient(135deg,#0A0A0A,#2a2a2a);color:#fff;padding:1.8em;font:800 3em/.95 var(--h);display:flex;flex-direction:column;justify-content:flex-end}.pst .i.l{background:linear-gradient(135deg,#efff8a,#D7FF32);color:#0A0A0A}.pst .i.w{background:#f1f1ee;color:#0A0A0A}.pst .c{padding:1em 1.2em;font:500 1.2em/1 var(--b);color:#666}
.lfm{left:8em;top:10em;width:34em;transform:rotateY(10deg)}.lfm .p{background:#141414;border:.12em solid #3a3a3a;border-radius:.9em;padding:2.2em;box-shadow:0 2.5em 5em #000c}.lfm h4{font:800 2.8em/1 var(--h);margin:0 0 1em}.lfm i{display:block;height:3.4em;background:#0A0A0A;border:.1em solid #444;margin-bottom:.8em;padding:1em;font:400 1.2em/1 var(--b);color:#777;font-style:normal}.lfm u{display:block;background:var(--lime);color:#0A0A0A;text-decoration:none;font:700 1.5em/1 var(--b);padding:1.1em;text-align:center}
.fun{right:2em;top:16em;width:26em;transform:translateZ(80px) rotateY(-14deg)}.fun div{height:5em;margin:0 auto .8em;background:linear-gradient(90deg,#2c2c2c,#3a3a3a);color:#fff;display:flex;align-items:center;justify-content:center;font:500 1.3em/1 var(--b);box-shadow:0 1em 2em #000a}.fun div:nth-child(2){width:84%}.fun div:nth-child(3){width:68%}.fun div:nth-child(4){width:52%;background:var(--lime);color:#0A0A0A;font-weight:700}
.sgn{width:24em;transform:translateZ(70px) rotateY(-8deg)}.sgn .p{height:16em;background:linear-gradient(155deg,#fff,#e4e4e0);color:#0A0A0A;border-radius:.6em;padding:1.6em;box-shadow:0 2em 3em #000b;font:800 3em/.95 var(--h);display:flex;flex-direction:column;justify-content:space-between}.sgn .p span{display:block;background:#0A0A0A;color:var(--lime);font:700 .5em/1 var(--b);padding:.9em;text-align:center}.sgn .st{display:flex;justify-content:space-around;padding:0 4em}.sgn .st i{width:.5em;height:10em;background:linear-gradient(90deg,#777,#ccc,#777)}
.tee{width:26em;transform:translateZ(90px) rotateZ(-5deg);filter:drop-shadow(0 1.6em 1.6em #000b)}.tee svg{width:100%;height:auto;display:block}
/* ===== White Canvas App ===== */
.app{--ui:#F4F5F7;--uc:#fff;--ut:#12161C;--um:#6B7280;--ub:#E5E7EB;--bc:#D7FF32;--bt:#0A0A0A}
.app .ph-hero{background:radial-gradient(60% 70% at 70% 35%,#16241a 0,#0A0C0B 72%)}
[data-brand=landscaping]{--bc:#2E9E5B;--bt:#fff}[data-brand=roofing]{--bc:#E4572E;--bt:#fff}[data-brand=hvac]{--bc:#2F7BF6;--bt:#fff}
.ui{font-family:var(--b);color:var(--ut)}.win{background:var(--ui);border-radius:.9em;overflow:hidden;box-shadow:0 3em 6em #000d,0 0 0 .12em #2b2b2b;color:var(--ut)}.win .bar{display:flex;gap:.6em;align-items:center;background:#e9eaed;padding:.9em 1.2em}.win .bar i{width:.9em;height:.9em;border-radius:50%;background:#c4c7cd}.win .bar span{margin-left:1em;font:400 1.1em/1 var(--b);color:#777;background:#fff;padding:.5em 1.2em;border-radius:1em}
.win .in{display:grid;grid-template-columns:15em 1fr}.sd{background:#12161C;color:#A9B0BB;padding:1.6em 1.2em;font:500 1.3em/1 var(--b);display:grid;align-content:start;gap:.4em}.sd .br{display:flex;gap:.9em;align-items:center;color:#fff;font:800 1.4em/1.1 var(--h);margin-bottom:1.4em}.sd .br b{width:2.6em;height:2.6em;background:var(--bc);color:var(--bt);display:flex;align-items:center;justify-content:center;border-radius:.5em;font:800 1em/1 var(--h);flex:none}.sd p{margin:0;padding:.9em 1em;border-radius:.5em}.sd p.on{background:#ffffff16;color:#fff;box-shadow:inset .25em 0 var(--bc)}
.mn{padding:1.8em;display:grid;gap:1.4em;align-content:start}.mh{display:flex;justify-content:space-between;align-items:center}.mh h4{margin:0;font:800 2.2em/1 var(--h)}.mh span{background:var(--bc);color:var(--bt);font:700 1.2em/1 var(--b);padding:.8em 1.2em;border-radius:.5em}
.kp2{display:grid;grid-template-columns:repeat(4,1fr);gap:1em}.kp2 div{background:var(--uc);border:.1em solid var(--ub);border-radius:.7em;padding:1.2em}.kp2 small{display:block;font:500 1em/1 var(--b);color:var(--um)}.kp2 b{display:block;font:800 2.6em/1 var(--h);margin-top:.4em}
.cd2{background:var(--uc);border:.1em solid var(--ub);border-radius:.8em;padding:1.4em;color:var(--ut)}.cd2 h5{margin:0 0 1em;font:800 1.5em/1 var(--h)}.cols2{display:grid;grid-template-columns:1.3fr 1fr;gap:1em}
.jr{display:flex;align-items:center;gap:1em;padding:.9em 0;border-top:.1em solid var(--ub);font:500 1.2em/1.2 var(--b)}.jr:first-of-type{border-top:0}.jr time{width:4.6em;color:var(--um);flex:none}.jr b{font-weight:500;flex:1}.jr small{color:var(--um)}
.pl{font:700 .95em/1 var(--b);padding:.45em .8em;border-radius:2em;background:#e9ecf1;color:#344}.pl.a{background:color-mix(in srgb,var(--bc) 18%,#fff);color:color-mix(in srgb,var(--bc) 70%,#000)}.pl.g{background:#e3f6e8;color:#1c6b36}.pl.y{background:#fff3d6;color:#8a5a00}
.bars div{display:flex;align-items:center;gap:.8em;margin-bottom:.8em;font:500 1.1em/1 var(--b);color:var(--um)}.bars i{display:block;height:1.1em;background:var(--bc);border-radius:.3em}.bars span{width:5.4em;flex:none}
.cal{display:grid;grid-template-columns:3.4em repeat(5,1fr);font:500 1em/1 var(--b);color:var(--um);gap:.1em}.cal .d{padding:.6em 0;text-align:center;color:var(--ut);font-weight:700}.cal .t{padding:1.6em .4em 0 0;text-align:right}.cal .c{min-height:5em;border-top:.1em solid var(--ub);position:relative;padding:.2em}.cal .ev{display:block;background:var(--bc);color:var(--bt);border-radius:.4em;padding:.6em;font:700 .95em/1.2 var(--b);margin:.1em 0}.cal .ev.g{background:#12161C;color:#fff}
.cu{display:flex;gap:1.2em;align-items:center;margin-bottom:1.2em}.av{width:4.6em;height:4.6em;border-radius:50%;background:var(--bc);color:var(--bt);display:flex;align-items:center;justify-content:center;font:800 1.8em/1 var(--h);flex:none}.cu b{display:block;font:800 1.8em/1.1 var(--h)}.cu small{color:var(--um);font:400 1.2em/1.3 var(--b)}
.qt table{width:100%;border-collapse:collapse;font:500 1.2em/1.3 var(--b)}.qt td{padding:.7em 0;border-top:.1em solid var(--ub)}.qt td:last-child{text-align:right}.qt .tt td{font:800 1.4em/1 var(--h);border-top:.15em solid var(--ut)}
.tmr{display:grid;grid-template-columns:7em 1fr;gap:.8em;align-items:center;padding:.8em 0;border-top:.1em solid var(--ub);font:500 1.2em/1 var(--b)}.tmr:first-of-type{border-top:0}.tmr div{position:relative;height:1.8em;background:#f0f1f4;border-radius:.4em}.tmr i{position:absolute;top:0;bottom:0;background:var(--bc);border-radius:.4em;opacity:.9}.tmr i.g{background:#12161C}
.mb2{background:#101216;border:.22em solid #3a3a3a;border-radius:3.2em;padding:.9em;filter:drop-shadow(0 2em 2em #000a)}.mb2 .s{background:var(--ui);border-radius:2.4em;height:40em;overflow:hidden;padding:2.6em 1.4em 1em;position:relative;color:var(--ut);display:flex;flex-direction:column;gap:1em}.mb2 .s::before{content:"";position:absolute;top:.8em;left:50%;width:5.6em;height:1.4em;margin-left:-2.8em;background:#000;border-radius:1em}.mb2 .hd2{display:flex;align-items:center;gap:.8em;font:800 1.5em/1 var(--h)}.mb2 .hd2 b{width:2.2em;height:2.2em;background:var(--bc);color:var(--bt);border-radius:.5em;display:flex;align-items:center;justify-content:center;font-size:1em}.mb2 .tabs{margin-top:auto;display:flex;justify-content:space-around;border-top:.1em solid var(--ub);padding-top:.9em;font:500 1.1em/1 var(--b);color:var(--um)}.mb2 .tabs .on{color:var(--ut);font-weight:700;box-shadow:0 .3em var(--bc)}
.mini{font-size:7px;background:var(--ui);border:1px solid #2a2a2a;padding:14px;min-height:200px;color:var(--ut)}.mini .cd2{box-shadow:0 8px 16px #0003}
.fcard{background:linear-gradient(160deg,#1c1c1c,#111);border:1px solid var(--ln);display:grid;grid-template-rows:auto 1fr}.fcard .tx2{padding:26px}.fcard h3{font-size:23px;margin:10px 0 10px}.fcard p{margin:0 0 14px;color:var(--mut);font-size:16px}.fcard ul{margin:0;padding:0 0 0 18px;color:#d6d6d2;font-size:15px}.fcard li{margin:3px 0}.plan{display:inline-block;font:500 10px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid #4a5a14;padding:6px 8px}
.brsw{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.brsw button{font:500 14px/1 var(--b);padding:12px 18px;border:1px solid #444;background:transparent;color:var(--tx);cursor:pointer;min-height:44px;display:flex;gap:10px;align-items:center}.brsw button i{width:14px;height:14px;display:block}.brsw button[aria-pressed=true]{background:#fff;color:#0A0A0A;border-color:#fff}
.wl{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.wlist{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.wlist li{display:flex;gap:12px}.wlist li::before{content:"";flex:none;width:12px;height:12px;background:var(--lime);margin-top:7px}
.status{display:inline-flex;align-items:center;gap:8px}.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #D7FF3233}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pgrid div{border-top:2px solid var(--lime);padding-top:16px}.pgrid b{font:800 21px/1.1 var(--h);display:block;margin-bottom:6px}.pgrid span{color:var(--mut)}
@media(max-width:1080px){nav{display:none}details.m{display:block;position:relative}details.m[open] .mp{position:absolute;right:0;top:48px;background:#1A1A1A;border:1px solid #333;padding:12px 20px;min-width:220px;display:grid}details.m .mp a{text-decoration:none;padding:10px 0}.hd .btn{display:none}}
@media(max-width:900px){.two,.wl,.ph-hero .hg{grid-template-columns:1fr;gap:36px}.incl,.pgrid{grid-template-columns:1fr}.meta{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}.g3 .card.span2{grid-column:auto}.sec-s{padding:60px 0}.frm .row2{grid-template-columns:1fr}.win .in{grid-template-columns:1fr}.sd{display:none}.kp2{grid-template-columns:1fr 1fr}.cols2{grid-template-columns:1fr}.ph-hero{padding:48px 0 32px}}
.stat.s3{grid-template-columns:repeat(3,1fr)}.mini .mb2 .s{height:28em}
@media(max-width:900px){.stat.s3{grid-template-columns:1fr}.stat.s3 div{border-left:0;border-top:1px solid var(--ln)}}
.sd .br{font-size:1.15em}.sd .br span{line-height:1.1}
/* ===== immersive upgrade ===== */
.stage{transform:rotateX(calc(var(--rx,0)*1deg)) rotateY(calc(var(--ry,0)*1deg)) translateY(calc(var(--sy,0)*1px))}
.js .rv{opacity:0;transform:perspective(900px) translateY(36px) rotateX(9deg) scale(.97);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .rv.in{opacity:1;transform:none}
.seo{width:44em;transform:translateZ(40px) rotateY(10deg) rotateZ(-2deg)}.seo .p{background:linear-gradient(160deg,#1f1f1f,#121212);border:.12em solid #3a3a3a;border-radius:.9em;padding:2em;box-shadow:0 2.5em 5em #000c,0 0 6em #D7FF3218;color:#fff}.seo .t{font:500 1.2em/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:#B5B5B5}.seo .kk{margin:1em 0}.seo .kk b{font:800 4.4em/1 var(--h);display:block}.seo .kk span{font:400 1.3em/1 var(--b);color:#B5B5B5}.seo svg{display:block;width:100%;height:9em}.seo .r{display:flex;align-items:center;gap:.9em;font:500 1.4em/1 var(--b);padding:.9em 0;border-top:.1em solid #333}.seo .r i{width:1em;height:1em;background:var(--lime)}.seo .r i.g{background:#555}.seo .r small{margin-left:auto;font-weight:700}
/* services: dimensional cards */
.card.svc{padding:0 0 26px;overflow:hidden}.card.svc h3,.card.svc p,.card.svc .go{margin-left:24px;margin-right:24px}.card.svc h3{margin-top:6px}.card.svc .n{z-index:2}
.sv{background:radial-gradient(70% 80% at 50% 35%,#272c12,#101010 72%);border-bottom:1px solid var(--ln);margin-bottom:20px;overflow:hidden;position:relative}.sv::before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px) 0 0/100% 18px,linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/18px 100%}
.sv .sc{position:relative;font-size:1cqw}.svc .stage{--ry:-9;--rx:3;height:62cqw!important;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.svc:hover .stage{--ry:8;--rx:-3}.sv .fa,.sv .fb,.sv .fc{animation:none}.svc .ob{transition:transform .5s}.svc:hover .ob{translate:0 -.8em}
.sv .glow,.sv .floor{display:none}
/* light section + transitions */
.lt{background:#EFEEE8;color:#0A0A0A;position:relative;padding:150px 0 190px}.lt::before,.lt::after{content:"";position:absolute;left:0;right:0;height:140px;pointer-events:none}.lt::before{top:0;background:linear-gradient(#0A0A0A,#0A0A0A00)}.lt::after{bottom:0;background:linear-gradient(#EFEEE800,#0A0A0A)}
.lt .sub{color:#4d4d49}.lt .eyebrow{color:#4d4d49}.lt .eyebrow::before{border:1px solid #0A0A0A}.lt .fl button{border-color:#0A0A0A;color:#0A0A0A}.lt .fl button[aria-pressed=true]{background:#0A0A0A;color:#fff;border-color:#0A0A0A}.lt h2{color:#0A0A0A}
.lt>.w{position:relative;z-index:1}.lt .btn{color:#0A0A0A;border-color:#0A0A0A}
/* portfolio showcase */
.pfg{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.pfg.c3{grid-template-columns:repeat(3,1fr)}
a.pf{display:block;position:relative;background:#0D0D0D;color:#fff;overflow:hidden;text-decoration:none;box-shadow:0 30px 60px #0003;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}a.pf:hover{transform:translateY(-6px);box-shadow:0 44px 80px #0005}a.pf[hidden]{display:none}
.pfv{aspect-ratio:5/4;overflow:hidden;background:radial-gradient(70% 70% at 50% 40%,#2b2f14,#0d0d0d 72%);display:flex;align-items:center;justify-content:center;position:relative}.pfv::before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/24px 100%}
.pfv .sc{width:100%;translate:0 calc((var(--p,.5) - .5) * -26px);scale:calc(1 + (var(--p,.5) - .5) * .07)}.pfv .stage{font-size:.74cqw;width:74cqw;margin:0 auto;height:94em!important;--ry:-6;--rx:2}a.pf:hover .stage{--ry:7;--rx:-2}.pfv .glow,.pfv .floor{display:none}.pfv .fa,.pfv .fb,.pfv .fc{animation:none}
.pf .cap{padding:18px 22px;display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid #222}.pf .cap b{font:800 20px/1.1 var(--h)}.pf .cap span{font:500 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B5B5B5}
.pf .ov{position:absolute;left:0;right:0;bottom:0;padding:26px;background:linear-gradient(#0000,#000e 38%);transform:translateY(55%);opacity:0;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s}.pf:hover .ov,.pf:focus-visible .ov{transform:none;opacity:1}.pf .ov h3{font-size:26px;margin:8px 0}.pf .ov p{margin:0 0 12px;color:#D4D4D0;font-size:15px}.pf .ov .go{color:var(--lime);font:500 14px/1 var(--b)}.pf .ov .tag{color:var(--lime)}
@media(hover:none){.pf .ov{transform:none;opacity:1;position:static;background:#0D0D0D}.pf .cap{display:none}}
/* sticky pinned story */
.pin-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.pin-l{position:sticky;top:110px}.pin-l ol,.pin-l ul{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:4px}.pin-l li{padding:18px 0 18px 22px;border-left:2px solid #333;color:#777;transition:color .3s,border-color .3s}.pin-l li b{display:block;font:800 22px/1.1 var(--h)}.pin-l li span{display:block;font-size:15px;margin-top:6px;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s,opacity .4s}.pin-l li.on{color:#fff;border-color:var(--lime)}.pin-l li.on span{max-height:120px;opacity:1;color:var(--mut)}
.pin-r .pp{min-height:82vh;display:flex;align-items:center;opacity:.28;transform:scale(.94);transition:opacity .5s,transform .5s}.pin-r .pp.on{opacity:1;transform:none}.pin-r .pp>.sc{width:100%}
@media(max-width:900px){.pin-g{grid-template-columns:1fr}.pin-l{position:static}.pin-l li span{max-height:none;opacity:1}.pin-r .pp{min-height:0;opacity:1;transform:none;padding:24px 0}.pfg,.pfg.c3{grid-template-columns:1fr}.lt{padding:110px 0 150px}}
@media(prefers-reduced-motion:reduce){.js .rv{transform:none;opacity:1}.pin-r .pp{opacity:1;transform:none;transition:none}.pfv .sc{translate:none;scale:none}.svc .stage,a.pf,.pf .ov{transition:none}}