/* cinzel-latin-400-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cinzel-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cinzel-latin-500-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cinzel-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-latin-300-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(fonts/cormorant-garamond-latin-300-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-cyrillic-300-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(fonts/cormorant-garamond-cyrillic-300-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cormorant-garamond-latin-400-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-cyrillic-400-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cormorant-garamond-cyrillic-400-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cormorant-garamond-latin-500-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-cyrillic-500-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-cyrillic-500-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cormorant-garamond-latin-300-italic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(fonts/cormorant-garamond-latin-300-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-cyrillic-300-italic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(fonts/cormorant-garamond-cyrillic-300-italic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cormorant-garamond-latin-400-italic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-cyrillic-400-italic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cormorant-garamond-cyrillic-400-italic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cormorant-sc-latin-400-normal */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cormorant-sc-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-sc-cyrillic-400-normal */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/cormorant-sc-cyrillic-400-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cormorant-sc-latin-500-normal */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-sc-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-sc-cyrillic-500-normal */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-sc-cyrillic-500-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* golos-text-latin-400-normal */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/golos-text-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* golos-text-latin-ext-400-normal */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/golos-text-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* golos-text-cyrillic-400-normal */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/golos-text-cyrillic-400-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* golos-text-latin-500-normal */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/golos-text-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* golos-text-latin-ext-500-normal */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/golos-text-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* golos-text-cyrillic-500-normal */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/golos-text-cyrillic-500-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Layout: cinematic single column — burning intro, oxblood-lit hero, pain table, live risk tachometer, wide editorial rows. One dark world by choice. */
:root{
  color-scheme: dark;
  --void:#050404;
  --ink:#0d0a09;
  --coal:#171211;
  --bone:#e9e2d4;
  --ash:#a0968a;
  --dim:#8a8177;
  --tick:#5f574f;
  --ox:#6f1a1c;
  --rouge:#c24a40;
  --line:rgba(233,226,212,.13);
  --edge:#6e665d;
  --on-accent:#f3ece2;
  --nav-bg:rgba(13,10,9,.86);
  --glow:.55;
  --f-latin:'Cinzel','Cormorant SC','Cormorant Garamond',Georgia,serif;
  --f-caps:'Cormorant SC','Cormorant Garamond',Georgia,serif;
  --f-disp:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-body:'Golos Text','Helvetica Neue',Arial,sans-serif;
  --gut:clamp(16px,5vw,72px);
  --max:1280px;
}
/* Light theme: chosen with the toggle (stored per visitor). Same oxblood accent, warm stone paper. */
:root[data-theme="light"]{
  color-scheme: light;
  --void:#f8f5f0;
  --ink:#ffffff;
  --coal:#e6e0d7;
  --bone:#1d1715;
  --ash:#5a514a;
  --dim:#6b6259;
  --tick:#b3aaa0;
  --ox:#7a1d1f;
  --rouge:#a8322b;
  --line:rgba(29,23,21,.14);
  --edge:#8f867c;
  --nav-bg:rgba(239,235,229,.88);
  --glow:.22;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;margin:0}
