

:root{
  --bg:#0B0D08;
  --bg-2:#10130C;
  --panel:#141810;
  --panel-2:#1A1F14;
  --panel-3:#22281A;
  --line:#2B3222;
  --line-2:#3D4630;

  --bone:#EDE8D8;
  --sand:#D8CCA6;
  --khaki:#B5AA84;
  --khaki-2:#8E8664;
  --dim:#6A664E;

  --olive:#7E8A4A;
  --moss:#A4BF56;
  --fox:#F27A22;
  --fox-2:#FF9A48;
  --fox-d:#B85612;
  --gold:#D9B65B;
  --water:#62A9C9;
  --weak:#D9534A;

  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-head:'Oswald','Arial Narrow',sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --wrap:1200px;
  --gut:24px;
  --r:14px;
  --r-l:20px;
  --sh:0 24px 60px rgba(0,0,0,.45);
}
@media (max-width:560px){:root{--gut:16px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
html,body{overflow-x:clip}
body{margin:0;min-height:100vh;color:var(--bone);font:400 17px/1.65 var(--f-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
  background-color:var(--bg);
  background-image:
    radial-gradient(1100px 620px at 82% -8%,rgba(126,138,74,.16),transparent 60%),
    radial-gradient(900px 520px at -12% 34%,rgba(126,138,74,.09),transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='%23131710'%3E%3Cpath d='M18 40c22-18 58-20 78-4 16 13 2 34-22 38-30 5-38 26-62 18-20-7-12-36 6-52z'/%3E%3Cpath d='M210 18c30-8 64 6 70 30 5 22-24 26-44 40-22 15-52 4-56-20-4-22 8-44 30-50z'/%3E%3Cpath d='M120 170c26-20 70-14 84 10 12 22-12 44-40 46-34 3-48 26-74 14-22-10-6-46 30-70z'/%3E%3Cpath d='M290 200c26 0 54 22 50 48-4 24-32 22-50 38-20 18-52 8-52-18 0-26 26-68 52-68z'/%3E%3Cpath d='M40 270c22-6 50 6 52 28 2 20-20 26-34 40-16 15-44 6-44-16 0-22 6-46 26-52z'/%3E%3C/g%3E%3Cg fill='%230F120B'%3E%3Cpath d='M96 96c18-6 40 4 40 20s-22 18-36 26-36 0-34-16 12-24 30-30z'/%3E%3Cpath d='M250 120c16-4 34 6 32 22-2 14-20 14-32 22-14 9-32 2-30-14 2-14 14-26 30-30z'/%3E%3Cpath d='M170 290c20-8 46 2 46 20s-24 22-40 28-38-4-34-22c3-14 12-20 28-26z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:auto,auto,360px 360px;
  background-attachment:fixed,fixed,scroll}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--fox);outline-offset:3px;border-radius:6px}
::selection{background:rgba(242,122,34,.35)}
b,strong{font-weight:600;color:#fff}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--fox);color:#160B02;padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{left:12px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.wrap.n{max-width:880px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.led{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--fox);
  box-shadow:0 0 0 3px rgba(242,122,34,.18),0 0 12px var(--fox);animation:led 2.2s ease-in-out infinite;vertical-align:middle}
.led.g{background:var(--moss);box-shadow:0 0 0 3px rgba(164,191,86,.18),0 0 12px var(--moss)}
@keyframes led{0%,100%{opacity:.45}50%{opacity:1}}
.mono{font-family:var(--f-mono);letter-spacing:.04em}
.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(242,122,34,.4);
  background:rgba(242,122,34,.07);color:#FFD9B8;font:600 11.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.tag.o{border-color:rgba(164,191,86,.4);background:rgba(164,191,86,.07);color:#D6E6A8}
.kick{display:flex;align-items:center;gap:14px;margin:0 0 18px;font:600 11px/1 var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--khaki)}
.kick .n{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;border-radius:5px;
  border:1px solid rgba(242,122,34,.55);background:rgba(242,122,34,.1);color:var(--fox-2);letter-spacing:.06em}
.kick i{display:block;width:44px;height:1px;background:linear-gradient(90deg,var(--fox),transparent)}
.kick.c{justify-content:center}
.ret{position:relative}
.ret::before,.ret::after{content:"";position:absolute;width:18px;height:18px;border:0 solid var(--fox);pointer-events:none;z-index:3}
.ret::before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px;border-top-left-radius:8px}
.ret::after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0;border-bottom-right-radius:8px}

