:root{--ink:#14171a;--paper:#f3f0e9;--bone:#dedbd3;--olive:#263b4a;--copper:#a34f32;--soft:#c8c4bb;--line:rgba(20,23,26,.28);--muted:#5d6062}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}
.shell{width:min(1240px,calc(100% - 64px));margin:auto}
.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(243,240,233,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 64px));margin:auto}
.wordmark{font:700 1.45rem "Archivo",sans-serif;letter-spacing:.11em;color:inherit;text-decoration:none}
.wordmark span{color:var(--copper)}
.nav-links{display:flex;gap:34px}
.nav-links a,.text-link{color:inherit;text-decoration:none;font-weight:500}
.nav-links a{font-size:.88rem}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:15px 23px;text-decoration:none;cursor:pointer;font:600 .92rem "Archivo",sans-serif;letter-spacing:.02em}
.button:hover,.button:focus-visible{background:transparent;color:var(--ink)}
.button-small{padding:11px 17px;font-size:.82rem}
.hero{min-height:760px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding-top:74px;padding-bottom:90px}
.eyebrow{font:600 .72rem "Archivo",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin:0 0 24px}
.hero h1,.section h2,.contact-section h2,.system-section h2{font:600 clamp(3.5rem,7.5vw,7.3rem)/.88 "Archivo",sans-serif;letter-spacing:-.07em;margin:0}
.hero h1 em{font-style:normal;color:var(--olive)}
.hero-lead{font-size:1.15rem;max-width:570px;margin:36px 0;color:var(--muted)}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}
.text-link span{color:var(--olive)}
.trust-line{display:flex;gap:26px;margin-top:55px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.trust-line span:before{content:"—";margin-right:8px}
.hero-stage{height:560px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);position:relative;overflow:hidden;isolation:isolate;box-shadow:18px 18px 0 var(--bone)}
.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;z-index:4;font:600 .66rem "Archivo",sans-serif;letter-spacing:.16em}
.stage-top{top:22px}.stage-bottom{bottom:22px}.stage-word{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font:700 24rem/.75 "Archivo",sans-serif;letter-spacing:-.1em;color:var(--olive);animation:pulse-letter 7s ease-in-out infinite}
.stage-card{position:absolute;width:180px;min-height:152px;padding:18px;border:1px solid rgba(243,240,233,.7);display:flex;flex-direction:column;justify-content:space-between;z-index:3;box-shadow:0 16px 38px rgba(0,0,0,.2);animation:float-card 6s ease-in-out infinite}
.stage-card small{font:600 .58rem "Archivo";letter-spacing:.15em}.stage-card strong{font:600 1.18rem/1.05 "Archivo"}.stage-card>span{align-self:flex-end;font-size:1.15rem}.card-a{left:28px;top:96px;background:var(--paper);color:var(--ink);transform:rotate(-4deg)}.card-b{right:24px;top:170px;background:var(--copper);color:#fff;transform:rotate(5deg);animation-delay:-2s}.card-c{left:82px;bottom:72px;background:var(--olive);color:#fff;transform:rotate(2deg);animation-delay:-4s}
@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes pulse-letter{0%,100%{opacity:.72;scale:1}50%{opacity:1;scale:1.035}}
.hero-card{height:540px;background:transparent;color:var(--ink);border:1px solid var(--ink);padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hero-card:after{content:"K";position:absolute;right:-22px;bottom:-92px;font:600 23rem/.75 "Archivo",sans-serif;color:rgba(82,89,75,.13);pointer-events:none}
.card-top,.card-bottom{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.16em;position:relative;z-index:1}
.card-bottom strong{font-size:.9rem;letter-spacing:0}
.content-flow{display:grid;place-items:center;gap:18px;position:relative;z-index:1}
.flow-input{height:94px;width:82%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.16)}
.flow-input i{display:block;width:4px;background:var(--olive)}
.flow-input i:nth-child(1),.flow-input i:nth-child(11){height:16px}
.flow-input i:nth-child(2),.flow-input i:nth-child(10){height:28px}
.flow-input i:nth-child(3),.flow-input i:nth-child(9){height:46px}
.flow-input i:nth-child(4),.flow-input i:nth-child(8){height:30px}
.flow-input i:nth-child(5),.flow-input i:nth-child(7){height:62px}
.flow-input i:nth-child(6){height:76px}
.flow-arrow{color:var(--olive);font-size:1.4rem}
.flow-output{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.flow-output span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;text-align:center;font:600 .66rem "Archivo",sans-serif;letter-spacing:.12em}
.flow-output span:nth-child(2),.flow-output span:nth-child(3){background:var(--bone)}
.proof-strip{background:var(--ink);color:var(--paper);padding:29px 0}
.proof-grid{display:grid;grid-template-columns:1fr 2fr;align-items:center}
.proof-grid strong{font:600 .78rem "Archivo",sans-serif;letter-spacing:.15em}
.proof-grid p{margin:0;color:var(--soft)}
.ticker{overflow:hidden;background:var(--copper);color:#fff;border-bottom:1px solid var(--ink);padding:17px 0;white-space:nowrap}.ticker-track{display:inline-flex;align-items:center;gap:26px;min-width:max-content;font:600 .79rem "Archivo";letter-spacing:.14em;animation:ticker-move 26s linear infinite}.ticker i{font-style:normal;font-size:.65rem}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker-move{to{transform:translateX(-50%)}}
.section{padding-top:130px;padding-bottom:130px}
.section-head{max-width:920px;margin-bottom:68px}
.section-head h2,.contact-section h2,.system-section h2{font-size:clamp(2.8rem,5.2vw,5.3rem)}
.service-grid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--line)}
.service-grid article{border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 28px 34px;min-height:390px}
.service-no{color:var(--olive);font:600 .72rem "Archivo";letter-spacing:.14em}
.service-grid h3,.steps h3{font:600 1.4rem "Archivo";margin:70px 0 16px}
.service-grid p,.steps p{color:var(--muted)}
ul{padding-left:18px}
.work-showcase{background:var(--ink);color:var(--paper);padding:130px 0;overflow:hidden}.showcase-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:end;margin-bottom:72px}.showcase-heading .eyebrow{color:var(--soft);align-self:start}.showcase-heading h2{font:600 clamp(2.8rem,5.2vw,5.3rem)/.92 "Archivo";letter-spacing:-.065em;margin:0}.showcase-heading>p:last-child{color:var(--soft);max-width:500px;margin:0}.mockup-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.mockup{min-width:0;border:1px solid rgba(243,240,233,.34);padding:22px;display:flex;flex-direction:column;min-height:590px}.mockup-label{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font:600 .66rem "Archivo";letter-spacing:.13em}.mockup>p{color:var(--soft);font-size:.92rem;margin:auto 0 0;padding-top:25px}.paper-stack{height:345px;position:relative;margin:38px 16px 24px}.paper-page{position:absolute;width:72%;height:94%;left:14%;top:2%;box-shadow:0 18px 38px rgba(0,0,0,.34)}.page-back{background:var(--copper);transform:rotate(7deg)}.page-front{background:var(--paper);color:var(--ink);padding:22px;transform:rotate(-3deg);transition:transform .4s ease}.mockup:hover .page-front{transform:rotate(0deg) translateY(-7px)}.mini-brand{font:700 .62rem "Archivo";letter-spacing:.18em}.mini-title{font:600 2rem/.92 "Archivo";letter-spacing:-.06em;margin-top:52px}.mini-rule{height:5px;width:44%;background:var(--copper);margin:20px 0}.mini-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-columns i{height:62px;background:var(--bone)}.mini-footer{position:absolute;bottom:18px;font:.48rem "Archivo";letter-spacing:.13em}.social-stack{height:350px;position:relative;margin:38px 5px 24px}.social-tile{position:absolute;width:205px;height:205px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .4s ease}.social-tile small{font:600 .55rem "Archivo";letter-spacing:.14em}.social-tile b{font:600 1.65rem/.95 "Archivo";letter-spacing:-.05em}.tile-one{left:0;top:0;background:var(--paper);color:var(--ink);transform:rotate(-5deg)}.tile-two{right:0;top:54px;background:var(--olive);color:#fff;transform:rotate(6deg)}.tile-three{left:48px;bottom:0;background:var(--copper);color:#fff;transform:rotate(2deg)}.social-mockup:hover .tile-one{transform:rotate(-8deg) translate(-5px,-7px)}.social-mockup:hover .tile-two{transform:rotate(9deg) translate(5px,-6px)}.social-mockup:hover .tile-three{transform:rotate(0deg) translateY(-10px)}.tile-grid{height:68px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 20px,transparent 20px 26px)}.campaign-frame{height:330px;margin:46px 0 30px;background:var(--paper);color:var(--ink);border:1px solid #57595b;box-shadow:0 18px 38px rgba(0,0,0,.32);transition:transform .4s ease}.campaign-mockup:hover .campaign-frame{transform:translateY(-8px)}.campaign-bar{height:27px;background:var(--bone);display:flex;gap:5px;align-items:center;padding:0 10px}.campaign-bar i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.campaign-nav{display:flex;justify-content:space-between;padding:15px 17px;font:.45rem "Archivo";letter-spacing:.07em}.campaign-nav b{font-size:.7rem}.campaign-hero{height:192px;background:var(--olive);color:#fff;padding:20px;display:flex;flex-direction:column}.campaign-hero small{font:600 .45rem "Archivo";letter-spacing:.14em}.campaign-hero strong{font:600 2rem/.92 "Archivo";letter-spacing:-.06em;margin-top:28px}.campaign-hero span{font:600 .44rem "Archivo";letter-spacing:.1em;margin-top:auto}.campaign-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.campaign-cards i{height:35px;background:var(--bone)}
.system-section{background:var(--olive);color:var(--paper);padding:130px 0}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:start}
.system-section .eyebrow{color:var(--bone)}
.system-grid>div>p:last-child{color:#dedbd2;max-width:540px;font-size:1.05rem}
.system-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(242,239,232,.5)}
.system-list li{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:24px 0;border-bottom:1px solid rgba(242,239,232,.5)}
.system-list li>span{color:var(--bone);font:600 .75rem "Archivo";letter-spacing:.1em}
.system-list strong{font:600 1.15rem "Archivo"}
.system-list p{margin:5px 0 0;color:#dedbd2}
.split{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}
.split>p{color:var(--muted);max-width:430px}
.choose{width:100%;border:1px solid currentColor;background:transparent;color:inherit;padding:14px;font:600 .78rem "Archivo";letter-spacing:.05em;cursor:pointer}
.choose:hover,.choose:focus-visible{background:var(--olive);border-color:var(--olive);color:var(--paper)}
.ways-section{background:var(--bone);overflow:hidden}.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ink)}.way-card{min-height:500px;border:1px solid var(--ink);border-left:0;padding:32px;position:relative;display:flex;flex-direction:column;transition:transform .35s ease,background .35s ease,color .35s ease}.way-card:hover{transform:translateY(-10px)}.way-card.dark{background:var(--ink);color:var(--paper)}.way-card.image-card{background:var(--olive);color:var(--paper)}.way-type{margin:0;font:600 .68rem "Archivo";letter-spacing:.16em}.way-mark{font:600 5.8rem/.8 "Archivo";letter-spacing:-.08em;margin:58px 0 38px;color:var(--copper)}.dark .way-mark,.image-card .way-mark{color:var(--soft)}.way-card h3{font:600 1.5rem "Archivo";margin:0 0 12px}.way-card>p:not(.way-type){margin:0 0 14px;color:var(--muted)}.dark>p:not(.way-type),.image-card>p:not(.way-type){color:var(--soft)}.way-card ul{margin:0 0 30px}.way-card .choose{margin-top:auto}.ways-note{text-align:center;color:var(--muted);font-size:.88rem;margin:36px 0 0}
.steps>div{border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;min-height:280px}
.steps b{font:600 .74rem "Archivo";letter-spacing:.1em}
.steps h3{margin-top:70px}
.faq-section{background:var(--paper)}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
.faq-list{border-top:1px solid var(--ink)}
details{border-bottom:1px solid var(--ink);padding:24px 0}
summary{cursor:pointer;font:600 1.05rem "Archivo";padding-right:30px}
details p{max-width:650px;color:var(--muted)}
.contact-section{background:var(--ink);color:var(--paper);padding:125px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.contact-section h2{max-width:680px}
.contact-section>div>div>p{color:var(--soft);max-width:560px}
.contact-section .eyebrow{color:var(--soft)}
.email-note{font-size:.84rem}
form{display:grid;gap:18px}
label{font:500 .8rem "Archivo";letter-spacing:.04em}
fieldset{border:0;padding:0;margin:2px 0 5px}
legend{font:500 .8rem "Archivo";letter-spacing:.04em;margin-bottom:12px}
.service-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check-option{display:flex;align-items:center;gap:9px;border:1px solid #77756f;padding:11px 12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.check-option:hover{border-color:var(--paper);background:rgba(255,255,255,.06)}
.check-option input{display:inline-block;width:16px;height:16px;margin:0;accent-color:var(--copper)}
.check-option span{line-height:1.2}
input,select,textarea{display:block;width:100%;margin-top:8px;background:transparent;color:var(--paper);border:0;border-bottom:1px solid #77756f;padding:12px 2px;font:400 1rem "DM Sans";border-radius:0}
input:focus,select:focus,textarea:focus{outline:0;border-bottom-color:var(--paper)}
select option{color:var(--ink)}
textarea{resize:vertical}
.light-button{background:var(--paper);color:var(--ink);margin-top:12px}
.light-button:hover,.light-button:focus-visible{background:transparent;color:var(--paper);border-color:var(--paper)}
.form-status{margin:0;font-size:.82rem;color:var(--soft)}
footer{background:#0d0d0b;color:#a5a198;padding:38px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.footer-grid p:nth-child(2){text-align:center}
.footer-grid p:last-child{text-align:right}
@media(max-width:900px){.nav-links{display:none}
.hero{grid-template-columns:1fr;gap:60px}
.hero-stage{height:500px}
.proof-grid,.split,.contact-grid,.system-grid,.faq-grid{grid-template-columns:1fr;gap:42px}
.service-grid,.ways-grid,.steps{grid-template-columns:1fr}
.showcase-heading{grid-template-columns:1fr;gap:28px}.mockup-grid{grid-template-columns:1fr}.mockup{min-height:540px}.social-stack{width:min(390px,100%);margin-left:auto;margin-right:auto}.campaign-frame{max-width:500px;width:100%;margin-left:auto;margin-right:auto}.paper-stack{max-width:360px;width:100%;margin-left:auto;margin-right:auto}
.service-grid article,.steps>div{min-height:auto}
.way-card{min-height:410px;border-left:1px solid var(--ink);border-top:0}.way-card:first-child{border-top:1px solid var(--ink)}
.contact-grid{gap:60px}
.trust-line{flex-wrap:wrap}
.footer-grid{grid-template-columns:1fr;gap:8px}
.footer-grid p:nth-child(2),.footer-grid p:last-child{text-align:left;margin:0}
}
@media(max-width:560px){.shell,.nav{width:min(100% - 30px,1240px)}
.nav{height:72px}
.hero{padding-top:55px;padding-bottom:70px;min-height:auto}
.hero h1{font-size:3.45rem}
.hero-actions{align-items:flex-start;flex-direction:column}
.hero-stage{height:430px;box-shadow:10px 10px 0 var(--bone)}
.stage-word{font-size:19rem}.stage-card{width:148px;min-height:132px;padding:14px}.stage-card strong{font-size:1rem}.card-a{left:14px;top:70px}.card-b{right:12px;top:150px}.card-c{left:44px;bottom:58px}.ticker-track{animation-duration:18s}
.card-bottom{align-items:flex-end;gap:12px}
.section,.system-section{padding-top:86px;padding-bottom:86px}
.contact-section{padding:86px 0}
.service-choice-grid{grid-template-columns:1fr}
.trust-line{gap:11px 20px}
.service-grid article,.way-card,.steps>div{padding:25px}
.footer-grid{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-card,.stage-word,.ticker-track{animation:none}}

.editorial-title{white-space:pre-line}.hero h1{font-size:clamp(3.4rem,6.2vw,6.5rem);line-height:.98;letter-spacing:-.065em}.hero{gap:55px;min-height:700px}.hero-lead{font-size:1.18rem}.concept-note{font-size:.85rem;color:var(--soft);max-width:620px;margin-bottom:30px}.section-head h2,.system-section h2,.contact-section h2{white-space:pre-line;line-height:1}.skip-link{position:fixed;left:15px;top:-100px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}footer a{color:inherit}.nav-links{gap:22px}@media(max-width:560px){.hero h1{font-size:3.65rem}.hero{gap:45px}.nav .button{font-size:.72rem;padding:12px}.wordmark{font-size:1.2rem}}