:root{
  --bg:#ffffff; --soft:#f5f5f3; --ink:#0c0c0d; --muted:#707074; --faint:#a3a3a8; --line:#e6e6e4;
  --yellow:#f5c518; --red:#e3342b;
  --max:1240px; --pad:clamp(20px,4vw,48px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Inter Tight",system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;line-height:1.02}
section{padding:clamp(80px,12vw,160px) 0;border-top:1px solid var(--line)}
.head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:clamp(48px,7vw,88px)}
.head h2{font-size:clamp(2rem,4.6vw,3.6rem)}
.head p{color:var(--muted);max-width:520px;margin-top:20px;font-size:1.05rem}
.arrow{display:inline-flex;align-items:center;gap:10px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px;transition:gap .25s}
.arrow:hover{gap:16px}

/* wordmark */
.wm{font-weight:600;font-size:1.3rem;letter-spacing:-.04em;line-height:1;display:inline-block}
.wm i{font-style:normal;position:relative}
.wm i::before,.wm i::after{content:"";position:absolute;top:-.32em;width:.3em;height:.3em;border-radius:50%}
.wm i::before{left:.02em;background:var(--yellow)}
.wm i::after{left:.36em;background:var(--red)}

/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
nav.s{border-color:var(--line)}
nav .wrap{height:70px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:baseline;gap:12px}
.brand small{font-size:.78rem;color:var(--muted)}
.menu{display:flex;gap:34px;align-items:center;font-size:.92rem}
.menu a{color:var(--muted);transition:color .2s}
.menu a:hover{color:var(--ink)}
.menu .cta{color:var(--ink);font-weight:500;border:1px solid var(--ink);border-radius:999px;padding:8px 18px;transition:.2s}
.menu .cta:hover{background:var(--ink);color:#fff}
.burger{display:none;background:none;border:0;font:inherit;font-size:.9rem;cursor:pointer;color:var(--ink)}

/* hero */
.hero{padding:clamp(130px,18vw,200px) 0 clamp(60px,8vw,100px);border:0}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end}
.hero h1{font-size:clamp(2.9rem,8.4vw,7.4rem);font-weight:500;letter-spacing:-.05em;line-height:.96}
.hero h1 span{color:var(--faint)}
.hero p{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted);max-width:440px;margin:0 0 28px}
.hero .acts{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:999px;padding:15px 26px;font-weight:500;font-size:.95rem;transition:transform .2s,background .2s;border:0;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.source{margin-top:clamp(60px,9vw,110px);position:relative;height:clamp(180px,26vw,320px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.source svg{position:absolute;inset:0;width:100%;height:100%}
.source .lbl{position:absolute;bottom:14px;left:0}
.source .lbl2{position:absolute;bottom:14px;right:0}

/* facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.fact{padding:30px 24px 32px 0;border-right:1px solid var(--line)}
.fact+.fact{padding-left:24px}
.fact:last-child{border-right:0}
.fact b{display:block;font-weight:500;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.03em;margin:10px 0 4px}
.fact span{font-size:.88rem;color:var(--muted)}

/* services */
.svc-list{border-top:1px solid var(--ink)}
.svc{display:grid;grid-template-columns:70px 1.1fr 1.4fr 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding .3s}
.svc:hover{padding-left:12px}
.svc h3{font-size:clamp(1.3rem,2.2vw,1.75rem)}
.svc p{color:var(--muted);font-size:.98rem}
.svc .ex{font-size:.86rem;color:var(--muted);text-align:right}

/* process */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.step{border-top:1px solid var(--ink);padding-top:20px}
.step h3{font-size:1.2rem;letter-spacing:-.02em;margin:34px 0 10px}
.step p{font-size:.92rem;color:var(--muted)}

/* dose chart */
.dose{border-top:1px solid var(--ink)}
.drow{display:grid;grid-template-columns:1fr 1.6fr 140px;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.drow h3{font-size:1.15rem;letter-spacing:-.02em}
.drow p{font-size:.86rem;color:var(--muted);margin-top:2px}
.track{position:relative;height:28px}
.track::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.bar{position:absolute;top:50%;height:6px;margin-top:-3px;background:var(--ink);border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.in .bar{transform:scaleX(1)}
.drow .v{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.88rem;text-align:right}
.axis{display:grid;grid-template-columns:1fr 1.6fr 140px;gap:30px;padding-top:12px}
.ticks{position:relative;height:16px}.ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}.ticks span:first-child{transform:none}.ticks span:last-child{transform:translateX(-100%)}
.dnote{margin-top:28px;font-size:.84rem;color:var(--muted);max-width:640px}

/* certificate */
.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.cert-grid ul{list-style:none;margin-top:30px;border-top:1px solid var(--line)}
.cert-grid li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;font-size:.98rem}
.cert-grid li .mono{min-width:28px}
.paper{background:var(--soft);padding:clamp(24px,5vw,56px);border-radius:4px}
.doc{background:#fff;padding:30px;box-shadow:0 1px 0 var(--line),0 30px 60px -30px rgba(0,0,0,.25);font-size:.82rem}
.doc .top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--ink);margin-bottom:18px}
.doc .top .wm{font-size:1.05rem}
.doc h4{font-weight:500;font-size:1.05rem;margin-bottom:14px;letter-spacing:-.02em}
.doc dl{display:grid;grid-template-columns:1fr 1fr}
.doc dt,.doc dd{padding:9px 0;border-bottom:1px solid var(--line)}
.doc dt{color:var(--muted)}
.doc dd{text-align:right;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.78rem}
.doc .hl{color:var(--ink);font-weight:500}
.doc .sig{margin-top:22px;font-size:.76rem;color:var(--muted);text-align:right}
.tag{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.64rem;letter-spacing:.1em;border:1px solid var(--red);color:var(--red);padding:2px 7px;border-radius:2px}

/* quality */
.q-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.q{padding:28px 24px 36px 0;border-right:1px solid var(--line)}
.q+.q{padding-left:24px}
.q:last-child{border-right:0}
.q h3{font-size:1.5rem;letter-spacing:-.03em;margin:30px 0 10px}
.q p{font-size:.9rem;color:var(--muted);min-height:4.2em}
.q .no{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.84rem;margin-top:20px;display:block}
.q .exp{font-size:.8rem;color:var(--faint);display:block;margin-top:4px}
.verify{margin-top:44px;font-size:.92rem;color:var(--muted)}
.verify a{color:var(--ink)}

/* why */
.why{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.w{padding:36px 40px 40px 0;border-bottom:1px solid var(--line)}
.w:nth-child(even){padding-left:40px;padding-right:0;border-left:1px solid var(--line)}
.w h3{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.03em;margin:18px 0 10px}
.w p{color:var(--muted);max-width:420px}

/* faq */
.faq{border-top:1px solid var(--ink)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;gap:20px;font-size:clamp(1.05rem,1.8vw,1.3rem);letter-spacing:-.02em;font-weight:500}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:300;font-size:1.5rem;line-height:1;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 28px;color:var(--muted);max-width:720px}

/* contact */
.contact{background:var(--ink);color:#fff;border:0}
.contact .mono{color:#8c8c92}
.contact h2{font-size:clamp(2.6rem,7vw,6rem);letter-spacing:-.05em;line-height:.98;margin:22px 0 60px}
.contact h2 span{color:#6a6a70}
.c-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(40px,7vw,100px)}
.ci{padding:20px 0;border-top:1px solid #2a2a2d}
.ci:last-child{border-bottom:1px solid #2a2a2d}
.ci .mono{display:block;margin-bottom:6px}
.ci a,.ci div{font-size:1.1rem}
.ci a:hover{opacity:.7}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.f{margin-bottom:26px}
.f label{display:block;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#8c8c92;margin-bottom:6px}
.f input,.f select,.f textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #3a3a3e;color:#fff;font:inherit;font-size:1.05rem;padding:8px 0 12px;outline:none;border-radius:0;transition:border-color .2s;-webkit-appearance:none;appearance:none}
.f select option{color:#000}
.f textarea{resize:vertical;min-height:80px}
.f input:focus,.f select:focus,.f textarea:focus{border-color:#fff}
.btn-w{background:#fff;color:var(--ink)}
.ok{display:none;padding:40px 0}
.ok h3{font-size:2rem;margin-bottom:10px}
.ok p{color:#8c8c92}

footer{background:var(--ink);color:#8c8c92;font-size:.82rem;padding:0 0 40px}
footer .wrap{padding-top:36px;position:relative;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
footer .wrap::before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:#2a2a2d}
footer .wm{color:#fff;font-size:1.1rem}
footer .fl{display:flex;gap:26px;flex-wrap:wrap}
footer a:hover{color:#fff}
.legal{width:100%;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.68rem;letter-spacing:.02em;line-height:1.8;color:#6a6a70}

/* parent company */
.unit{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0;border-bottom:1px solid var(--line)}
.unit .l{display:flex;align-items:center;gap:28px}
.unit img{height:56px;width:auto;display:block}
.unit p{color:var(--muted);font-size:.95rem;max-width:460px}
.unit p b{color:var(--ink);font-weight:500}
.f-brand{display:flex;align-items:center;gap:22px}
.f-brand .sep{width:1px;height:38px;background:#2a2a2d}
.f-brand .ji{display:flex;flex-direction:column;gap:4px}
.f-brand .ji span{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#6a6a70}
.f-brand img{height:34px;width:auto;display:block}
@media(max-width:700px){.unit{flex-direction:column;align-items:flex-start;gap:16px}.unit .l{gap:18px}.unit img{height:46px}}

/* ---- v5 additions ---- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.cell{border-top:1px solid var(--line);padding:26px 0 34px}
.cell h3{font-size:1.25rem;letter-spacing:-.02em;margin:16px 0 8px}
.cell p{color:var(--muted);font-size:.95rem}
.onb{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,90px)}
.onb ol{list-style:none;border-top:1px solid var(--ink);counter-reset:o}
.onb li{counter-increment:o;display:grid;grid-template-columns:50px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}
.onb li::before{content:"0" counter(o);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.78rem;color:var(--muted);padding-top:4px}
.onb li b{font-weight:500;font-size:1.1rem;display:block;margin-bottom:4px;letter-spacing:-.01em}
.onb li span{color:var(--muted);font-size:.94rem}
.check{background:var(--soft);padding:32px;border-radius:4px;align-self:start}
.check h3{font-size:1.2rem;margin:14px 0 18px;letter-spacing:-.02em}
.check ul{list-style:none}
.check li{padding:11px 0 11px 26px;border-top:1px solid var(--line);position:relative;font-size:.94rem}
.check li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:10px;border:1px solid var(--ink);border-radius:2px}
.lookup{margin-top:clamp(50px,7vw,80px);display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:end;border-top:1px solid var(--ink);padding-top:30px}
.lookup h3{font-size:1.5rem;letter-spacing:-.03em;margin:12px 0 6px}
.lookup p{color:var(--muted);font-size:.94rem}
.lk{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}
.lk label{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.lk input{width:100%;border:0;border-bottom:1px solid var(--ink);font:inherit;font-size:1rem;padding:8px 0 10px;outline:none;background:transparent;border-radius:0}
.cmp{width:100%;border-collapse:collapse;font-size:.95rem}
.cmp-wrap{overflow-x:auto;border-top:1px solid var(--ink)}
.cmp th,.cmp td{text-align:left;padding:18px 16px 18px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-weight:500;font-size:1.05rem;letter-spacing:-.02em;padding-top:22px}
.cmp tbody th{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:400;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);width:17%}
.cmp td{color:var(--muted)}
.cmp .g{color:var(--ink);background:var(--soft);padding-left:16px}
.cmp thead .g{position:relative}
.cmp thead .g small{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-top:4px;font-weight:400}
.mat{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.mcol{padding:24px 24px 30px 0;border-right:1px solid var(--line)}
.mcol+.mcol{padding-left:24px}
.mcol:last-child{border-right:0}
.mcol h3{font-size:1.25rem;letter-spacing:-.02em;margin:14px 0 16px;display:flex;align-items:center;gap:10px}
.dots{display:inline-flex;gap:4px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--ink)}
.dots i.o{background:var(--line)}
.mcol ul{list-style:none}
.mcol li{padding:8px 0;border-top:1px solid var(--line);font-size:.93rem}
.mcol li small{display:block;color:var(--muted);font-size:.8rem}
.res{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,6vw,90px)}
.art{border-top:1px solid var(--ink)}
.art details summary{font-size:1.1rem}
.art .meta{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px;font-weight:400}
.art details summary{display:grid;grid-template-columns:1fr auto;align-items:center}
.gloss{border-top:1px solid var(--ink)}
.gloss dt{font-weight:500;padding-top:16px;letter-spacing:-.01em}
.gloss dd{color:var(--muted);font-size:.9rem;padding-bottom:16px;border-bottom:1px solid var(--line)}
.wa{position:fixed;right:20px;bottom:20px;z-index:30;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px 12px 14px;font-size:.88rem;font-weight:500;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transition:transform .2s}
.wa:hover{transform:translateY(-2px)}
.wa svg{width:20px;height:20px}
@media(max-width:960px){
  .grid3{grid-template-columns:1fr 1fr}
  .onb,.res,.lookup{grid-template-columns:1fr}
  .mat{grid-template-columns:1fr 1fr}
  .mcol:nth-child(2){border-right:0}.mcol:nth-child(3){padding-left:0}
  .mcol:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:600px){
  .grid3,.mat,.lk{grid-template-columns:1fr}
  .mcol,.mcol+.mcol{padding-left:0;border-right:0;border-bottom:1px solid var(--line)}
  .wa span{display:none}.wa{padding:14px}
  .check{padding:24px}
}

/* ---- v6 refinement ---- */
:root{--bg:#f5f4ef;--soft:#ebe9e2;--line:#dcdad2}
nav{background:rgba(245,244,239,.8)}
@media(max-width:960px){.menu{background:var(--bg)}}
.it{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.015em;font-size:1.06em}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .ln>span{display:inline-block;transform:translateY(108%);transition:transform 1.2s cubic-bezier(.16,.84,.24,1)}
.hero h1 .ln:nth-child(2)>span{transition-delay:.08s}
.hero h1 .ln:nth-child(3)>span{transition-delay:.16s}
.hero h1.in .ln>span{transform:none}
.hero h1 span{color:var(--ink)}
.hero h1.r{opacity:1;transform:none}
.source{height:clamp(220px,30vw,380px)}
.source::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 90% at 50% 50%,transparent 40%,var(--bg) 100%);pointer-events:none}
.source .lbl,.source .lbl2{z-index:1}
.marq{overflow:hidden;border-bottom:1px solid var(--line);padding:22px 0;background:var(--bg)}
.mt{display:flex;width:max-content;animation:mq 46s linear infinite}
.mt span{font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:-.03em;white-space:nowrap;display:flex;align-items:center;gap:clamp(22px,3vw,40px);padding-right:clamp(22px,3vw,40px)}
.mt span .it{color:var(--muted)}
.mt i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.mt i.y{background:var(--yellow)}.mt i.d{background:var(--red)}
@keyframes mq{to{transform:translateX(-50%)}}
.svc{padding-left:0;padding-right:0;transition:padding .45s cubic-bezier(.2,.8,.2,1),background .45s}
.svc:hover{background:#fff;padding-left:18px;padding-right:18px}
.steps{position:relative}
.steps::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(.16,.84,.24,1) .15s;z-index:1}
.steps.in::before{transform:none}
.step{border-top-color:var(--line)}
.stmt{background:var(--ink);color:#fff;border:0;position:relative;overflow:hidden}
.stmt .mono{color:#8c8c92}
.stmt .big{font-size:clamp(2.6rem,7.6vw,6.6rem);letter-spacing:-.05em;line-height:.98;margin:26px 0 clamp(60px,8vw,110px)}
.stmt .big .it{color:#b9b9be}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a2a2d}
.kpis div{padding:28px 24px 0 0}
.kpis div+div{padding-left:24px;border-left:1px solid #2a2a2d}
.kpis b{display:block;font-weight:400;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin-bottom:8px}
.kpis span{color:#8c8c92;font-size:.92rem}
.stmt-glow{position:absolute;right:-10%;top:-30%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.10),rgba(227,52,43,.06) 40%,transparent 70%);pointer-events:none}
.contact h2 span.it{color:#8c8c92}
.paper{background:var(--soft)}
.check{background:var(--soft)}
.cmp .g{background:#fff}
.bar{background:linear-gradient(90deg,var(--ink),#3a3a3e)}
@media(max-width:700px){.kpis{grid-template-columns:1fr}.kpis div,.kpis div+div{padding:22px 0;border-left:0;border-bottom:1px solid #2a2a2d}}
@media(prefers-reduced-motion:reduce){.hero h1 .ln>span{transform:none}.mt{animation:none}.steps::before{transform:none}}

.r{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.r.in{opacity:1;transform:none}

@media(max-width:960px){
  .head,.hero-grid,.cert-grid,.c-grid{grid-template-columns:1fr}
  .head{gap:14px}
  .svc{grid-template-columns:50px 1fr;gap:6px 18px}
  .svc p,.svc .ex{grid-column:2;text-align:left}
  .steps{grid-template-columns:1fr 1fr;gap:36px 24px}
  .facts,.q-grid{grid-template-columns:1fr 1fr}
  .fact:nth-child(2),.q:nth-child(2){border-right:0}
  .fact:nth-child(3),.q:nth-child(3){padding-left:0}
  .fact:nth-child(-n+2),.q:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .drow,.axis{grid-template-columns:1fr 110px;gap:8px 20px}
  .drow .track{grid-column:1/-1;grid-row:2}
  .axis>div:first-child,.axis>div:last-child{display:none}
  .axis{grid-template-columns:1fr}
  .menu{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px var(--pad) 32px;gap:22px;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .35s;z-index:-1}
  .menu.open{transform:none}
  .menu a{font-size:1.2rem;color:var(--ink)}
  .burger{display:block}
  .brand small{display:none}
}
@media(max-width:600px){
  body{font-size:16px}
  .why{grid-template-columns:1fr}
  .w,.w:nth-child(even){padding:30px 0;border-left:0}
  .steps{grid-template-columns:1fr}
  form .row{grid-template-columns:1fr;gap:0}
  .facts,.q-grid{grid-template-columns:1fr}
  .fact,.q,.fact+.fact,.q+.q{padding-left:0;border-right:0;border-bottom:1px solid var(--line)}
  .q p{min-height:0}
  .doc{padding:22px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.r{opacity:1;transform:none}.bar{transform:none}}

/* ===== multi-page ===== */
.menu a.on{color:var(--ink)}
.menu a.on{position:relative}.menu a.on::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--ink)}
h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
h1 .ln>span{display:inline-block;transform:translateY(108%);transition:transform 1.2s cubic-bezier(.16,.84,.24,1)}
h1 .ln:nth-child(2)>span{transition-delay:.08s}
h1 .ln:nth-child(3)>span{transition-delay:.16s}
h1.in .ln>span{transform:none}
h1.r{opacity:1;transform:none}
.phero{position:relative;overflow:hidden;padding:clamp(150px,20vw,230px) 0 clamp(70px,9vw,120px);border-bottom:1px solid var(--line)}
.phero .wrap{position:relative;z-index:1}
.crumb{display:flex;gap:10px;align-items:center;margin-bottom:clamp(28px,4vw,44px)}
.crumb a{color:var(--muted)}.crumb a:hover{color:var(--ink)}
.crumb i{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block}
.phero h1{font-size:clamp(3rem,9vw,8.2rem);font-weight:500;letter-spacing:-.055em;line-height:.94}
.phero-b{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-top:clamp(36px,5vw,60px);padding-top:26px;border-top:1px solid var(--line)}
.phero-b p{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--muted);max-width:560px}
.pring{position:absolute;top:0;right:0;width:min(58vw,820px);height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.55}
.pring svg{width:100%;height:100%}
.phero + section{border-top:0}
/* explore grid */
.explore{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.xt{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(240px,26vw,330px);padding:28px 28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate}
.xt:nth-child(3n){border-right:0}
.xt::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .6s cubic-bezier(.16,.84,.24,1);z-index:-1}
.xt:hover::before{transform:none}
.xt:hover{color:#fff}
.xt:hover .mono,.xt:hover p{color:#9a9aa0}
.xt h3{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1}
.xt p{color:var(--muted);font-size:.95rem;margin-top:12px;max-width:300px;transition:color .4s}
.xt .go{display:flex;justify-content:space-between;align-items:center}
.xt .arr{font-size:1.4rem;transition:transform .5s cubic-bezier(.16,.84,.24,1)}
.xt:hover .arr{transform:translateX(8px) rotate(-45deg)}
/* next */
.next{display:block;padding:clamp(80px,12vw,150px) 0 clamp(70px,10vw,120px);border-top:1px solid var(--line)}
.next .wrap{display:block}
.next .nt{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:clamp(3rem,10vw,9rem);font-weight:500;letter-spacing:-.06em;line-height:1;margin-top:18px}
.next .nt .lbl{position:relative}
.next .nt .lbl::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,.84,.24,1)}
.next:hover .nt .lbl::after{transform:none}
.next .circ{flex-shrink:0;width:clamp(64px,9vw,120px);height:clamp(64px,9vw,120px);border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:clamp(1.4rem,2.4vw,2.2rem);transition:background .4s,color .4s,transform .6s cubic-bezier(.16,.84,.24,1)}
.next:hover .circ{background:var(--ink);color:#fff;transform:rotate(-45deg)}
/* about */
.tl{border-top:1px solid var(--ink)}
.tl li{list-style:none;display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline}
.tl .tld{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.tl b{display:block;font-weight:500;font-size:1.2rem;letter-spacing:-.02em;margin-bottom:6px}
.tl span.t{color:var(--muted)}
.addr{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;border-top:1px solid var(--ink);padding-top:34px}
.addr p{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.03em;line-height:1.15;max-width:760px}
/* footer v2 */
footer{padding:clamp(70px,9vw,110px) 0 36px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px}
.fgrid h4{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:400;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#6a6a70;margin-bottom:18px}
.fgrid ul{list-style:none}
.fgrid li{padding:5px 0;font-size:.95rem;color:#c9c9cd}
.fgrid li a:hover{color:#fff}
.fbig{font-size:clamp(2.4rem,5vw,4rem);color:#fff;letter-spacing:-.05em;font-weight:500;line-height:1;margin-bottom:22px}
.fbig .it{color:#8c8c92}
footer .fbar{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:26px;border-top:1px solid #2a2a2d;align-items:center}
/* curtain */
.curtain{position:fixed;inset:0;background:var(--ink);z-index:200;transform:translateY(-101%);display:grid;place-items:center;pointer-events:none}
.curtain .cd{display:flex;gap:8px}
.curtain .cd i{width:12px;height:12px;border-radius:50%}
.curtain .cd i:first-child{background:var(--yellow)}.curtain .cd i:last-child{background:var(--red)}
html.entering .curtain{transform:none}
html.lifting .curtain{transform:translateY(-101%);transition:transform .9s cubic-bezier(.76,0,.24,1)}
html.leaving .curtain{transform:none;transition:transform .7s cubic-bezier(.76,0,.24,1)}
html.leaving-start .curtain{transform:translateY(101%);transition:none}
@media(max-width:960px){
  .explore{grid-template-columns:1fr 1fr}
  .xt:nth-child(3n){border-right:1px solid var(--line)}
  .xt:nth-child(2n){border-right:0}
  .fgrid{grid-template-columns:1fr 1fr}
  .pring{opacity:.35;width:90vw}
}
@media(max-width:600px){
  .explore{grid-template-columns:1fr}
  .xt{border-right:0!important;min-height:200px;padding:24px 0}
  .xt::before{left:-16px;right:-16px}
  .phero-b,.addr{grid-template-columns:1fr}
  .tl li{grid-template-columns:1fr;gap:6px}
  .fgrid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){h1 .ln>span{transform:none}.curtain{display:none}}

/* ===== THEME: white + Gammabrau yellow & red ===== */
:root{--bg:#ffffff;--soft:#fff6d8;--ink:#111113;--muted:#6b6b70;--line:#ececea;--yellow:#ffc72c;--red:#da291c;--red-d:#b8231b;--lemon:#ffe27a}
::selection{background:var(--yellow);color:var(--ink)}
body{background:#fff}
nav{background:rgba(255,255,255,.86)}
.menu a.on::after{background:var(--red)}
.menu .cta{border-color:var(--red);color:var(--red)}
.menu .cta:hover{background:var(--red);color:#fff}
.btn{background:var(--red);color:#fff}
.btn:hover{background:var(--red-d)}
.btn-w{background:#fff;color:var(--ink)}
.btn-w:hover{background:var(--lemon)}
h1 .it,h2 .it,h3 .it,.fbig .it,.tl .tld.it{color:var(--red)!important}
.hero h1 span{color:var(--ink)}
.source svg g,.pring svg g{stroke:var(--red)}
.pring{opacity:.45}
.marq{background:var(--yellow);border:0}
.mt span{color:var(--ink)}
.mt span .it{color:var(--ink)!important}
.mt i.bw{background:#fff}.mt i.br{background:var(--red)}
.svc:hover{background:var(--soft)}
.steps::before{background:var(--red)}
.bar{background:linear-gradient(90deg,var(--red),#f08a1c)}
.cmp .g{background:var(--soft)}
.check,.paper{background:var(--soft)}
.xt::before{background:var(--red)}
.xt:hover .mono,.xt:hover p{color:rgba(255,255,255,.8)}
.xt:hover h3 .it{color:var(--lemon)!important}
.next:hover .circ{background:var(--red);border-color:var(--red)}
.next .nt .lbl::after{background:var(--red)}
.crumb i{background:var(--red)}
/* statement: red */
.stmt{background:var(--red)}
.stmt-glow{display:none}
.stmt .mono{color:rgba(255,255,255,.75)}
.stmt .big .it{color:var(--lemon)!important}
.kpis{border-top-color:rgba(255,255,255,.3)}
.kpis div+div{border-left-color:rgba(255,255,255,.3)}
.kpis span{color:rgba(255,255,255,.8)}
@media(max-width:700px){.kpis div,.kpis div+div{border-bottom-color:rgba(255,255,255,.3)}}
/* contact: red */
.contact{background:var(--red)}
.contact .mono,.f label,.ok p{color:rgba(255,255,255,.78)}
.contact h2 span.it{color:var(--lemon)!important}
.ci,.ci:last-child{border-color:rgba(255,255,255,.3)}
.f input,.f select,.f textarea{border-bottom-color:rgba(255,255,255,.45)}
.f input:focus,.f select:focus,.f textarea:focus{border-color:#fff}
/* footer: white */
footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
footer .wrap::before{display:none}
footer .wm{color:var(--ink)}
.fbig{color:var(--ink)}
.fgrid h4{color:var(--muted)}
.fgrid li{color:var(--ink)}
.fgrid li a:hover{color:var(--red)}
footer .fbar{border-top-color:var(--line)}
.legal{color:var(--muted)}
.f-brand .sep{background:var(--line)}
.f-brand .ji span{color:var(--muted)}
/* curtain + whatsapp */
.curtain{background:var(--red)}
.curtain .cd i:last-child{background:#fff}
.wa{background:var(--red)}

/* ===== PICK: Brand Dots + Restrained Red ===== */
/* restraint: red lives in heroes, buttons and the two red sections */
h2 .it,h3 .it,.fbig .it,.tl .tld.it{color:var(--ink)!important}
.xt:hover h3 .it{color:var(--lemon)!important}
/* shared dot */
.d{position:absolute;display:block;border-radius:50%;width:var(--s);height:var(--s);mix-blend-mode:multiply;will-change:transform}
.d.y{background:var(--yellow)}
.d.rd{background:var(--red)}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.fl{position:absolute;inset:0;animation:fl 9s ease-in-out infinite}
/* home hero */
.source svg{display:none}
.source::after{display:none}
.source{height:clamp(240px,31vw,420px)}
.hdots{--s:clamp(190px,33vw,500px);position:absolute;inset:0;opacity:1!important;transform:none!important}
.hdots .d{top:34px}
.hdots .d.y{left:calc(50% - var(--s)*.91);transform:translate(-28%,62%);transition:transform 1.9s cubic-bezier(.16,.84,.24,1) .25s}
.hdots .d.rd{left:calc(50% - var(--s)*.09);transform:translate(28%,62%);transition:transform 1.9s cubic-bezier(.16,.84,.24,1) .4s}
.hdots.in .d.y{transform:translate(calc(var(--mx,0)*-18px),calc(var(--my,0)*-8px))}
.hdots.in .d.rd{transform:translate(calc(var(--mx,0)*18px),calc(var(--my,0)*8px))}
.hdots.in.settled .d{transition-duration:1.2s;transition-delay:0s}
.source .lbl,.source .lbl2{z-index:2}
/* page heroes */
.pdots{--s:clamp(140px,18vw,280px);position:absolute;top:50%;right:max(16px,calc((100vw - var(--max))/2 + var(--pad) - var(--s)*.1));width:calc(var(--s)*2);height:calc(var(--s)*2);margin-top:calc(var(--s)*-1 + 30px);pointer-events:none;opacity:1!important;transform:none!important}
.pdots .d{left:calc(var(--s)*var(--x) - 0px);top:calc(var(--s)*var(--yv));transform:scale(.2);opacity:0;transition:transform 1.6s cubic-bezier(.16,.84,.24,1),opacity .8s}
.pdots .d.y{--x:var(--yx);--yv:var(--yy);transition-delay:.2s}
.pdots .d.rd{--x:var(--rx);--yv:var(--ry);transition-delay:.38s}
.pdots .d{margin-left:calc(var(--s)*-.5);margin-top:calc(var(--s)*-.5)}
.pdots.in .d{transform:none;opacity:1}
.phero .wrap{z-index:2}
/* statement sun */
.sdot{position:absolute;width:clamp(240px,34vw,560px);aspect-ratio:1;border-radius:50%;background:var(--yellow);right:calc(clamp(240px,34vw,560px)*-.38);top:calc(clamp(240px,34vw,560px)*-.38)}
.stmt .wrap{position:relative;z-index:1}
/* curtain: dots */
.curtain .cd{gap:0}
.curtain .cd i{width:46px;height:46px}
.curtain .cd i:last-child{background:#fff;margin-left:-10px;mix-blend-mode:normal;opacity:.95}
@media(max-width:700px){
  .pdots{--s:62px;top:96px;margin-top:0;right:16px}
  .phero-b,.phero h1,.crumb{position:relative}
  .sdot{width:240px;right:-110px;top:-110px}
  .hdots .d{top:26px}
}
@media(prefers-reduced-motion:reduce){.fl{animation:none}.hdots .d,.pdots .d{transition:none!important;transform:none!important;opacity:1!important}}

/* ===== MEANINGFUL MOTION ===== */
.fl{animation:none!important}
.pdots .d{transform:none!important;transition:opacity 1s ease .2s}
/* irradiation cell */
.cell{margin:clamp(50px,7vw,90px) 0 0;border-top:1px solid var(--line);padding-top:20px}
.cell-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.cell-leg{display:flex;align-items:center;gap:10px}
.cell-leg .grad{width:120px;height:6px;border-radius:3px;background:linear-gradient(90deg,#fff,#ffc72c 55%,#da291c);box-shadow:inset 0 0 0 1px var(--line)}
.cellsvg{display:block;width:100%;height:auto;aspect-ratio:1200/470}
.cellsvg text{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;fill:var(--muted)}
.cellsvg .src-l{fill:var(--ink);font-weight:500}
#conv{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-dasharray:3 7;animation:belt .9s linear infinite}
@keyframes belt{to{stroke-dashoffset:-10}}
.rack{fill:var(--yellow);stroke:#c99e00;stroke-width:1}
.glow{animation:gl 3.6s ease-in-out infinite;transform-origin:600px 210px}
@keyframes gl{50%{opacity:.55}}
#cartons rect{stroke:var(--ink);stroke-width:1.1}
#rays line{stroke:#f0b400;stroke-width:1.2}
.cell-read{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cell-read div{padding:20px 20px 22px 0}
.cell-read div+div{padding-left:20px;border-left:1px solid var(--line)}
.cell-read b{display:block;font-weight:500;font-size:clamp(1.25rem,2.1vw,1.8rem);letter-spacing:-.03em;margin-top:8px;font-variant-numeric:tabular-nums}
#rStat i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-right:10px;vertical-align:middle}
.cell-read b.flash{animation:flash .9s ease}
@keyframes flash{0%{color:var(--red)}100%{color:var(--ink)}}
.hero + .marq{margin-top:0}
.facts{border-top:0}
@media(max-width:960px){.cell-read{grid-template-columns:1fr 1fr}.cell-read div:nth-child(3){padding-left:0;border-left:0}.cell-read div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.cellsvg{aspect-ratio:auto;height:300px}.cellsvg text:not(.src-l){display:none}.cell-leg .grad{width:70px}}
/* process tracker */
.steps{--p:0}
.steps::before{transform:scaleX(var(--p))!important;transition:none!important;background:var(--red);height:2px;top:-.5px}
.trk{position:absolute;top:-13px;left:0;right:0;height:26px;pointer-events:none;z-index:2}
.trk .box{position:absolute;top:0;left:calc(var(--p) * (100% - 26px));width:26px;height:26px;border:1.2px solid var(--ink);background:#fff;border-radius:2px}
.steps.js .step{opacity:.28;transition:opacity .5s}
.steps.js .step.on{opacity:1}
@media(max-width:960px){.trk{display:none}}
/* certificate issuance */
.doc{position:relative}
.paper .doc dt,.paper .doc dd{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}
.paper.in .doc dt,.paper.in .doc dd{opacity:1;transform:none}
.paper .doc dt:nth-of-type(1),.paper .doc dd:nth-of-type(1){transition-delay:0.34s}
.paper .doc dt:nth-of-type(2),.paper .doc dd:nth-of-type(2){transition-delay:0.48s}
.paper .doc dt:nth-of-type(3),.paper .doc dd:nth-of-type(3){transition-delay:0.62s}
.paper .doc dt:nth-of-type(4),.paper .doc dd:nth-of-type(4){transition-delay:0.76s}
.paper .doc dt:nth-of-type(5),.paper .doc dd:nth-of-type(5){transition-delay:0.90s}
.paper .doc dt:nth-of-type(6),.paper .doc dd:nth-of-type(6){transition-delay:1.04s}
.paper .doc dt:nth-of-type(7),.paper .doc dd:nth-of-type(7){transition-delay:1.18s}
.paper .doc dt:nth-of-type(8),.paper .doc dd:nth-of-type(8){transition-delay:1.32s}

.doc .sig{margin-top:74px}
.stampx{position:absolute;left:30px;bottom:46px;border:2px solid var(--red);color:var(--red);border-radius:6px;padding:7px 14px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.82rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-align:center;line-height:1.25;background:rgba(255,255,255,.88);transform:rotate(-8deg) scale(1.9);opacity:0;transition:transform .4s cubic-bezier(.2,1.5,.4,1) 1.55s,opacity .2s 1.55s}
.stampx small{display:block;font-size:.58rem;letter-spacing:.12em}
.paper.in .stampx{transform:rotate(-8deg) scale(1);opacity:1}
@media(prefers-reduced-motion:reduce){#conv,.glow{animation:none}.paper .doc dt,.paper .doc dd,.stampx{opacity:1!important;transform:rotate(-8deg)!important}.paper .doc dt,.paper .doc dd{transform:none!important}}

/* ===== CLEAR STORY ANIMATION ===== */
.trk{display:none!important}
.demo{margin:clamp(50px,7vw,90px) 0 0;border-top:1px solid var(--line);padding-top:20px}
.demo-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}
.demosvg{display:block;width:100%;height:auto;aspect-ratio:1000/400;overflow:visible}
.demosvg text{font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.demosvg .lb{font-size:12px;fill:var(--muted)}
.demosvg .lb.in{font-size:11px}
.demosvg .stt{font-size:15px;fill:var(--red);font-weight:500}
.demosvg .dv{font-size:14px;fill:var(--ink);font-weight:500}
.demosvg .src{fill:var(--yellow);stroke:#c99e00}
.demosvg .floor{stroke:var(--ink);stroke-width:1.2}
.demosvg #rollers circle{fill:#fff;stroke:#bdbdb8}
.demosvg .box{fill:#fff;stroke:var(--ink);stroke-width:1.6}
.demosvg .tape{fill:#f1e6c6}
.demosvg #germs ellipse{fill:#6f7f5c}
.demosvg #beams line{stroke:#e8ad00;stroke-width:2.2;opacity:.85;stroke-dasharray:12 16;stroke-linecap:round}
.how{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;margin-top:22px}
.how li{position:relative;border-top:1px solid var(--line);padding-top:18px;opacity:.38;transition:opacity .4s}
.how li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--red);transform-origin:left;transform:scaleX(var(--k,0))}
.how li.on,.how li.done{opacity:1}
.how li.done::before{transform:scaleX(1)}
.how b{display:block;font-weight:500;font-size:1.1rem;letter-spacing:-.02em;margin:10px 0 6px}
.how li>span:last-child{color:var(--muted);font-size:.92rem}
@media(max-width:960px){.how{grid-template-columns:1fr 1fr;gap:22px 24px}}
@media(max-width:600px){.demosvg .lb{font-size:20px}.demosvg .stt{font-size:22px}.demosvg .dlb{display:none}.demosvg .dv{font-size:20px}.demosvg .lb.in{display:none}.demo-t{display:none}}

/* ===== REFINED COLOUR SYSTEM ===== */
:root{
  --bg:#ffffff;--ink:#0f0f10;--muted:#5e5e63;--line:#e7e6e1;
  --yellow:#ffc72c;   /* Gamma Yellow — Pantone 123 C: energy, the source, highlight */
  --soft:#fff4d1;     /* Yellow tint — calm highlight panels */
  --lemon:#ffe08a;    /* Light yellow — large type on red only */
  --red:#da291c;      /* Signal Red — Pantone 485 C: action, certified */
  --red-d:#b51f14;
}
nav{background:#fff}
.mt{align-items:center}
.mt .mi{font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:-.03em;white-space:nowrap;color:var(--ink);margin-right:clamp(22px,3vw,40px);display:inline-block;padding:0}
.mt .mi.it{font-family:"Instrument Serif",Georgia,serif;font-style:italic;letter-spacing:-.01em;font-size:clamp(1.4rem,2.6vw,2.15rem)}
.mt i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;margin-right:clamp(22px,3vw,40px)}
.mt i.bw{background:#fff}.mt i.br{background:var(--red)}
.bar{background:var(--red)!important}
.demosvg #germs ellipse{fill:var(--muted)}
.demosvg .tape{fill:#efede6}
.demosvg #beams line{stroke:#e5a800}
.demosvg .src{stroke:#d9a400}
.mt sup{font-size:.5em;vertical-align:.9em;line-height:0;margin-left:.04em}
/* fixes from audit */
.check li{display:block;grid-template-columns:none}
.demo{margin-bottom:clamp(36px,5vw,64px)}
.demo + .facts{border-top:1px solid var(--ink)}
@media(max-width:600px){
  .demosvg{aspect-ratio:700/400}
  .fgrid{grid-template-columns:1fr 1fr;gap:34px 20px}
  .fgrid>div:first-child,.fgrid>div:last-child{grid-column:1/-1}
}