.hz{height:8px;margin:0 auto;max-width:var(--wrap);opacity:.7;
  background:repeating-linear-gradient(-45deg,var(--fox-d) 0 14px,transparent 14px 28px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hz.k{background:repeating-linear-gradient(-45deg,#3A4128 0 14px,transparent 14px 28px)}

.h1,.h2,.h3{font-family:var(--f-head);text-transform:uppercase;color:var(--bone);text-wrap:balance}
.h1{font-weight:600;font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:.005em}
.h2{font-weight:600;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:.01em}
.h3{font-weight:500;font-size:clamp(20px,2vw,23px);line-height:1.2;letter-spacing:.03em}
.h1 em,.h2 em,.h3 em{font-style:normal;color:var(--fox)}
.h1 em.s,.h2 em.s{color:var(--sand)}
.lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.62;color:var(--sand);max-width:62ch;text-wrap:pretty}
.lead b{color:var(--bone)}
.p{color:var(--khaki);max-width:68ch;text-wrap:pretty}
.p+.p{margin-top:14px}
.p b{color:var(--bone)}
.p a,.lead a,.li a,.note a,.faq a,.cap a{color:var(--fox-2);text-decoration:underline;text-decoration-color:rgba(255,154,72,.4);text-underline-offset:3px}
.p a:hover,.lead a:hover,.li a:hover,.note a:hover,.faq a:hover{text-decoration-color:var(--fox-2)}
.sm{font-size:14.5px;line-height:1.55}
.xs{font-size:12.5px;line-height:1.5}
.k{color:var(--khaki)}
.c{text-align:center}
.c .lead,.c .p{margin-left:auto;margin-right:auto}
.li{display:grid;gap:10px;margin-top:16px}
.li li{position:relative;padding-left:26px;color:var(--khaki)}
.li li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:2px;border:1.5px solid var(--fox);transform:rotate(45deg)}
.li li b{color:var(--bone)}
.ol{counter-reset:o;display:grid;gap:12px;margin-top:16px}
.ol li{counter-increment:o;position:relative;padding-left:40px;color:var(--khaki)}
.ol li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:1px;font:600 13px/24px var(--f-mono);color:var(--fox-2);
  width:30px;height:24px;text-align:center;border:1px solid rgba(242,122,34,.45);border-radius:5px;background:rgba(242,122,34,.08)}
.ol li b{color:var(--bone)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;
  font:600 14px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.btn-p{background:linear-gradient(180deg,#FF8A34,var(--fox) 60%,#D9661A);color:#1A0C02;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 28px rgba(242,122,34,.32)}
.btn-p:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 36px rgba(242,122,34,.45)}
.btn-o{border:1px solid var(--line-2);color:var(--bone);background:rgba(20,24,16,.6)}
.btn-o:hover{border-color:var(--khaki);background:var(--panel-2)}
.btn-s{min-height:40px;padding:0 16px;font-size:12px;border-radius:10px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:440px){.btns .btn{width:100%}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);
  background:rgba(20,24,16,.7);color:var(--sand);font:500 12.5px/1.2 var(--f-mono);letter-spacing:.02em}
.chip b{color:var(--bone);font-weight:600}

.sec{padding:clamp(72px,9vw,120px) 0}
.sec.t{padding-top:clamp(40px,5vw,64px)}
.sec.b{padding-bottom:clamp(40px,5vw,64px)}
.band{background:linear-gradient(180deg,rgba(20,24,16,.92),rgba(16,19,12,.92));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-h{max-width:820px;margin-bottom:clamp(36px,5vw,56px)}
.sec-h.c{margin-left:auto;margin-right:auto}
.sec-h .lead{margin-top:18px}
.g2,.g3,.g4{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1020px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.split.r>:first-child{order:2}
.split.top{align-items:start}
@media (max-width:920px){.split{grid-template-columns:minmax(0,1fr)}.split.r>:first-child{order:0}}

.card{position:relative;padding:26px 24px 24px;border-radius:var(--r-l);border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(28,33,22,.94),rgba(17,20,13,.94));box-shadow:0 1px 0 rgba(255,255,255,.035) inset;
  transition:border-color .2s ease,transform .2s ease}
.card:hover{border-color:var(--line-2)}
a.card{display:block;text-decoration:none}
a.card:hover{transform:translateY(-2px);border-color:rgba(242,122,34,.5)}
.card .ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;margin-bottom:18px;
  border:1px solid rgba(242,122,34,.4);background:rgba(242,122,34,.08);color:var(--fox-2)}
.card .ic svg{width:24px;height:24px}
.card .ic.o{border-color:rgba(164,191,86,.4);background:rgba(164,191,86,.08);color:var(--moss)}
.card h3{font:500 21px/1.2 var(--f-head);text-transform:uppercase;letter-spacing:.03em;color:var(--bone);margin-bottom:10px}
.card p{color:var(--khaki);font-size:15.5px;line-height:1.6}
.card p+p{margin-top:10px}
.card .more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fox-2)}
.card .no{position:absolute;top:22px;right:22px;font:600 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--dim)}
.card .lbl{display:inline-block;margin-bottom:12px;font:600 10.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fox-2)}
.card.hl{border-color:rgba(242,122,34,.45);background:linear-gradient(180deg,rgba(54,36,16,.55),rgba(17,20,13,.94))}
.card .li{margin-top:14px;gap:8px}
.card .li li{font-size:15px}