body.locked{overflow:hidden}
a{color:inherit}
img{max-width:100%}
::selection{background:var(--ox);color:var(--on-accent)}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.label{font:500 .7rem/1.4 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.en{font:400 .78rem/1.3 var(--f-latin);letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
p{text-wrap:pretty}

/* ── Intro ───────────────────────── */
#intro{--void:#050404;--bone:#e9e2d4;--ash:#a0968a;--edge:#6e665d;--ox:#6f1a1c;--rouge:#c24a40;color:var(--bone);display:none;position:fixed;inset:0;z-index:60;background-color:var(--void);transition:background-color 1.6s ease,opacity .9s ease}
html.js:not(.seen) #intro{display:block}
#intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#intro.clear{background-color:transparent;pointer-events:none}
#intro.gone{opacity:0}
.intro-sub{position:absolute;left:0;right:0;top:calc(var(--nameBottom,58vh) + 1.4rem);text-align:center;font:500 clamp(.85rem,1.6vw,1.05rem)/1 var(--f-caps);letter-spacing:.42em;padding-left:.42em;color:var(--ash);opacity:0;transition:opacity 1.4s ease .9s}
.intro-begin{position:absolute;left:50%;top:clamp(calc(var(--nameBottom,58vh) + 6rem),76%,calc(100% - 5.5rem));transform:translateX(-50%);opacity:0;transition:opacity 1.2s ease 1.7s}
#intro.ready .intro-sub,#intro.ready .intro-begin{opacity:1}
#intro.burning .intro-sub,#intro.burning .intro-begin{opacity:0;transition:opacity .4s ease 0s;pointer-events:none}

/* ── Hex button (cut frame) ── */
.hex{--cut:14px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.7em;padding:1em 2.2em;border:0;cursor:pointer;text-decoration:none;color:var(--bone);background:var(--edge);font:500 .74rem/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% 50%,calc(100% - var(--cut)) 100%,var(--cut) 100%,0 50%);transition:background .4s,color .4s}
.hex::before{content:"";position:absolute;inset:1px;z-index:-1;background:var(--void);
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% 50%,calc(100% - var(--cut)) 100%,var(--cut) 100%,0 50%);transition:background .45s ease}
.hex:hover,.hex:focus-visible{background:var(--rouge);color:var(--on-accent)}
.hex:hover::before,.hex:focus-visible::before{background:var(--ox)}
.hex:focus-visible{outline:none}
.hex.solid{background:var(--rouge);color:var(--on-accent)}
.hex.solid::before{background:var(--ox)}
.hex.solid:hover::before,.hex.solid:focus-visible::before{background:#86231f}
.hex.caps{font:500 1.02rem/1 var(--f-caps);letter-spacing:.3em;padding:.85em 2.4em .95em 2.7em}
.hex.big{--cut:18px;padding:1.3em 2.8em;font-size:.76rem}
.btns{display:flex;flex-wrap:wrap;gap:14px}

/* ── Ambient sparks ─────────────── */
#sparks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
main,.nav,footer{position:relative;z-index:1}

/* ── Nav ─────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:20;padding-top:env(safe-area-inset-top,0px);transition:background .5s,border-color .5s;border-bottom:1px solid transparent}
.nav.solid{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}
.brand{font:500 1rem/1 var(--f-latin);letter-spacing:.08em;text-decoration:none}
.brand small{display:block;font:500 .74rem/1 var(--f-caps);letter-spacing:.22em;color:var(--ash);margin-top:6px}
.nav-links{display:flex;gap:clamp(16px,2.6vw,36px);list-style:none;margin:0;padding:0}
.nav-links a{font:500 .68rem/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ash);text-decoration:none;transition:color .3s}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--bone)}
.nav .hex{--cut:10px;padding:.8em 1.4em}
.nav-r{display:flex;align-items:center;gap:12px}
.theme-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--bone);cursor:pointer;transition:border-color .3s,background .3s}
.theme-btn:hover{border-color:var(--rouge)}
.theme-btn:focus-visible{outline:1px solid var(--bone);outline-offset:3px}
.theme-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.theme-btn .sun{display:none}
:root[data-theme="light"] .theme-btn .sun{display:block}
:root[data-theme="light"] .theme-btn .moon{display:none}
body.theming,body.theming *{transition:background-color .5s ease,color .5s ease,border-color .5s ease!important}
@media (max-width:900px){.nav-links{display:none}}

/* ── Hero ────────────────────────── */
.hero{position:relative;padding-block:clamp(120px,20vh,200px) clamp(60px,9vh,110px)}
.hero::before{content:"";position:absolute;inset:-10% 0 -20% 20%;z-index:-1;pointer-events:none;
  opacity:calc(var(--glow) / .55);background:radial-gradient(ellipse 55% 50% at 70% 55%,rgba(111,26,28,.55),transparent 70%),radial-gradient(ellipse 30% 25% at 84% 66%,rgba(194,74,64,.16),transparent 70%)}
.hero-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;margin-bottom:clamp(26px,4vw,48px)}
.tagline{font:400 italic 1.15rem/1.2 var(--f-disp);color:var(--bone)}
.hero h1{font:300 clamp(2.5rem,7.2vw,7rem)/.96 var(--f-disp);letter-spacing:-.012em;margin:0}
.hero h1 em{font-style:italic;color:var(--rouge)}
.line{display:block;overflow:hidden;padding-bottom:.07em}
.line>span{display:inline-block;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
html.js .hero .line>span{transform:translateY(108%)}
html.js .hero .line:nth-child(2)>span{transition-delay:.08s}
html.js .hero .line:nth-child(3)>span{transition-delay:.2s}
html.js .hero .line:nth-child(4)>span{transition-delay:.28s}
body.entered .hero .line>span{transform:none}
.hero-foot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px clamp(32px,6vw,96px);margin-top:clamp(36px,5vw,64px);align-items:end}
.lead{font:400 clamp(1.05rem,1.45vw,1.22rem)/1.6 var(--f-body);margin:0 0 30px;max-width:36em}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,7vw,84px) 0 0;border-top:1px solid var(--line)}
.trust div{padding:22px 22px 0 0}
.trust div+div{padding-left:22px;border-left:1px solid var(--line)}
.trust dt{font:300 clamp(2rem,3.6vw,3.2rem)/1 var(--f-disp);color:var(--bone);font-variant-numeric:tabular-nums}
.trust dd{margin:10px 0 0;color:var(--ash);font-size:.9rem;max-width:22em}
html.js .hero-fade{opacity:0;transform:translateY(16px);transition:opacity 1.2s ease .5s,transform 1.2s cubic-bezier(.16,1,.3,1) .5s}
body.entered .hero-fade{opacity:1;transform:none}
@media (max-width:820px){.hero-foot{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.trust div,.trust div+div{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}}

/* ── Sections ────────────────────── */
section.block{padding-block:clamp(80px,12vw,160px);border-top:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:clamp(36px,5vw,64px)}
.sec-head .idx{font:400 .8rem/1 var(--f-latin);color:var(--rouge);letter-spacing:.1em}
.sec-head .label{color:var(--bone)}
.sec-head::after{content:"";flex:1;height:1px;background:var(--line);transform:translateY(-.3em)}
h2{font:300 clamp(2.2rem,5vw,4.4rem)/1.03 var(--f-disp);margin:0;letter-spacing:-.01em;text-wrap:balance}
.h2-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 48px;margin-bottom:clamp(40px,6vw,72px)}
.h2-row p{margin:0;max-width:30em;color:var(--ash)}
.h2-row .en{display:block;margin-top:14px}

