:root{--bg:#efeee8;--surface:#faf9f4;--text:#151515;--muted:#565650;--line:#151515;--accent:#343e13;--stage:#d4ff38;--dark:#151515;--light:#efeee8;--radius-sm:0;--radius-md:0;--radius-lg:0}
[data-theme=dark]{--bg:#151515;--surface:#22231e;--text:#efeee8;--muted:#b9bab0;--line:#74756d;--accent:#d4ff38}
.header{min-height:96px;border-bottom:2px solid var(--text)}
.brand-lockup{font-size:22px;line-height:1;letter-spacing:-.06em;text-transform:uppercase}
.brand-lockup small{display:block;font-size:12px;letter-spacing:.17em;margin-top:8px}
.brand-dot{font-size:18px;margin-left:5px;color:var(--text)}
.brand svg{width:38px;height:38px;color:var(--text)}
#theme{border-radius:0;border-color:var(--text)}
.header-contact{background:var(--text);color:var(--bg);padding:12px 18px}
.signature{position:relative;display:block;padding-block:32px 24px;border-bottom:2px solid var(--text)}
.signature-name{font-family:Satoshi,Arial,sans-serif;font-size:clamp(2.7rem,11.7vw,10rem);font-weight:900;line-height:.9;letter-spacing:-.085em;white-space:nowrap}
.signature-name>span{display:block;font-weight:900;font-size:.55em;letter-spacing:-.06em;margin-top:.16em}
.signature-name>b{display:inline-block;font-size:.68em;margin-left:.12em;color:var(--text)}
.signature-note{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:12px;font-weight:700;letter-spacing:.12em}
.signature-note br{display:none}
.hero{padding-block:56px;gap:48px}
.eyebrow{letter-spacing:.09em}
h1{text-transform:uppercase;font-size:clamp(2.8rem,4.8vw,5rem);line-height:.97;letter-spacing:-.07em}
h1>span{color:var(--text);text-decoration:underline;text-decoration-color:#a0bd26;text-decoration-thickness:5px;text-underline-offset:8px}
.button{background:#d4ff38;color:#151515!important;border:2px solid #151515;text-transform:uppercase;box-shadow:5px 5px 0 var(--text);padding:18px 24px}
.button:hover{transform:translate(-2px,-2px);filter:none;box-shadow:7px 7px 0 var(--text)}
.hero-stage{background:#d4ff38;border:2px solid #151515;border-radius:0}
.stage-top{font-weight:900}
.browser{border-radius:0;border:2px solid #151515;box-shadow:8px 8px 0 #151515;transform:rotate(-4deg)}
.mobile-sample{box-shadow:5px 5px 0 #151515}
.sector-band{background:#151515;color:#efeee8;border-block:2px solid #151515}
.sectors{font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.sectors>span:first-child{color:#d4ff38}
h2{text-transform:uppercase;font-weight:900;letter-spacing:-.05em}
.price-panel{border:2px solid var(--text);box-shadow:8px 8px 0 var(--text)}
.small-label{background:#d4ff38;color:#151515;border:1px solid #151515;transform:rotate(3deg);font-weight:900}
.price{font-weight:900}
.care{border-top:2px solid var(--text)}
.principles article{border-bottom:2px solid var(--text)}
.number{color:var(--text);font-weight:900}
.process-section{border-block:2px solid #151515}
.process .eyebrow,.steps li>span{color:#d4ff38}
.contact h2{font-size:clamp(2.4rem,4.3vw,4.6rem)}
.email{color:var(--text);border-bottom:3px solid var(--text)}
.footer{border-top:2px solid var(--text)}
@media(min-width:761px) and (max-width:1050px){.hero{gap:24px}h1{font-size:clamp(2.7rem,4.8vw,3.8rem)}.header-contact{padding:10px}}
@media(max-width:760px){.header{min-height:84px}.brand-lockup{font-size:20px}.brand svg{width:32px;height:32px}.signature{padding-block:24px}.signature-name{font-size:clamp(2.6rem,12vw,6rem)}.signature-note{font-size:12px;letter-spacing:0;gap:16px;align-items:flex-start}.signature-note>span{max-width:48%}.hero{padding-block:40px;gap:40px}h1{font-size:clamp(2.7rem,10vw,4.6rem)}.price-panel{box-shadow:5px 5px 0 var(--text)}.header-contact{display:none}.email{font-size:clamp(1.2rem,5.6vw,2rem)}}