.hero{position:relative;padding:clamp(36px,5vw,72px) 0 clamp(56px,7vw,96px);overflow:hidden}
.hero-g{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(32px,4.5vw,64px);align-items:center}
@media (max-width:980px){.hero-g{grid-template-columns:minmax(0,1fr)}}
.hero .h1{margin-top:20px}
.hero .lead{margin-top:22px}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:26px}
.price b{font:600 clamp(40px,4.4vw,54px)/1 var(--f-head);color:var(--bone);letter-spacing:.01em}
.price span{font:500 12.5px/1.5 var(--f-mono);color:var(--khaki);letter-spacing:.03em}
.plate{position:relative;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line-2);box-shadow:var(--sh);background:#0E110A}
.plate img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.plate-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:13px 18px;border-top:1px solid var(--line);
  background:rgba(14,17,10,.96);font:500 11.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--khaki)}
.plate-bar b{color:var(--bone);font-weight:600}
.plate-read{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;
  background:rgba(11,13,8,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(164,191,86,.35);
  font:500 11.5px/1.35 var(--f-mono);color:var(--sand);letter-spacing:.03em}
.plate-read b{display:block;font:600 22px/1.05 var(--f-head);color:var(--bone);letter-spacing:.02em}
.plate-read small{color:var(--moss)}
@media (max-width:560px){.plate-read{left:10px;top:10px;padding:8px 11px}.plate-read b{font-size:18px}}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:rgba(16,19,12,.9)}
.stats>div{padding:24px 22px;border-left:1px solid var(--line)}
.stats>div:first-child{border-left:0}
.stats b{display:block;font:600 clamp(28px,3vw,38px)/1 var(--f-head);color:var(--bone)}
.stats b em{font-style:normal;color:var(--fox)}
.stats span{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--khaki)}
@media (max-width:860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(3){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}}

.baro{position:relative;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(180deg,rgba(22,26,17,.95),rgba(14,17,10,.95));overflow:hidden}
.baro-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:20px 22px 0}
.baro-h .v{font:600 clamp(30px,3.4vw,40px)/1 var(--f-head);color:var(--bone)}
.baro-h .v small{font:500 13px var(--f-mono);color:var(--khaki);margin-left:6px}
.baro-h .lg{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 12px/1.3 var(--f-mono);color:var(--khaki);align-self:center}
.baro-h .lg i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:7px;background:var(--fox)}
.baro-h .lg i.n{background:repeating-linear-gradient(90deg,var(--water) 0 5px,transparent 5px 9px)}
.baro svg{width:100%;height:auto}
.baro .cap{padding:0 22px 18px;font-size:13.5px;color:var(--khaki)}
.baro .draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.6s ease forwards .3s}
@keyframes draw{to{stroke-dashoffset:0}}