/* Pains */
.pains{border-bottom:1px solid var(--line)}
.pain-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.5vw,56px);padding-bottom:14px}
.pain{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:14px clamp(24px,3.5vw,56px);padding-block:clamp(24px,3vw,36px);border-top:1px solid var(--line)}
.pain::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(111,26,28,.4),rgba(111,26,28,.04));opacity:0;transition:opacity .6s}
.pain:hover::before{opacity:1}
.pain q{font:400 italic clamp(1.35rem,2vw,1.7rem)/1.22 var(--f-disp);quotes:"«" "»";color:var(--bone)}
.pain .risk{margin:0;color:var(--ash);font-size:.95rem}
.pain .risk b{color:var(--bone);font-weight:500}
.pain .fix{margin:0;font-size:.95rem;padding-left:18px;border-left:1px solid var(--rouge)}
.pain .mini{display:none}
@media (max-width:860px){.pain-head{display:none}.pain{grid-template-columns:1fr}.pain .mini{display:block;margin-bottom:4px}}

/* Self-check */
.check-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:start}
.checklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.checklist li{border-bottom:1px solid var(--line)}
.checklist label{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;align-items:start;padding-block:16px;cursor:pointer}
.checklist input{position:absolute;opacity:0;width:1px;height:1px}
.checklist .box{width:20px;height:20px;margin-top:3px;border:1px solid var(--edge);display:grid;place-items:center;transition:background .25s,border-color .25s}
.checklist .box::after{content:"";width:9px;height:5px;border-left:1.5px solid var(--on-accent);border-bottom:1.5px solid var(--on-accent);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .25s}
.checklist input:checked+.box{background:var(--ox);border-color:var(--rouge)}
.checklist input:checked+.box::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.checklist input:focus-visible+.box{outline:1px solid var(--bone);outline-offset:3px}
.checklist .t{color:var(--ash);transition:color .25s}
.checklist input:checked~.t{color:var(--bone)}
.meter{position:sticky;top:96px}
.verdict{margin:6px 0 0;text-align:center}
.verdict strong{display:block;font:400 clamp(1.5rem,2.4vw,1.9rem)/1.15 var(--f-disp);color:var(--bone);margin-bottom:8px}
.verdict span{color:var(--ash);font-size:.92rem}
.meter .btns{justify-content:center;margin-top:26px}
.privacy-note{margin:18px 0 0;text-align:center;font-size:.78rem;color:var(--dim)}
@media (max-width:900px){.check-grid{grid-template-columns:1fr}.meter{position:static}}

