@keyframes pulse{to{box-shadow:0 0 0 14px transparent}
}
@keyframes blink{50%{opacity:0}
}
@keyframes cue{0%,to{transform:scaleY(.4);opacity:.4}
50%{transform:scaleY(1);opacity:1}
}
@keyframes scrollx{to{transform:translateX(-50%)}
}
:root{--paper:#f3ede2;--paper-2:#ece4d5;--ink:#221f1c;--ink-soft:#5b554d;--char:#171513;--orange:#d06241;--orange-d:#b44d2f;--blue:#2c6e9b;--blue-d:#1b5983;--gold:#c8983a;--line:rgba(34,31,28,.14);--mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;--disp:'Syne',ui-sans-serif,system-ui,sans-serif;--body:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--gutter-w:54px}
*,::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:19px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto;border:0}
a{color:inherit}
h1,h2,h3,p{margin:0;overflow-wrap:break-word}
em{font-style:italic}
strong{font-weight:700}
::selection{background:var(--orange);color:#fff}
.benefit a:not(.btn),.closer a:not(.btn),.statement a:not(.btn){color:var(--blue-d);text-decoration:none;background-image:linear-gradient(var(--orange),var(--orange));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:background-size .25s ease,color .25s ease}
.benefit a:not(.btn):hover,.closer a:not(.btn):hover,.statement a:not(.btn):hover{color:var(--orange-d);background-size:100% 100%;background-image:linear-gradient(rgba(208,98,65,.16),rgba(208,98,65,.16))}
.gutter{position:fixed;top:0;left:0;bottom:0;width:var(--gutter-w);z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding:18px 0;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(243,237,226,0),rgba(243,237,226,.6));pointer-events:none;mix-blend-mode:multiply}
.gutter__rail{position:relative;flex:1;width:2px;background:var(--line);border-radius:2px;margin:6px 0}
.gutter__fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--orange);border-radius:2px}
.gutter__label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);writing-mode:vertical-rl;transform:rotate(180deg)}
.hero{position:relative;min-height:100svh;background:var(--char);color:var(--paper);padding:clamp(80px,12vh,140px) clamp(28px,7vw,120px) 60px calc(var(--gutter-w) + clamp(28px,7vw,120px));display:grid;align-content:center;overflow:hidden;isolation:isolate}
.hero::before,.hero__bg{position:absolute;z-index:0}
.hero::before{content:"";inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(120% 90%at 30% 30%,#000 35%,transparent 80%);mask-image:radial-gradient(120% 90%at 30% 30%,#000 35%,transparent 80%)}
.hero__bg{inset:-12%;pointer-events:none}
.shield{position:absolute;right:-3vw;top:7%;width:clamp(420px,40vw,880px);aspect-ratio:1/1;clip-path:polygon(50%0,100%0,91% 100%,50% 100%,9% 100%,0 0);background:linear-gradient(135deg,transparent 49.6%,rgba(44,110,155,.9) 50%) bottom left/50% 38%no-repeat,linear-gradient(225deg,transparent 49.6%,rgba(200,152,58,.9) 50%) bottom right/50% 38%no-repeat,var(--orange);opacity:.9;filter:saturate(1.05);box-shadow:0 40px 120px rgba(208,98,65,.35)}
.shield::after,.tag{position:absolute;font-family:var(--mono)}
.shield::after{content:"</>";inset:0;display:grid;place-items:center;font-weight:700;font-size:clamp(40px,7vw,110px);color:rgba(23,21,19,.28);letter-spacing:-.04em;padding-bottom:10%}
.tag{font-weight:500;color:rgba(243,237,226,.16);white-space:nowrap;user-select:none;font-size:clamp(18px,2vw,30px)}
.tag--a{top:14%;left:6%;font-size:clamp(26px,4vw,64px);color:rgba(208,98,65,.22)}
.tag--b{bottom:18%;left:10%;color:rgba(44,110,155,.3)}
.tag--c{top:26%;right:30%;font-size:clamp(30px,5vw,80px);color:rgba(200,152,58,.22)}
.tag--d{bottom:26%;right:8%}
.tag--e{top:62%;left:34%;color:rgba(208,98,65,.2)}
.tag--f{top:9%;right:14%;font-size:clamp(24px,3vw,48px)}
.hero__inner{position:relative;z-index:2;max-width:100%;will-change:transform}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:rgba(243,237,226,.72);display:flex;align-items:center;gap:10px;margin-bottom:26px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(208,98,65,.6);animation:pulse 2.4s ease-out infinite}
.hero__title{font-family:var(--disp);font-weight:800;line-height:.86;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:30px}
.hero__word{display:block;white-space:nowrap;font-size:clamp(40px,10vw,132px)}
.hero__word--out{color:transparent;-webkit-text-stroke:2px rgba(243,237,226,.85);text-stroke:2px rgba(243,237,226,.85)}
.caret,.hero__word--accent,.marquee__track b,.statement__head span{color:var(--orange)}
.caret{font-weight:600;animation:blink 1.1s steps(1) infinite}
.hero__lede{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:rgba(243,237,226,.82);max-width:34ch;margin-bottom:36px}
.btn,main{position:relative}
.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:.01em;color:#fff;background:var(--orange);text-decoration:none;white-space:nowrap;padding:18px 34px;border-radius:14px;box-shadow:0 14px 0-4px var(--orange-d),0 26px 40px rgba(208,98,65,.4);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .25s}
.btn__arrow{transition:transform .25s ease}
.btn:hover{background:var(--blue-d);transform:translateY(-3px);box-shadow:0 17px 0-4px #11405f,0 30px 46px rgba(27,89,131,.45)}
.btn:hover .btn__arrow{transform:translateX(6px)}
.btn:active{transform:translateY(2px);box-shadow:0 8px 0-4px var(--orange-d),0 14px 22px rgba(208,98,65,.35)}
.btn--big{font-size:22px;padding:22px 44px;border-radius:18px}
.hero__shot{position:absolute;z-index:1;right:clamp(28px,7vw,120px);bottom:clamp(40px,9vh,120px);width:clamp(120px,16vw,210px);transform:rotate(-6deg);border-radius:18px;overflow:hidden;display:block;box-shadow:0 30px 70px rgba(0,0,0,.45);outline:6px solid rgba(243,237,226,.06);transition:transform .3s ease}
.hero__shot:hover{transform:rotate(0) scale(1.04)}
@media (max-width:760px){.hero__shot{display:none}
}
.scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(243,237,226,.55);display:flex;flex-direction:column;align-items:center;gap:8px}
.scrollcue i{width:1px;height:34px;background:linear-gradient(rgba(243,237,226,.6),transparent);animation:cue 1.8s ease-in-out infinite;transform-origin:top}
.marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.marquee__track{display:inline-flex;align-items:center;gap:24px;white-space:nowrap;padding:16px 0;font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(18px,2.4vw,30px);animation:scrollx 26s linear infinite;will-change:transform}
main{z-index:1}
article{max-width:980px;margin:0 auto;padding:clamp(70px,12vh,150px) clamp(24px,6vw,60px) clamp(70px,12vh,150px) calc(var(--gutter-w) + clamp(24px,6vw,60px))}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-d);margin-bottom:18px}
.statement{margin-bottom:clamp(70px,12vh,140px)}
.statement__head{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;line-height:1.04;font-size:clamp(27px,6vw,72px);margin-bottom:34px}
.statement__sub{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}
.statement__body{font-size:clamp(18px,1.7vw,22px);line-height:1.65;max-width:62ch;color:var(--ink)}
.statement__shot{margin-top:46px;max-width:560px}
.statement__shot img{border-radius:16px;border:1px solid var(--line);box-shadow:0 26px 60px rgba(34,31,28,.16);transition:transform .35s ease,box-shadow .35s}
.statement__shot a:hover img{transform:translateY(-6px);box-shadow:0 36px 80px rgba(34,31,28,.22)}
.benefits{display:flex;flex-direction:column;gap:clamp(48px,8vh,96px);margin-bottom:clamp(70px,12vh,140px)}
.benefit{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-left:clamp(0px,2vw,20px)}
.benefit__num{font-family:var(--disp);font-weight:800;font-size:clamp(70px,13vw,150px);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--orange);text-stroke:2px var(--orange);display:block;letter-spacing:-.04em;opacity:.9}
.benefit[data-accent=blue] .benefit__num{-webkit-text-stroke-color:var(--blue);text-stroke-color:var(--blue)}
.benefit[data-accent=gold] .benefit__num{-webkit-text-stroke-color:var(--gold);text-stroke-color:var(--gold)}
.benefit__body{max-width:60ch;border-left:3px solid var(--orange);padding-left:26px;margin-top:-22px;margin-left:6px}
.benefit[data-accent=blue] .benefit__body{border-left-color:var(--blue)}
.benefit[data-accent=gold] .benefit__body{border-left-color:var(--gold)}
.benefit__title{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;line-height:1.08;font-size:clamp(21px,3.4vw,40px);margin-bottom:14px;overflow-wrap:break-word}
.benefit p{font-size:clamp(17px,1.5vw,20px);line-height:1.62;color:var(--ink)}
.benefit__icon{position:absolute;z-index:0;top:50%;right:0;transform:translateY(-50%);width:clamp(110px,16vw,210px);height:auto;color:var(--orange);opacity:.09;pointer-events:none}
.benefit[data-accent=blue] .benefit__icon{color:var(--blue)}
.benefit[data-accent=gold] .benefit__icon{color:var(--gold)}
.benefit__body,.benefit__num{position:relative;z-index:1}
@media (min-width:880px){.benefit{grid-template-columns:200px 1fr;align-items:start;gap:24px}
.benefit__num{margin-top:6px}
.benefit__body{margin-top:14px}
.benefit--flip{direction:rtl}
.benefit--flip>*{direction:ltr}
.benefit--flip .benefit__body{border-left:none;border-right:3px solid var(--blue);padding-left:0;padding-right:26px;text-align:right;margin-left:0;margin-right:6px}
.benefit--flip .benefit__title{justify-self:end}
.benefit--flip .benefit__icon{right:auto;left:0}
}
.clean-sec,.faq-sec,.spec,.steps-sec{margin-bottom:clamp(70px,12vh,140px)}
.sec__title{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;line-height:1.02;font-size:clamp(32px,5.4vw,64px);margin-bottom:16px}
.sec__intro{font-size:clamp(17px,1.5vw,20px);color:var(--ink-soft);max-width:56ch;margin-bottom:46px}
.spec__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.feat{position:relative;background:rgba(255,255,255,.5);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:14px;padding:24px 22px 26px;transition:transform .25s ease,box-shadow .25s ease}
.feat:nth-child(3n+2){border-top-color:var(--blue)}
.feat:nth-child(3n+3){border-top-color:var(--gold)}
.feat:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(34,31,28,.12)}
.feat__tag{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--orange-d);margin-bottom:14px;display:inline-block}
.feat:nth-child(3n+2) .feat__tag{color:var(--blue-d)}
.feat:nth-child(3n+3) .feat__tag{color:#8a6516}
.feat__title{font-family:var(--disp);font-weight:700;font-size:21px;line-height:1.1;margin-bottom:9px}
.feat p{font-size:16px;line-height:1.55;color:var(--ink)}
.steps{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.step{padding-top:14px;border-top:2px solid var(--ink)}
.step__n{font-family:var(--disp);font-weight:800;font-size:38px;line-height:1;color:transparent;-webkit-text-stroke:1.6px var(--orange);text-stroke:1.6px var(--orange);display:block;margin-bottom:12px}
.step:nth-child(2) .step__n{-webkit-text-stroke-color:var(--blue);text-stroke-color:var(--blue)}
.step:nth-child(3) .step__n{-webkit-text-stroke-color:var(--gold);text-stroke-color:var(--gold)}
.step h3{font-size:20px;margin-bottom:7px}
.step p{font-size:16px;line-height:1.5;color:var(--ink-soft)}
.clean-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.chip{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.45);border:1px solid var(--line);border-radius:12px;padding:15px 16px;transition:transform .2s ease}
.chip:hover{transform:translateY(-3px)}
.callout,.chip__i{font-family:var(--mono)}
.chip__i{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--blue)}
.chip[data-on] .chip__i{background:var(--orange)}
.chip b,.qa summary,.step h3{font-family:var(--disp);font-weight:700}
.chip b{font-size:15.5px;display:block;margin-bottom:2px;color:var(--ink)}
.chip span span,.chip>span>span{font-size:13.5px;line-height:1.42;color:var(--ink-soft);font-family:var(--body)}
.callout{margin-top:28px;font-size:14px;line-height:1.65;border-left:3px solid var(--orange);padding:16px 20px;border-radius:0 10px 10px 0;background:rgba(208,98,65,.07);color:var(--ink)}
.callout strong{color:var(--orange-d)}
.faq{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:22px 2px;font-size:clamp(18px,2.2vw,25px);line-height:1.15}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-family:var(--mono);color:var(--orange);font-size:26px;line-height:1;transition:transform .22s ease;flex:none}
.qa[open] summary::after{transform:rotate(45deg)}
.qa>p{margin:-4px 2px 24px;max-width:64ch;color:var(--ink);font-size:17px;line-height:1.62}
.closer{position:relative;text-align:center;padding:clamp(50px,9vh,110px)0;overflow:hidden}
.shield--closer{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(70vw,560px);opacity:.1;filter:none;box-shadow:none;z-index:0}
.closer>:not(.shield--closer){position:relative;z-index:1}
.closer .kicker{display:inline-block}
.closer__head{font-family:var(--disp);font-weight:800;letter-spacing:-.03em;font-size:clamp(48px,11vw,128px);line-height:.92;margin-bottom:28px}
.closer__body{font-size:clamp(17px,1.6vw,21px);line-height:1.65;max-width:62ch;margin:0 auto 44px;color:var(--ink)}
.foot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;background:var(--ink);color:rgba(243,237,226,.7);font-family:var(--mono);font-size:13px;letter-spacing:.04em;padding:26px clamp(24px,6vw,60px) 26px calc(var(--gutter-w) + clamp(24px,6vw,60px))}
.foot a{color:var(--orange);text-decoration:none}
.foot a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.is-in{opacity:1;transform:none}
@media (max-width:880px){.benefits,.clean-sec,.faq-sec,.spec,.statement,.steps-sec{margin-bottom:clamp(56px,9vh,90px)}
.benefits{gap:clamp(40px,7vh,64px)}
}
@media (max-width:620px){:root{--gutter-w:0px}
.gutter{display:none}
body{font-size:18px}
.hero{padding-left:clamp(22px,7vw,40px)}
.hero__inner{max-width:none}
.benefit__num{font-size:clamp(58px,16vw,90px)}
.benefit__icon{width:clamp(96px,30vw,150px);opacity:.08}
.clean-grid,.spec__grid,.steps{gap:14px;grid-template-columns:1fr}
.step{border-top-width:2px}
.btn--big{font-size:19px;padding:18px 30px}
}
@media (max-width:380px){.hero__word{font-size:clamp(34px,12vw,44px)}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.reveal{opacity:1;transform:none}
[data-parallax]{transform:none!important}
}