.honest{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:rgba(16,19,12,.92)}
.honest>div{padding:30px 28px}
.honest>div+div{border-left:1px solid var(--line)}
.honest h3{display:flex;align-items:center;gap:12px;font:500 22px/1.2 var(--f-head);text-transform:uppercase;letter-spacing:.03em;margin-bottom:16px}
.honest .y h3{color:var(--moss)}
.honest .n h3{color:var(--weak)}
.honest ul{display:grid;gap:12px}
.honest li{position:relative;padding-left:30px;color:var(--khaki);font-size:15.5px}
.honest li b{color:var(--bone)}
.honest .y li::before,.honest .n li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--f-mono)}
.honest .y li::before{content:"✓";color:var(--moss);border:1px solid rgba(164,191,86,.5);background:rgba(164,191,86,.08)}
.honest .n li::before{content:"✕";color:var(--weak);border:1px solid rgba(217,83,74,.5);background:rgba(217,83,74,.08)}
@media (max-width:760px){.honest{grid-template-columns:minmax(0,1fr)}.honest>div+div{border-left:0;border-top:1px solid var(--line)}}
.formula{margin-top:16px;padding:22px 26px;border-radius:var(--r-l);border:1px solid rgba(217,182,91,.4);
  background:linear-gradient(90deg,rgba(217,182,91,.1),rgba(217,182,91,.02));display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.formula b{font:600 clamp(22px,2.6vw,30px)/1.1 var(--f-head);text-transform:uppercase;letter-spacing:.04em;color:var(--gold)}
.formula p{flex:1 1 360px;color:var(--khaki);font-size:15.5px}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.steps>li{position:relative;counter-increment:s;padding:24px 22px;border-radius:var(--r-l);border:1px solid var(--line);background:rgba(18,22,14,.92)}
.steps>li::before{content:"STEP " counter(s,decimal-leading-zero);display:inline-block;margin-bottom:16px;padding:5px 9px;border-radius:5px;
  border:1px solid rgba(242,122,34,.5);background:rgba(242,122,34,.08);color:var(--fox-2);font:600 10.5px/1 var(--f-mono);letter-spacing:.16em}
.steps h3{font:500 19px/1.2 var(--f-head);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.steps p{color:var(--khaki);font-size:15px;line-height:1.55}
@media (max-width:1020px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.steps{grid-template-columns:1fr}}

.spec{border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:rgba(16,19,12,.92)}
.spec div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:16px;padding:14px 20px;border-top:1px solid var(--line)}
.spec div:first-child{border-top:0}
.spec dt{font:500 12px/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--khaki-2)}
.spec dd{color:var(--bone);font-size:15.5px}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl-w{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:rgba(16,19,12,.92)}
.tbl th,.tbl td{padding:14px 18px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.tbl thead th{border-top:0;font:600 11px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--khaki-2);background:rgba(26,31,20,.8)}
.tbl td{color:var(--khaki)}
.tbl td:first-child{color:var(--bone);font-weight:500}
.tbl .y{color:var(--moss);font-weight:600}
.tbl .n{color:var(--dim)}
.tbl .us{background:rgba(242,122,34,.05)}
.tbl .us td:first-child{color:var(--fox-2)}

.note{position:relative;margin-top:22px;padding:18px 20px 18px 22px;border-radius:var(--r);border:1px solid var(--line-2);background:rgba(26,31,20,.85);color:var(--khaki);font-size:15.5px}
.note::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--fox)}
.note b{color:var(--bone)}
.note .t{display:block;margin-bottom:6px;font:600 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fox-2)}
.note.g::before{background:var(--moss)}.note.g .t{color:var(--moss)}
.note.y::before{background:var(--gold)}.note.y .t{color:var(--gold)}

.faq{display:grid;gap:10px;max-width:880px}
.faq.c{margin:0 auto}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:rgba(18,22,14,.92);transition:border-color .2s ease}
.faq details[open]{border-color:rgba(242,122,34,.45)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font:600 16.5px/1.35 var(--f-body);color:var(--bone)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:7px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--fox-2);font:500 18px/1 var(--f-mono);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg);border-color:rgba(242,122,34,.5)}
.faq .a{padding:0 20px 18px;color:var(--khaki);font-size:15.5px}
.faq .a p+p{margin-top:10px}
.faq .a b{color:var(--bone)}

.phone-w{position:relative}
.phone-w::before{content:"";position:absolute;inset:8% 0 4%;background:radial-gradient(closest-side,rgba(126,138,74,.22),transparent);filter:blur(10px);z-index:-1}
.ph-hint{margin:14px auto 0;max-width:380px;text-align:center;font:500 12px/1.5 var(--f-mono);color:var(--khaki-2);letter-spacing:.02em}
.ctl{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ctl button{padding:9px 14px;border-radius:10px;border:1px solid var(--line-2);background:rgba(20,24,16,.8);color:var(--sand);font:600 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;transition:all .15s ease}
.ctl button:hover{border-color:var(--khaki)}
.ctl button[aria-pressed="true"]{border-color:var(--fox);color:var(--fox-2);background:rgba(242,122,34,.08)}
.fig{margin:0}
.fig .cap{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--khaki-2);max-width:420px}
.fig.c .cap{text-align:center;margin-left:auto;margin-right:auto}
.scr-l{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:600 10.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--khaki-2)}
.scr-l::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--moss)}