/* Plate + tachometer */
.plate{border:1px solid var(--line);background:linear-gradient(180deg,rgba(111,26,28,.13),transparent 60%),var(--coal);padding:clamp(20px,3vw,32px)}
.plate-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.gauge{display:block;width:100%;max-width:330px;margin:16px auto 0;overflow:visible}
.gauge .track{fill:none;stroke:var(--line);stroke-width:2}
.gauge .prog{fill:none;stroke:var(--rouge);stroke-width:2.5;stroke-linecap:round}
.gauge .tick{stroke:var(--tick);stroke-width:1.2;transition:stroke .2s}
.gauge .tick.major{stroke-width:1.8}
.gauge .tick.lit{stroke:var(--bone)}
.gauge .num{fill:var(--ash);font:500 9px var(--f-body)}
.gauge .needle{stroke:var(--bone);stroke-width:1.6;stroke-linecap:round}
.gauge .hub{fill:var(--ox);stroke:var(--bone);stroke-width:1}
.gauge .val{fill:var(--bone);font:400 40px var(--f-latin);font-variant-numeric:tabular-nums}
.gauge-cap{text-align:center;margin-top:-4px;color:var(--ash);font-size:.84rem}

/* Services */
.svc-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.svc{position:relative;isolation:isolate;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.35fr);gap:14px clamp(24px,4vw,64px);padding:clamp(26px,3.2vw,42px) clamp(8px,1.4vw,18px);border-top:1px solid var(--line)}
.svc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(111,26,28,.55),rgba(111,26,28,.06));transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.svc:hover::before{transform:scaleX(1)}
.svc .n{font:400 .9rem/1.9 var(--f-latin);color:var(--rouge);transition:color .5s}
.svc:hover .n{color:var(--bone)}
.svc h3{margin:0;font:400 clamp(1.55rem,2.5vw,2.2rem)/1.08 var(--f-disp);text-wrap:balance}
.svc .d p{margin:0 0 .8em;color:var(--ash);max-width:34em}
.svc .d .res{margin:0;font:400 italic 1.2rem/1.35 var(--f-disp);color:var(--bone)}
@media (max-width:760px){.svc{grid-template-columns:40px minmax(0,1fr)}.svc .d{grid-column:2}}

/* Marquee band */
.band{padding-block:clamp(70px,10vw,130px);border-top:1px solid var(--line);overflow:hidden}
.mq{display:block;font:400 clamp(2.6rem,10vw,10rem)/1 var(--f-caps);letter-spacing:.01em;white-space:nowrap;will-change:transform}
.mq.out{color:transparent;-webkit-text-stroke:1px var(--bone);text-align:right}
.band .en{display:block;margin-top:22px;text-align:right}
@media (max-width:600px){.mq{white-space:normal}.mq.out,.band .en{text-align:left}}

/* Security standard */
.sec-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.std{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,44px);border-top:1px solid var(--line)}
.std li{padding-block:22px 24px;border-bottom:1px solid var(--line)}
.std h3{margin:0 0 8px;font:500 1.3rem/1.2 var(--f-disp)}
.std p{margin:0;color:var(--ash);font-size:.93rem}
@media (max-width:980px){.sec-grid{grid-template-columns:1fr}}
@media (max-width:600px){.std{grid-template-columns:1fr}}

/* About */
.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:start}
.about-grid h2{margin-bottom:30px}
.prose p{margin:0 0 1.1em;max-width:34em;color:var(--ash)}
.prose p.strong{color:var(--bone)}
.principle{margin:0 0 40px;font:300 italic clamp(1.9rem,3.6vw,3.3rem)/1.06 var(--f-disp);text-wrap:balance}
.principle span{color:var(--rouge)}
.nots{list-style:none;margin:0;padding:0}
.nots li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding-block:16px;border-top:1px solid var(--line);font:400 1.22rem/1.35 var(--f-disp)}
.nots li:last-child{border-bottom:1px solid var(--line)}
.nots li::before{content:"✕";font:400 .72rem/2.3 var(--f-body);color:var(--rouge)}
.why-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(64px,9vw,110px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.why{padding:28px 22px 32px;border-left:1px solid var(--line)}
.why:first-child{border-left:0;padding-left:0}
.why:last-child{padding-right:0}
.why h3{margin:0 0 10px;font:500 1.3rem/1.15 var(--f-disp)}
.why p{margin:0;color:var(--ash);font-size:.9rem}
@media (max-width:1100px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-bottom:0}.why,.why:first-child,.why:last-child{border-left:0;padding:24px 0;border-bottom:1px solid var(--line)}.why:last-child{grid-column:span 2}}
@media (max-width:860px){.about-grid{grid-template-columns:1fr}}
@media (max-width:600px){.why-grid{grid-template-columns:1fr}.why:last-child{grid-column:auto}}