.man{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:980px){.man{grid-template-columns:minmax(0,1fr)}}
.toc{position:sticky;top:96px;padding:18px;border-radius:var(--r-l);border:1px solid var(--line);background:rgba(16,19,12,.92)}
.toc b{display:block;margin-bottom:10px;font:600 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--khaki-2)}
.toc a{display:block;padding:7px 10px;border-radius:8px;color:var(--khaki);font-size:14.5px;text-decoration:none;line-height:1.35}
.toc a:hover{background:var(--panel-2);color:var(--bone)}
.toc a.on{color:var(--fox-2);background:rgba(242,122,34,.07)}
@media (max-width:980px){.toc{position:static;display:flex;flex-wrap:wrap;gap:6px}.toc b{width:100%}.toc a{border:1px solid var(--line);font-size:13.5px}}
.chap{padding-top:8px;margin-top:clamp(56px,7vw,88px)}
.chap:first-child{margin-top:0}
.chap>.h2{font-size:clamp(28px,3.4vw,40px)}
.chap>.lead{margin-top:14px}
.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(22px,3.5vw,44px);align-items:start;
  margin-top:36px;padding-top:36px;border-top:1px solid var(--line)}
.step.w{grid-template-columns:1fr}
@media (max-width:860px){.step{grid-template-columns:minmax(0,1fr)}}
.step .num{display:inline-block;margin-bottom:12px;font:600 11px/1 var(--f-mono);letter-spacing:.2em;color:var(--fox-2)}
.step .h3{margin-bottom:12px}
.step .p{font-size:16px}
.figs{display:grid;gap:16px}

.buy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;border:1px solid rgba(242,122,34,.4);border-radius:26px;overflow:hidden;
  background:linear-gradient(135deg,rgba(54,36,16,.6),rgba(18,22,14,.96) 55%);box-shadow:var(--sh)}
.buy>div{padding:clamp(28px,4vw,48px)}
.buy .kit{border-left:1px solid var(--line);background:rgba(12,14,9,.6)}
.buy .price b{font-size:clamp(52px,6vw,76px)}
.buy .kit ul{display:grid;gap:14px;margin-top:6px}
.buy .kit li{display:grid;grid-template-columns:28px 1fr;gap:12px;color:var(--khaki);font-size:15px}
.buy .kit li i{width:24px;height:24px;border-radius:7px;border:1px solid rgba(164,191,86,.5);background:rgba(164,191,86,.08);color:var(--moss);display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--f-mono);font-style:normal}
.buy .kit li b{display:block;color:var(--bone)}
@media (max-width:860px){.buy{grid-template-columns:minmax(0,1fr)}.buy .kit{border-left:0;border-top:1px solid var(--line)}}

.fish{position:relative;padding:26px 24px;border-radius:var(--r-l);border:1px solid var(--line);background:rgba(18,22,14,.92)}
.fish .nm{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.fish .nm img{width:84px;height:auto}
.fish .nm b{font:500 26px/1 var(--f-head);text-transform:uppercase;letter-spacing:.04em}
.fish p{color:var(--khaki);font-size:15px}
.fish .chips{margin-top:14px}
.fish .chip{font-size:11.5px;padding:5px 10px}

.layers{display:grid;gap:10px}
.layer{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-items:center;padding:18px 20px;border-radius:var(--r);border:1px solid var(--line);background:rgba(18,22,14,.92)}
.layer .n{font:600 13px/1 var(--f-mono);color:var(--fox-2);letter-spacing:.1em}
.layer h3{font:500 18px/1.25 var(--f-head);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.layer p{color:var(--khaki);font-size:14.5px;line-height:1.5}
.layer .src{grid-column:2;font:500 11px/1.4 var(--f-mono);color:var(--khaki-2);letter-spacing:.04em;margin-top:6px}
.layer .n{align-self:start;padding-top:4px}
.layer.main{border-color:rgba(242,122,34,.5);background:linear-gradient(90deg,rgba(242,122,34,.1),rgba(18,22,14,.92) 60%)}

.art{max-width:780px;margin:0 auto}
.art .h1{font-size:clamp(34px,4.6vw,54px)}
.art .lead{margin-top:20px}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font:500 12px/1.4 var(--f-mono);color:var(--khaki-2);letter-spacing:.04em}
.prose{margin-top:40px;color:var(--khaki);font-size:17.5px;line-height:1.72}
.prose>*+*{margin-top:18px}
.prose h2{margin-top:52px;font:600 clamp(25px,2.8vw,32px)/1.15 var(--f-head);text-transform:uppercase;letter-spacing:.015em;color:var(--bone);text-wrap:balance}
.prose h2 .accent,.prose h2 em{font-style:normal;color:var(--fox)}
.prose h3{margin-top:34px;font:500 21px/1.25 var(--f-head);text-transform:uppercase;letter-spacing:.03em;color:var(--bone)}
.prose b,.prose strong{color:var(--bone)}
.prose a{color:var(--fox-2);text-decoration:underline;text-decoration-color:rgba(255,154,72,.4);text-underline-offset:3px}
.prose ul,.prose ol{display:grid;gap:10px}
.prose ul li{position:relative;padding-left:26px}
.prose ul li::before{content:"";position:absolute;left:4px;top:.66em;width:8px;height:8px;border-radius:2px;border:1.5px solid var(--fox);transform:rotate(45deg)}
.prose ol{counter-reset:p}
.prose ol li{counter-increment:p;position:relative;padding-left:36px}
.prose ol li::before{content:counter(p);position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:6px;border:1px solid rgba(242,122,34,.45);
  color:var(--fox-2);font:600 12px/22px var(--f-mono);text-align:center}
.prose figure{margin:34px 0}
.prose figure img{width:100%;height:auto;border-radius:var(--r-l);border:1px solid var(--line)}
.prose figcaption{margin-top:10px;font-size:13.5px;color:var(--khaki-2)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:block;overflow-x:auto}
.prose th,.prose td{padding:12px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.prose thead th{border-top:0;background:rgba(26,31,20,.9);color:var(--khaki-2);font:600 11px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.prose td:first-child{color:var(--bone)}
.prose blockquote{padding:18px 22px;border-left:3px solid var(--gold);background:rgba(217,182,91,.06);border-radius:0 var(--r) var(--r) 0;color:var(--sand)}
.prose .tip,.prose .a-tip{position:relative;padding:20px 22px;border-radius:var(--r);border:1px solid rgba(242,122,34,.35);background:rgba(242,122,34,.06)}
.prose .a-tip .t,.prose .tip .t{display:block;margin-bottom:6px;font:600 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fox-2)}
.prose .a-tip p{margin:0}
.prose code{font:500 .9em var(--f-mono);color:var(--sand);background:var(--panel-2);padding:2px 6px;border-radius:5px}
.art-cta{margin-top:56px;padding:30px;border-radius:var(--r-l);border:1px solid rgba(242,122,34,.4);background:linear-gradient(135deg,rgba(54,36,16,.55),rgba(18,22,14,.95) 60%);
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.art-cta b{display:block;font:600 24px/1.15 var(--f-head);text-transform:uppercase;letter-spacing:.02em;color:var(--bone)}
.art-cta p{color:var(--khaki);font-size:15px;margin-top:8px}
@media (max-width:640px){.art-cta{grid-template-columns:1fr}}
.rel{margin-top:56px}
.rel .h3{margin-bottom:16px}

.bc{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:22px;font:500 12px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--khaki-2)}
.bc a{text-decoration:none}
.bc a:hover{color:var(--fox-2)}
.bc span[aria-hidden]{color:var(--dim)}

.refs{display:grid;gap:10px;counter-reset:r}
.refs li{counter-increment:r;position:relative;padding:16px 18px 16px 58px;border-radius:var(--r);border:1px solid var(--line);background:rgba(18,22,14,.92);color:var(--khaki);font-size:14.5px;line-height:1.5}
.refs li::before{content:counter(r,decimal-leading-zero);position:absolute;left:18px;top:16px;font:600 13px/1.4 var(--f-mono);color:var(--fox-2)}
.refs li b{display:block;color:var(--bone);font-size:15.5px;margin-bottom:4px}
.refs a{color:var(--water);word-break:break-all}

.sh-top{background:#080A06;border-bottom:1px solid var(--line);font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--khaki-2)}
.sh-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:34px}
.sh-top span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.sh-top a{color:var(--sand);text-decoration:none}
.sh-top a:hover{color:var(--fox-2)}
.sh-top .r{display:flex;gap:22px}
@media (max-width:860px){.sh-top .r{display:none}}
@media (max-width:420px){.sh-top{font-size:10px;letter-spacing:.1em}}
.sh{position:sticky;top:0;z-index:100;background:rgba(11,13,8,.86);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--line)}
.sh-in{display:flex;align-items:center;gap:20px;height:70px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.logo svg{width:36px;height:36px}
.logo span{font:600 21px/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--bone)}
.logo small{display:block;margin-top:3px;font:500 9.5px/1 var(--f-mono);letter-spacing:.22em;color:var(--khaki-2)}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>a,.nav .dd>button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:9px;text-decoration:none;
  font:500 14.5px/1 var(--f-body);color:var(--sand);transition:background .15s ease,color .15s ease}