/* Process */
.question{position:relative;padding-block:clamp(20px,4vw,40px) clamp(56px,8vw,96px);text-align:center}
.question::before{content:"";position:absolute;inset:-20% 0;z-index:-1;background:radial-gradient(ellipse 50% 50% at 50% 45%,rgba(111,26,28,.38),transparent 72%)}
.question .pre{margin:0 0 22px;color:var(--ash)}
.question q{display:block;max-width:19ch;margin-inline:auto;font:300 italic clamp(2rem,5vw,4.6rem)/1.05 var(--f-disp);text-wrap:balance;quotes:"«" "»"}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);counter-reset:s}
.steps li{padding:26px 22px 0 0;counter-increment:s}
.steps li+li{padding-left:22px;border-left:1px solid var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);display:block;font:400 .82rem/1 var(--f-latin);color:var(--rouge);margin-bottom:18px}
.steps h3{margin:0 0 10px;font:500 1.35rem/1.15 var(--f-disp)}
.steps p{margin:0;color:var(--ash);font-size:.92rem}
@media (max-width:1000px){.steps{grid-template-columns:1fr}.steps li,.steps li+li{padding:22px 0;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px}.steps li::before{grid-row:span 2;margin:4px 0 0}}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:20px;align-items:center;padding-block:24px;font:400 clamp(1.3rem,2.2vw,1.75rem)/1.2 var(--f-disp)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";justify-self:end;font:300 1.6rem/1 var(--f-body);color:var(--rouge);transition:transform .35s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:1px solid var(--bone);outline-offset:4px}
.faq .a{padding:0 48px 26px 0;max-width:46em;color:var(--ash)}
.faq .a p{margin:0}

/* CTA */
.cta{position:relative;text-align:center;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 100%,rgba(111,26,28,.6),transparent 75%)}
.cta .sec-head{text-align:left}
.cta h2{font:400 clamp(2.3rem,6.4vw,6rem)/1 var(--f-caps);letter-spacing:.01em;margin:0 auto;text-wrap:balance}
.cta h2 span{display:block;color:transparent;-webkit-text-stroke:1px var(--bone)}
.cta .en{display:block;margin-top:20px}
.cta .copy{max-width:34em;margin:clamp(32px,5vw,52px) auto 40px;color:var(--ash)}
.cta .copy p{margin:0 0 .8em}
.cta .copy p:last-child{color:var(--bone);margin:0}
.cta .btns{justify-content:center}
.contact-plain{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:baseline;gap:10px 22px;margin-top:40px;text-align:left}
.contact-plain .cv{font:400 1.35rem/1.2 var(--f-disp);color:var(--bone);user-select:all;font-variant-numeric:tabular-nums}
@media (max-width:480px){.contact-plain{grid-template-columns:1fr;gap:4px;text-align:center}.contact-plain .cv{margin-bottom:12px}}

/* Footer */
footer{border-top:1px solid var(--line)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding-block:48px calc(48px + env(safe-area-inset-bottom,0px))}
.foot-l{display:grid;gap:20px}
.sig{font:400 clamp(1.6rem,3vw,2.2rem)/1 var(--f-latin);letter-spacing:.04em}
.sig small{display:block;font:500 .9rem/1 var(--f-caps);letter-spacing:.24em;color:var(--ash);margin-top:10px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline}
.foot-links a{font:500 .7rem/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ash);text-decoration:none}
.foot-links a:hover,.foot-links a:focus-visible{color:var(--bone)}
.foot-links .label{user-select:all}
.foot-r{text-align:right;display:grid;gap:6px;max-width:26em}
.foot-r em{font:300 italic 1.25rem/1.2 var(--f-disp);color:var(--bone)}
.foot-r small{color:var(--dim);font-size:.76rem;line-height:1.5}
@media (max-width:600px){.foot-r{text-align:left}}

/* Reveal */
.pre-reveal{opacity:0;transform:translateY(26px)}
[data-reveal]{transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;transition-delay:0s!important}
  html{scroll-behavior:auto}
  .pre-reveal{opacity:1;transform:none}
}