.nav>a:hover,.nav .dd>button:hover,.nav .dd.on>button{background:var(--panel-2);color:var(--bone)}
.nav>a[aria-current="page"],.nav .dd.cur>button{color:var(--fox-2)}
.nav .dd{position:relative}
.nav .dd>button svg{width:10px;height:10px;transition:transform .2s ease}
.nav .dd.on>button svg{transform:rotate(180deg)}
.dd-p{position:absolute;top:calc(100% + 10px);left:-12px;min-width:330px;padding:10px;border-radius:16px;border:1px solid var(--line-2);
  background:rgba(16,19,12,.98);box-shadow:0 30px 70px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s ease}
.dd-p::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav .dd.on .dd-p,.nav .dd:focus-within .dd-p{opacity:1;visibility:visible;transform:none}
@media (hover:hover){.nav .dd:hover .dd-p{opacity:1;visibility:visible;transform:none}}
.dd-p a{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:11px 12px;border-radius:11px;text-decoration:none}
.dd-p a:hover,.dd-p a[aria-current="page"]{background:var(--panel-2)}
.dd-p a i{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--fox-2);font-style:normal}
.dd-p a i svg{width:18px;height:18px}
.dd-p a b{display:block;font:600 14.5px/1.3 var(--f-body);color:var(--bone)}
.dd-p a span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--khaki)}
.sh-cta{display:flex;align-items:center;gap:14px;margin-left:14px}
.sh-cta .pr{font:600 15px/1 var(--f-mono);color:var(--bone);letter-spacing:.02em;white-space:nowrap}
.sh-cta .btn{min-height:42px;padding:0 18px;font-size:12.5px}
.burger{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--line-2);align-items:center;justify-content:center;margin-left:auto;color:var(--bone)}
.burger svg{width:22px;height:22px}
@media (max-width:1120px){.sh-cta .pr{display:none}}
@media (max-width:1040px){.nav{display:none}.burger{display:inline-flex}.sh-cta{margin-left:8px}}
@media (max-width:440px){.logo small{display:none}.sh-cta .btn{padding:0 12px;letter-spacing:.06em}.logo span{font-size:19px}}
.drawer{display:none;border-top:1px solid var(--line);background:rgba(11,13,8,.98);max-height:calc(100vh - 70px);overflow-y:auto}
.drawer.on{display:block}
.drawer .wrap{padding-top:10px;padding-bottom:22px}
.drawer h3{margin:16px 0 6px;font:600 10.5px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--khaki-2)}
.drawer a{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:17px;color:var(--bone)}
.drawer a[aria-current="page"]{color:var(--fox-2)}
.drawer a::after{content:"→";color:var(--dim);font-family:var(--f-mono)}
@media (min-width:1041px){.drawer{display:none!important}}

.sf{margin-top:0;border-top:1px solid var(--line);background:#080A06}
.sf-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:56px 0 40px}
.sf-g p{margin-top:16px;color:var(--khaki);font-size:14.5px;max-width:34ch}
.sf h2{font:600 11px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--khaki-2);margin:6px 0 16px}
.sf ul{display:grid;gap:10px}
.sf ul a{color:var(--sand);text-decoration:none;font-size:14.5px}
.sf ul a:hover{color:var(--fox-2)}
.sf-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:20px 0 28px;border-top:1px solid var(--line);font:500 11px/1.5 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.sf-b .m{display:inline-flex;align-items:center;gap:10px}
@media (max-width:900px){.sf-g{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.sf-g{grid-template-columns:1fr}}

.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

.e404{min-height:62vh;display:flex;align-items:center}
.e404 .h1 b{color:var(--fox)}
.prose .a-tablewrap{overflow-x:auto}
.prose .a-table{display:table;width:100%}
.prose .a-answer{padding:18px 22px;border-radius:var(--r);border:1px solid rgba(164,191,86,.35);background:rgba(164,191,86,.06);color:var(--sand)}
.prose .a-photo img{aspect-ratio:16/9;object-fit:cover}
@media (max-width:980px){.hero .plate{order:-1}.hero{padding-top:20px}}
.kick i.led{width:7px;height:7px;background:var(--fox)}

.music-pill{--font-body:var(--f-body);--lime:var(--moss);--muted:var(--khaki);--font-mono:var(--f-mono);--text:var(--bone);--fox:#F27A22;--outline:var(--line);--outline-2:var(--line-2);--surface:var(--panel);--surface-2:var(--panel-2)}
.music-pill{
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  z-index:96; 
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 16px 12px 9px;
  border:1px solid var(--outline-2);
  border-radius:17px;
  background:rgba(14,20,16,.9);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(240,245,236,.05);
  cursor:pointer;
  font:600 12.5px/1.25 var(--font-body);
  color:var(--text);
  text-align:left;
  opacity:0;
  transform:translateY(10px) scale(.97);
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .4s ease, transform .4s ease, border-color .25s ease, box-shadow .25s ease;
}
.music-pill.is-ready{opacity:1;transform:none;pointer-events:auto}
.music-pill.is-ready:hover{border-color:rgba(123,211,79,.45);
  box-shadow:0 16px 38px rgba(0,0,0,.55), 0 0 0 3px rgba(123,211,79,.08)}
.music-pill:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.music-pill.is-gone{opacity:0;transform:translateY(10px) scale(.97);pointer-events:none}

.mp-btn{position:relative;flex:none;width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;color:var(--lime);
  background:linear-gradient(145deg,var(--surface-3),var(--surface-2));
  border:1px solid var(--outline-2)}
.mp-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease, transform .2s ease}
.mp-ic-pause{opacity:0;transform:translate(-50%,-50%) scale(.7)}
.music-pill[data-state="playing"] .mp-ic-pause{opacity:1;transform:translate(-50%,-50%) scale(1)}
.music-pill[data-state="playing"] .mp-ic-play{opacity:0;transform:translate(-50%,-50%) scale(.7)}

.music-pill[data-state="blocked"] .mp-btn::after,
.music-pill[data-state="loading"] .mp-btn::after{
  content:"";position:absolute;inset:-4px;border-radius:15px;
  border:1.5px solid rgba(123,211,79,.55);animation:mpPulse 1.8s ease-out infinite}
@keyframes mpPulse{0%{opacity:.9;transform:scale(.88)}70%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}

.mp-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.mp-title{font-weight:700;font-size:12.5px;letter-spacing:.01em;white-space:nowrap}
.mp-sub{font:500 10px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em;white-space:nowrap}
.music-pill[data-state="blocked"] .mp-sub{color:var(--lime)}

.mp-eq{flex:none;display:flex;align-items:flex-end;gap:2px;height:14px;padding-bottom:2px}
.mp-eq i{width:3px;height:100%;border-radius:2px;transform:scaleY(.3);transform-origin:bottom;
  background:linear-gradient(180deg,var(--lime),var(--lime-deep));transition:transform .3s ease}
.music-pill[data-state="playing"] .mp-eq i{animation:mpEq 1s ease-in-out infinite}
.music-pill[data-state="playing"] .mp-eq i:nth-child(2){animation-delay:.18s}
.music-pill[data-state="playing"] .mp-eq i:nth-child(3){animation-delay:.36s}
.music-pill[data-state="playing"] .mp-eq i:nth-child(4){animation-delay:.09s}
@keyframes mpEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}

.mp-track{position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:rgba(123,211,79,.16);overflow:hidden}
.mp-bar-fill{display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--lime-deep),var(--lime));transition:width .3s linear}

@media(max-width:640px){
  .music-pill{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));
    gap:9px;padding:8px 14px 11px 8px;border-radius:15px}
  .mp-btn{width:34px;height:34px;border-radius:11px}
  .mp-title{font-size:12px}
  .mp-sub{font-size:9.5px}
  .mp-track{left:12px;right:12px;bottom:4px}
}
@media(max-width:380px){
  .mp-sub{max-width:148px;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion: reduce){
  .music-pill{transition:none}
  .music-pill[data-state="playing"] .mp-eq i{animation:none;transform:scaleY(.6)}
  .music-pill[data-state="blocked"] .mp-btn::after,
  .music-pill[data-state="loading"] .mp-btn::after{animation:none;opacity:.55}
}

.story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:32px}
@media (max-width:880px){.story{grid-template-columns:minmax(0,1fr)}}
.story-video{position:relative;padding:10px;border-radius:22px;background:linear-gradient(150deg,rgba(242,122,34,.4),rgba(242,122,34,.06) 45%,rgba(164,191,86,.14));box-shadow:var(--sh)}
.story-video::before{content:"";position:absolute;inset:-7px;border-radius:26px;border:1px dashed rgba(242,122,34,.28);pointer-events:none}
.story-video video{width:100%;display:block;border-radius:14px;border:1px solid rgba(242,122,34,.35);background:#000;aspect-ratio:16/9}
.story-badge{position:absolute;top:-13px;left:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:linear-gradient(135deg,#FF8A34,#F27A22);color:#141008;font:800 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 26px rgba(242,122,34,.4)}
.story-badge i{width:7px;height:7px;border-radius:50%;background:#141008;animation:led 1.8s infinite}
.story-cap{margin-top:12px;text-align:center;font:500 11px/1.5 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--khaki-2)}
