/* PT. Sinar Surya Komunikatama, site styles
   Palette follows the logo: navy ink (#042C6F) as the main colour, white paper, cool greys, and the logo's
   yellow (#F9C602) as a sparing accent on highlights, badges and the CTA band. Never yellow text on white. */
:root{
  --paper:#FFFFFF;
  --paper-2:#F5F7FB;
  --paper-3:#EAEEF5;
  --ink:#042C6F;
  --ink-2:#0A3A8C;
  --ink-deep:#021C49;
  --accent:#F9C602;
  --accent-2:#E0B000;
  --accent-ink:#0A1022;
  --line:#DCE2EE;
  --line-strong:#B9C4D8;
  --glow:0 18px 40px -24px rgba(4,44,111,.35);
  --text:#121A2F;
  --text-2:#44506C;
  --text-3:#71809B;
  --ok:#1F6B3A;
  --warn:#B23A1E;
  --font-display:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-mono:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-cjk:'Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Source Han Sans SC',sans-serif;
  --max:1480px;
  --radius:6px;
}
*,*::before,*::after{box-sizing:border-box}
html[lang="zh-CN"]{--font-display:'Plus Jakarta Sans',var(--font-cjk);--font-body:'Plus Jakarta Sans',var(--font-cjk);--font-mono:'Plus Jakarta Sans',var(--font-cjk)}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{letter-spacing:0}
html[lang="zh-CN"] .eyebrow,html[lang="zh-CN"] .fq .ql,html[lang="zh-CN"] .why .k,html[lang="zh-CN"] .group-title{letter-spacing:.06em}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
.container{max-width:var(--max);margin:0 auto;padding:0 clamp(24px,4.5vw,96px)}
.view[hidden]{display:none}
[hidden]{display:none!important}   /* the hidden attribute always wins, also over .btn and other display rules */

/* ---------- Logo ---------- */
.brand{display:flex;align-items:center;flex-shrink:0;color:var(--ink)}
.logo{height:50px;width:auto;display:block;fill:currentColor}
.logo-img{height:50px;width:auto;display:block}
footer .brand{color:var(--ink)}
footer .logo,footer .logo-img{height:44px}
.logo-defs{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- Navigation ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;gap:24px;height:70px;position:relative}
.nav-links{display:flex;gap:2px;margin-left:auto}
.nav-links a{padding:8px 12px;border-radius:var(--radius);font-size:14.5px;font-weight:500;color:var(--text-2);transition:color .15s,background .15s;white-space:nowrap}
.nav-links a:hover{color:var(--ink)}
.nav-links a[aria-current="page"]{color:var(--ink);background:var(--paper-2);box-shadow:inset 0 -3px 0 var(--accent)}
.nav-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lang{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);font-size:12px;background:var(--paper)}
.lang button{background:transparent;border:0;color:var(--text-2);padding:6px 9px;cursor:pointer;letter-spacing:.06em;font-family:var(--font-mono)}
.lang button[lang]{font-family:var(--font-body);letter-spacing:0;font-size:12.5px}
.lang button[aria-pressed="true"]{background:var(--ink);color:#fff;font-weight:500}
.menu-btn{display:none;background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}
.nav-tools .ed-toggle{display:none}
body.has-editor .nav-tools .ed-toggle{display:inline-flex}
.search-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--text-2);cursor:pointer;font-size:13.5px}
.search-btn:hover{border-color:var(--ink);color:var(--ink)}
.search-btn kbd{font-family:var(--font-mono);font-size:11px;border:1px solid var(--line-strong);border-radius:4px;padding:1px 6px;color:var(--text-3)}
.search-btn svg{width:16px;height:16px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-weight:600;font-size:14.5px;border:1px solid transparent;cursor:pointer;font-family:var(--font-body);line-height:1.2;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}
.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-primary:hover{background:var(--ink-2)}
.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:var(--paper)}
.btn-ghost:hover{border-color:var(--ink);background:var(--paper-2)}
.btn-sm{padding:8px 14px;font-size:13.5px}
.btn svg{width:16px;height:16px}
.btn[disabled]{opacity:.5;cursor:default}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:76px 0 64px;border-bottom:1px solid var(--line);background:#fff}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.hero-grid > *{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-grid > :nth-child(2){animation-delay:.18s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:10px;margin:0}
.eyebrow::before{content:"";width:22px;height:4px;border-radius:2px;background:var(--accent);flex-shrink:0}
h1.display{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:1.02;letter-spacing:-.022em;margin:18px 0 20px;text-wrap:balance;color:var(--ink)}
h1.display em{font-style:normal;color:var(--ink);background-image:linear-gradient(180deg,transparent 78%,rgba(249,198,2,.55) 78%);background-repeat:no-repeat;background-size:0 100%;animation:sweep 1.1s .35s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes sweep{to{background-size:100% 100%}}
.lead{font-size:1.1rem;color:var(--text-2);max-width:72ch;margin:0 0 30px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{display:flex;gap:40px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line-strong)}
.stat b{display:block;font-family:var(--font-display);font-stretch:112%;font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.stat span{font-size:13px;color:var(--text-3);display:block;margin-top:6px}

/* Instrument finder */
.finder{background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--paper-3),var(--glow)}
.finder-head{padding:18px 22px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.finder-head h2{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.25rem;margin:8px 0 0;letter-spacing:-.015em;color:var(--ink)}
.finder-head .reset{background:transparent;border:0;color:var(--text-3);font-size:13px;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.finder-head .reset:hover{color:var(--ink)}
.finder-body{padding:16px 22px 20px}
.fq{margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.fq:last-child{border-bottom:0;padding-bottom:4px;margin-bottom:0}
.fq .ql{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:8px}
.fq .opts{display:flex;flex-wrap:wrap;gap:6px}
.fopt{border:1px solid var(--line-strong);background:var(--paper);color:var(--text-2);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .12s,color .12s,background .12s}
.fopt:hover{border-color:var(--ink);color:var(--ink)}
.fopt[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.fresult{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}
.fresult .rl{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.fresult .rl a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:12.5px}
.fresult .empty{color:var(--text-3);font-size:14px;padding:6px 0 2px;border:0;text-align:left}
.rec{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.rec:first-of-type{border-top:0}
.rec .n{min-width:0;flex:1 1 auto}
.rec .n b{display:block;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec .n span{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec .btn{flex-shrink:0}
.fask{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.fask[hidden]{display:none}
.fask .row{display:flex;gap:8px}
.fask input{flex:1;min-width:0}
.fask .note{font-size:12px;color:var(--text-3);margin:8px 0 0}
.fask .answer{margin-top:10px;font-size:14px;color:var(--text-2);border-left:2px solid var(--ink);padding-left:12px}
.fask .answer.err{color:var(--warn);border-color:var(--warn)}

/* ---------- Principals strip ---------- */
.principals{border-bottom:1px solid var(--line);background:var(--paper)}
.principals-inner{display:flex;align-items:center;padding:16px 24px;overflow:hidden}
.marquee{flex:1;min-width:0;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.marquee-track{display:flex;align-items:center;list-style:none;margin:0;padding:0;width:max-content;animation:marquee calc(var(--n,16) * 3.2s) linear infinite}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.marquee-track li{flex-shrink:0;margin-left:64px}
.bi{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:var(--text-3);padding:3px 0}
.bi img{height:34px;width:auto;max-width:180px;object-fit:contain;display:none;opacity:.92;transition:opacity .25s,transform .25s}
.bi.has img{display:block}
.bi.has .wm{display:none}
.bi:hover img{opacity:1;transform:translateY(-1px)}
.bi .wm{font-family:var(--font-display);font-stretch:112%;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:13.5px;white-space:nowrap;transition:color .2s}
.bi:hover .wm{color:var(--ink)}
li.feat .bi img{height:38px;max-width:200px;opacity:1}
li.feat .bi .wm{color:var(--ink);font-size:15px}
li.feat + li{margin-left:76px}

/* ---------- Motion: reveal on scroll ---------- */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 55ms)}
[data-reveal].in{opacity:1;transform:none}
body.no-motion [data-reveal]{opacity:1;transform:none;transition:none}
body.no-motion h1.display em{background-size:100% 100%}

/* ---------- Sections ---------- */
.section{padding:88px 0}
.section.alt{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.section-head > div{max-width:96ch;flex:1 1 auto;min-width:0}
h2.title{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.018em;line-height:1.1;margin:14px 0 0;text-wrap:balance;max-width:34ch;color:var(--ink)}
.section-head p{color:var(--text-2);max-width:none;margin:14px 0 0}
.section-head .btn{flex-shrink:0}

/* Category cards */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat{display:flex;flex-direction:column;gap:12px;padding:24px 24px 20px;background:var(--paper);border:1px solid var(--line);border-radius:10px;transition:border-color .2s,transform .25s,box-shadow .25s;position:relative;min-height:212px}
.cat:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--glow)}
.cat .icon{width:44px;height:44px;border-radius:8px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.cat .icon::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-18deg);opacity:0}
.cat:hover .icon::after{animation:scan .9s ease forwards}
@keyframes scan{0%{left:-60%;opacity:0}20%{opacity:1}100%{left:120%;opacity:0}}
.cat .cnt{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding-top:12px;border-top:1px solid var(--line);margin-top:4px}
.cat:hover .cnt{color:var(--ink)}
.cat .icon svg{width:24px;height:24px}
.cat h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.15rem;margin:0;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
.cat p{margin:0;color:var(--text-2);font-size:14px;line-height:1.55;flex:1}
.cat .arrow{position:absolute;top:26px;right:24px;color:var(--text-3);transition:color .2s,transform .2s}
.cat:hover .arrow{color:var(--ink);transform:translate(2px,-2px)}

/* Why list */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}
.why > div{padding:26px 0 8px;border-top:1px solid var(--ink)}
.why h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.08rem;margin:0 0 10px;letter-spacing:-.01em;color:var(--ink)}
.why p{margin:0;color:var(--text-2);font-size:14.5px}
.why .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;display:block}

/* Client wall */
.wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wall > div{background:var(--paper);border:1px solid transparent;border-radius:10px;padding:22px 22px;min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;transition:border-color .2s,box-shadow .25s,transform .25s}
.wall > div:hover{border-color:var(--line);box-shadow:var(--glow);transform:translateY(-2px)}
.wall .nm{font-family:var(--font-display);font-stretch:108%;font-weight:600;font-size:14.5px;color:var(--text-2);letter-spacing:.01em}
.group-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:40px 0 14px;display:flex;align-items:center;gap:10px}
.group-title::after{content:"";flex:1;height:1px;background:var(--line-strong)}
.group-title:first-child{margin-top:0}

/* CTA band: navy, with the logo's yellow as an accent edge */
.cta-band{border-radius:10px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--ink);color:#fff;border:1px solid var(--ink);position:relative;overflow:hidden;box-shadow:8px 8px 0 var(--accent)}
.cta-band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent);pointer-events:none}
.cta-band > *{position:relative}
.cta-band h2{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.018em;line-height:1.12;margin:0 0 10px;text-wrap:balance;max-width:22ch;color:#fff}
.cta-band p{margin:0;color:rgba(255,255,255,.82);max-width:72ch}
.cta-band .actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
.cta-band .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.cta-band .btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
.cta-band .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.cta-band .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* ---------- Footer ---------- */
footer{background:var(--ink-deep);color:rgba(255,255,255,.78);padding:56px 0 24px;border-top:4px solid var(--accent);
  --ink:#FFFFFF;--ink-2:#FFFFFF;--text:#FFFFFF;--text-2:rgba(255,255,255,.82);--text-3:rgba(255,255,255,.6);--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.32);--paper:transparent;--paper-2:rgba(255,255,255,.06);--paper-3:rgba(255,255,255,.1)}   /* v54: footer navy; the tokens are re-mapped so every rule inside stays readable */   /* v47: baris hak cipta rapat ke bawah; ruang untuk bilah bandingkan/penawaran diberi body.has-cmp/has-quote */
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:32px}
.foot-grid h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 14px;font-weight:500}
.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14px}
.foot-grid ul a:hover{color:var(--ink)}
.foot-grid p{margin:14px 0 0;font-size:14px;max-width:34ch}
.foot-grid address{font-style:normal;font-size:14px;line-height:1.6;display:grid;gap:14px}
.foot-grid .fc-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:0 10px;align-items:start}
.foot-grid .fc-i{color:var(--text-3);display:block;padding-top:3px}
.foot-grid .fc-i svg{width:16px;height:16px;display:block}
.foot-grid .fc-l{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.foot-grid .fc-v{color:var(--text-2)}
.foot-grid .fc-v small{font-size:11.5px;color:var(--text-3);margin-left:4px}
.foot-grid address a:hover{color:var(--ink)}
.copyright{margin-top:36px;padding-top:18px;border-top:1px solid var(--line-strong);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3);font-family:var(--font-mono)}

/* ---------- Inner page header ---------- */
.page-head{padding:60px 0 40px;border-bottom:1px solid var(--line);background:var(--paper)}
.page-head h1{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.022em;line-height:1.05;margin:16px 0 14px;text-wrap:balance;max-width:20ch;color:var(--ink)}
.page-head p{color:var(--text-2);max-width:96ch;margin:0;font-size:1.05rem}
.crumbs{font-size:13px;color:var(--text-3);display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 6px}
.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.crumbs span{color:var(--line-strong)}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.prose p{margin:0 0 18px;color:var(--text-2);font-size:1.02rem;max-width:none}
.prose p:last-child{margin-bottom:0}
.facts{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:6px 22px;margin:0}
.facts div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:14.5px}
.facts div:first-child{border-top:0}
.facts dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding-top:3px}
.facts dd{margin:0;color:var(--text)}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.vm > div{padding:30px 0;border-top:1px solid var(--ink)}
.vm .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:12px}
.vm p{font-family:var(--font-display);font-stretch:104%;font-weight:500;font-size:1.3rem;line-height:1.35;letter-spacing:-.01em;margin:0;text-wrap:balance;color:var(--ink)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc > div{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:10px;transition:transform .25s,box-shadow .25s,border-color .2s}
.svc > div:hover{transform:translateY(-3px);box-shadow:var(--glow);border-color:var(--ink)}
.svc .icon{width:44px;height:44px;border-radius:8px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center;margin-bottom:16px}
.svc .icon svg{width:24px;height:24px}
.svc h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.12rem;margin:0 0 10px;letter-spacing:-.01em;color:var(--ink)}
.svc p{margin:0;color:var(--text-2);font-size:14.5px}
.events{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.events li{padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.events .y{font-family:var(--font-mono);color:var(--text-3);font-size:12px;letter-spacing:.12em;display:block;margin-bottom:8px}
.events b{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.02rem;color:var(--ink);letter-spacing:-.01em;line-height:1.35}

/* ---------- Products ---------- */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.chip{border:1px solid var(--line-strong);background:var(--paper);color:var(--text-2);padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prod{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .25s,box-shadow .25s}
.prod:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--glow)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.chips li{font-family:var(--font-mono);font-size:11.5px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--text-2);background:var(--paper-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chips li.more{color:var(--text-3);background:transparent;border-style:dashed}
.prod .brand{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.prod h3{margin:0;font-family:var(--font-display);font-stretch:106%;font-size:1.12rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
.prod h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.prod p{margin:0;color:var(--text-2);font-size:14px;flex:1}
.prod .foot{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--line);margin-top:4px}
.prod .cat-tag{font-size:12px;color:var(--text-3)}
.prod .lk{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.prod .lk .cat-tag{margin-right:auto}
.prod .lk a{font-size:13px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.prod .lk a:hover{text-decoration-color:var(--ink)}
.prod .links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.prod .links a{font-size:13.5px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.prod .links a:hover{text-decoration-color:var(--ink)}
.prod .links .dl{border:1px solid var(--ink);border-radius:var(--radius);padding:6px 10px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.prod .links .dl svg{width:14px;height:14px}
.prod .links .dl:hover{background:var(--ink-2)}
.prod .links .dl.req{background:var(--paper);color:var(--ink)}
.prod .links .dl.req:hover{background:var(--paper-2)}
.prod .links .add{border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 10px;background:var(--paper);cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);font-family:var(--font-body)}
.prod .links .add:hover{border-color:var(--ink)}
.prod .links .add[data-in="1"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty{padding:40px;text-align:center;color:var(--text-3);border:1px dashed var(--line-strong);border-radius:8px}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.brand-cell{background:var(--paper);padding:22px}
.brand-cell b{display:block;font-family:var(--font-display);font-stretch:112%;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:14px;margin-bottom:8px;color:var(--ink)}
.brand-cell .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-3);display:block;margin-bottom:8px}
.brand-cell p{margin:0;font-size:13.5px;color:var(--text-2)}
.note{margin-top:28px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--text-2);font-size:14.5px}

/* Product detail */
.detail{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.detail .brandline{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px}
.detail .meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.detail .meta a,.detail .meta span{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:999px;padding:5px 11px;color:var(--text-2);background:var(--paper)}
.detail .meta a:hover{border-color:var(--ink);color:var(--ink)}
.btn-dl svg{width:16px;height:16px}
.detail h1{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.022em;line-height:1.05;margin:0 0 18px;text-wrap:balance;color:var(--ink)}
.detail .desc{font-size:1.05rem;color:var(--text-2);max-width:none;margin:0 0 24px}
.specs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.specs li{font-family:var(--font-mono);font-size:12.5px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text-2);background:var(--paper)}
.detail .actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.detail .aside{border:1px solid var(--line);border-radius:8px;background:var(--paper-2);padding:22px}
.detail .aside h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px;font-weight:500}
.detail .aside .tagl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.detail .aside .tagl span{font-size:12.5px;border:1px solid var(--line-strong);border-radius:999px;padding:4px 10px;color:var(--text-2);background:var(--paper)}
.detail .aside .share{display:flex;gap:8px;align-items:center}
.detail .aside .share input{font-family:var(--font-mono);font-size:12px;padding:8px 10px}
.related{margin-top:56px}
.related h3{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.3rem;margin:0 0 18px;letter-spacing:-.015em;color:var(--ink)}

/* ---------- Search overlay ---------- */
.search-ov{position:fixed;inset:0;z-index:90;background:rgba(17,18,20,.45);display:none;align-items:flex-start;justify-content:center;padding:8vh 16px}
.search-ov.open{display:flex}
.search-box{width:min(680px,100%);background:var(--paper);border:1px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 rgba(17,18,20,.15);overflow:hidden}
.search-box .in{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.search-box .in svg{width:18px;height:18px;color:var(--text-3);flex-shrink:0}
.search-box input{border:0;background:transparent;font-size:17px;padding:8px 0;box-shadow:none}
.search-box input:focus{box-shadow:none;border:0;outline:none}
.search-box .hint{font-family:var(--font-mono);font-size:11px;color:var(--text-3);white-space:nowrap}
.search-res{max-height:60vh;overflow-y:auto}
.search-res a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.search-res a:hover,.search-res a[aria-selected="true"]{background:var(--paper-2)}
.search-res b{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:15px;color:var(--ink);display:block}
.search-res small{display:block;color:var(--text-3);font-size:12.5px}
.search-res .type{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--line-strong);border-radius:4px;padding:3px 7px}
.cmp-table .none{color:var(--text-3);font-size:13px}
.search-res .none{padding:22px 16px;color:var(--text-3);font-size:14px}

/* ---------- Quote bar & panel ---------- */
.quotebar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.15)}
.quotebar[hidden]{display:none}
.quotebar .container{display:flex;align-items:center;gap:14px;height:60px}
.quotebar .count{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:1.2rem;font-variant-numeric:tabular-nums}
.quotebar .lbl{color:rgba(255,255,255,.72);font-size:14px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quotebar .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.quotebar .btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.quotebar .btn-ghost:hover{border-color:#fff}
body.has-quote{padding-bottom:60px}
.qpanel{position:fixed;right:16px;bottom:72px;z-index:61;width:min(420px,calc(100vw - 32px));background:var(--paper);border:1px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 rgba(17,18,20,.12);display:none;flex-direction:column;max-height:60vh}
.qpanel.open{display:flex}
.qpanel .h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-stretch:108%;font-weight:700;color:var(--ink)}
.qpanel .h button{background:transparent;border:0;cursor:pointer;color:var(--text-3);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.qpanel ul{list-style:none;margin:0;padding:6px 16px;overflow-y:auto}
.qpanel li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.qpanel li:last-child{border-bottom:0}
.qpanel li small{display:block;color:var(--text-3);font-size:12px}
.qpanel li button{background:transparent;border:1px solid var(--line-strong);border-radius:4px;cursor:pointer;color:var(--text-3);font-size:12px;padding:3px 8px}
.qpanel li button:hover{color:var(--warn);border-color:var(--warn)}
.qpanel .empty{border:0;padding:20px}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}
.dl{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;font-size:15px;margin:0}
.dl dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding-top:4px;white-space:nowrap}
.dl dd{margin:0;color:var(--text);line-height:1.55}
.dl dd a:hover{text-decoration:underline;text-underline-offset:3px}
.dl dd .sub{display:block;color:var(--text-3);font-size:13px}
.map-card{margin-top:28px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.map-card b{color:var(--ink)}
.map-card .coords{font-family:var(--font-mono);font-size:12px;color:var(--text-3);letter-spacing:.04em}
.form{background:var(--paper);border:1px solid var(--ink);border-radius:8px;padding:30px;box-shadow:8px 8px 0 var(--paper-3)}
.form h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.2rem;margin:0 0 20px;letter-spacing:-.01em;color:var(--ink)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px;margin-bottom:14px}
label{font-size:13px;color:var(--text-2);font-weight:500}
input,select,textarea{width:100%;background:#FFFFFF;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);padding:11px 12px;font-family:var(--font-body);font-size:15px}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A4A50' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
textarea{min-height:120px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--text-3)}
input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px rgba(17,18,20,.1)}
input[aria-invalid="true"]{border-color:var(--warn)}
.form .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.form .hint{font-size:12.5px;color:var(--text-3);margin:14px 0 0}

/* ---------- Editor drawer ---------- */
.ed{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--paper);border-left:1px solid var(--ink);z-index:80;display:none;flex-direction:column;font-size:14px}
body.editing .ed{display:flex}
.ed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ed-head b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:15px;color:var(--ink)}
.ed-head .mode{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;display:block;margin-top:2px}
.ed-close{background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius);width:34px;height:34px;cursor:pointer;color:var(--text-2);display:grid;place-items:center}
.ed-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ed-tabs::-webkit-scrollbar{display:none}
.ed-tabs button{border:1px solid transparent;background:transparent;color:var(--text-2);padding:7px 11px;border-radius:var(--radius);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500}
.ed-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.ed-body{flex:1;overflow-y:auto;padding:16px 18px 24px}
.ed-group{margin-bottom:26px}
.ed-group h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line);font-weight:500}
.ed-field{display:grid;gap:4px;margin-bottom:10px}
.ed-field label{font-size:12px;color:var(--text-2);display:flex;justify-content:space-between;gap:8px}
.ed-check label{justify-content:flex-start;align-items:center;gap:8px}
.ed-check input{margin:0;accent-color:var(--ink)}
.ed-field label code{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}
.ed-field input,.ed-field textarea,.ed-field select{font-size:13.5px;padding:8px 10px;border-radius:var(--radius)}
.ed-field textarea{min-height:0;resize:vertical;line-height:1.45}
.ed-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ed-item{border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px;background:var(--paper-2)}
.ed-item summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;color:var(--ink);list-style:none}
.ed-item summary::-webkit-details-marker{display:none}
.ed-item summary .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.ed-item .tools{display:flex;gap:4px;flex-shrink:0}
.ed-item .tools button{border:1px solid var(--line-strong);background:var(--paper);border-radius:4px;width:26px;height:26px;cursor:pointer;color:var(--text-2);font-size:12px;display:grid;place-items:center}
.ed-item .tools button:hover{color:var(--ink);border-color:var(--ink)}
.ed-item .tools button.del:hover{color:var(--warn);border-color:var(--warn)}
.ed-item .body{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ed-add{width:100%;border:1px dashed var(--line-strong);background:transparent;color:var(--ink);padding:10px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:13px}
.ed-add:hover{border-color:var(--ink);background:var(--paper-2)}
.ed-foot{border-top:1px solid var(--line);padding:12px 18px 14px;background:var(--paper)}
.ed-foot .actions{display:flex;gap:8px;flex-wrap:wrap}
.ed-foot .status{font-size:12.5px;color:var(--text-3);margin:8px 0 0;min-height:18px}
.ed-foot .status.ok{color:var(--ok)}
.ed-foot .status.err{color:var(--warn)}
.ed-help{font-size:12.5px;color:var(--text-3);margin:0 0 14px;padding:10px 12px;background:var(--paper-2);border-radius:var(--radius);line-height:1.5}
@media (min-width:1000px){
  body.editing{padding-right:460px}
}

/* ---------- Images (products, brands, clients, events) ---------- */
.pimg{position:relative;aspect-ratio:4/3;background:var(--paper-2);border-radius:6px;display:grid;place-items:center;overflow:hidden;margin-bottom:6px}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%;opacity:0;transition:opacity .2s,transform .5s cubic-bezier(.2,.7,.2,1)}
.prod:hover .pimg.has img{transform:scale(1.05)}
.pimg.has img{opacity:1}
.pimg .ph{position:relative;color:var(--line-strong);display:grid;place-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pimg .ph svg{width:34px;height:34px}
.pimg.has .ph{display:none}
.detail .pimg{aspect-ratio:4/3;margin:0 0 22px;background:var(--paper-2)}
.detail .pimg img{padding:5%}
.rec .th{width:44px;height:44px;border-radius:5px;background:var(--paper-2);flex-shrink:0;display:grid;place-items:center;overflow:hidden}
.rec .th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3px;opacity:0}
.rec .th.has img{opacity:1}
.rec{gap:10px}
.brand-cell .bl{height:34px;display:flex;align-items:center;margin-bottom:10px}
.brand-cell .bl img{max-height:34px;max-width:140px;object-fit:contain;opacity:0}
.brand-cell .bl.has img{opacity:1}
.brand-cell .bl.has + b{display:none}
.wall .cl{height:44px;display:flex;align-items:center;justify-content:center;width:100%}
.wall .cl img{max-height:44px;max-width:160px;object-fit:contain;opacity:0;transition:opacity .25s}
.wall .cl.has img{opacity:.92}
.wall > div:hover .cl.has img{opacity:1}
.wall > div:has(.cl img):not(:has(.cl.err)) .nm{display:none}   /* v51: nama hanya tampil bila tidak ada logo atau logonya gagal dimuat */
.wall > div:has(.cl img):not(:has(.cl.err)){padding:22px 18px}
.wall .cl:not(:has(img)),.wall .cl.err{height:0;margin:0;overflow:hidden}
#homeWall{grid-template-columns:repeat(7,1fr);gap:8px}
#homeWall > div{padding:18px 12px;min-height:84px}
#homeWall .cl img{max-width:120px}
@media (max-width:1000px){ #homeWall{grid-template-columns:repeat(4,1fr)} #homeWall > div{padding:20px 16px} #homeWall .cl img{max-width:150px} }
@media (max-width:620px){ #homeWall{grid-template-columns:repeat(2,1fr)} }
.events li .ev{aspect-ratio:16/9;background:var(--paper-2);border-radius:6px;overflow:hidden;margin-bottom:14px}
.events li .ev:not(.has){height:0;aspect-ratio:auto;margin:0}
.events li .ev img{width:100%;height:100%;object-fit:cover;display:block;opacity:0}
.events li .ev.has img{opacity:1}
.search-res .th{width:38px;height:38px;border-radius:4px;background:var(--paper-2);display:grid;place-items:center;overflow:hidden;margin-right:12px}
.search-res .th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0}
.search-res .th.has img{opacity:1}
.search-res a{grid-template-columns:auto 1fr auto}

body.ext-blocked .pimg.ext,body.ext-blocked .rec .th.ext,body.ext-blocked .search-res .th.ext,body.ext-blocked .events .ev.ext,body.ext-blocked .bl.ext,body.ext-blocked .cl.ext{display:none!important}
body.ext-blocked .search-res a{grid-template-columns:1fr auto}

/* ---------- Compare ---------- */
.prod .links .cmp{border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 10px;background:var(--paper);cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);font-family:var(--font-body)}
.prod .links .cmp:hover{border-color:var(--ink)}
.prod .links .cmp[data-in="1"]{background:var(--paper-3);border-color:var(--ink)}
.cmpbar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:62;display:none;max-width:calc(100vw - 32px);align-items:center;gap:10px;background:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:6px 6px 6px 14px;box-shadow:6px 6px 0 var(--paper-3);font-size:13.5px}
.cmpbar.on{display:inline-flex}
body.has-quote .cmpbar{bottom:76px}
.cmpbar b{font-family:var(--font-display);font-stretch:110%}
.cmp-ov{position:fixed;inset:0;z-index:95;background:rgba(17,18,20,.5);display:none;align-items:center;justify-content:center;padding:24px}
.cmp-ov.open{display:flex}
.cmp-box{width:min(1040px,100%);max-height:88vh;background:var(--paper);border:1px solid var(--ink);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:10px 10px 0 rgba(17,18,20,.15)}
.cmp-box .h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.cmp-box .h b{font-family:var(--font-display);font-stretch:108%;font-size:1.1rem;color:var(--ink)}
.cmp-box .h .x{display:flex;gap:8px}
.cmp-wrap{overflow:auto}
.cmp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.cmp-table th,.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.cmp-table th:first-child,.cmp-table td:first-child{width:130px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);background:var(--paper-2)}
.cmp-table thead th{background:var(--paper);border-bottom:1px solid var(--ink)}
.cmp-table thead th .pimg{aspect-ratio:4/3;max-width:220px;margin-bottom:10px}
.cmp-table thead th b{font-family:var(--font-display);font-stretch:106%;font-size:15px;color:var(--ink);display:block}
.cmp-table thead th small{color:var(--text-3);font-weight:400;display:block;margin-bottom:8px}
.cmp-table .specs{margin:0}
.cmp-table .specs li{font-size:12px;padding:5px 8px}
.cmp-table .tagl{display:flex;flex-wrap:wrap;gap:5px}
.cmp-table .tagl span{font-size:12px;border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;color:var(--text-2)}
.cmp-table .acts{display:flex;gap:6px;flex-wrap:wrap}

/* ---------- Brochure library ---------- */
.lib{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lib > div{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px 20px}
.lib h3{font-family:var(--font-display);font-stretch:112%;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px;margin:0 0 10px;color:var(--ink)}
.lib ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lib li a{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--text-2);padding:6px 0;border-top:1px solid var(--line)}
.lib li:first-child a{border-top:0}
.lib li a:hover{color:var(--ink)}
.lib li a span{font-family:var(--font-mono);font-size:11px;color:var(--text-3);flex-shrink:0}

/* ---------- Floating WhatsApp + chat assistant ---------- */
.chat{position:fixed;right:76px;bottom:24px;z-index:63;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));background:var(--paper);border:1px solid var(--ink);border-radius:14px;box-shadow:10px 10px 0 var(--paper-3),0 30px 60px -30px rgba(17,18,20,.45);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:chatin .28s cubic-bezier(.2,.7,.2,1)}
.chat[hidden]{display:none}
body.has-quote .chat{bottom:84px}
@keyframes chatin{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.chat-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--line);background:var(--paper)}
.chat-h .who{display:flex;align-items:center;gap:10px;min-width:0}
.chat-h .av{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink);border:1px solid var(--line-strong);display:grid;place-items:center;flex-shrink:0}
.chat-h .av svg{width:24px;height:24px;fill:currentColor}
.chat-h .wa-btn{display:inline-flex;align-items:center;gap:6px;border-color:#cfe6d6;color:#0b3d1c}
.chat-h .wa-btn svg{width:18px;height:18px}
.chat-h b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:15px;color:var(--ink);display:block;line-height:1.1}
.chat-h .st{font-size:11.5px;color:var(--text-3);display:flex;align-items:center;gap:6px;margin-top:3px}
.chat-h .st i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(31,107,58,.15)}
.chat-h .x{display:flex;align-items:center;gap:6px;flex-shrink:0}
.chat-close{background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius);width:32px;height:32px;cursor:pointer;color:var(--text-2);display:grid;place-items:center}
.chat-close:hover{border-color:var(--ink);color:var(--ink)}
.chat-log{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--paper-2)}
.msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;animation:msgin .25s ease;position:relative}
@keyframes msgin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.msg.u{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.msg.a{align-self:flex-start;background:var(--paper);border:1px solid var(--line);color:var(--text);border-bottom-left-radius:4px}
.msg p{margin:0 0 8px}
.msg p:last-child{margin-bottom:0}
.msg .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.msg .acts a,.msg .acts button{font-size:12.5px;font-weight:600;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 11px;cursor:pointer;font-family:var(--font-body);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.msg .acts a:hover,.msg .acts button:hover{border-color:var(--ink)}
.msg .acts .pri{background:var(--ink);color:#fff;border-color:var(--ink)}
.msg .acts svg{width:13px;height:13px}
.msg .cp{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.msg .cp:first-of-type{border-top:0}
.msg .cp .th{width:40px;height:40px;border-radius:6px;background:var(--paper-2);flex-shrink:0;display:grid;place-items:center;overflow:hidden}
.msg .cp .th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:2px;opacity:0}
.msg .cp .th.has img{opacity:1}
.msg .cp .n{flex:1;min-width:0}
.msg .cp .n b{display:block;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg .cp .n small{display:block;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg .cp .b{display:flex;gap:4px;flex-shrink:0}
.msg .cp .b a,.msg .cp .b button{width:28px;height:28px;border:1px solid var(--line-strong);border-radius:6px;background:var(--paper);display:grid;place-items:center;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600}
.msg .cp .b a:hover,.msg .cp .b button:hover{border-color:var(--ink)}
.msg .cp .b button[data-in="1"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.msg .cp .b svg{width:13px;height:13px}
.msg .dl-list{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.msg .dl-list a{font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.msg.typing{padding:12px 16px}
.msg.typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-3);margin-right:4px;animation:bounce 1.1s infinite}
.msg.typing span:nth-child(2){animation-delay:.15s}
.msg.typing span:nth-child(3){animation-delay:.3s;margin-right:0}
@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}
.chat-sug{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px 0;background:var(--paper-2)}
.chat-sug:empty{display:none}
.chat-sug button{font-size:12.5px;border:1px solid var(--line-strong);background:var(--paper);color:var(--text-2);border-radius:999px;padding:6px 11px;cursor:pointer;font-family:var(--font-body)}
.chat-sug button:hover{border-color:var(--ink);color:var(--ink)}
.chat-in{display:flex;gap:8px;padding:12px 14px 8px;background:var(--paper-2)}
.chat-in input{flex:1;min-width:0;border-radius:999px;padding:10px 14px;font-size:14px}
.chat-in .btn{border-radius:999px}
.chat-note{margin:0;padding:0 14px 10px;font-size:11px;color:var(--text-3);background:var(--paper-2)}
.qpanel{bottom:72px}
body.has-quote .qpanel{bottom:132px}

@media (max-width:1000px){ .lib{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){
  .lib{grid-template-columns:1fr}
  .chat{right:8px;left:8px;width:auto;bottom:8px;height:min(560px,calc(100vh - 84px))}
  .cmpbar{left:12px;right:12px;transform:none;max-width:none;bottom:12px;font-size:12.5px;justify-content:space-between}
}
@media print{
  .nav,footer,.quotebar,.qpanel,.search-ov,.ed,.dock,.dock-show,.chat,.cmpbar,.cmp-ov,.hero-media,.finder,.cta-band,.principals,.map-embed,.trust{display:none!important}
  body{background:#fff;color:#000}
  .section{padding:16px 0}
  .prod,.cat,.detail .aside{break-inside:avoid;box-shadow:none}
  a{text-decoration:none}
}

/* ---------- Trust strip, solutions, process, FAQ, map ---------- */
.trust{background:var(--paper-2);color:var(--ink);border-bottom:1px solid var(--line)}
.trust-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:0;max-width:var(--max);margin:0 auto;padding:0 clamp(24px,4.5vw,96px)}
.trust-inner > div{padding:18px 22px 18px 0;display:flex;flex-direction:column;gap:3px;border-left:1px solid var(--line-strong);padding-left:20px}
.trust-inner > div:first-child{border-left:0;padding-left:0}
.trust-inner b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.15}
.trust-inner span{font-size:12.5px;color:var(--text-2);line-height:1.4}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sol{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .25s,box-shadow .25s}
.sol:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--glow)}
.sol .icon{width:40px;height:40px;border-radius:8px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center}
.sol .icon svg{width:22px;height:22px}
.sol h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.08rem;margin:0;letter-spacing:-.01em;color:var(--ink)}
.sol p{margin:0;color:var(--text-2);font-size:14px;line-height:1.55;flex:1}
.sol .picks{display:flex;flex-wrap:wrap;gap:6px}
.sol .picks a{font-size:12px;color:var(--text-2);border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;text-decoration:none;background:var(--paper)}
.sol .picks a:hover{border-color:var(--ink);color:var(--ink)}
.sol .btn{align-self:flex-start}
.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;counter-reset:step}
.process li{display:flex;flex-direction:column;gap:14px;padding:28px 0 8px;border-top:1px solid var(--ink);position:relative}
.process .num{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--ink);width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--paper)}
.process h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.08rem;margin:0 0 8px;letter-spacing:-.01em;color:var(--ink)}
.process p{margin:0;color:var(--text-2);font-size:14.5px}
.faq-wrap{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:56px;align-items:start}
.faq-wrap > div:first-child p{color:var(--text-2);margin:14px 0 22px;max-width:none}
.faq{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.02rem;color:var(--ink);letter-spacing:-.01em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .pm{position:relative;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;transition:transform .25s,border-color .2s}
.faq-item .pm::before,.faq-item .pm::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}
.faq-item .pm::before{width:10px;height:1.5px}
.faq-item .pm::after{width:1.5px;height:10px;transition:opacity .2s}
.faq-item[open] .pm{transform:rotate(180deg);border-color:var(--ink)}
.faq-item[open] .pm::after{opacity:0}
.faq-item .fa{padding:0 0 20px;color:var(--text-2);font-size:14.5px;line-height:1.65;max-width:none}
.map-embed{margin-top:14px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper-2);aspect-ratio:16/9}
.map-embed iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) contrast(1.05);transition:filter .3s}
.map-embed:hover iframe{filter:none}
.map-embed[hidden],body.ext-blocked .map-embed{display:none}
.hours{margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;background:var(--paper)}
.hours b{color:var(--ink)}
.hours span{color:var(--text-2);font-size:14.5px}
.hours small{color:var(--text-3);font-size:12.5px}
.prod .links .dl.ext{background:var(--paper);color:var(--ink);border-style:dashed}
.prod .links .dl.ext:hover{background:var(--paper-2)}
.btn-ext svg{width:16px;height:16px}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .trust-inner{grid-template-columns:repeat(3,1fr);padding:6px 16px}
  .trust-inner > div{padding:12px 16px 12px 16px;border-left:0}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
  .faq-wrap{grid-template-columns:1fr;gap:28px}
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .cat-grid,.prod-grid,.svc,.events{grid-template-columns:repeat(2,1fr)}
  .why{grid-template-columns:repeat(2,1fr)}
  .wall{grid-template-columns:repeat(3,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .brand-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid,.about-grid,.detail{grid-template-columns:minmax(0,1fr);gap:36px}
  .cta-band{flex-direction:column;align-items:flex-start}
  .section-head{flex-direction:column;align-items:flex-start;gap:18px}
}
@media (max-width:980px){
  .menu-btn{display:inline-flex}
  .nav-tools .btn{display:none}
  .search-btn span,.search-btn kbd{display:none}
  .search-btn{width:40px;padding:0;justify-content:center}
  .nav-links{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:2px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);padding:12px 16px 16px;margin:0}
  .nav.open .nav-links{display:flex}
  .nav-links a{padding:12px 14px;font-size:16px}
}
@media (max-width:860px){
  .nav-tools{gap:6px}
  .lang button{padding:6px 7px}
  .lang button[lang]{font-size:12px}
  .brand .logo{height:40px}
  .nav-inner{gap:12px}
  .trust-inner{grid-template-columns:repeat(2,1fr)}
  .sol-grid,.process{grid-template-columns:1fr}
  .menu-btn{display:inline-flex}
  .nav-tools .btn{display:none}
  .search-btn span,.search-btn kbd{display:none}
  .search-btn{width:40px;padding:0;justify-content:center}
  .nav-links{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:2px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);padding:12px 16px 16px;margin:0}
  .nav.open .nav-links{display:flex}
  .nav-links a{padding:12px 14px;font-size:16px}
}
@media (max-width:620px){
  .principals-inner{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}
  .marquee{width:100%}
  .cat-grid,.prod-grid,.why,.svc,.vm,.events{grid-template-columns:1fr}
  .wall{grid-template-columns:repeat(2,1fr)}
  .hero{padding:44px 0 48px}
  .hero-stats{gap:24px;flex-wrap:wrap}
  .section{padding:64px 0}
  .cta-band{padding:32px 26px}
  .foot-grid{grid-template-columns:1fr}
  .form{padding:22px;box-shadow:none}
  .form .row{grid-template-columns:1fr}
  .facts div{grid-template-columns:1fr;gap:4px}
  .ed-pair{grid-template-columns:1fr}
  .logo,.logo-img{height:34px}
  .nav-inner{gap:12px}
  .nav-tools{gap:8px}
  .finder{box-shadow:none}
  .quotebar .container{gap:10px}
  .quotebar .lbl{display:none}
}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none}
  h1.display em{background-size:100% 100%}
  .marquee-track{animation:none}
  .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ---------- Opening animation ---------- */
.intro{position:fixed;inset:0;z-index:200;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .8s cubic-bezier(.7,0,.2,1),opacity .4s ease .5s}
.intro.out{transform:translateY(-100%);opacity:0;pointer-events:none}
body.intro-on{overflow:hidden}
.intro::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,rgba(17,18,20,.045) 0 1px,transparent 1px 7px);opacity:0;transition:opacity 1.2s ease .2s}
.intro.play::before{opacity:1}
.intro-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;padding:24px}
.intro-mark{position:relative;width:min(560px,80vw);aspect-ratio:6136/1000}
.intro-mark svg{width:100%;height:100%;color:var(--ink);fill:var(--ink);opacity:0;transform:scale(.86);transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.intro.play .intro-mark svg{opacity:1;transform:none}
.intro-mark i{position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;background:var(--paper);transform-origin:right;transform:scaleX(1);transition:transform 1.2s cubic-bezier(.65,0,.2,1) .25s}
.intro.play .intro-mark i{transform:scaleX(0)}
.intro-word{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .6s ease 1s,transform .6s cubic-bezier(.2,.7,.2,1) 1s}
.intro.play .intro-word{opacity:1;transform:none}
.intro-word .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}
.intro-line{width:0;height:1px;background:var(--ink);opacity:.55;transition:width 1.4s cubic-bezier(.2,.7,.2,1) 1.1s}
.intro.play .intro-line{width:220px}
.intro-skip{position:absolute;right:20px;bottom:20px;background:transparent;border:1px solid var(--line-strong);color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:12.5px;cursor:pointer;font-family:var(--font-body)}
.intro-skip:hover{border-color:var(--ink);color:var(--ink)}
@media (max-width:620px){ .intro-mark{width:82vw} }
@media (max-width:400px){ .brand .logo{height:30px} .nav-inner{gap:8px} .lang button{padding:6px 5px;font-size:11px} .lang button[lang]{font-size:11.5px} .search-btn{width:36px;height:36px} .menu-btn{width:36px;height:36px} }

/* ---------- Events: coming soon, news page ---------- */
.events li.soon{display:flex;flex-direction:column;gap:12px;align-items:flex-start;grid-column:1 / -1;padding:30px 28px;border-style:dashed;border-color:var(--line-strong);background:var(--paper)}
.events li.soon b{font-weight:500;color:var(--text-2);font-size:15px;max-width:none;line-height:1.5}
.badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:5px 11px}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px rgba(4,44,111,.18)}
.soon-card{border:1px dashed var(--line-strong);border-radius:12px;padding:44px 40px;background:var(--paper);max-width:760px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.soon-card h2{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.018em;margin:0;color:var(--ink)}
.soon-card p{margin:0;color:var(--text-2);max-width:none;font-size:1.02rem}
.soon-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.soon-card .btn svg{width:16px;height:16px}
.foot-social{margin-top:20px}
.foot-social a{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:13.5px;border:1px solid var(--line-strong);border-radius:999px;padding:7px 12px 7px 9px;background:var(--paper);transition:border-color .2s,color .2s;margin:0 6px 6px 0}
.foot-social a:hover{color:var(--ink);border-color:var(--ink)}
.foot-social svg{width:16px;height:16px;fill:currentColor}

/* ---------- Comparison (smart matrix) ---------- */
.cmp-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.cmp-tools .chip{font-size:12.5px;padding:6px 12px}
.cmp-tools .chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cmp-scroll{overflow:auto}
.cmp-table th.corner{vertical-align:bottom}
.cmp-table th.corner .cnt{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--text-3)}
.cmp-table thead th{position:relative;position:sticky;top:0;background:var(--paper);z-index:1}
.cmp-table thead th .rm{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper);color:var(--text-3);cursor:pointer;font-size:16px;line-height:1;z-index:2}
.cmp-table thead th .rm:hover{border-color:var(--warn);color:var(--warn)}
.cmp-table tbody th{text-align:left;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:10px 14px;vertical-align:top;width:160px;background:var(--paper-2)}
.cmp-table tr.diff td{background:#FFFDF2}
.cmp-table tr.same td{color:var(--text-2)}
.cmp-table tr.hid td{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);text-align:center;background:var(--paper-2)}
.cmp-table td .yes{color:var(--ok);font-weight:700}
.cmp-table td .desc{font-size:13px;color:var(--text-2);display:block;max-width:34ch}
.cmp-table.cols-4 th,.cmp-table.cols-4 td{min-width:180px}
@media print{ body.print-cmp > *:not(.cmp-ov){display:none!important} body.print-cmp .cmp-ov{position:static;display:block;background:#fff} body.print-cmp .cmp-box{max-height:none;box-shadow:none;border:0;width:100%} body.print-cmp .cmp-tools,body.print-cmp .cmp-table .rm,body.print-cmp .cmp-table .acts{display:none!important} }

/* ---------- v15: badges, catalogue stamp, print button ---------- */
.prod{position:relative}
.pbadge{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:999px;padding:5px 9px;line-height:1;pointer-events:none}
.detail .aside{position:relative}
.detail .aside .pbadge{top:12px;left:12px}
.page-head .stamp{margin-top:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-3);max-width:none}
.filters-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
.filters-row .filters{margin-bottom:0;flex:1}
.print-btn{flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px}
.print-btn svg{width:15px;height:15px}
.print-head{display:none}
.calc-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);width:100%;font-size:13.5px;font-weight:600;color:var(--ink)}
.calc-link:hover span{text-decoration:underline;text-underline-offset:3px}

/* ---------- Loss budget calculator ---------- */
.calc-section{background:var(--paper-2);border-bottom:1px solid var(--line);padding:18px 0}
.calc-wrap{border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);overflow:hidden}
.calc-wrap[open]{border-color:var(--ink);box-shadow:var(--glow)}
.calc-wrap summary{list-style:none;display:flex;align-items:center;gap:18px;padding:16px 20px;cursor:pointer}
.calc-wrap summary::-webkit-details-marker{display:none}
.calc-wrap summary:hover{background:var(--paper-2)}
.calc-wrap[open] summary{border-bottom:1px solid var(--line)}
.calc-ico{width:44px;height:44px;border-radius:10px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.calc-ico svg{width:22px;height:22px}
.calc-sum{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.calc-sum b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--ink)}
.calc-sum small{font-size:13.5px;color:var(--text-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.calc-tog{flex-shrink:0;font-size:13.5px;font-weight:600;color:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:8px 14px;white-space:nowrap}
.calc-wrap .close-l{display:none}
.calc-wrap[open] .open-l{display:none}
.calc-wrap[open] .close-l{display:inline}
.calc{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start;padding:22px}
.more-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px;padding:16px;border:1px dashed var(--line-strong);border-radius:10px;font-size:13.5px;color:var(--text-2)}
.more-bar[hidden]{display:none}
.more-bar span{margin-right:8px}
.calc-form{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:22px}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.calc-grid .field{margin-bottom:0}
.calc-form .hint{font-size:12px;color:var(--text-3);margin:16px 0 0;line-height:1.5}
.calc-out{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px}
.calc-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}
.calc-kpis .kpi{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.calc-kpis .kpi span{font-size:11.5px;color:var(--text-3);line-height:1.3}
.calc-kpis .kpi b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.calc-kpis .kpi.main{background:var(--ink);color:#fff;border-color:var(--ink)}
.calc-kpis .kpi.main span{color:rgba(255,255,255,.7)}
.calc-kpis .kpi.main b{color:#fff}
.calc-break{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:0;font-size:13.5px}
.calc-break li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);color:var(--text-2)}
.calc-break li b{font-family:var(--font-mono);font-weight:500;color:var(--ink);white-space:nowrap}
.calc-out h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0 0 4px;font-weight:500}
.calc-out .empty{color:var(--text-3);font-size:14px;padding:8px 0;border:0;text-align:left;margin:0}
.calc-rack{font-size:13px;color:var(--text-2);margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.calc-rack a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.calc-out .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* ---------- Warranty / service form, marketplace, video ---------- */
.wr-steps{font-size:14.5px;color:var(--text-2);border-left:2px solid var(--ink);padding-left:14px;margin-top:18px}
#serviceSection .eyebrow{margin-bottom:0}
#serviceSection .title{margin:10px 0 12px}
.marketplace{margin-top:22px;border:1px solid var(--line);border-radius:8px;padding:16px 18px;background:var(--paper-2)}
.marketplace[hidden]{display:none}
.marketplace b{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500;margin-bottom:10px}
.mp-links{display:flex;gap:8px;flex-wrap:wrap}
.mp-links a svg,.foot-social .mp svg{width:14px;height:14px}
.video{margin:4px 0 26px}
.video h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px;font-weight:500}
.video .frame{position:relative;aspect-ratio:16/9;background:var(--paper-3);border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.video .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .ext{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);margin-top:8px}
.video .ext svg{width:13px;height:13px}
body.ext-blocked .video{display:none}
@media (max-width:900px){ .calc{grid-template-columns:1fr} .calc-kpis{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .filters-row{flex-direction:column} .calc-grid{grid-template-columns:1fr} .calc-kpis{grid-template-columns:1fr} .calc-form{padding:18px} .calc{padding:14px;gap:16px} .calc-wrap summary{padding:14px 14px;gap:12px;flex-wrap:wrap} .calc-sum small{display:none} .calc-sum b{font-size:1rem} .calc-tog{padding:8px 11px;font-size:12.5px;width:100%;text-align:center} .calc-ico{width:38px;height:38px} .more-bar span{width:100%;text-align:center;margin:0} }

/* ---------- Printable catalogue: body.print-cat shows only the product list with a letterhead ---------- */
@media print{
  body.print-cat .page-head,body.print-cat .filters-row,body.print-cat .note,body.print-cat .calc-section,body.print-cat .more-bar,body.print-cat .section.alt,body.print-cat .brand-grid,body.print-cat .intro,body.print-cat [data-view="produk"] .section-head{display:none!important}
  body.print-cat .print-head{display:flex;gap:18px;align-items:center;border-bottom:2px solid #000;padding:0 0 12px;margin:0 0 16px;font-size:11px;line-height:1.5}
  body.print-cat .print-head .logo{height:36px;width:auto}
  body.print-cat .print-head b{font-size:13px}
  body.print-cat .prod-grid{display:block}
  body.print-cat .prod{display:grid;grid-template-columns:78px 1fr;grid-template-areas:"img brand" "img name" "img chips" "img desc" "img foot";column-gap:14px;row-gap:3px;padding:10px 0;border:0;border-bottom:1px solid #bbb;border-radius:0;box-shadow:none;transform:none!important;opacity:1!important;page-break-inside:avoid}
  body.print-cat .prod .pimg{grid-area:img;height:72px;width:78px;margin:0;border:0;background:#fff}
  body.print-cat .prod .pimg img{max-height:72px}
  body.print-cat .prod .brand{grid-area:brand;font-size:9.5px}
  body.print-cat .prod h3{grid-area:name;font-size:12.5px}
  body.print-cat .prod .chips{grid-area:chips;margin:0;gap:4px}
  body.print-cat .prod .chips li{font-size:9.5px;padding:2px 6px}
  body.print-cat .prod p{grid-area:desc;font-size:10.5px;line-height:1.4}
  body.print-cat .prod .foot{grid-area:foot;border:0;padding:0;margin:0;font-size:10px}
  body.print-cat .prod .foot .links .cmp,body.print-cat .prod .foot .links .add,body.print-cat .prod .lk a,body.print-cat .pbadge{display:none!important}
  body.print-cat .prod .links .dl{background:none;color:#000;border:0;padding:0;font-size:10px;font-weight:400}
  body.print-cat .prod .links .dl svg{display:none}
  body.print-cat .prod .links .dl::after{content:" " attr(href);font-family:var(--font-mono);font-size:9px;color:#333;word-break:break-all}
  body.print-cat .prod .links .dl.req::after{content:""}
}

/* Grid tracks must never grow past the viewport because of long chips or wide form controls. */
.prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.prod,.calc-form,.calc-out,.calc-grid .field,.field{min-width:0}
.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.calc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.calc{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
input,select,textarea{min-width:0;max-width:100%}
.lib{grid-template-columns:repeat(3,minmax(0,1fr))}
.lib > div{min-width:0}
.lib li a span svg{width:12px;height:12px;vertical-align:-2px;flex-shrink:0}
.lib ul{grid-template-columns:minmax(0,1fr)}
.lib li,.lib li a{min-width:0}
.lib li a span:first-child{min-width:0}
.lib li a span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:48%;display:inline-flex;align-items:center;gap:4px}
.wall{grid-template-columns:repeat(4,minmax(0,1fr))}
.wall > div{min-width:0}
.wall .cl img{max-width:100%}
@media (min-width:981px) and (max-width:1440px){ .search-btn span,.search-btn kbd{display:none} .search-btn{padding:0;width:40px;justify-content:center} .nav-links a,.dd-btn{padding:8px 9px;font-size:14px} .nav-inner{gap:14px} .nav-links{gap:0} .brand .logo{height:42px} }
@media (min-width:981px) and (max-width:1180px){ .nav-tools > .btn-primary{display:none} }
@media (min-width:981px) and (max-width:1070px){ .nav-links a,.dd-btn{padding:8px 6px;font-size:13.5px} .nav-inner{gap:10px} .nav-tools{gap:8px} .brand .logo{height:38px} }
@media (max-width:1000px){ .lib{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .lib{grid-template-columns:minmax(0,1fr)} }
@media (max-width:1000px){ .prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wall{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:620px){ .wall{grid-template-columns:repeat(2,minmax(0,1fr))} .wall > div{padding:18px 12px} .wall .cl img{max-width:130px} #homeWall{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){ .calc{grid-template-columns:minmax(0,1fr)} .calc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .prod-grid,.calc-grid,.calc-kpis{grid-template-columns:minmax(0,1fr)} }

/* ---------- v16: hero with background video / poster (monochrome, dark shade) ---------- */
.hero-media{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;overflow:hidden}
.hero-media[hidden]{display:none}
.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;filter:saturate(.7) contrast(1.03)}
.hero-media.playing video{opacity:1}
/* copy sits on the left over a white veil; the right half stays clear so the video itself is visible */
.hero-media .hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse 62% 78% at 50% 48%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.84) 55%,rgba(255,255,255,.55) 100%),linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.45))}
.hero.has-media{background:#fff}
.hero-grid.hero-solo{grid-template-columns:minmax(0,1fr)}
.hero-solo .hero-copy{max-width:820px;margin:0 auto;text-align:center}
.hero-solo h1.display{font-size:clamp(2.2rem,3.6vw,3.4rem);max-width:none;margin-left:auto;margin-right:auto}

.hero.has-media .hero-solo{min-height:520px;align-items:center}
@media (max-width:860px){ .hero-media .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.9) 70%,rgba(255,255,255,.7) 100%)} .hero.has-media .hero-solo{min-height:0} }

/* ---------- Buying guides ---------- */
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
.guide .gh{display:flex;align-items:center;gap:14px}
.guide .icon{width:44px;height:44px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;flex-shrink:0}
.guide .icon svg{width:22px;height:22px}
.guide h3{margin:0;font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.22rem;letter-spacing:-.015em;color:var(--ink)}
.guide .tips{margin:0;padding:0 0 0 0;list-style:none;counter-reset:tip;display:grid;gap:10px}
.guide .tips li{position:relative;padding-left:34px;font-size:14.5px;color:var(--text-2);line-height:1.55}
.guide .tips li::before{counter-increment:tip;content:counter(tip);position:absolute;left:0;top:1px;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;font-family:var(--font-mono);font-size:11px;display:grid;place-items:center;color:var(--ink)}
.guide .gp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:12px;border-top:1px solid var(--line);font-size:13px}
.guide .gp span{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-right:4px}
.guide .gp a{border:1px solid var(--line-strong);border-radius:999px;padding:4px 10px;color:var(--ink);background:var(--paper-2)}
.guide .gp a:hover{border-color:var(--ink)}
.guide .ask{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);align-self:flex-start}
.guide .ask svg{width:15px;height:15px}
.guide .ask:hover{text-decoration-color:var(--ink)}
@media (max-width:860px){ .guide-grid{grid-template-columns:minmax(0,1fr)} .guide{padding:22px} }

/* ---------- Vision & mission band ---------- */
.vm-band{background:var(--ink);color:#fff;padding:96px 0 88px;position:relative;overflow:hidden}
.vm-band::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px 8px);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 30%,#000 100%);pointer-events:none}
.vm-band .container{position:relative}
.eyebrow.light{color:rgba(255,255,255,.6)}
.eyebrow.light::before{background-image:repeating-linear-gradient(180deg,#fff 0 1px,transparent 1px 2px)}
.vm-lead{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:34px 0 64px}
.vm-item .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);display:block;margin-bottom:18px}
.vm-item .big{font-family:var(--font-display);font-stretch:108%;font-weight:600;font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.22;letter-spacing:-.018em;margin:0;text-wrap:balance;color:#fff}
.vm-commit-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid rgba(255,255,255,.22);padding-top:26px;margin-bottom:26px}
.vm-commit-head .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.vm-commit-head .since{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.4)}
.vm-commit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.vm-commit li{display:flex;flex-direction:column;gap:12px}
.vm-commit .num{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:2rem;letter-spacing:-.03em;color:rgba(255,255,255,.28);line-height:1}
.vm-commit h3{margin:0;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.05rem;color:#fff;letter-spacing:-.01em;line-height:1.3}
.vm-commit p{margin:0;font-size:14px;color:rgba(255,255,255,.68);line-height:1.6}
@media (max-width:900px){ .vm-lead{grid-template-columns:1fr;gap:34px} .vm-commit{grid-template-columns:repeat(2,minmax(0,1fr))} .vm-band{padding:72px 0 64px} }
@media (max-width:560px){ .vm-commit{grid-template-columns:minmax(0,1fr)} }

/* ---------- Brand wall on the products page: logos only, quiet boxes ---------- */
.brand-grid{gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:28px 18px 22px;border:1px solid rgba(17,18,20,.07);border-radius:12px;background:var(--paper);min-height:140px;transition:border-color .2s,box-shadow .25s,transform .25s}
.brand-cell:hover{border-color:rgba(17,18,20,.28);box-shadow:var(--glow);transform:translateY(-2px)}
.brand-cell .bl{height:54px;margin:0;justify-content:center}
.brand-cell .bl img{max-height:54px;max-width:180px;opacity:.95;transition:opacity .25s}
.brand-cell:hover .bl img{opacity:1}
.brand-cell b{display:none}
.brand-cell .bl:not(.has) + b{display:block;margin:0 0 4px}
.brand-cell .tag{display:none}
.brand-cell .cnt{font-size:12px;color:var(--text-3)}
@media (max-width:1000px){ .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:620px){ .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .brand-cell{padding:20px 12px;min-height:110px} .brand-cell .bl img{max-width:120px} }

/* ---------- Compare v2 & spec tables ---------- */
.cmp-table td .best{font-weight:600;color:var(--ink)}
.cmp-table .bm,.cmp-legend .bm{font-style:normal;color:var(--ok);font-size:9px;margin-left:6px;vertical-align:middle}
.cmp-legend{margin-left:auto;font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px}
.cmp-note{font-size:12.5px;color:var(--text-3);margin:10px 0 0;padding:0 4px}
.cmp-note.warn{color:var(--warn);margin:0 0 8px}
.cmp-similar{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.cmp-similar b{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500;margin-bottom:8px}
.cmp-similar .sim{display:flex;flex-wrap:wrap;gap:6px}
.cmp-similar .chip{font-size:12.5px;padding:6px 11px}
.spec-table{margin:0 0 26px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}
.spec-table h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:500;background:var(--paper-2)}
.spec-table table{width:100%;border-collapse:collapse;font-size:14px}
.spec-table th{text-align:left;font-weight:500;color:var(--text-3);padding:9px 16px;border-top:1px solid var(--line);width:38%;vertical-align:top;font-size:13px}
.spec-table td{padding:9px 16px;border-top:1px solid var(--line);color:var(--text);vertical-align:top}
.spec-table tr:first-child th,.spec-table tr:first-child td{border-top:0}
.spec-table .src{display:inline-flex;align-items:center;gap:6px;margin:12px 16px 4px;font-size:12.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.spec-table .src svg{width:13px;height:13px}
.spec-table .note{margin:6px 16px 14px;font-size:12px;color:var(--text-3)}
.sol-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.conv{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--text-2)}
.conv .conv-t{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);width:100%}
.conv label{display:inline-flex;align-items:center;gap:6px}
.conv input{width:110px;padding:7px 9px;font-size:13.5px}
.conv .eq{color:var(--text-3)}
.form-status{margin:12px 0 0;font-size:13.5px;color:var(--text-2);padding:10px 12px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line)}
.form-status.ok{color:var(--ok);border-color:rgba(31,107,58,.35)}
.form-status.err{color:var(--warn);border-color:rgba(178,58,30,.35)}
.form-status.info{color:var(--text);border-color:var(--ink);background:var(--paper)}
.form-status[hidden]{display:none}

/* typographic tile for "berbagai merek" passive products */
.pimg.ctile{background:var(--paper-2);border:1px solid var(--line);place-items:center}
.pimg.ctile .ct{display:grid;gap:8px;text-align:center;padding:12px}
.pimg.ctile .ct b{font-family:var(--font-display);font-stretch:112%;font-weight:800;font-size:clamp(24px,3.4vw,38px);line-height:1;letter-spacing:.01em;color:var(--ink)}
.pimg.ctile .ct span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.detail .pimg.ctile .ct b{font-size:clamp(30px,4vw,52px)}

/* calibration reminder */
.ics-row{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.ics-row .btn{justify-self:start;white-space:normal;text-align:left;line-height:1.3}
.ics-row .hint{margin:0}

/* honeypot field for bots: never shown to people */
.form .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form{position:relative}

/* wide screens: use the width instead of leaving empty margins */
@media (min-width:1360px){
  .prod-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wall{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hero-grid{gap:72px}
  .section{padding:104px 0}
  .lead{font-size:1.16rem;max-width:76ch}
  .prose p{font-size:1.06rem;max-width:none}
}
@media (min-width:1700px){
  :root{--max:1600px}
  html{font-size:17px}
}

/* ---------- v19: EXFO style information architecture ---------- */
/* navigation: "Perusahaan" dropdown, mobile only "Beranda" */
.nav-dd{position:relative;display:flex;align-items:center}
.dd-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;background:transparent;border-radius:var(--radius);font-size:14.5px;font-weight:500;color:var(--text-2);cursor:pointer;font-family:var(--font-body);transition:color .15s,background .15s}
.dd-btn svg{transition:transform .2s}
.dd-btn:hover,.nav-dd.open .dd-btn{color:var(--ink)}
.nav-dd.current .dd-btn{color:var(--ink);background:var(--paper-2)}
.nav-dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:var(--paper);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 22px 44px -22px rgba(17,18,20,.4);padding:8px;display:none;flex-direction:column;gap:2px;z-index:60}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-dd.open .dd-menu{display:flex}
@media (hover:hover) and (min-width:981px){ .nav-dd:hover .dd-menu,.nav-dd:focus-within .dd-menu{display:flex} .nav-dd:hover .dd-btn svg{transform:rotate(180deg)} }
.nav-links .dd-menu a{padding:10px 12px;font-size:14px;border-radius:6px}
.nav-links .dd-menu a:hover{background:var(--paper-2)}
@media (max-width:980px){
  .nav-dd{flex-direction:column;align-items:stretch}
  .dd-btn{justify-content:space-between;padding:12px 14px;font-size:16px;width:100%}
  .dd-menu{position:static;border:0;box-shadow:none;padding:0 0 4px 14px;min-width:0;display:none}
  .nav-dd.open .dd-menu{display:flex}
  .nav-links .dd-menu a{font-size:15px}
}

/* instrument finder: its own section under the brand strip, questions across, results beneath */
.finder-section{background:var(--paper-2);border-bottom:1px solid var(--line);padding:80px 0}
.finder-section .section-head{margin-bottom:28px}
.finder.finder-wide{background:var(--paper);border:1px solid var(--line-strong);border-radius:12px;box-shadow:none;backdrop-filter:none}
.finder-wide .finder-body{padding:0}
.finder-wide .fqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;padding:26px 28px 24px;border-bottom:1px solid var(--line)}
.finder-wide .fq{margin:0;padding:0;border:0}
.finder-wide .fq .ql{margin-bottom:10px}
.finder-wide .fout{padding:22px 28px 26px;display:grid;gap:14px}
.finder-wide .fresult{border-top:0;margin:0;padding:0}
.finder-wide .fresult .recs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.finder-wide .fresult .empty{padding:2px 0}
.finder-wide .fask{margin-top:0;padding-top:14px}
.finder-wide .fask .row{max-width:680px}
.finder-wide .calc-link{align-self:flex-start;justify-self:start}
@media (max-width:860px){ .finder-wide .fqs{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px} .finder-wide .fout{padding:18px 20px 22px} .finder-wide .fresult .recs{grid-template-columns:minmax(0,1fr)} .finder-section{padding:56px 0} }

/* solutions: segment cards, page and detail */
.sol h3 a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.sol-page{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sol.big{padding:28px}
.sol.big h3{font-size:1.18rem}
.sol.big p{font-size:14.5px}
.sol-detail .sol-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 26px;align-items:start;padding:32px 34px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}
.sol-intro .icon{width:56px;height:56px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;grid-row:span 2}
.sol-intro .icon svg{width:28px;height:28px}
.sol-intro p{margin:0;font-size:1.12rem;line-height:1.65;color:var(--text);max-width:none}
.sol-intro .actions{display:flex;flex-wrap:wrap;gap:10px}
.sol-others{margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}
.sol-others h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 14px;font-weight:500}
.sol-links{display:flex;flex-wrap:wrap;gap:8px}
.sol-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:999px;padding:8px 14px 8px 10px;font-size:13.5px;font-weight:500;color:var(--ink);background:var(--paper);transition:border-color .15s}
.sol-links a:hover{border-color:var(--ink)}
.sol-links .icon{width:22px;height:22px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center}
.sol-links .icon svg{width:13px;height:13px}
@media (max-width:1000px){ .sol-page{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .sol-page{grid-template-columns:minmax(0,1fr)} .sol-detail .sol-intro{grid-template-columns:minmax(0,1fr);padding:22px} .sol-intro .icon{grid-row:auto} .sol-intro p{font-size:1rem} .sol-intro .actions .btn{white-space:normal;text-align:left;line-height:1.3} }

/* resources: tool cards, glossary */
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tool{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);transition:border-color .2s,transform .25s,box-shadow .25s;min-width:0}
.tool:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--glow)}
.tool .icon{width:42px;height:42px;border-radius:9px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center}
.tool .icon svg{width:22px;height:22px}
.tool h3{margin:0;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.08rem;letter-spacing:-.01em;color:var(--ink)}
.tool p{margin:0;font-size:14px;color:var(--text-2);line-height:1.55;flex:1}
.tool .go{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.tool .go svg{width:14px;height:14px;transition:transform .2s}
.tool:hover .go svg{transform:translateX(3px)}
.gloss-search{flex-shrink:0}
.gloss-search input{width:min(380px,100%);padding:11px 16px;border-radius:999px}
@media (max-width:1000px){ .gloss-search{width:100%} }
.gloss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid var(--ink)}
.gterm{border-bottom:1px solid var(--line);min-width:0}
.gterm summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:baseline;padding:16px 0}
.gterm summary::-webkit-details-marker{display:none}
.gterm summary b{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}
.gterm summary span{font-size:13px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gterm .pm{position:relative;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;transition:transform .25s,border-color .2s;align-self:center;display:block}
.gterm .pm::before,.gterm .pm::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}
.gterm .pm::before{width:10px;height:1.5px}
.gterm .pm::after{width:1.5px;height:10px;transition:opacity .2s}
.gterm[open] .pm{transform:rotate(180deg);border-color:var(--ink)}
.gterm[open] .pm::after{opacity:0}
.gterm .gd{padding:0 0 18px}
.gterm .gd p{margin:0 0 10px;font-size:14.5px;color:var(--text-2);line-height:1.65}
.gterm .gd a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.gterm .gd a svg{width:13px;height:13px}
@media (max-width:1000px){ .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:860px){ .gloss{grid-template-columns:minmax(0,1fr)} .gterm summary{grid-template-columns:minmax(0,1fr) auto} .gterm summary span{grid-column:1;white-space:normal} .gterm .pm{grid-column:2;grid-row:1} }
@media (max-width:620px){ .tool-grid{grid-template-columns:minmax(0,1fr)} }

/* support page */
.sup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sup-card{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);min-width:0}
.sup-card .icon{width:42px;height:42px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center}
.sup-card .icon svg{width:22px;height:22px}
.sup-card h3{margin:0;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.08rem;letter-spacing:-.01em;color:var(--ink)}
.sup-card p{margin:0;font-size:14px;color:var(--text-2);line-height:1.55}
.sup-note{font-size:13.5px;color:var(--text-3);margin:14px 0 0;max-width:none}
@media (max-width:1000px){ .sup-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .sup-grid{grid-template-columns:minmax(0,1fr)} }

/* legal pages */
.legal-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.legal-nav{position:sticky;top:90px;display:grid;gap:4px}
.legal-nav a{padding:9px 12px;border-radius:6px;font-size:14px;color:var(--text-2)}
.legal-nav a:hover{color:var(--ink)}
.legal-nav a[aria-current="page"]{background:var(--paper-2);color:var(--ink);font-weight:600}
.legal-nav .upd{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:18px 12px 0}
.legal section{padding:26px 0 14px;border-top:1px solid var(--line)}
.legal section:first-child{border-top:0;padding-top:0}
.legal h2{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.28rem;letter-spacing:-.012em;margin:0 0 12px;display:flex;align-items:baseline;gap:14px;color:var(--ink)}
.legal h2 .num{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--text-3);font-weight:500}
.legal p{margin:0 0 12px;color:var(--text-2);line-height:1.7;max-width:none;font-size:15px}
.legal .legal-contact{margin-top:28px;padding-top:20px;border-top:1px solid var(--line-strong);color:var(--text);font-size:14.5px}
.legal .legal-contact a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){ .legal-grid{grid-template-columns:minmax(0,1fr);gap:28px} .legal-nav{position:static;grid-template-columns:repeat(3,auto);justify-content:start;gap:6px} .legal-nav .upd{grid-column:1/-1;margin:8px 0 0} }

/* footer: legal links, dynamic copyright */
.foot-h2{margin-top:24px!important}
.copyright{align-items:center}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.foot-legal a,.foot-legal button{font:inherit;font-size:13px;color:var(--text-3);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.foot-legal a:hover,.foot-legal button:hover{color:var(--ink);text-decoration-color:var(--ink)}
.foot-legal button[hidden]{display:none}

/* cookie consent bar */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;display:flex;justify-content:center;pointer-events:none}
.cookie-bar[hidden]{display:none}
.cookie-in{pointer-events:auto;max-width:820px;width:100%;background:var(--ink);color:#fff;border-radius:14px;padding:18px 22px;display:flex;gap:24px;align-items:center;box-shadow:0 30px 60px -24px rgba(17,18,20,.7);animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
.cookie-txt b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:15px;display:block}
.cookie-txt p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78)}
.cookie-txt a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cookie-acts{display:flex;gap:8px;flex-shrink:0}
.cookie-bar .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.cookie-bar .btn-primary:hover{background:var(--paper-3)}
.cookie-bar .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.cookie-bar .btn-ghost:hover{border-color:#fff}
@media (max-width:620px){ .cookie-in{flex-direction:column;align-items:stretch;padding:16px} .cookie-acts{justify-content:flex-end} }

/* forms: privacy line, reCAPTCHA notice (badge hidden, text shown instead as Google allows) */
.form-legal{margin:12px 0 0;font-size:12px;color:var(--text-3);line-height:1.5}
.form-legal a{text-decoration:underline;text-underline-offset:3px}
.form-legal[hidden]{display:none}
.grecaptcha-badge{visibility:hidden}
@media print{ .cookie-bar,.finder-section,.foot-legal{display:none!important} }
.finder-wide .recs .rec:nth-child(2){border-top:0}
@media (max-width:860px){ .finder-wide .recs .rec:nth-child(2){border-top:1px solid var(--line)} }
@media (max-width:340px){ .brand .logo{height:26px} .nav-tools{gap:5px} .lang button{padding:6px 4px} .search-btn,.menu-btn{width:34px;height:34px} .container{padding:0 16px} }

/* v20: hero copy in three short paragraphs, video shifted so the engineer sits in the clear right half */
.hero .lead p{margin:0 0 14px}
.hero .lead p:last-child{margin-bottom:0}
.hero-solo .lead{max-width:82ch;font-size:1.04rem;line-height:1.62;margin-left:auto;margin-right:auto}
.hero-solo .hero-cta{justify-content:center}
.hero-solo .hero-stats{justify-content:center;gap:56px}
.hero-solo .stat{text-align:center}
.hero-media video{left:0;width:100%;height:100%;object-position:50% 40%}
@media (max-width:1100px){ .hero-media .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.86) 70%,rgba(255,255,255,.7) 100%)} }
/* CTA band after a grey section: breathing room instead of sitting on the border */
.section.cta-sec{padding:72px 0 88px}
.chat-note{display:none}

.dl dd .sub-inline{font-size:12px;color:var(--text-3);margin-left:6px}

/* thank you panel after a form is sent (no mail app, no reference box) */
.form.sent > :not(.form-thanks){display:none}
.form-thanks{display:grid;gap:12px;justify-items:start;padding:8px 4px 4px}
.form-thanks .ok-mark{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.form-thanks .ok-mark svg{width:22px;height:22px}
.form-thanks h3{margin:4px 0 0;font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--ink)}
.form-thanks p{margin:0;color:var(--text-2);font-size:15px;line-height:1.6;max-width:none}
.form-thanks p.note{font-size:12.5px;color:var(--text-3)}
.form-thanks p.ref{font-family:var(--font-mono);font-size:12.5px;color:var(--text-2);letter-spacing:.02em}
.form-thanks p.ref b{color:var(--ink);font-weight:600}
.form-status .detail{display:block;margin-top:4px;font-size:12.5px;color:var(--text-3)}
.form-status .rid{display:block;margin-top:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}
#captchaHost{position:fixed;left:-9999px;bottom:0;width:1px;height:1px;overflow:hidden}
.form-thanks .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.form-status a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* ---------- TKDN: home section, TKDN page, certificate tables ---------- */
.tkdn-sec{border-top:1px solid var(--line)}
.tkdn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tkdn-card{border:1px solid var(--ink);border-radius:10px;background:var(--paper);padding:26px 28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:8px 8px 0 var(--paper-3);min-width:0}
.tkdn-card .tk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tkdn-card .tk-brand{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:#fff;padding:5px 9px;border-radius:4px;line-height:1}
.tkdn-card .tk-note{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.tkdn-card h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.22rem;letter-spacing:-.012em;margin:0;line-height:1.25}
.tkdn-card h3 a{color:var(--ink)}
.tkdn-card .tk-vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:4px 0 2px}
.tkdn-card .tk-vals > div{border-top:1px solid var(--ink);padding-top:10px;min-width:0}
.tkdn-card .tk-vals b{display:block;font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.tkdn-card .tk-vals span{display:block;font-size:12.5px;color:var(--text-2);margin-top:6px;line-height:1.35}
.tk-meta{margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--text-3);line-height:1.6;display:grid;gap:3px}
.tk-meta li{position:relative;padding-left:14px}
.tk-meta li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--text-3)}
.tk-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto}
.tkdn-prose{max-width:860px}
.tkdn-prose section{padding:26px 0 14px;border-top:1px solid var(--line)}
.tkdn-prose section:first-child{border-top:0;padding-top:0}
.tkdn-prose h2{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.28rem;letter-spacing:-.012em;margin:0 0 12px;display:flex;align-items:baseline;gap:14px;color:var(--ink)}
.tkdn-prose h2 .num{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--text-3);font-weight:500}
.tkdn-prose p{margin:0 0 12px;color:var(--text-2);line-height:1.7;max-width:none;font-size:15px}
.tkdn-table{margin:0 0 26px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}
.tkdn-prose .tkdn-table{margin-top:18px}
.tkdn-table h3,.tkdn-table h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:500;background:var(--paper-2)}
.tkdn-table h3{font-family:var(--font-display);font-stretch:106%;text-transform:none;letter-spacing:-.01em;font-size:1rem;font-weight:600;color:var(--ink)}
.tkdn-table .tk-scroll{overflow-x:auto}
.tkdn-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
.tkdn-table th{text-align:left;font-weight:500;color:var(--text-3);padding:9px 16px;border-bottom:1px solid var(--line);font-size:12.5px;white-space:nowrap}
.tkdn-table td{padding:10px 16px;border-top:1px solid var(--line);color:var(--text);vertical-align:top;font-variant-numeric:tabular-nums}
.tkdn-table td b{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.05rem;color:var(--ink)}
.tkdn-table tbody tr:first-child td{border-top:0}
.tkdn-table .tk-meta{margin:12px 16px 0}
.tkdn-card .tk-meta{margin-top:2px}
.tkdn-table .tk-links{padding:12px 16px 16px;gap:16px}
.tkdn-table .src{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.tkdn-table .src svg{width:13px;height:13px}
.tkdn-table .btn svg{width:14px;height:14px}
@media (max-width:820px){.tkdn-grid{grid-template-columns:1fr}.tkdn-card{padding:22px 20px 20px;box-shadow:6px 6px 0 var(--paper-3)}}

/* ---------- Product photo gallery (v30): arrows, thumbnails, swipe, lightbox ---------- */
.gal{margin:0 0 22px}
.gal .gal-view{position:relative;outline-offset:4px;touch-action:pan-y}
.gal .gal-view .pimg img,.lb img{-webkit-user-drag:none;user-select:none}
.gal .gal-view .pimg{margin:0;background:#fff;border:1px solid var(--line)}
.gal .gal-view .pimg img{cursor:zoom-in;transition:opacity .22s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.gal .gal-view .pimg img.swap{opacity:0}
.gal-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:3;transition:border-color .15s,background .15s,opacity .2s;box-shadow:0 4px 14px -6px rgba(17,18,20,.35)}
.gal-btn svg{width:18px;height:18px}
.gal-btn:hover{border-color:var(--ink);background:#fff}
.gal-btn.prev{left:10px}.gal-btn.next{right:10px}
.gal-count{position:absolute;left:12px;bottom:10px;z-index:3;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--text-2);pointer-events:none}
.gal-count b{color:var(--ink);font-weight:600}
.gal-count span{margin:0 2px;color:var(--text-3)}
.gal-zoom{position:absolute;right:12px;bottom:10px;z-index:3;width:32px;height:32px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.92);color:var(--text-2);display:grid;place-items:center;cursor:pointer}
.gal-zoom svg{width:16px;height:16px}
.gal-zoom:hover{color:var(--ink);border-color:var(--ink)}
.gal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding:2px}
.gal-thumbs::-webkit-scrollbar{display:none}
.gal-th{flex:0 0 64px;height:52px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;overflow:hidden;opacity:.7;transition:opacity .15s,border-color .15s}
.gal-th img{width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:multiply;display:block}
.gal-th:hover{opacity:1}
.gal-th.on{opacity:1;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.pcount{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;background:rgba(255,255,255,.92);border:1px solid var(--line);color:var(--text-2);border-radius:999px;padding:3px 8px;line-height:1;pointer-events:none}
.pcount svg{width:13px;height:13px}
.lb{position:fixed;inset:0;z-index:260;background:rgba(17,18,20,.86);display:none;align-items:center;justify-content:center;padding:24px}
.lb.open{display:flex}
.lb figure{margin:0;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:pan-y}
.lb img{max-width:100%;max-height:calc(100vh - 90px);object-fit:contain;background:#fff;border-radius:8px;user-select:none;-webkit-user-drag:none}
.lb figcaption{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.75);letter-spacing:.08em}
.lb-x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(17,18,20,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-x svg{width:20px;height:20px}
.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(17,18,20,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-btn svg{width:22px;height:22px}
.lb-btn.prev{left:16px}.lb-btn.next{right:16px}
.lb.single .lb-btn{display:none}
.lb-x:hover,.lb-btn:hover{background:#000;border-color:#fff}
body.lb-open{overflow:hidden}
@media (max-width:640px){
  .gal-btn{width:34px;height:34px}
  .lb{padding:12px}
  .lb-btn{width:40px;height:40px;top:auto;bottom:14px;transform:none}
  .lb-btn.prev{left:14px}.lb-btn.next{right:14px}
  .lb img{max-height:calc(100vh - 120px)}
}

/* ---------- TKDN page (v30): photo strip, fact tiles, certification steps, side navigation ---------- */
.tkdn-intro{padding-bottom:28px}
.tkdn-cards-sec{padding-top:0}
.tkdn-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:stretch}
.tkdn-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tkdn-photos.n1{grid-template-columns:1fr}
.tkdn-photos.n3,.tkdn-photos.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.tkdn-ph{margin:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column}
.tkdn-ph .pimg{aspect-ratio:4/3;margin:0;border-radius:0;background:#fff}
.tkdn-ph .pimg img{padding:6%}
.tkdn-ph a{display:block}
.tkdn-ph:hover .pimg.has img{transform:scale(1.04)}
.tkdn-ph figcaption{padding:10px 14px 12px;border-top:1px solid var(--line);display:grid;gap:2px}
.tkdn-ph figcaption b{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:14px;color:var(--ink);letter-spacing:-.005em}
.tkdn-ph figcaption span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.tkdn-facts{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
.tkdn-facts > div{border:1px solid var(--ink);border-radius:10px;background:var(--paper);padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:6px 6px 0 var(--paper-3)}
.tkdn-facts b{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:clamp(2rem,3.4vw,2.9rem);letter-spacing:-.025em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.tkdn-facts b.sm{font-size:clamp(1.2rem,1.9vw,1.6rem);letter-spacing:-.01em;line-height:1.15}
.tkdn-facts span{font-size:13.5px;color:var(--text-2)}
.tkdn-facts small{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-3)}
.tkdn-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:tk}
.tkdn-steps li{position:relative;padding:22px 0 0;border-top:1px solid var(--line-strong)}
.tkdn-steps li::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:3px;background:var(--ink)}
.tkdn-steps .n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:12.5px;font-weight:500;margin-bottom:12px}
.tkdn-steps h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.02rem;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}
.tkdn-steps p{margin:0;color:var(--text-2);font-size:14px;line-height:1.55}
.tkdn-prose-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
.tkdn-nav{position:sticky;top:90px;display:grid;gap:4px}
.tkdn-nav button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-2);padding:8px 10px;border-radius:var(--radius);cursor:pointer;font-size:13.5px;font-family:var(--font-body);transition:background .15s,color .15s}
.tkdn-nav button:hover{background:var(--paper-2);color:var(--ink)}
.tkdn-nav button span{font-family:var(--font-mono);font-size:11px;color:var(--text-3);width:16px}
.tkdn-nav button i{font-style:normal}
.tkdn-prose{max-width:none}
.tkdn-prose section{scroll-margin-top:90px}
.tkdn-rule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 22px;padding:0}
.tkdn-rule > div{border:1px solid var(--line);border-radius:10px;background:var(--paper-2);padding:18px 20px;display:grid;gap:6px}
.tkdn-rule b{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:2.2rem;letter-spacing:-.025em;line-height:1;color:var(--ink)}
.tkdn-rule span{font-size:13.5px;color:var(--text-2);line-height:1.45}
.tkdn-rule .src{grid-column:1/-1;margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.tkdn-qa{margin:6px 0 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);padding:16px 20px}
.tkdn-qa h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px;font-weight:500}
.tkdn-qa ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tkdn-qa li{display:flex;justify-content:space-between;gap:16px;font-size:14px;border-top:1px solid var(--line);padding-top:6px}
.tkdn-qa li:first-child{border-top:0;padding-top:0}
.tkdn-qa li b{font-family:var(--font-mono);font-weight:500;color:var(--ink);white-space:nowrap}
@media (max-width:980px){
  .tkdn-hero{grid-template-columns:minmax(0,1fr)}
  .tkdn-facts{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}
  .tkdn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tkdn-prose-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .tkdn-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}
  .tkdn-nav button{border-color:var(--line-strong);background:var(--paper)}
  .tkdn-nav button span{display:none}
}
@media (max-width:640px){
  .tkdn-facts{grid-template-columns:minmax(0,1fr)}
  .tkdn-steps{grid-template-columns:minmax(0,1fr)}
  .tkdn-rule{grid-template-columns:minmax(0,1fr)}
  .tkdn-photos,.tkdn-photos.n3,.tkdn-photos.n4{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Hero with product showcase (v30) ---------- */
@media (min-width:1100px){
  .hero-grid.hero-two{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
  .hero-two .hero-copy{text-align:left;margin:0;max-width:none}
  .hero-two h1.display{margin-left:0;margin-right:0}
  .hero-two .lead{margin-left:0;margin-right:0;max-width:60ch}
  .hero-two .hero-cta{justify-content:flex-start}
  .hero-two .hero-stats{justify-content:flex-start;gap:44px}
  .hero-two .stat{text-align:left}
}
.hero-show{position:relative;z-index:1;animation:rise .8s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-show[hidden]{display:none}
.hs-card{overflow:hidden;min-width:0;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--ink);border-radius:12px;box-shadow:10px 10px 0 var(--paper-3),var(--glow);padding:18px 20px 14px;display:flex;flex-direction:column;gap:10px}
.hs-card .eyebrow{margin:0}
.hs-stage{position:relative;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;min-width:0}
.hs-slide{grid-area:1/1;min-width:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:center;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s .55s}
.hs-slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease .1s,transform .55s cubic-bezier(.2,.7,.2,1) .1s,visibility 0s}
.hs-slide.out{transform:translateX(-18px)}
.hs-img{display:block}
.hs-img .pimg{aspect-ratio:1/1;margin:0;background:#fff;border-radius:10px}
.hs-img .pimg img{padding:6%}
.hs-slide.on .hs-img .pimg.has img{animation:hsFloat 6s ease-in-out infinite}
@keyframes hsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hs-copy{display:grid;gap:10px;align-content:center;min-width:0}
.hs-brand{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.hs-brand i{font-style:normal;color:var(--line-strong);margin:0 2px}
.hs-copy h3{font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:clamp(1.15rem,1.6vw,1.45rem);letter-spacing:-.015em;line-height:1.15;margin:0;color:var(--ink)}
.hs-copy h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.hs-copy .chips li{font-size:11px}
.hs-copy .btn{justify-self:start;margin-top:2px}
.hs-copy .btn svg{width:14px;height:14px}
.hs-nav{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.hs-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s}
.hs-btn svg{width:16px;height:16px}
.hs-btn:hover{border-color:var(--ink)}
.hs-dots{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}
.hs-dots button{width:22px;height:4px;border-radius:2px;border:0;background:var(--line-strong);cursor:pointer;padding:0;transition:background .2s,width .2s}
.hs-dots button.on{background:var(--ink);width:34px}
.hs-count{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);flex-shrink:0}
.hs-count b{color:var(--ink);font-weight:600}
.hs-count span{margin:0 2px}
@media (max-width:1099px){
  .hero-show{margin-top:36px;max-width:720px;margin-left:auto;margin-right:auto}
}
@media (max-width:640px){
  .hs-slide{grid-template-columns:minmax(0,1fr);gap:12px}
  .hs-img .pimg{aspect-ratio:4/3}
  .hs-stage{min-height:0}
  .hs-card{padding:16px 16px 12px;box-shadow:6px 6px 0 var(--paper-3)}
  .hs-copy .btn{justify-self:stretch;justify-content:center}
}
body.no-motion .hs-slide.on .hs-img .pimg.has img{animation:none}

/* ---------- Category cards with a product photo, solution cards with thumbnails (v30) ---------- */
.cat.has-photo{padding-top:0;overflow:hidden}
.cat .cimg{display:block;margin:0 -24px 6px;border-bottom:1px solid var(--line);background:#fff}
.cat .cimg .pimg{aspect-ratio:16/9;margin:0;border-radius:0;background:#fff}
.cat .cimg .pimg img{padding:7% 10%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cat:hover .cimg .pimg.has img{transform:scale(1.06)}
.cat.has-photo .arrow{top:auto;bottom:22px}
.cat.has-photo .icon{margin-top:8px}
.cat.has-photo .cnt{padding-right:40px}
.sol-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sol-thumbs{display:flex;gap:6px}
.sol-thumbs .th{width:48px;height:48px;border:1px solid transparent;border-radius:8px;background:#fff;display:block;overflow:hidden;transition:border-color .2s,transform .2s}
.sol-thumbs .th .pimg{aspect-ratio:1/1;margin:0;border-radius:0;background:#fff}
.sol-thumbs .th .pimg img{padding:4px}
.sol-thumbs .th:has(.pimg.has){border-color:var(--line)}
.sol-thumbs .th:hover{border-color:var(--ink);transform:translateY(-2px)}
.sol.big .sol-thumbs .th{width:56px;height:56px}
@media (max-width:640px){ .cat .cimg{margin:0 -20px 4px} }

/* Long button labels (editable text) must never push the layout wider than the phone screen */
@media (max-width:640px){
  .btn{white-space:normal;text-align:center}
  .fask .row{flex-wrap:wrap}
  .fask .row .btn{flex:1 1 100%;justify-content:center}
  .fask input{flex:1 1 100%}
}

/* ---------- v31: activity photos (home mosaic, galleries, thumbnails) ---------- */
.photos-sec{border-top:1px solid var(--line)}
figure.ph{position:relative;margin:0;border-radius:10px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line);cursor:zoom-in;min-width:0}
figure.ph .ph-img{position:relative;aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}
figure.ph .ph-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease,transform .8s cubic-bezier(.2,.7,.2,1);-webkit-user-drag:none}
figure.ph .ph-img.has img{opacity:1}
figure.ph:hover .ph-img.has img{transform:scale(1.045)}
figure.ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 14px 12px;color:#fff;font-size:12.5px;line-height:1.4;display:flex;flex-direction:column;gap:3px;background:linear-gradient(180deg,rgba(17,18,20,0) 0%,rgba(17,18,20,.55) 45%,rgba(17,18,20,.78) 100%);pointer-events:none;text-wrap:pretty}
figure.ph figcaption .y{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;opacity:.85}
figure.ph.big figcaption{font-size:14px;padding:56px 18px 16px}
.ph-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ph-mosaic .big{grid-column:span 2;grid-row:span 2;min-height:0}
.ph-mosaic .big .ph-img{position:absolute;inset:0;aspect-ratio:auto}
.ph-mosaic.n3,.ph-mosaic.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.ph-mosaic.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ph-mosaic.n4 .big{grid-column:auto;grid-row:auto}
.ph-mosaic.n4 .big .ph-img{position:relative;inset:auto;aspect-ratio:4/3}
.ph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.news-ph-head{margin-top:64px}
.events li.ph-ev{padding:0;overflow:hidden;cursor:zoom-in;transition:border-color .2s,transform .25s,box-shadow .25s}
.events li.ph-ev:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--glow)}
.events li.ph-ev .ev{aspect-ratio:4/3;border-radius:0;margin:0 0 14px}
.events li.ph-ev .ev img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.events li.ph-ev:hover .ev.has img{transform:scale(1.04)}
.events li.ph-ev .y{padding:0 20px}
.events li.ph-ev b{display:block;padding:0 20px 20px;font-size:.98rem}
.sup-ph{display:flex;gap:6px;margin-top:2px}
.sup-ph .th{width:58px;height:44px;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);flex-shrink:0}
.sup-ph .th img{width:100%;height:100%;object-fit:cover;display:block}
.sup-card .more,.svc .more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);margin-top:2px}
.sup-card .more:hover,.svc .more:hover{text-decoration-color:var(--ink)}
.sup-card .more svg,.svc .more svg{width:14px;height:14px}
.svc .sup-ph{margin-top:16px}
.svc .more{margin-top:10px}
@media (max-width:980px){
  .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ph-mosaic,.ph-mosaic.n3,.ph-mosaic.n6{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ph-mosaic .big{grid-column:1 / -1;grid-row:auto}
  .ph-mosaic .big .ph-img{position:relative;inset:auto;aspect-ratio:4/3}
  figure.ph figcaption{font-size:11.5px;padding:28px 10px 9px}
  figure.ph.big figcaption{font-size:13px;padding:40px 14px 12px}
  .ph-grid{grid-template-columns:minmax(0,1fr)}
  .news-ph-head{margin-top:44px}
}

/* ---------- v31: training page ---------- */
.tr-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tr-hero.n1{grid-template-columns:minmax(0,1fr)}
.tr-hero figure.ph .ph-img{aspect-ratio:16/10}
.tr-hero figure.ph figcaption{font-size:14px;padding:56px 18px 16px}
.tr-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 28px}
.tr-topics > div{padding:24px 0 10px;border-top:1px solid var(--ink);min-width:0}
.tr-topics .icon{width:42px;height:42px;border-radius:8px;background:var(--paper);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;margin-bottom:16px}
.tr-topics .icon svg{width:22px;height:22px}
.tr-topics h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink);line-height:1.3}
.tr-topics p{margin:0;color:var(--text-2);font-size:14px;line-height:1.55}
.tr-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tr-how > div{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:24px 24px 22px;min-width:0;transition:border-color .2s,transform .25s,box-shadow .25s}
.tr-how > div:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--glow)}
.tr-how .n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:12.5px;font-weight:500;margin-bottom:14px}
.tr-how h3{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink);line-height:1.3}
.tr-how p{margin:0;color:var(--text-2);font-size:14px;line-height:1.55}
@media (max-width:980px){
  .tr-topics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tr-how{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .tr-hero{grid-template-columns:minmax(0,1fr)}
  .tr-hero figure.ph figcaption{font-size:12.5px;padding:36px 12px 11px}
  .tr-topics{grid-template-columns:minmax(0,1fr);gap:0}
  .tr-topics > div{padding:20px 0 14px}
  .tr-how{grid-template-columns:minmax(0,1fr)}
}

/* ---------- v31: stock / lead time label ---------- */
.stock{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 8px;line-height:1.5;margin-left:8px;vertical-align:middle;white-space:nowrap}
.stock::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.stock.ready{background:var(--ink);color:#fff}
.stock.indent{border:1px solid var(--line-strong);color:var(--text-2);background:var(--paper)}
.prod .brand{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0}
.stockline{margin:-6px 0 18px;font-size:13.5px;color:var(--text-2)}
.stockline .stock{margin-left:0;font-size:11px;padding:4px 11px}

/* ---------- v31: TKDN certification flow drawn into the five steps (icon rings joined by dashed connectors) ---------- */
.tkdn-steps li{padding:0;border-top:0}
.tkdn-steps li::before{display:none}
.tkdn-steps li .n{display:none}
.flow-ico{position:relative;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);margin-bottom:20px;box-shadow:5px 5px 0 var(--paper-3);z-index:1}
.flow-ico svg{width:30px;height:30px}
.flow-ico i{position:absolute;top:-5px;right:-7px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;border:2px solid var(--paper-2);font-style:normal;font-family:var(--font-mono);font-size:11px;font-weight:500;display:grid;place-items:center;line-height:1}
.tkdn-steps li:not(:last-child)::after{content:"";position:absolute;top:33px;left:80px;right:-8px;border-top:1.5px dashed var(--line-strong)}
.tkdn-steps li:not(:last-child) .flow-arrow{position:absolute;top:29.5px;right:-8px;width:8px;height:8px;border-top:1.5px solid var(--line-strong);border-right:1.5px solid var(--line-strong);transform:rotate(45deg)}
.tkdn-steps h3{margin-top:2px}
@media (max-width:980px){
  .tkdn-steps li:not(:last-child)::after,.tkdn-steps li:not(:last-child) .flow-arrow{display:none}
}
@media (max-width:640px){
  .tkdn-steps{gap:22px}
  .tkdn-steps li{padding-left:84px;min-height:66px}
  .tkdn-steps li .flow-ico{position:absolute;left:0;top:0;margin:0;width:62px;height:62px}
  .tkdn-steps li:not(:last-child)::after{display:block;top:70px;bottom:-22px;left:31px;right:auto;width:0;border-top:0;border-left:1.5px dashed var(--line-strong)}
}

/* ---------- v32: leaner home page (category cards without paragraphs, compact solution cards) ---------- */
.cat .cnt{margin-top:auto}
.cat.has-photo .cnt{padding-right:40px}
.sol.mini{padding:20px 20px 16px;gap:10px;color:inherit;text-decoration:none;min-height:0}
.sol.mini h3{font-size:1.04rem;line-height:1.3}
.sol.mini .cnt{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.sol.mini .cnt i{display:inline-flex;color:var(--text-3);transition:transform .2s,color .2s}
.sol.mini .cnt i svg{width:16px;height:16px}
.sol.mini:hover .cnt{color:var(--ink)}
.sol.mini:hover .cnt i{color:var(--ink);transform:translate(2px,-2px)}
.sol-grid:has(.mini){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){ .sol-grid:has(.mini){grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .sol-grid:has(.mini){grid-template-columns:minmax(0,1fr)} }
@media (min-width:981px){ .nav-links > a[data-route="home"]{display:none} }

/* ---------- v33: hero video kept whole (subject no longer cut at the top), soft fade into the page ---------- */

/* ---------- v33: arrows on product cards to browse the other official photos ---------- */
.prod .pimg .pv-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:3;opacity:0;transition:opacity .15s,border-color .15s,background .15s;padding:0}
.prod .pimg .pv-btn svg{width:15px;height:15px}
.prod .pimg .pv-btn.prev{left:8px}.prod .pimg .pv-btn.next{right:8px}
.prod:hover .pimg.has .pv-btn,.prod:focus-within .pimg.has .pv-btn{opacity:1}
.prod .pimg .pv-btn:hover{border-color:var(--ink);background:var(--ink);color:#fff}
@media (hover:none){ .prod .pimg.has .pv-btn{opacity:1} }
.prod .pimg img{transition:opacity .2s,transform .5s cubic-bezier(.2,.7,.2,1)}
.pcount i{font-style:normal;color:var(--ink);font-weight:600}


/* ---------- v36: certification badges in the first footer column, blended into the footer background ---------- */
.cbadges{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:26px;padding-top:22px;border-top:1px solid var(--line-strong);max-width:340px}
.cbadge{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;color:var(--ink);text-decoration:none;font-family:var(--font-body);letter-spacing:0;text-transform:none;cursor:pointer;text-align:left;border-radius:6px;transition:opacity .15s}
.cbadge:hover{opacity:.8}
span.cbadge{cursor:default}
.cbadge .cm{height:46px;max-width:92px;width:auto;object-fit:contain;display:block;flex-shrink:0}
.cbadge .tk{width:46px;height:46px;border-radius:6px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.06em;flex-shrink:0}
.cbadge .ct{display:grid;gap:1px;min-width:0;line-height:1.2}
.cbadge .ct b{font-size:13px;color:var(--ink);font-weight:700;white-space:nowrap;letter-spacing:-.005em}
.cbadge .ct small{font-size:10px;letter-spacing:.02em;color:var(--text-2);white-space:nowrap;font-weight:500;text-transform:none}
.cbadge .ct small:last-child{color:var(--text-3)}
.cbadge .mk{display:flex;gap:8px;align-items:center;border-left:1px solid var(--line-strong);padding-left:10px;margin-left:2px}
.cbadge .mk img{height:22px;width:auto;max-width:44px;object-fit:contain;display:block}
@media (max-width:640px){ .cbadges{max-width:none} .cbadge .cm,.cbadge .tk{height:42px} .cbadge .tk{width:42px} }

/* ---------- v34: installable app and offline notice ---------- */
.foot-app{margin-top:12px}
.foot-app .btn svg{width:16px;height:16px}
.offline-bar{background:var(--ink);color:#fff;font-size:13px;text-align:center;padding:8px 16px;font-family:var(--font-mono);letter-spacing:.02em}
.offline-bar[hidden]{display:none}

/* ---------- v35: finder note, form validation states ---------- */
.fresult .fnote{margin:0 0 10px;font-size:13px;color:var(--text-2);border-left:2px solid var(--ink);padding-left:10px}
.form input[aria-invalid="true"],.calc-form input[aria-invalid="true"]{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper-3)}

/* ---------- v35: one natural typeface (Plus Jakarta Sans) for headings, text and labels; small labels lose the typewriter look ---------- */
.eyebrow,.fq .ql,.why .k,.group-title,.foot-grid h4,.foot-grid .fc-l,.dl dt,.facts dt,.vm .k,.detail .brandline,.tkdn-card .tk-note,.tkdn-qa h4,.tkdn-table h4,.hs-count,.cert .ct small,.cbadge small,.tr-topics .k{font-weight:600;letter-spacing:.1em}
.chips li,.detail .meta a,.detail .meta span,.stock,.pcount,.dl-link,.calc-break span,.copyright,.lang,.lang button,kbd,.search-btn kbd{letter-spacing:.01em}
.copyright{font-size:13px}
.lang button{font-weight:600}
.stat b,.tkdn-facts b,.tkdn-card .tk-vals b,.tkdn-rule b,.hs-count b{font-variant-numeric:tabular-nums}

/* ---------- v35: Google reviews (real reviews pasted by the owner) ---------- */
.rv-sum{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stars{display:inline-flex;gap:1px;font-size:15px;line-height:1;color:var(--line-strong)}
.stars i{font-style:normal}
.stars i.on{color:#F4B400}
.rv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rv{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.rv p{margin:0;font-size:14.5px;line-height:1.6;color:var(--text);flex:1}
.rv footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px;font-size:13px}
.rv footer b{color:var(--ink);font-weight:600}
.rv footer span{color:var(--text-3);flex:1}
.rv footer img{width:16px;height:16px;flex-shrink:0}
.rv-note{margin:18px 0 0;font-size:13.5px;color:var(--text-2)}
.rv-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){ .rv-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .rv-grid{grid-template-columns:minmax(0,1fr)} }

/* ---------- v36: mobile layering (compare bar above the floating buttons), scrollable mobile menu, swipeable showcase ---------- */
@media (max-width:620px){
  body.has-quote .cmpbar{bottom:84px}
  .cmpbar span{white-space:normal}
}
@media (max-width:980px){
  .nav.open .nav-links{max-height:calc(100vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}
}
.hs-stage{touch-action:pan-y}
.hs-img img{-webkit-user-drag:none}

/* ---------- v38: cinematic hero. The video fills the screen under the navigation; only one short headline and one button sit
   at the bottom left over a white fade, so nothing covers the picture. The featured product card lives in its own section
   right below the hero, on white, together with the lead and the two secondary buttons. ---------- */
.hero.hero-cine{padding:0;border-bottom:0;background:#fff}
.hero-cine .hero-cine-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:clamp(540px,calc(100vh - 70px),900px);min-height:clamp(540px,calc(100svh - 70px),900px);padding-top:24px;padding-bottom:110px}
.hero-cine .hero-cine-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.hero-cine .hero-copy{max-width:min(100%,840px);margin:0;text-align:left;animation:rise .9s .1s cubic-bezier(.2,.7,.2,1) both}
.hero-cine h1.display{font-size:clamp(2.2rem,4vw,3.9rem);line-height:1.04;margin:0 0 26px;max-width:22ch;text-shadow:0 1px 0 rgba(255,255,255,.85),0 0 2px rgba(255,255,255,.9),0 0 34px rgba(255,255,255,.75)}
.hero-cine .hero-cta{justify-content:flex-start}
.hero-cine h1.display em{background-image:none;animation:none}
.hero-cine .hero-cta .btn{padding:14px 24px;font-size:15px}
.hero-cine .hero-media{background-position:50% 50%}
.hero-cine .hero-media video{object-position:50% 50%;filter:saturate(.8) contrast(1.03)}
.hero-cine .hero-media .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,.6) 82%,#fff 100%),linear-gradient(90deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.3) 34%,rgba(255,255,255,0) 60%)}
.hero-cine:not(.has-media){border-bottom:1px solid var(--line)}
.hero-cine:not(.has-media) .hero-cine-inner{min-height:0;padding-top:72px;padding-bottom:96px}
.hero-cine:not(.has-media) h1.display,.hero-cine:not(.has-media) .hero-scroll{text-shadow:none}
.hero-scroll{position:absolute;left:0;right:0;bottom:26px;width:max-content;margin:0 auto;display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;cursor:pointer;color:var(--ink);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;text-shadow:0 1px 0 rgba(255,255,255,.85);animation:rise .9s .4s cubic-bezier(.2,.7,.2,1) both}
.hero-scroll i{width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:rgba(255,255,255,.8);display:grid;place-items:center;transition:background .15s}
.hero-scroll i::before{content:"";width:9px;height:9px;border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:translateY(-2px) rotate(45deg);animation:scrollHint 1.8s ease-in-out infinite}
.hero-scroll:hover i{background:var(--ink)}
.hero-scroll:hover i::before{border-color:#fff}
.hero-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}
@keyframes scrollHint{0%,100%{transform:translateY(-3px) rotate(45deg)}50%{transform:translateY(1px) rotate(45deg)}}
body.no-motion .hero-scroll i::before{animation:none}
.featured{padding:72px 0 64px;background:#fff;border-bottom:1px solid var(--line);scroll-margin-top:70px}
.featured-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.featured-intro .lead{margin:16px 0 26px;max-width:54ch}
.featured-intro .hero-cta{justify-content:flex-start}
.featured .hero-show{animation:none;margin:0;max-width:none}
@media (max-width:1099px){
  .featured{padding:56px 0 52px}
  .featured-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .featured .hero-show{max-width:720px}
}
@media (max-width:860px){
  .hero-cine .hero-cine-inner{min-height:clamp(460px,calc(100vh - 190px),700px);min-height:clamp(460px,calc(100svh - 190px),700px);padding-bottom:44px}
  .hero-cine .hero-media .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 26%,rgba(255,255,255,.55) 52%,rgba(255,255,255,.92) 78%,#fff 100%)}
  .hero-cine h1.display{max-width:none}
  .hero-cine .hero-media video{object-position:46% 50%}
  .hero-cine .hero-media{background-position:46% 50%}
  .hero-cine .hero-copy{max-width:100%}
  .hero-cine h1.display{font-size:clamp(1.9rem,8.4vw,2.2rem)}
}
@media (max-width:640px){
  .hero-scroll{display:none}
  .hero-cine .hero-cta .btn{width:100%;justify-content:center}
  .featured{padding:48px 0 44px}
}
@media print{ .hero-cine .hero-cine-inner{min-height:0;padding-top:24px;padding-bottom:24px} .hero-scroll{display:none} .featured{padding:16px 0} }

/* ---------- v39: dark tone for the cinematic hero (meta.heroTone = "dark"): white headline and white button over a dark
   video, no white fade. The light tone (black text, white fade) stays available for bright footage. ---------- */
.hero-cine.hero-dark{background:#0e0f11}
.hero-cine.hero-dark .hero-media .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.1) 62%,rgba(0,0,0,.5) 86%,rgba(0,0,0,.6) 100%),linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.34) 32%,rgba(0,0,0,0) 62%)}
.hero-cine.hero-dark .hero-media video{filter:saturate(.9) contrast(1.02)}
.hero-cine.hero-dark h1.display,.hero-cine.hero-dark h1.display em{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5),0 12px 44px rgba(0,0,0,.55)}
.hero-cine.hero-dark .hero-cta .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.hero-cine.hero-dark .hero-cta .btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
.hero-cine.hero-dark .hero-scroll{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hero-cine.hero-dark .hero-scroll i{border-color:rgba(255,255,255,.85);background:rgba(0,0,0,.28)}
.hero-cine.hero-dark .hero-scroll i::before{border-color:#fff}
.hero-cine.hero-dark .hero-scroll:hover i{background:#fff}
.hero-cine.hero-dark .hero-scroll:hover i::before{border-color:var(--ink)}
.hero-cine.hero-dark .hero-scroll:focus-visible{outline-color:#fff}
.hero-cine.hero-dark:not(.has-media){background:#fff}
.hero-cine.hero-dark:not(.has-media) h1.display,.hero-cine.hero-dark:not(.has-media) h1.display em{color:var(--ink);text-shadow:none}
.hero-cine.hero-dark:not(.has-media) .hero-cta .btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.hero-cine.hero-dark:not(.has-media) .hero-scroll{color:var(--ink);text-shadow:none}
.hero-cine.hero-dark:not(.has-media) .hero-scroll i{border-color:var(--ink);background:rgba(255,255,255,.8)}
.hero-cine.hero-dark:not(.has-media) .hero-scroll i::before{border-color:var(--ink)}
@media (max-width:860px){
  .hero-cine.hero-dark .hero-media .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,.42) 52%,rgba(0,0,0,.8) 100%)}
}

/* ---------- v40: source credit for the hero video (meta.heroVideoCredit), small and muted at the bottom right ---------- */
.hero-credit{position:absolute;left:clamp(24px,4.5vw,96px);bottom:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-3);opacity:.85;text-shadow:0 1px 0 rgba(255,255,255,.7);pointer-events:none}
.hero-cine.hero-dark .hero-credit{color:rgba(255,255,255,.7);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.hero-cine:not(.has-media) .hero-credit{display:none}
@media (max-width:640px){ .hero-credit{left:clamp(16px,4.5vw,96px);bottom:8px;font-size:10px} }

/* ---------- v43: awards page (#/penghargaan) and the teaser strip on Tentang ---------- */
.aw-stats{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:22px}
.aw-stats span{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px;background:var(--paper)}
.aw-stats span b{font-weight:700;color:var(--ink);letter-spacing:0;margin-right:2px}
.aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
figure.aw{margin:0;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden;cursor:zoom-in;display:flex;flex-direction:column;transition:border-color .2s,transform .25s,box-shadow .25s}
figure.aw:hover,figure.aw:focus-visible{border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--glow);outline:none}
figure.aw .aw-img{position:relative;aspect-ratio:4/3;background:var(--paper-2);border-bottom:1px solid var(--line);overflow:hidden}
figure.aw .aw-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
figure.aw:hover .aw-img img{transform:scale(1.03)}
figure.aw .aw-n{position:absolute;right:10px;bottom:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;background:var(--ink);color:#fff;border-radius:999px;padding:3px 8px}
figure.aw figcaption{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
figure.aw figcaption .y{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
figure.aw figcaption .y i{font-style:normal;color:var(--line-strong);margin:0 3px}
figure.aw figcaption b{font-family:var(--font-display);font-stretch:106%;font-weight:600;font-size:1.02rem;line-height:1.3;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty}
figure.aw figcaption .by{font-size:12.5px;color:var(--text-2);line-height:1.4}
figure.aw figcaption .d{font-size:13px;color:var(--text-2);line-height:1.5;margin-top:4px}
.aw-note{margin:26px 0 0;font-size:13px;color:var(--text-3);max-width:80ch;line-height:1.55}
.aw-teaser .section-head{align-items:flex-end}
.aw-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
figure.aw.mini .aw-img{aspect-ratio:1/1}
figure.aw.mini figcaption{padding:12px 14px 14px}
figure.aw.mini figcaption b{font-size:.95rem}
figure.aw.mini figcaption .by,figure.aw.mini figcaption .d{display:none}
@media (max-width:1000px){ .aw-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .aw-strip{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){
  .aw-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .aw-strip{gap:10px}
  figure.aw figcaption{padding:12px 14px 14px}
  figure.aw.mini figcaption .y{font-size:10px}
}
body.no-motion figure.aw:hover .aw-img img{transform:none}

/* ---------- v43: phone layout fixes (iPhone & Android) ---------- */
/* Trust strip: every item shares the same left edge; the section keeps the page gutter; an odd last item spans the row. */
@media (max-width:1000px){
  .trust-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding:4px clamp(24px,4.5vw,96px)}
  .trust-inner > div,.trust-inner > div:first-child{padding:14px 0;border-left:0;min-width:0}
  .principals-inner{padding:14px clamp(24px,4.5vw,96px)}
}
@media (max-width:860px){
  .trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-inner > div:last-child:nth-child(odd){grid-column:1 / -1}
  .trust-inner b{font-size:16px}
}
@media (max-width:620px){
  .principals-inner{padding:12px clamp(24px,4.5vw,96px)}
}
/* TKDN certificate tables stack into rows of labelled values instead of scrolling sideways. */
@media (max-width:640px){
  .tkdn-table table{min-width:0;display:block}
  .tkdn-table thead{display:none}
  .tkdn-table tbody{display:block}
  .tkdn-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:12px 16px;border-top:1px solid var(--line)}
  .tkdn-table tbody tr:first-child{border-top:0}
  .tkdn-table td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
  .tkdn-table td:first-child{grid-column:1 / -1;font-weight:600;color:var(--ink)}
  .tkdn-table td::before{content:attr(data-th);display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px}
  .tkdn-table td:first-child::before{display:none}
  .tkdn-table td b{font-size:1.1rem}
}
/* Product page on phones: picture right under the description, then specs; the aside box dissolves into the single column. */
@media (max-width:1000px){
  .detail > div,.detail > aside.aside{display:contents}
  .detail > div > *,.detail > aside.aside > *{min-width:0}
  .detail .meta{order:1} .detail h1{order:2} .detail .stockline{order:3} .detail .desc{order:4;margin-bottom:18px}
  .detail .aside > .gal,.detail .aside > .pimg{order:5;margin:0 0 22px}
  .detail .aside .pbadge{order:3;position:static;align-self:flex-start;justify-self:start;margin:0 0 10px}
  .detail .brandline{order:6} .detail .specs{order:7} .detail .tkdn-table{order:8} .detail .spec-table{order:9} .detail .actions{order:10} .detail .video{order:11}
  .detail .aside > h4:first-of-type{order:12;margin-top:6px} .detail .aside .tagl{order:13} .detail .aside > h4:last-of-type{order:14} .detail .aside .share{order:15}
}
/* Touch devices: 16 px controls so iOS Safari does not zoom in when a field is focused; comfortable tap targets. */
@media (max-width:860px){
  input,select,textarea,.chat-in input,.conv input,.detail .aside .share input,.ed-field input,.ed-field textarea,.ed-field select{font-size:16px}
  .hs-btn,.lb-btn{min-width:40px;min-height:40px}
}
/* Dynamic viewport units: the chat panel, lightbox and mobile menu fit the visible area while the browser bars show or hide. */
@supports (height:100dvh){
  .chat{height:min(600px,calc(100dvh - 100px))}
  .lb img{max-height:calc(100dvh - 90px)}
  @media (max-width:620px){ .chat{height:min(560px,calc(100dvh - 24px))} .lb img{max-height:calc(100dvh - 120px)} }
  @media (max-width:980px){ .nav.open .nav-links{max-height:calc(100dvh - 70px)} }
}
/* iPhone safe areas (notch and home indicator): floating buttons, bars and panels keep clear of the system edges. */
@supports (padding:env(safe-area-inset-bottom)){
  .cmpbar{bottom:calc(16px + env(safe-area-inset-bottom))}
  .quotebar{padding-bottom:env(safe-area-inset-bottom)}
  .cookie-bar{bottom:calc(16px + env(safe-area-inset-bottom))}
  .chat{bottom:calc(24px + env(safe-area-inset-bottom))}
  footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  @media (max-width:620px){
    .cmpbar{bottom:calc(12px + env(safe-area-inset-bottom))}
    .chat{bottom:calc(8px + env(safe-area-inset-bottom))}
  }
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip;-webkit-tap-highlight-color:transparent}

/* ---------- v46: quick contact dock on the right edge (WhatsApp, Tanya SSK, email, back to top), the compare bar at the
   bottom centre, and page padding so no bar ever covers the footer links ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dock{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:62;display:flex;flex-direction:column;align-items:flex-end}
.dock[hidden],.dock-show[hidden]{display:none}
.dock-hide{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper);color:var(--text-2);display:grid;place-items:center;cursor:pointer;margin:0 15px 6px 0;padding:0;opacity:.85;transition:opacity .15s,color .15s,border-color .15s}
.dock-hide svg{width:12px;height:12px}
.dock-hide:hover{opacity:1;color:var(--ink);border-color:var(--ink)}
.dock-btn{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--paper);border:1px solid var(--line-strong);border-right:0;color:var(--ink);cursor:pointer;text-decoration:none;padding:0;font-family:var(--font-body);box-shadow:-10px 12px 28px -18px rgba(17,18,20,.45);transition:background .15s,border-color .15s}
.dock-btn + .dock-btn{border-top:0}
.dock-btn:first-of-type{border-radius:12px 0 0 0}
.dock-btn:last-of-type{border-radius:0 0 0 12px}
.dock-btn:hover,.dock-btn:focus-visible{background:var(--paper-2);border-color:var(--ink);outline:none;z-index:1}
.dock-btn:hover + .dock-btn,.dock-btn:focus-visible + .dock-btn{border-top-color:var(--ink)}
.dock-btn svg{width:22px;height:22px}
.dock-wa .wa-logo{width:30px;height:30px}
.dock-chat .mark{position:relative;width:34px;height:34px;display:grid;place-items:center}   /* logo hitam di atas putih, tanpa piringan: menyatu dengan dock */
.dock-chat .mark svg{width:30px;height:30px;fill:var(--ink)}
.dock-chat .dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#2bb650;border:2px solid var(--paper);box-shadow:0 0 0 0 rgba(43,182,80,.6);animation:ping 2.2s infinite}
body.chat-open .dock-chat .dot{display:none}
.dock-top{color:var(--text-2)}
.dock-top[hidden]{display:none}
.dock-lbl{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);background:var(--ink);color:#fff;font-size:13px;font-weight:600;line-height:1.2;padding:7px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;display:flex;flex-direction:column;gap:2px;text-align:left}
.dock-lbl::after{content:"";position:absolute;left:100%;top:50%;margin-top:-5px;border:5px solid transparent;border-left-color:var(--ink)}
.dock-lbl small{font-size:10.5px;font-weight:500;color:rgba(255,255,255,.75)}
.dock-btn:hover .dock-lbl,.dock-btn:focus-visible .dock-lbl{opacity:1;transform:translate(0,-50%)}
.dock-show{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:62;width:22px;height:56px;border:1px solid var(--line-strong);border-right:0;border-radius:10px 0 0 10px;background:var(--paper);color:var(--text-2);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:-10px 12px 28px -18px rgba(17,18,20,.45)}
.dock-show svg{width:14px;height:14px}
.dock-show:hover{color:var(--ink);border-color:var(--ink)}
body.lb-open .dock,body.lb-open .dock-show{visibility:hidden}
body.has-cmp{padding-bottom:76px}
body.has-quote.has-cmp{padding-bottom:144px}
body.has-cookie .cmpbar{bottom:112px}
body.has-cookie{padding-bottom:110px}   /* bilah cookie (hanya bila Google Analytics dipasang) tidak menutupi baris hak cipta */
@media (hover:none){ .dock-lbl{display:none} }
@media (max-width:620px){
  .dock-btn{width:46px;height:46px}
  .dock-btn svg{width:20px;height:20px}
  .dock-wa .wa-logo{width:28px;height:28px}
  .dock-chat .mark{width:31px;height:31px}
  .dock-chat .mark svg{width:27px;height:27px}
  .dock-hide{margin-right:12px}
  body.chat-open .dock,body.chat-open .dock-show{display:none}
  .hero-cine .hero-copy{padding-right:44px}
  .hero-cine h1.display{font-size:clamp(1.7rem,7.5vw,2.1rem);text-wrap:pretty}
  .foot-grid .fc-v{padding-right:30px}
  body.has-cmp{padding-bottom:84px}
  body.has-quote.has-cmp{padding-bottom:152px}
  body.has-cookie .cmpbar{bottom:190px}
  body.has-cookie{padding-bottom:180px}
}
@supports (padding:env(safe-area-inset-right)){
  .dock,.dock-show{right:env(safe-area-inset-right)}
}

/* ---------- v49: footer contact column. The LinkedIn pill and the install button line up with the text column
   (18 px icon column + 10 px gap of .fc-row), not with the icons. ---------- */
.foot-social,.foot-app{padding-left:28px}

/* v50: dinding klien beranda 21 logo (3 baris x 7); di ponsel (2 kolom) ubin terakhir yang ganjil melebar supaya tidak yatim */
@media (max-width:620px){ #homeWall > div:last-child:nth-child(odd){grid-column:span 2} }

/* ---------- v59: bright content on the deep blue hero.
   v59: azure is gone (navy and the logo yellow are the only accents on white), the stats band becomes a white card
   lifting out of the hero, the TKDN and CTA bands turn light, and sections get soft ice gradients. Only the hero, the
   inner page heads and the footer stay deep blue.
   v58: "Biru samudra" with its own light.
   v58: the hero footage is replaced by SSK's own fibre-light art (assets/hero), the stats band continues the hero,
   the page heads carry the same art, and every blue surface uses the one gradient. Below: the v57 layer, amended. A design layer loaded last; the older files stay untouched and the wording and page
   structure are unchanged. The idea comes from the reference sites (DCI Indonesia, PWNA, Renzo Tonin, Google, VeEX):
   a transparent header that sits on the hero media, white type over the picture, a saturated blue gradient as the
   brand ground, white and ice-blue content sections with rounded cards and pill buttons, one dark band mid page and
   a dark closing CTA and footer. The logo's navy is the ground of every top band, so the logo never sits on white:
   its ring and wordmark turn white there (currentColor). The logo's yellow is kept for the primary action on blue and
   for small marks (eyebrow dash, active menu line). Azure, a lighter step of the same navy hue, carries the small
   accents on white (eyebrows, icons, stat bars) so white sections do not look grey. ---------- */

:root{
  --ink:#042C6F;         /* logo navy */
  --ink-2:#0B3F97;       /* lighter navy for hover */
  --ink-deep:#021C49;    /* bottom of the gradients */
  --royal:#1248B5;       /* mid tone of the gradients */
  --azure:#042C6F;       /* v59: kept as an alias of navy so older rules below resolve */
  --azure-soft:#EAF0FA;  /* icon tiles, chips */
  --accent:#F9C602;      /* logo yellow */
  --accent-2:#E0B000;
  --accent-soft:#FFF5CC;
  --accent-ink:#0A1022;
  --ice:#EEF4FC;         /* section tint */
  --ice-2:#E2EAF6;       /* lines */
  --ice-3:#C8D5EA;       /* strong lines */
  --paper:#FFFFFF;
  --paper-2:var(--ice);
  --paper-3:var(--ice-2);
  --line:var(--ice-2);
  --line-strong:var(--ice-3);
  --text:#121A2F;
  --text-2:#46536F;
  --text-3:#7A879F;
  --glow:0 24px 48px -26px rgba(4,44,111,.35);
  --radius:10px;
  --nav-h:76px;
  --sea:linear-gradient(135deg,#021A44 0%,#042C6F 48%,#0A3C96 100%);
  --sea-deep:#021A44;
}
::selection{background:var(--accent-soft);color:var(--ink)}
body{color:var(--text)}
h1,h2,h3,h4,.title{color:var(--ink)}
.section{padding:92px 0}
.section.alt{background:linear-gradient(180deg,var(--ice) 0%,#F7FAFE 100%);border-top:0;border-bottom:0}
.section-head p{color:var(--text-2)}
.btn{border-radius:999px;font-weight:600;padding:12px 22px}
.btn-sm{padding:9px 16px}
.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}
.btn-ghost{border-color:var(--ice-3);color:var(--ink);background:var(--paper)}
.btn-ghost:hover{border-color:var(--ink);background:var(--ice)}
:focus-visible{outline-color:var(--ink)}

/* ----- Header: transparent on the hero and the page heads, deep navy once the page scrolls. Logo ring and wordmark
   are white here (currentColor). The yellow pill is the one call to action in the bar. ----- */
.nav{position:sticky;top:0;margin-bottom:calc(-1*var(--nav-h) - 1px);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:none;transition:background .25s ease,border-color .25s ease}
html.nav-solid .nav,.nav.open{background:rgba(2,26,68,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.1)}
.nav-inner{height:var(--nav-h)}
.nav .brand{color:#fff}
.nav .logo{height:46px}
.logo-full{display:block}
.logo-mark{display:none}
.nav-links a{color:rgba(255,255,255,.82);font-weight:500;border-radius:999px}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
.nav-links a[aria-current="page"]{color:#fff;background:transparent;box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.dd-btn{color:rgba(255,255,255,.82);border-radius:999px}
.dd-btn:hover,.nav-dd.open .dd-btn{color:#fff;background:rgba(255,255,255,.1)}
.nav-dd.current .dd-btn{color:#fff;background:transparent;box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.dd-menu{border-color:var(--ice-2);border-radius:14px;box-shadow:0 24px 48px -20px rgba(2,28,73,.5)}
.nav-links .dd-menu a{color:var(--text-2);border-radius:8px}
.nav-links .dd-menu a:hover,.nav-links .dd-menu a[aria-current="page"]{color:var(--ink);background:var(--ice);box-shadow:none}
.search-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32);color:#fff;border-radius:999px}
.search-btn:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.16)}
.search-btn kbd{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.8)}
.lang{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32);border-radius:999px}
.lang button{color:rgba(255,255,255,.85)}
.lang button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:600}
.menu-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32);color:#fff;border-radius:999px}
.nav-tools > .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.nav-tools > .btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
.nav-tools .ed-toggle{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
@media (max-width:980px){
  .nav-links{top:var(--nav-h);background:#042C6F;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 30px 50px -24px rgba(2,28,73,.7);padding:10px 16px 18px}
  .nav-links a{color:rgba(255,255,255,.88);border-radius:10px}
  .nav-links a[aria-current="page"]{background:rgba(255,255,255,.1);box-shadow:inset 0 -2px 0 var(--accent);border-radius:10px 10px 0 0}
  .dd-btn{color:rgba(255,255,255,.88);border-radius:10px}
  .nav-dd.current .dd-btn{border-radius:10px 10px 0 0}
  .dd-menu{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
  .nav-links .dd-menu a{color:rgba(255,255,255,.82)}
  .nav-links .dd-menu a:hover,.nav-links .dd-menu a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.1)}
}
@media (max-width:620px){
  .nav .logo-full{display:none}
  .nav .logo-mark{display:block;height:40px;width:40px}
}
@media print{ .nav{position:static;margin-bottom:0;background:#fff} .nav .brand{color:var(--ink)} }

/* ----- Hero: the same footage under a deep blue veil, white headline, yellow action. The bar sits on the picture. ----- */
.hero.hero-cine,.hero-cine.hero-dark{background:var(--sea-deep)}
.hero-cine .hero-cine-inner{min-height:max(600px,100vh);min-height:max(600px,100svh);padding-top:calc(var(--nav-h) + 24px);padding-bottom:120px}   /* v67: no upper cap, the hero always fills the first screen */
.hero-cine:not(.has-media) .hero-cine-inner{min-height:0;padding-top:calc(var(--nav-h) + 72px);padding-bottom:96px}
.hero-cine .hero-media video{filter:none}
.hero-cine .hero-media .hero-shade,.hero-cine.hero-dark .hero-media .hero-shade{background:linear-gradient(180deg,rgba(2,26,68,.35) 0%,rgba(2,26,68,0) 24%,rgba(2,26,68,0) 68%,var(--sea-deep) 100%),linear-gradient(90deg,rgba(2,26,68,.78) 0%,rgba(2,26,68,.5) 30%,rgba(2,26,68,0) 60%)}
.hero-cine h1.display,.hero-cine h1.display em,.hero-cine.hero-dark h1.display,.hero-cine.hero-dark h1.display em{color:#fff;text-shadow:0 2px 6px rgba(2,28,73,.4),0 14px 40px rgba(2,28,73,.45)}
.hero-cine h1.display::before{content:"";display:block;width:56px;height:5px;border-radius:3px;background:var(--accent);margin:0 0 24px}
.hero-cine .hero-cta .btn-primary,.hero-cine.hero-dark .hero-cta .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 16px 34px -14px rgba(249,198,2,.6)}
.hero-cine .hero-cta .btn-primary:hover,.hero-cine.hero-dark .hero-cta .btn-primary:hover{background:#FFD83A;border-color:#FFD83A}
.hero-cine .hero-scroll,.hero-cine.hero-dark .hero-scroll{color:#fff;text-shadow:0 1px 3px rgba(2,28,73,.6)}
.hero-cine .hero-scroll i,.hero-cine.hero-dark .hero-scroll i{border-color:rgba(255,255,255,.85);background:rgba(2,28,73,.35)}
.hero-cine .hero-scroll i::before,.hero-cine.hero-dark .hero-scroll i::before{border-color:#fff}
.hero-cine .hero-scroll:hover i,.hero-cine.hero-dark .hero-scroll:hover i{background:#fff}
.hero-cine .hero-scroll:hover i::before,.hero-cine.hero-dark .hero-scroll:hover i::before{border-color:var(--ink)}
.hero-cine .hero-credit{color:rgba(255,255,255,.7);text-shadow:0 1px 2px rgba(2,28,73,.6)}
.hero-cine:not(.has-media),.hero-cine.hero-dark:not(.has-media){background:var(--sea);border-bottom:0}
.hero-cine:not(.has-media) h1.display,.hero-cine.hero-dark:not(.has-media) h1.display,.hero-cine.hero-dark:not(.has-media) h1.display em{color:#fff;text-shadow:none}
.hero-cine.hero-dark:not(.has-media) .hero-cta .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.hero-cine.hero-dark:not(.has-media) .hero-scroll{color:#fff}
.hero-cine.hero-dark:not(.has-media) .hero-scroll i{border-color:rgba(255,255,255,.85);background:rgba(2,28,73,.35)}
.hero-cine.hero-dark:not(.has-media) .hero-scroll i::before{border-color:#fff}
@media (max-width:860px){
  .hero-cine .hero-cine-inner{min-height:clamp(520px,calc(100vh - 110px),760px);min-height:clamp(520px,calc(100svh - 110px),760px);padding-top:calc(var(--nav-h) + 12px);padding-bottom:56px}
  .hero-cine .hero-media .hero-shade,.hero-cine.hero-dark .hero-media .hero-shade{background:linear-gradient(180deg,rgba(2,26,68,.5) 0%,rgba(2,26,68,.2) 22%,rgba(2,26,68,.55) 50%,var(--sea-deep) 100%)}
  .hero-cine .hero-media video{object-position:62% 50%}
  .hero-cine .hero-media{background-position:62% 50%}
}

/* ----- Featured, trust band, principals ----- */
.featured{background:#fff;border-bottom:0;padding-top:56px}
/* home: the stats band follows the hero directly and continues its deep blue, then the white content begins */
.view[data-view="home"]:not([hidden]){display:flex;flex-direction:column}
.view[data-view="home"] > .hero{order:-4}
.view[data-view="home"] > .brand-band{order:-3}
.view[data-view="home"] > .trust{order:-2}
.view[data-view="home"] > .who{order:-1}
.view[data-view="home"] > .featured{order:0}
.trust{background:linear-gradient(180deg,var(--ice) 0%,#fff 100%);color:var(--ink);border-top:0;border-bottom:0;padding:44px clamp(24px,4.5vw,96px) 0;margin-top:0;position:relative;z-index:2;scroll-margin-top:var(--nav-h)}
.trust-inner{background:#fff;border-radius:20px;box-shadow:0 2px 4px rgba(4,44,111,.05),0 30px 60px -30px rgba(4,44,111,.4);padding:8px 30px;max-width:calc(var(--max) - 2*clamp(24px,4.5vw,96px));border:1px solid var(--ice-2)}
.trust-inner > div{border-left:1px solid var(--ice-2);padding-top:22px;padding-bottom:22px;padding-left:22px}
.trust-inner > div:first-child{border-left:0;padding-left:0}
.trust-inner b{color:var(--ink);font-size:20px}
.trust-inner b::before{content:"";display:block;width:22px;height:4px;border-radius:2px;background:var(--accent);margin-bottom:10px}
.trust-inner span{color:var(--text-2)}
@media (max-width:1000px){ .trust{padding:0 clamp(16px,4.5vw,96px)} .trust-inner{padding:6px 20px;max-width:none} .trust-inner > div,.trust-inner > div:first-child{padding:14px 0;border-left:0} }
@media (max-width:620px){ .trust{padding-top:24px} .trust-inner > div{padding:12px 0} .trust-inner b::before{margin-bottom:6px} }
.hero-scroll{bottom:96px}
@media (max-width:860px){ .hero-cine .hero-cine-inner{padding-bottom:80px} }
.principals{border-bottom:1px solid var(--ice-2);background:#fff}

/* ----- Eyebrows, cards, lists ----- */
.eyebrow{color:var(--ink);font-weight:600;letter-spacing:.14em}
.eyebrow::before{width:26px;height:4px;border-radius:2px;background:var(--accent)}
.cat,.sol,.svc > div,.prod,.events li,.facts,.tkdn-table{border-radius:16px;border-color:var(--ice-2);box-shadow:0 1px 2px rgba(4,44,111,.04)}
.cat:hover,.sol:hover,.svc > div:hover,.prod:hover{border-color:var(--ice-3);box-shadow:var(--glow);transform:translateY(-3px)}
.cat .icon,.sol .icon,.svc .icon,.sup-card .icon,.tool .icon,.sol-intro .icon{background:var(--ice);color:var(--ink);border-radius:12px}
.sup-card,.tool,.hours,.res-card,.news-card,.award{border-radius:16px;border-color:var(--ice-2)}
.cat .icon::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.95),transparent)}
.cat .arrow{color:var(--ice-3)}
.cat:hover .arrow{color:var(--azure)}
.cat .cnt,.prod .brand{color:var(--text-3)}
.cat:hover .cnt{color:var(--ink)}
.why > div{border-top:3px solid var(--ice-2);padding-top:22px}
.why .k{color:var(--ink)}
.process li{border-top:3px solid var(--ice-2)}
.process .num{background:var(--ice);color:var(--ink);border-color:var(--ice)}
.faq{border-top:3px solid var(--ice-2)}
.faq-item{border-bottom:1px solid var(--ice-2)}
.chip{border-color:var(--ice-3);color:var(--text-2)}
.chip:hover{border-color:var(--ink);color:var(--ink);background:var(--ice)}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips li{background:var(--ice);border-color:transparent;color:var(--ink);border-radius:999px}
.prod .links .dl{background:var(--ink);border-color:var(--ink);border-radius:999px}
.prod .links .dl:hover{background:var(--ink-2);border-color:var(--ink-2)}
.prod .links .dl.req,.prod .links .dl.ext{background:var(--paper);color:var(--ink)}
.prod .links .add,.prod .links .cmp{border-radius:999px}
.prod .links .add[data-in="1"],.prod .links .cmp[data-in="1"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.badge{background:var(--accent-soft);color:var(--ink);border-color:var(--accent-soft);border-radius:999px}
.badge::before{background:var(--accent);box-shadow:0 0 0 3px rgba(249,198,2,.25)}

/* ----- Instrument finder and forms: white cards, the finder head is a strip of the blue gradient ----- */
.finder{border:1px solid var(--ice-2);border-radius:20px;box-shadow:var(--glow);background:#fff;overflow:hidden}
.finder-head{background:var(--sea);border-bottom:0;border-radius:0;color:#fff}
.finder-head h2,.finder-head .eyebrow{color:#fff}
.finder-head p{color:rgba(255,255,255,.82)}
.finder-head .eyebrow::before{background:var(--accent)}
.finder-head .reset{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);border-radius:999px}
.finder-head .reset:hover{color:#fff;border-color:#fff}
.form{border:1px solid var(--ice-2);border-radius:20px;box-shadow:var(--glow)}
input,select,textarea{border-color:var(--ice-3);border-radius:10px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(4,44,111,.14)}
input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--warn);box-shadow:0 0 0 3px rgba(178,58,30,.14)}

/* ----- Inner page heads: the blue gradient with a soft azure glow and a large, faint chevron from the logo on the right.
   The header bar sits on top of it, so the logo is on blue on every page. ----- */
.page-head{background:var(--sea);color:#fff;border-bottom:0;padding:calc(var(--nav-h) + 60px) 0 60px;position:relative;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0;background-image:var(--head-art,none);background-size:cover;background-position:62% 22%;opacity:.95;pointer-events:none}
.page-head::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,26,68,.86) 0%,rgba(2,26,68,.62) 42%,rgba(2,26,68,.2) 100%),linear-gradient(180deg,rgba(2,26,68,.3) 0%,rgba(2,26,68,0) 40%,rgba(2,26,68,.35) 100%);pointer-events:none}
.page-head > .container{position:relative;z-index:1}
.page-head h1,.page-head h1 em{color:#fff}
.page-head p{color:rgba(255,255,255,.8);max-width:76ch}
.page-head .eyebrow{color:var(--accent)}
.page-head .eyebrow::before{background:var(--accent)}
.page-head .stamp{color:rgba(255,255,255,.7)}
.page-head .crumbs,.page-head .crumbs span{color:rgba(255,255,255,.7)}
.page-head .crumbs a{color:rgba(255,255,255,.85)}
.page-head .crumbs a:hover{color:#fff}
.page-head .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.page-head .btn-primary:hover{background:#FFD83A;border-color:#FFD83A}
.page-head .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.page-head .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.page-head .chip,.page-head .chips li{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.page-head :focus-visible{outline-color:#fff}

/* ----- The one dark band mid page: TKDN on the home page, white cards on the blue gradient (PWNA style) ----- */
.tkdn-sec{background:linear-gradient(180deg,#fff 0%,var(--ice) 100%);border-top:0;position:relative;overflow:hidden}
.tkdn-sec > .container{position:relative}
.tkdn-card{border:1px solid var(--ice-2);border-radius:18px;box-shadow:0 2px 4px rgba(4,44,111,.04),0 24px 48px -28px rgba(4,44,111,.35);color:var(--text);background:#fff}
.tkdn-card h3,.tkdn-card h3 a,.tkdn-card .tk-vals b{color:var(--ink)}
.tkdn-card .tk-brand{border-radius:999px}
.tkdn-card .tk-vals > div{border-top:2px solid var(--accent)}
.tkdn-card .btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.tkdn-card .btn-ghost{background:#fff;color:var(--ink);border-color:var(--ice-3)}

/* ----- Tables, bars, overlays ----- */
.tkdn-table th{background:var(--ice);color:var(--ink);font-weight:600;border-bottom:1px solid var(--ice-2)}
.tkdn-table h3{color:var(--ink)}
.quotebar{background:rgba(3,30,80,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.quotebar .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.quotebar .btn-primary:hover{background:#FFD83A;border-color:#FFD83A}
.cmpbar{border-radius:999px;border-color:var(--ice-3);box-shadow:0 20px 40px -20px rgba(4,44,111,.4)}
.search-ov{background:rgba(2,28,73,.55)}
.search-panel{border-radius:18px}

/* ----- Dock and chat ----- */
.dock-btn{border-color:var(--ice-3);color:var(--ink)}
.dock-btn:hover,.dock-btn:focus-visible{background:var(--ice);border-color:var(--ink)}
.dock-hide{border-color:var(--ice-3)}
.chat{border-color:var(--ice-3);box-shadow:0 30px 60px -30px rgba(2,28,73,.6);border-radius:20px}
.chat-h{background:var(--sea);border-bottom:0;border-radius:19px 19px 0 0;color:#fff}
.chat-h b,.chat-h .st{color:#fff}
.chat-h .st::before{background:#3ED47A}
.chat-h .av{background:#fff;border-color:rgba(255,255,255,.5)}
.chat-h .btn-ghost,.chat-h .btn-sm{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}
.chat-h .chat-x{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}
.msg.u{background:var(--ink);color:#fff}
.msg.a{background:var(--ice);border-color:var(--ice-2)}

/* ----- Closing CTA band and the footer: the blue gradient again, yellow action, white ring logo ----- */
.cta-band{background:var(--head-art,var(--sea)) 0 45%/170% auto var(--ice);color:var(--ink);border-color:var(--ice-2);box-shadow:0 2px 4px rgba(4,44,111,.04),0 30px 60px -30px rgba(4,44,111,.35);border-radius:22px;padding:56px;isolation:isolate}
.cta-band::before{width:6px;background:var(--accent);z-index:1}
.cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,248,255,.97) 0%,rgba(244,248,255,.93) 55%,rgba(244,248,255,.82) 100%);pointer-events:none}
.cta-band > *{z-index:1}
.cta-band h2{color:var(--ink)}
.cta-band p{color:var(--text-2)}
.cta-band .btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.cta-band .btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}
.cta-band .btn-ghost{background:#fff;color:var(--ink);border-color:var(--ice-3)}
.cta-band .btn-ghost:hover{border-color:var(--ink);background:var(--ice)}
.cta-band :focus-visible{outline-color:var(--ink)}
.quotebar :focus-visible{outline-color:var(--accent)}
footer{background:linear-gradient(180deg,#042C6F 0%,#021C49 100%);color:rgba(255,255,255,.8);border-top:3px solid var(--accent);
  --ink:#FFFFFF;--ink-2:#FFFFFF;--text:#FFFFFF;--text-2:rgba(255,255,255,.82);--text-3:rgba(255,255,255,.62);--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.3);--paper:transparent;--paper-2:rgba(255,255,255,.06);--paper-3:rgba(255,255,255,.1)}
footer .brand{color:#fff}
.copyright{border-top:1px solid rgba(255,255,255,.18)}
.foot-social a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.foot-social a:hover{background:rgba(255,255,255,.16)}
@media (max-width:640px){ .cta-band{padding:36px 28px;background-size:cover;background-position:60% 40%} }

/* ----- Showcase card, TKDN facts, photo tiles: soft edges instead of the hard navy outline and offset shadow ----- */
.hs-card{border:1px solid var(--ice-2);border-radius:20px;box-shadow:var(--glow);background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.hs-img .pimg{border-radius:14px}
.tkdn-facts > div{border:1px solid var(--ice-2);border-radius:16px;box-shadow:0 1px 2px rgba(4,44,111,.04);border-left:4px solid var(--accent)}
.tkdn-facts b{color:var(--ink)}
.tkdn-photos > *{border-radius:16px;border-color:var(--ice-2)}
figure.ph{border-radius:16px;border-color:var(--ice-2)}
.calc-section{background:var(--ice);border-bottom:0}
.calc-wrap{border-radius:16px;border-color:var(--ice-2)}
.calc-wrap[open]{border-color:var(--ice-3)}
.calc-ico{background:var(--ice);color:var(--ink);border-radius:12px}
.calc-tog{border-radius:999px}

/* ----- Opening animation on the blue gradient: the lockup fades in white and in colour, no curtain ----- */
.intro{background:var(--sea);color:#fff}
.intro::before{background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px)}
.intro-mark svg{color:#fff;fill:#fff}
.intro-mark i{display:none}
.intro-word .tag{color:rgba(255,255,255,.72)}
.intro-line{background:var(--accent);opacity:.9}
.intro-skip{border-color:rgba(255,255,255,.45);color:rgba(255,255,255,.85)}
.intro-skip:hover{border-color:#fff;color:#fff}

/* ---------- v62: "Grup SSK" block at the top of the About page: the two company logos side by side over a short
   group description, centred like a company profile page. The Komindo logo is the old monochrome lockup
   (#ssk-logo-komindo); the Komunikatama logo is the current lockup (#ssk-logo). ---------- */
.group-sec{padding:64px 0 48px;background:#fff}
.group-inner{text-align:center;max-width:1100px}
.group-label{margin:0 0 26px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--text-3);text-align:center}
/* v68: the logo pair sits inside the same column as the paragraphs (76ch) and is centred as one unit with a fixed gap,
   so it reads as aligned with the text below it; both lockups share metrics, so their baselines match at equal height */
.group-logos{display:flex;align-items:center;justify-content:center;gap:52px;margin:0 auto 40px;padding:6px 0;max-width:76ch}
.group-logo{display:flex;align-items:center;justify-content:center;min-width:0;padding:0}
.group-logo svg{height:56px;width:auto;max-width:100%;display:block;fill:currentColor}
.group-logo:first-child{color:#111214}
.group-logo:last-child{color:#111214}   /* v64: wordmark and ring of the Komunikatama logo in black, like the Komindo logo */
.group-prose{max-width:76ch;margin:0 auto;text-align:center}
.group-prose p{margin:0 0 18px;font-size:1.06rem;line-height:1.7;color:var(--text-2)}
.group-prose p:last-child{margin-bottom:0}
.group-facts{margin:40px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;border:1px solid var(--ice-2,#E2EAF6);border-radius:16px;background:#fff;text-align:left;max-width:1000px}
.group-facts div{display:block;padding:18px 20px;border-top:0;border-left:1px solid var(--ice-2,#E2EAF6)}
.group-facts div:first-child{border-left:0}
.group-facts dt{margin-bottom:6px}
.group-facts dd{font-weight:600;color:var(--ink);font-size:14.5px;line-height:1.4}
@media (max-width:900px){
  .group-sec{padding:52px 0 40px}
  .group-logos{flex-direction:column;gap:20px;padding:4px 0}
  .group-logo{width:100%}
  .group-logo svg{height:auto;width:100%}
  .group-logo:first-child svg{max-width:246px}
  .group-logo:last-child svg{max-width:294px}
  .group-prose p{font-size:1rem;text-align:left}
  .group-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .group-facts div{border-left:0;border-top:1px solid var(--ice-2,#E2EAF6);padding:14px 16px}
  .group-facts div:nth-child(-n+2){border-top:0}
  .group-facts div:nth-child(even){border-left:1px solid var(--ice-2,#E2EAF6)}
  .group-facts div:last-child:nth-child(odd){grid-column:1 / -1;border-left:0}
}
@media print{ .group-facts{border:0} }

/* ---------- v68: cookie & privacy notice, footer copyright spacing, home introduction, group logos ---------- */

/* Footer copyright (v69): normal tracking like Renzo Tonin's footer, only a touch more room between the words */
.copyright > span{letter-spacing:.01em;word-spacing:.18em;font-size:12.5px}

/* Cookie & privacy notice: a quiet white card in the bottom left corner, typographic rather than loud. Its height is
   measured by renderConsentUi into --cookie-h so the compare bar and the page bottom make room for exactly that much. */
body.has-cookie{padding-bottom:calc(var(--cookie-h,160px) + 32px)}
body.has-cookie .cmpbar{bottom:calc(var(--cookie-h,160px) + 32px)}
body.has-cookie.has-cmp{padding-bottom:calc(var(--cookie-h,160px) + 110px)}
@media (max-width:620px){
  body.has-cookie{padding-bottom:calc(var(--cookie-h,200px) + 28px)}
  body.has-cookie .cmpbar{bottom:calc(var(--cookie-h,200px) + 28px)}
  body.has-cookie.has-cmp{padding-bottom:calc(var(--cookie-h,200px) + 116px)}
}
.cookie-bar{left:16px;right:auto;bottom:16px;justify-content:flex-start;width:min(540px,calc(100vw - 32px))}
.cookie-bar .cookie-in{position:relative;display:block;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:var(--text);border:1px solid var(--ice-3);border-radius:12px;padding:22px 26px 20px;box-shadow:0 24px 60px -28px rgba(4,44,111,.45),0 2px 8px -4px rgba(4,44,111,.15);max-width:none}
.ck-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:transparent;color:var(--text-3);border-radius:50%;display:grid;place-items:center;cursor:pointer}
.ck-x svg{width:16px;height:16px}
.ck-x:hover{color:var(--ink);background:var(--ice)}
.ck-title{margin:0 28px 8px 0;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink)}
.ck-text{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-2)}
.ck-text a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ice-3)}
.ck-text a:hover{text-decoration-color:var(--ink)}
.ck-acts{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;margin-top:18px}
.ck-btn{border:0;background:transparent;color:var(--text-2);font-family:var(--font-body);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:11px 4px;cursor:pointer;line-height:1;border-radius:6px}
.ck-btn:hover{color:var(--ink)}
.ck-btn.ck-fill{background:var(--ink);color:#fff;padding:12px 22px;border-radius:6px}
.ck-btn.ck-fill:hover{background:var(--ink-2);color:#fff}
.ck-btn[hidden]{display:none}
.ck-manage{margin-top:16px;border-top:1px solid var(--ice-2);display:grid}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--ice-2)}
.ck-row > div{min-width:0}
.ck-row b{display:block;font-size:13px;color:var(--ink);margin-bottom:2px}
.ck-row span{font-size:12.5px;line-height:1.45;color:var(--text-2)}
.ck-always{flex-shrink:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;white-space:nowrap}
.ck-switch{position:relative;flex-shrink:0;width:40px;height:22px;cursor:pointer}
.ck-switch input{position:absolute;inset:0;z-index:1;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ck-switch i{position:absolute;inset:0;border-radius:999px;background:var(--ice-3);transition:background .15s}
.ck-switch i::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.ck-switch input:checked + i{background:var(--ink)}
.ck-switch input:checked + i::after{transform:translateX(18px)}
.ck-switch input:focus-visible + i{outline:2px solid var(--accent);outline-offset:2px}
.ck-switch[hidden]{display:none}
@media (max-width:620px){
  .cookie-bar{left:12px;bottom:12px;width:calc(100vw - 24px)}
  .cookie-bar .cookie-in{padding:18px 18px 16px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  .ck-acts{gap:4px 14px}
  .ck-row{flex-wrap:wrap;gap:8px 18px}
  .ck-row > div{flex:1 1 100%}
  .ck-row .ck-always,.ck-row .ck-switch{margin-left:auto}
}

/* Home introduction (v74, after Renzo Tonin, grander): a full width band with a white box inset, straight after the logo
   belt; a short yellow rule, a display size title, two sentences, one large button, and the SSK mark as a faint watermark
   in the corner.
   v77: the band is the site's light blue (same family as the finder section) with SSK's own fibre strand art behind the
   box: an inline SVG of navy strands at low opacity with a few nodes, two soft glows (white top left, deeper ice bottom
   right), and light pulses travelling along five strands (stroke-dashoffset animation, off when motion is reduced).
   No photo or video: the art is drawn in the brand colours, so it belongs to the page instead of sitting on it. */
.who{position:relative;isolation:isolate;overflow:hidden;padding:88px 0;border-bottom:0}   /* v90: the ground comes from .band-ink (33-theme.css) */
.who .container{position:relative;z-index:1}
.who-box{position:relative;overflow:hidden;background:#fff;border:1px solid var(--ice-2);border-radius:24px;padding:72px clamp(24px,7vw,120px) 68px;max-width:1160px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 2px rgba(4,44,111,.05),0 38px 80px -44px rgba(4,44,111,.42)}
.who-mark{position:absolute;right:28px;bottom:-120px;width:380px;height:380px;opacity:.04;filter:grayscale(1);pointer-events:none}
.who-rule{display:block;width:44px;height:5px;border-radius:3px;background:var(--accent);margin:0 auto 22px}
.who-box .title{position:relative;max-width:34ch;margin:0 auto;text-align:center;font-size:clamp(2rem,3.8vw,3rem);line-height:1.06;letter-spacing:-.022em}
.who-box p{position:relative;max-width:66ch;margin:24px auto 0;font-size:1.14rem;line-height:1.72;color:var(--text-2);text-align:center}
.who-box .btn{position:relative;margin-top:34px}
.who-box .btn-lg{padding:16px 30px;font-size:15.5px}
@media (max-width:900px){
  .who{padding:52px 0}
  .who-box{padding:44px 22px 40px;border-radius:18px}
  .who-mark{width:220px;height:220px;right:10px;bottom:-80px}
  .who-box .title{font-size:clamp(1.7rem,7vw,2.2rem)}
  .who-box p{font-size:1.02rem;text-align:left}
  .who-box .btn{margin-top:26px}
}

/* Partner logo conveyor belt under the hero (v72): white band, logos in their own colours, no controls; it still pauses
   on hover and keyboard focus */
.brand-band{background:#fff;color:var(--ink);position:relative;z-index:2;border-bottom:1px solid var(--ice-2)}
.brand-band-inner{display:flex;align-items:center;padding:18px clamp(24px,4.5vw,96px);max-width:var(--max);margin:0 auto}
.brand-band .marquee{padding:6px 0}
.brand-band .marquee-track li{margin-left:84px}
.brand-band .marquee-track li.feat + li{margin-left:84px}
.brand-band .bi{padding:0}
.brand-band .bi img,.brand-band li.feat .bi img{height:38px;max-width:190px;opacity:1;transition:transform .25s}
.brand-band .bi:hover img{transform:translateY(-1px)}
@media (max-width:900px){
  .brand-band-inner{padding:12px clamp(20px,4.5vw,96px)}
  .brand-band .marquee{width:auto;flex:1}
  .brand-band .bi img,.brand-band li.feat .bi img{height:30px;max-width:150px}
  .brand-band .marquee-track li,.brand-band .marquee-track li.feat + li{margin-left:56px}
}
@media print{ .brand-band{display:none} .who{background:#fff} }

/* v78: product photos sit on white. The photos are shot on white, so the tile behind them is white too and the picture
   blends into the card instead of floating as a white rectangle on light blue; a hairline in the card's line colour keeps
   the tile's edge where it is needed. Tiles that still wait for a photo (.ph placeholder) keep the light blue so they
   read as "photo to come", and the category text tiles (.ctile) are unchanged. */
.pimg.has,.pimg:has(img){background:#fff;border:1px solid var(--ice-2)}   /* white as soon as a photo is on its way, so nothing flashes from blue to white */
.pimg.err{background:var(--paper-2);border:0}
.pimg img{padding:7%}
.detail .pimg img{padding:4%}
.rec .th,.search-res .th,.msg .cp .th,.sup-ph .th{background:#fff;border:1px solid var(--ice-2)}
.hs-img .pimg,.sol-thumbs .th .pimg{border:0}
@media print{ .pimg{border:0} }

/* v80: policies. Footer: four plain links without underline (hover turns white), like the footers of international
   consultancies. Cookie settings: a small fixed tab in the bottom left corner instead of a footer link; it hides while the
   cookie card is open and climbs above the quotation and comparison bars. Legal pages: a side column with the four
   documents, the contents of the open document and the effective date; sections numbered 1.0, paragraphs 1.1 … */
.foot-legal{gap:6px 26px}
.foot-legal a,.foot-legal button{text-decoration:none;color:var(--text-3);font-size:13px}
.foot-legal a:hover,.foot-legal button:hover{color:var(--ink);text-decoration:none}
.ck-tab{position:fixed;left:16px;bottom:0;z-index:58;font-family:var(--font-body);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--text-2);background:#fff;border:1px solid var(--ice-3);border-bottom:0;border-radius:8px 8px 0 0;padding:7px 12px 5px;cursor:pointer;box-shadow:0 -6px 16px -10px rgba(4,44,111,.35);transition:color .15s,bottom .2s}
.ck-tab:hover{color:var(--ink)}
.ck-tab[hidden],body.has-cookie .ck-tab{display:none}
body.has-quote .ck-tab{bottom:60px}
body.has-cmp .ck-tab{bottom:76px}
body.has-quote.has-cmp .ck-tab{bottom:144px}
@media (max-width:620px){
  .ck-tab{left:12px;font-size:9.5px;padding:6px 10px 4px}
  body.has-cmp .ck-tab{bottom:84px}
  body.has-quote.has-cmp .ck-tab{bottom:152px}
}
.legal-side{position:sticky;top:90px;display:grid;gap:22px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
.legal-nav{position:static;top:auto}
.legal-nav .upd,.legal-toc .upd{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:0 12px 6px}
.legal-toc{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:16px}
.legal-toc a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:baseline;padding:6px 12px;border-radius:6px;font-size:13px;line-height:1.35;color:var(--text-2)}
.legal-toc a span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-3)}
.legal-toc a:hover{color:var(--ink);background:var(--paper-2)}
.legal-toc .upd:last-child{margin-top:14px;text-transform:none;letter-spacing:.02em;font-size:12px;line-height:1.5}
.legal h2 .num{min-width:34px}
.legal p.np{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}
.legal p .pn{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-3);padding-top:3px}
.legal p.legal-contact a{text-decoration:none;color:var(--ink);font-weight:600}
@media (max-width:900px){
  .legal-side{position:static;gap:14px}
  .legal-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-nav .upd{grid-column:1/-1}
  .legal-toc a{padding:6px 8px}
  .legal p.np{grid-template-columns:34px minmax(0,1fr);gap:8px}
}
@media print{ .ck-tab{display:none} }


/* v82: the telecom tile motif that used to sit here moved to 31-v83-aesthetic.css as the aurora and signal ring treatment */
/* v81: the cookie card title in the same face and case as the category headings */
.ck-title{font-size:14px;letter-spacing:0;text-transform:none;font-weight:700;color:var(--ink)}
@media print{ .section.alt,.finder-section{background:#fff} }

/* v82: smoother scrolling and animation. The solid header no longer blurs what is behind it (a blur over a playing video
   is re-rendered on every frame); it is near opaque navy instead, as is the quotation bar. The brand marquee and the
   floating featured product run on their own compositor layers, and the marquee and the strand pulses of the intro band
   are paused while their band is off screen (JS toggles .off-view on #brandBand and #whoSection). */
html.nav-solid .nav,.nav.open{background:rgba(2,26,68,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
.quotebar{background:rgba(3,30,80,.98);backdrop-filter:none;-webkit-backdrop-filter:none}
.marquee-track{will-change:transform}
.brand-band .marquee{contain:layout paint}
.hs-slide.on .hs-img .pimg.has img{will-change:transform}
.off-view .marquee-track{animation-play-state:paused}

/* ---------- v68: TKDN page visuals: value bars, ring gauge, process diagram, threshold chart ---------- */

/* Thin bar under every TKDN value: the track is the full 0 to 100 % scale, the fill is the certified value */
.tk-bar{display:block;position:relative;height:5px;border-radius:999px;background:var(--ice-2);margin:8px 0 6px;overflow:hidden}
.tk-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--v,0) * 1%);border-radius:999px;background:linear-gradient(90deg,var(--ink-2),var(--ink));transition:width .9s cubic-bezier(.2,.7,.2,1)}
.tk-bar.sm{height:4px;margin:6px 0 0;max-width:120px}
.tkdn-card .tk-vals b{margin-bottom:0}

/* Ring gauge in the first fact tile */
.tkdn-facts > div.tk-gauge{flex-direction:row;align-items:center;gap:18px;padding-left:18px}
.tk-gauge-svg{width:96px;height:96px;flex-shrink:0;transform:rotate(-90deg)}
.tk-gauge-svg .g-bg{fill:none;stroke:var(--ice-2);stroke-width:11}
.tk-gauge-svg .g-fg{fill:none;stroke:var(--accent);stroke-width:11;stroke-linecap:round;stroke-dasharray:calc(var(--p,0) * 3.267) 400;transition:stroke-dasharray 1.1s cubic-bezier(.2,.7,.2,1)}
.tkdn-facts > div.tk-gauge > div{display:flex;flex-direction:column;gap:4px;min-width:0}

/* Process diagram: a continuous track behind the five nodes, the last node filled, yellow number badges */
.tkdn-flow-sec{background:linear-gradient(180deg,var(--ice) 0%,#fff 100%);position:relative}
.tkdn-flow-sec::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ice-3) 1px,transparent 1.2px);background-size:22px 22px;opacity:.55;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,transparent 100%)}
.tkdn-flow-sec .container{position:relative}
.tkdn-steps{position:relative;gap:26px;padding-top:6px}
.tkdn-steps::before{content:"";position:absolute;left:34px;right:calc((100% - 104px) / 5 - 34px);top:40px;height:2px;background:var(--ice-3);border-radius:2px}   /* ends under the fifth node: 5 columns, 4 gaps of 26px */
.tkdn-steps li:not(:last-child)::after{display:none}
.tkdn-steps li:not(:last-child) .flow-arrow{top:34px;right:-13px;width:9px;height:9px;border-color:var(--ink);border-width:2px}
.flow-ico{width:68px;height:68px;border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:0 0 0 7px #fff,0 14px 28px -18px rgba(4,44,111,.55);margin-bottom:22px}
.flow-ico svg{width:30px;height:30px}
.flow-ico i{background:var(--accent);color:var(--ink);border:2px solid #fff;font-weight:700;width:26px;height:26px;top:-7px;right:-9px;font-size:12px}
.tkdn-steps li:last-child .flow-ico{background:var(--ink);color:#fff;border-color:var(--ink)}
.tkdn-steps li:last-child h3{color:var(--ink)}
.tkdn-steps h3{font-size:1.04rem}
.tkdn-steps p{font-size:13.5px}
@media (max-width:1100px) and (min-width:641px){ .tkdn-steps::before{display:none} }
@media (max-width:640px){
  .tkdn-steps::before{display:none}
  .tkdn-steps li:not(:last-child)::after{display:block;border-left-color:var(--ice-3)}   /* the vertical connector of the phone timeline */
  .flow-ico{box-shadow:0 0 0 5px #fff}
}

/* Threshold chart: the certified values as thin bars on one 0 to 100 % scale with the two Perpres thresholds as
   reference lines. Single series, so no series legend; the legend below names the two lines. */
.tkdn-rule{display:block;border:1px solid var(--ice-2);border-radius:16px;background:#fff;padding:22px 24px 18px;margin:10px 0 24px;box-shadow:0 1px 2px rgba(4,44,111,.04)}
.tkdn-rule > div.tk-chart{display:block;border:0;border-radius:0;background:transparent;padding:0;gap:0}
.tkc{display:grid;gap:0;font-variant-numeric:tabular-nums}
.tkc-head,.tkc-row,.tkc-axis{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr) 64px;gap:0 14px;align-items:center}
.tkc-group{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--text-3);margin:14px 0 8px}
.tkc-group:first-child{margin-top:0}
.tkc-row{min-height:30px}
.tkc-row + .tkc-row{margin-top:8px}
.tkc-l{font-size:13px;color:var(--text-2);line-height:1.3;min-width:0}
.tkdn-rule b.tkc-v{font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:var(--ink);text-align:right;line-height:1.2}
.tkc-track{position:relative;display:block;height:14px;border-radius:999px;background:var(--ice)}
.tkc-bar{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v,0) * 1%);border-radius:999px;background:linear-gradient(90deg,var(--ink-2),var(--ink));transition:width .9s cubic-bezier(.2,.7,.2,1)}
/* reference lines: drawn on every row and extended into the row gaps so they read as one continuous line */
.tkc-row .tkc-track::before,.tkc-row .tkc-track::after{content:"";position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px dashed var(--text-3);opacity:.55;pointer-events:none}
.tkc-row .tkc-track::before{left:calc(var(--t25,25) * 1%);margin-left:-1px}
.tkc-row .tkc-track::after{left:calc(var(--t40,40) * 1%);margin-left:-1px;border-left:2px solid var(--accent-2);opacity:1}
.tkc-head{margin-bottom:22px}
.tkc-head .tkc-track{height:0;background:transparent;overflow:visible}
.tkc-mark{position:absolute;top:0;transform:translateX(-50%);font-style:normal}
.tkc-mark.t25{left:calc(var(--t25,25) * 1%)}
.tkc-mark.t40{left:calc(var(--t40,40) * 1%)}
.tkc-mark i{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-3);padding:3px 7px;border-radius:999px;background:var(--ice);white-space:nowrap}
.tkc-mark.t40 i{color:var(--ink);background:var(--accent-soft)}
.tkc-axis{margin-top:10px}
.tkc-axis .tkc-track{height:auto;background:transparent;display:flex;justify-content:space-between;border-top:1px solid var(--ice-2);padding-top:6px}
.tkc-axis .tkc-track i{font-style:normal;font-size:10.5px;color:var(--text-3);letter-spacing:.04em}
.tk-legend{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--ice-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.tk-legend li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;font-size:13px;color:var(--text-2);line-height:1.45}
.tkdn-rule .tk-legend li b{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--ink);line-height:1;padding-left:12px;position:relative;letter-spacing:-.01em}
.tk-legend li b::before{content:"";position:absolute;left:0;top:2px;bottom:-2px;width:0;border-left:2px dashed var(--text-3)}
.tk-legend li.t40 b::before{border-left:2px solid var(--accent-2)}
.tkdn-rule .src{margin:14px 0 0}
@media (max-width:640px){
  .tkdn-rule{padding:18px 14px 14px}
  .tkc-head,.tkc-axis{grid-template-columns:minmax(0,1fr) 52px;gap:0 10px}
  .tkc-head .tkc-l,.tkc-axis .tkc-l{display:none}
  .tkc-head{margin-bottom:22px}
  .tkc-mark i{font-size:10px;padding:2px 5px}
  .tkc-mark.t25{top:-18px}   /* the two pills would collide on a narrow track, so the 25 % pill sits one row higher */
  .tkc-row{grid-template-columns:minmax(0,1fr) 52px;grid-template-areas:"l l" "t v";gap:4px 10px;min-height:0}
  .tkc-row .tkc-l{grid-area:l;font-size:12.5px}
  .tkc-row .tkc-track{grid-area:t}
  .tkc-row .tkc-v{grid-area:v}
  .tkc-row + .tkc-row{margin-top:12px}
  .tkc-row .tkc-track::before,.tkc-row .tkc-track::after{top:-3px;bottom:-3px}
  .tkdn-rule b.tkc-v{font-size:13px}
  .tk-legend{grid-template-columns:1fr}
}
@media print{ .tkdn-flow-sec::before{display:none} .tk-bar,.tkc-bar{transition:none} }

/* ---------- v69: page layout after the product family pages of leading closure makers ---------- */
.tkdn-head .head-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.tkdn-head .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.tkdn-head .btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--accent-ink)}
.tkdn-head .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.tkdn-head .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
/* in page menu under the head, sticky below the site header */
.tkdn-jump{position:sticky;top:var(--nav-h);z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ice-2)}
.tkdn-jump .container{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:6px;padding-bottom:6px}
.tkdn-jump .container::-webkit-scrollbar{display:none}
.tkdn-jump button{flex-shrink:0;border:0;background:transparent;color:var(--text-2);font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:10px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.tkdn-jump button:hover{background:var(--ice);color:var(--ink)}
.tkdn-jump button.on{background:var(--ink);color:#fff}
.tkdn-intro{padding-top:40px;padding-bottom:32px}
.tkdn-cards-sec{padding-top:40px;padding-bottom:64px}
.tkdn-cards-sec .section-head{margin-bottom:28px}
.tkdn-guide-sec{padding-top:64px}
.tkdn-guide-sec .section-head{margin-bottom:32px}
.tkdn-prose section{scroll-margin-top:calc(var(--nav-h) + 64px)}
#tkdnProducts,#tkdnFlow,#tkdnGuide{scroll-margin-top:calc(var(--nav-h) + 48px)}
@media (max-width:900px){
  .tkdn-jump{top:var(--nav-h)}
  .tkdn-jump button{font-size:13px;padding:9px 12px}
  .tkdn-intro{padding-top:28px}
  .tkdn-cards-sec{padding-top:28px;padding-bottom:48px}
  .tkdn-guide-sec{padding-top:48px}
}

/* ---------- v74: certificate holder card in the TKDN page head ---------- */
.tkdn-holder{display:flex;align-items:center;gap:22px;background:#fff;border-radius:16px;padding:18px 24px;max-width:760px;margin-top:26px;box-shadow:0 18px 40px -26px rgba(2,26,68,.6)}
.tkdn-holder-logo{height:46px;width:auto;flex-shrink:0;color:#111214;fill:currentColor}
.tkdn-holder > div{min-width:0}
.tkdn-holder-l{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--text-3);margin-bottom:4px}
.page-head .tkdn-holder p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text);max-width:none}
.tkdn-head .head-cta{margin-top:24px}
@media (max-width:640px){
  .tkdn-holder{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}
  .tkdn-holder-logo{height:38px;max-width:100%}
}

/* =========================================================
   v83: visual refinement after the studios behind SLR Consulting (Renowned, Gittings Studio) and the soft gradients of
   Wix. Navy bands: the SSK mark as thin line art watermark, cropped by the edge, like the outlined monogram on
   Renowned's site; the footer with a gold hairline. (The light section aurora and the signal rings that lived here
   until v89, and the CTA band treatment, were replaced by the one motif of the v90 theme in 33-theme.css.)
   ========================================================= */

/* the mark as line art, large and cropped, on the navy bands */
.wm-mark{position:absolute;right:-140px;top:-170px;width:760px;height:760px;color:#fff;opacity:.085;pointer-events:none;z-index:0}
.vm-band{background:radial-gradient(900px 620px at 100% 0%,rgba(10,60,150,.7) 0%,rgba(10,60,150,0) 60%),radial-gradient(700px 500px at 0% 100%,rgba(2,26,68,.9) 0%,rgba(2,26,68,0) 60%),var(--ink)}
.vm-band::before{display:none}
.vm-band .container{position:relative;z-index:1}
footer{position:relative;overflow:hidden;border-top:1px solid rgba(249,198,2,.7)}
footer .container{position:relative;z-index:1}
footer .wm-mark{right:-200px;top:auto;bottom:-260px;width:820px;height:820px;opacity:.06}
@media (max-width:760px){ .wm-mark{width:460px;height:460px;right:-120px;top:-110px} footer .wm-mark{width:520px;height:520px;right:-170px;bottom:-200px} }

/* the TKDN process section no longer needs its dot grid under the aurora */
.tkdn-flow-sec::before{display:none}

/* =========================================================
   v87/v88: the TKDN credential panel on the home page (replaces the animated stage of v84 to v86). The pattern follows
   how large manufacturers present a domestic content programme: Epson Indonesia's TKDN page (key figures, a certified
   badge on the products) and the Build America Buy America pages of Clearfield and Corning (a compliance seal, the
   programme logo, the documentation path, a verification route). v88: a light panel (white with a faint blue and gold
   aurora, hairline border) instead of navy; the SSK "Sertifikat TKDN" seal sits in the head row, clear of the photos;
   one white tile per certified product that has a cut out photo (closure and ODP). Nothing moves; the section only
   fades in with the page's usual reveal. The two cards below keep their v85 styling.
   ========================================================= */
.tk-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"head head" "main products";gap:26px 44px;margin:0 0 20px;padding:28px 36px 30px;border-radius:24px;border:1px solid var(--ice-2);color:var(--ink);background:radial-gradient(720px 420px at 0% 0%,rgba(47,123,217,.11) 0%,rgba(47,123,217,0) 70%),radial-gradient(520px 340px at 100% 100%,rgba(249,198,2,.12) 0%,rgba(249,198,2,0) 65%),#F8FAFE;box-shadow:0 2px 4px rgba(4,44,111,.04),0 28px 60px -34px rgba(4,44,111,.35)}

/* head: issuer and the seal */
.tk-panel-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--ice-2)}
.tk-issuer{display:flex;align-items:center;gap:16px;min-width:0}
.tk-issuer-logo{display:grid;place-items:center;width:156px;height:54px;border-radius:10px;background:#fff;border:1px solid var(--ice-2);padding:6px 12px;box-sizing:border-box;flex-shrink:0}
.tk-issuer-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.tk-issuer b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.08rem;letter-spacing:-.012em;line-height:1.2;color:var(--ink)}
.tk-issuer span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--text-2)}
.tk-seal{flex-shrink:0;width:104px;height:104px;margin:-8px 0 -14px;transform:rotate(-8deg);filter:drop-shadow(0 10px 16px rgba(4,44,111,.28))}
.tk-seal .tk-seal-ring{font-family:var(--font-display,'Plus Jakarta Sans',system-ui,sans-serif)}

/* key figures (same markup as the TKDN page facts, tkdnFactsHtml) */
.tk-panel-main{grid-area:main;display:flex;flex-direction:column;gap:22px;min-width:0}
.tk-stats{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1.2fr);gap:0 18px}
.tk-stats > div{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:4px 0 4px 18px;border-left:1px solid var(--ice-2)}
.tk-stats > div:first-child{padding-left:0;border-left:0}
.tk-stats > div.tk-gauge{flex-direction:row;align-items:center;gap:14px}
.tk-stats > div.tk-gauge > div{display:flex;flex-direction:column;gap:5px;min-width:0}
.tk-stats .tk-gauge-svg{width:58px;height:58px}
.tk-stats .tk-gauge-svg .g-bg{stroke:var(--ice-2)}
.tk-stats .tk-gauge-svg .g-fg{stroke:var(--accent);transition:none}
.tk-stats b{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,2.5vw,2.45rem);letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.tk-stats b.sm{font-size:clamp(.98rem,1.25vw,1.12rem);letter-spacing:0;line-height:1.25;font-weight:700}
.tk-stats span{font-size:13px;line-height:1.35;color:var(--text-2)}
.tk-stats small{font-size:11.5px;line-height:1.35;color:var(--text-3)}

/* the certification path, five numbered stages */
.tk-path{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--ice-2);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tk-path li{position:relative;display:flex;flex-direction:column;gap:9px;font-size:12.5px;line-height:1.35}
.tk-path li span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--ink);color:var(--ink);background:#fff;font-family:var(--font-display);font-weight:700;font-size:12px}
.tk-path li:not(:last-child)::after{content:"";position:absolute;top:13px;left:34px;right:-6px;border-top:1px dashed var(--line-strong)}
.tk-path li:last-child span{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.tk-path b{font-weight:600;color:var(--ink);padding-right:6px}
.tk-verify{display:inline;align-self:flex-start;font-size:13px;line-height:1.5;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(4,44,111,.3);padding-bottom:1px}
.tk-verify span::after{content:"";display:inline-block;vertical-align:-1px;margin-left:7px;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23042C6F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4 10 14'/%3E%3Cpath d='M18 13v7H4V6h7'/%3E%3C/svg%3E") center/contain no-repeat}
.tk-verify:hover{border-bottom-color:var(--accent)}

/* the certified products: one white tile each, photo cut out, name and TKDN value */
.tk-products{grid-area:products;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;min-width:0}
.tk-products.n1{grid-template-columns:minmax(0,1fr);max-width:300px}
.tk-product{margin:0;display:flex;flex-direction:column;gap:12px;padding:16px 14px 14px;border-radius:16px;background:#fff;border:1px solid var(--ice-2);box-shadow:0 1px 2px rgba(4,44,111,.04),0 18px 36px -26px rgba(4,44,111,.4)}
.tk-product .tk-photo{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;height:232px;border-radius:10px;background:radial-gradient(closest-side at 50% 58%,rgba(47,123,217,.12),rgba(47,123,217,0));text-decoration:none}
.tk-product .tk-photo img{display:block;max-width:92%;max-height:216px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(4,44,111,.22));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tk-product .tk-photo:hover img{transform:translateY(-3px) scale(1.02)}
.tk-product figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.tk-product figcaption b{font-weight:600;font-size:13.5px;line-height:1.3;color:var(--ink);text-wrap:balance}
.tk-product figcaption span{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--accent);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:12.5px;letter-spacing:.02em;white-space:nowrap}

/* the two cards (v85 styling) */
.tkdn-card .tk-vals{gap:4px 22px}
.tkdn-card .tk-vals > div{border-top:0;border-left:1px solid var(--ice-2);padding:2px 0 0 16px}
.tkdn-card .tk-vals > div:first-child{border-left:0;padding-left:0}
.tkdn-card .tk-vals b{font-size:clamp(1.75rem,2.8vw,2.3rem)}
.tkdn-card .tk-bar{height:6px}
.tkdn-card .tk-bar::after{background:linear-gradient(90deg,#0A3A8C,#2F7BD9)}
.tkdn-card .tk-meta{font-family:var(--font-body);font-size:12.5px;letter-spacing:0;color:var(--text-2);gap:5px}
.tkdn-card .tk-meta li{padding-left:21px}
.tkdn-card .tk-meta li::before{top:.2em;width:13px;height:13px;border-radius:50%;background:#FFF4C2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 5.2l2 2 3.6-4' fill='none' stroke='%23042C6F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px no-repeat;border:1px solid #E3B300;box-sizing:border-box}

@media (max-width:1040px){
  .tk-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "products" "main";gap:24px;padding:24px 26px 26px}
  .tk-products{max-width:560px}
}
@media (max-width:760px){
  .tk-panel{padding:20px 16px 20px;border-radius:16px;margin-bottom:24px;gap:20px}
  .tk-panel-head{flex-wrap:wrap;padding-bottom:16px;gap:12px 14px}
  .tk-issuer{display:contents}
  .tk-issuer-logo{order:1;width:132px;height:48px;padding:5px 10px}
  .tk-issuer > div{order:3;flex:1 1 100%}
  .tk-issuer b{font-size:1rem}
  .tk-issuer span{font-size:12.5px}
  .tk-seal{order:2;width:84px;height:84px;margin:-6px -4px -8px auto}
  .tk-products{gap:10px}
  .tk-product{padding:12px 8px 10px;gap:10px}
  .tk-product .tk-photo{height:160px}
  .tk-product .tk-photo img{max-height:148px}
  .tk-product figcaption b{font-size:12.5px}
  .tk-product figcaption span{font-size:11.5px;padding:3px 10px}
  .tk-stats{grid-template-columns:minmax(0,1fr);gap:12px}
  .tk-stats > div{border-left:0;padding:12px 0 0;border-top:1px solid var(--ice-2)}
  .tk-stats > div:first-child{padding-top:0;border-top:0}
  .tk-path{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:16px}
  .tk-path li{flex-direction:row;align-items:center;gap:12px;font-size:13.5px}
  .tk-path li span{flex-shrink:0}
  .tk-path li:not(:last-child)::after{display:none}
  .tkdn-card .tk-vals > div{border-left:0;padding-left:0}
}
@media print{ .tk-panel{box-shadow:none;background:#fff} .tk-product .tk-photo{background:none} .tk-product .tk-photo img{filter:none} }

/* =========================================================
   v90/v91: the "Signal" theme, one architecture for the whole site (after the way EXFO and SLR Consulting keep one
   language across every page: a strict palette, one motif, a fixed rhythm of bands, and copy that never shares its
   space with a graphic).

   TONES, the only four grounds a section may have (a band takes its tone from one class and every component on it
   follows, so a tone can be swapped without touching the markup inside)
     ink    the brand navy (the hero and page heads with their light photography, the process and photo bands, the
            vision band, the footer)                                               .band-ink  (page heads, .vm-band, footer have their own)
     paper  white: product grids, logo walls, documents, the TKDN panel           (plain .section)
     ice    blue tinted light with a soft aurora: the statement band after the logo belt, every alternating section,
            the finder                                                              .band-ice, .section.alt, .finder-section
     gold   the brand yellow as an accent surface: the CTA band on every page, badges, the figure tiles on ink   .cta-band

   MOTIF, one drawing: the signal constellation (network nodes joined to their nearest neighbours, gold hubs; on ink
   two fibre light trails with a gold pulse), drawn as a CORNER BRACKET, 640 x 480, that hugs the top edge and one
   side edge of a band within about 56 px of each (densest at the corner, fading along each arm, 42 px below 1300 px)
   with an empty interior, so it lives in the band's padding and outer margin and copy can never sit on it.

   COMPOSITION (v94, after SiteHive, whose every section is a copy zone beside a visual zone): a decorated band has a
   copy zone and a visual zone, and the bracket sits in the visual zone. Bands with a left aligned section head keep
   their visual zone on the right, so the bracket is top right (the default); the centred statement band of the home
   keeps it on the left (.band-l, top left); the CTA card (copy left, buttons right) carries it top right. Section
   heads on decorated bands are capped at 64ch and the statement paragraph at 56ch, outlined buttons on ink get a
   solid navy fill; on phones the ornament is dropped and the tones stay flat (EXFO). Nothing else is drawn on
   sections. The SSK mark as line art stays as the brand signature on the vision band and the footer only.

   RHYTHM: every page runs head (ink) → paper → ice → paper … → CTA (gold) → footer (ink). The opening after the
   hero is always light (v92, after SiteHive): logo belt (paper), the statement with its figures (ice), featured
   products (paper); ink bands appear only deeper in the page as accent chapters (solutions, activity photos) and
   never next to each other or straight after the hero. The CTA card closes every page on paper (v95): its wrapper
   is a plain .section (.cta-sec), never ice or ink, so the gold card is the only accent in its row and every page
   ends white → gold card → ink footer exactly like the home (tools/check.py refuses a CTA card inside alt, band-ice
   or band-ink).

   COMPONENTS ON TONES: cards stay white with a hairline (a deeper shadow on ink); buttons on ink are gold (primary)
   and white outline on solid navy (ghost), on paper and ice navy, on gold navy and navy outline; figures sit in quiet
   white tiles with a short gold rule on light tones and in gold tiles on ink. All art is static SVG (no filters, no
   animation) so scrolling stays light.
   ========================================================= */
/* theme:start (ditulis oleh tools/theme.py --tulis, jangan sunting langsung) */
.band-ink{background-color:#031E52;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22640%22 height=%22480%22 viewBox=%220 0 640 480%22 fill=%22none%22 stroke-linecap=%22round%22%3E%3Cdefs%3E%3ClinearGradient id=%22fg%22 gradientUnits=%22userSpaceOnUse%22 x1=%22192%22 y1=%220%22 x2=%22627.2%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%239FC9FF%22/%3E%3Cstop offset=%221%22 stop-color=%22%239FC9FF%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22fgw%22 gradientUnits=%22userSpaceOnUse%22 x1=%22192%22 y1=%220%22 x2=%22627.2%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%237FB6FF%22/%3E%3Cstop offset=%221%22 stop-color=%22%237FB6FF%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform=%22translate(640 0) scale(-1 1)%22%3E%3Cpath d=%22M0 27.1 Q0 27.1 20 27.7 Q40 28.2 60 28.6 Q80 29.1 100 29.3 Q120 29.5 140 29.5 Q160 29.5 180 29.3 Q200 29.1 220 28.8 Q240 28.4 260 27.8 Q280 27.3 300 26.6 Q320 25.9 340 25.2 Q360 24.4 380 23.7 Q400 22.9 420 22.2 Q440 21.5 460 20.8 Q480 20.2 500 19.7 Q520 19.2 540 18.9 Q560 18.6 580 18.5 Q600 18.4 620 18.5 Q640 18.6 660 18.9%22 stroke=%22url(%23fgw)%22 stroke-opacity=%220.1%22 stroke-width=%227.6%22/%3E%3Cpath d=%22M0 27.1 Q0 27.1 20 27.7 Q40 28.2 60 28.6 Q80 29.1 100 29.3 Q120 29.5 140 29.5 Q160 29.5 180 29.3 Q200 29.1 220 28.8 Q240 28.4 260 27.8 Q280 27.3 300 26.6 Q320 25.9 340 25.2 Q360 24.4 380 23.7 Q400 22.9 420 22.2 Q440 21.5 460 20.8 Q480 20.2 500 19.7 Q520 19.2 540 18.9 Q560 18.6 580 18.5 Q600 18.4 620 18.5 Q640 18.6 660 18.9%22 stroke=%22url(%23fg)%22 stroke-opacity=%220.3%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M80 29.1 L120 29.5 L160 29.5%22 stroke=%22%23FFD84A%22 stroke-opacity=%22.22%22 stroke-width=%228%22/%3E%3Cpath d=%22M80 29.1 L120 29.5 L160 29.5%22 stroke=%22%23FFE98A%22 stroke-opacity=%22.85%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M0 53.7 Q0 53.7 20 54.2 Q40 54.6 60 54.9 Q80 55.2 100 55.3 Q120 55.4 140 55.3 Q160 55.2 180 54.9 Q200 54.6 220 54.2 Q240 53.7 260 53.1 Q280 52.5 300 51.8 Q320 51 340 50.3 Q360 49.6 380 48.8 Q400 48.1 420 47.5 Q440 46.8 460 46.3 Q480 45.7 500 45.4 Q520 45 540 44.8 Q560 44.6 580 44.6 Q600 44.6 620 44.9 Q640 45.1 660 45.5%22 stroke=%22url(%23fgw)%22 stroke-opacity=%220.1%22 stroke-width=%227.1%22/%3E%3Cpath d=%22M0 53.7 Q0 53.7 20 54.2 Q40 54.6 60 54.9 Q80 55.2 100 55.3 Q120 55.4 140 55.3 Q160 55.2 180 54.9 Q200 54.6 220 54.2 Q240 53.7 260 53.1 Q280 52.5 300 51.8 Q320 51 340 50.3 Q360 49.6 380 48.8 Q400 48.1 420 47.5 Q440 46.8 460 46.3 Q480 45.7 500 45.4 Q520 45 540 44.8 Q560 44.6 580 44.6 Q600 44.6 620 44.9 Q640 45.1 660 45.5%22 stroke=%22url(%23fg)%22 stroke-opacity=%220.3%22 stroke-width=%221.2%22/%3E%3Cpath d=%22M120 55.4 L160 55.2 L200 54.6%22 stroke=%22%23FFD84A%22 stroke-opacity=%22.22%22 stroke-width=%228%22/%3E%3Cpath d=%22M120 55.4 L160 55.2 L200 54.6%22 stroke=%22%23FFE98A%22 stroke-opacity=%22.85%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M80.6 28.7L109.9 36.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M80.6 28.7L74.9 39%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M80.6 28.7L57.2 14.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M80.6 28.7L89.5 2.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M14.9 284.7L31.8 256.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M14.9 284.7L55.3 328%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M14.9 284.7L23.9 244.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M14.9 284.7L4.9 258.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M109.9 36.9L74.9 39%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M109.9 36.9L113.4 22.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M109.9 36.9L134.7 6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.8 375.6L4 368%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.8 375.6L3.1 385.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.8 375.6L55.3 328%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.8 375.6L9.6 359.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.8 375.6L0 354.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M291.8 4.2L345.7 0.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M291.8 4.2L286.8 1.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M291.8 4.2L285.8 15.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M291.8 4.2L305.5 31.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M291.8 4.2L311.3 5.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.4 0.6L7.6 9.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.4 0.6L10 0.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.4 0.6L3.4 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.4 0.6L21.9 6.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M345.7 0.5L305.5 31.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M345.7 0.5L311.3 5.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M345.7 0.5L385.7 41.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4 368L9.6 359.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4 368L0 354.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M119.7 0.2L93 0.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M119.7 0.2L113.4 22.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M119.7 0.2L89.5 2.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M119.7 0.2L134.7 6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M32.5 478.7L45.8 462.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M32.5 478.7L10.1 477.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M32.5 478.7L21.7 458.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M548.9 23.4L583.8 45.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M548.9 23.4L554.8 15.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M548.9 23.4L549.7 2.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M548.9 23.4L522.5 37.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M7.6 9.9L10 0.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M7.6 9.9L3.4 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M286.8 1.2L285.8 15.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M286.8 1.2L311.3 5.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 453.6L45.8 462.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 453.6L10.1 477.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 453.6L21.7 458.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 453.6L1.5 428.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M74.9 39L48.9 43.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M74.9 39L57.2 14.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.9 43.9L27.9 38.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.9 43.9L37.9 22.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.9 43.9L51.9 98.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M257.5 19.2L256.4 10.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M257.5 19.2L285.8 15.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M257.5 19.2L227.6 54.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M257.5 19.2L239.9 21.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M257.5 19.2L226.7 51.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15.2 140.2L9.1 172%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15.2 140.2L48.9 142.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15.2 140.2L0.9 123.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15.2 140.2L4.5 155.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15.2 140.2L2.3 176.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15.2 140.2L51.9 98.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M93 0.1L113.4 22.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M93 0.1L89.5 2.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.1 406.7L0.3 391.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.1 406.7L22.4 415.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.1 406.7L6.7 397.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.1 406.7L1.5 428.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M481.1 3.3L463.1 34.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M481.1 3.3L476.6 15.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M481.1 3.3L456.8 14.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M45.8 462.8L51.9 424.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M45.8 462.8L21.7 458.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M45.8 462.8L54.3 424.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M463.1 34.4L476.6 15.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M463.1 34.4L456.8 14.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M463.1 34.4L414.4 51.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M31.8 256.9L33.2 241.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M31.8 256.9L23.9 244.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M31.8 256.9L4.9 258.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M57.2 14.7L37.9 22.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M57.2 14.7L29.8 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.1 385.8L0.3 391.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.1 385.8L6.7 397.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M583.8 45.2L554.8 15.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M583.8 45.2L549.7 2.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.1 172L0.9 123.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.1 172L4.5 155.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.1 172L2.3 176.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M256.4 10.1L285.8 15.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M256.4 10.1L239.9 21.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.1 477.2L21.7 458.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 0.8L29.8 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 0.8L3.4 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M10 0.8L21.9 6.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.3 328L9.6 359.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M285.8 15.6L305.5 31.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M33.2 241.6L23.9 244.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M33.2 241.6L4.9 258.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M113.4 22.9L134.7 6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M23.9 244.6L4.9 258.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.9 142.7L4.5 155.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.9 142.7L51.9 98.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M189.2 22.1L227.6 54.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M189.2 22.1L239.9 21.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M189.2 22.1L226.7 51.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.9 123.3L4.5 155.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M27.9 38.6L37.9 22.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M27.9 38.6L29.8 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.6 359.1L0 354.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M413.1 27.7L456.8 14.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M413.1 27.7L414.4 51.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M413.1 27.7L385.7 41.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.9 424.5L54.3 424.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.9 424.5L22.4 415.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M227.6 54.9L239.9 21.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M227.6 54.9L226.7 51.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M554.8 15.6L549.7 2.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M554.8 15.6L522.5 37.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.5 155.6L2.3 176.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M549.7 2.1L522.5 37.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M37.9 22.3L29.8 8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M476.6 15.1L456.8 14.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.3 391.2L6.7 397.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.8 8L21.9 6.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M54.3 424.8L22.4 415.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M305.5 31.7L311.3 5.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M22.4 415.2L6.7 397.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M22.4 415.2L1.5 428.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M239.9 21.1L226.7 51.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M414.4 51.4L385.7 41.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Ccircle cx=%2280.6%22 cy=%2228.7%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2214.9%22 cy=%22284.7%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22109.9%22 cy=%2236.9%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2216.8%22 cy=%22375.6%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22291.8%22 cy=%224.2%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%229.4%22 cy=%220.6%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22345.7%22 cy=%220.5%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%224%22 cy=%22368%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22119.7%22 cy=%220.2%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%2232.5%22 cy=%22478.7%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22548.9%22 cy=%2223.4%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%227.6%22 cy=%229.9%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22286.8%22 cy=%221.2%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%229.3%22 cy=%22453.6%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2274.9%22 cy=%2239%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2248.9%22 cy=%2243.9%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22257.5%22 cy=%2219.2%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2215.2%22 cy=%22140.2%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2293%22 cy=%220.1%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.8%22/%3E%3Ccircle cx=%2293%22 cy=%220.1%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.4%22 stroke-width=%221%22/%3E%3Ccircle cx=%224.1%22 cy=%22406.7%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22481.1%22 cy=%223.3%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2245.8%22 cy=%22462.8%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22463.1%22 cy=%2234.4%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2231.8%22 cy=%22256.9%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2231.8%22 cy=%22256.9%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%2257.2%22 cy=%2214.7%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%223.1%22 cy=%22385.8%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%223.1%22 cy=%22385.8%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Ccircle cx=%22583.8%22 cy=%2245.2%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%229.1%22 cy=%22172%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22256.4%22 cy=%2210.1%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2210.1%22 cy=%22477.2%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2210%22 cy=%220.8%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.7%22/%3E%3Ccircle cx=%2255.3%22 cy=%22328%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22285.8%22 cy=%2215.6%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2233.2%22 cy=%22241.6%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22113.4%22 cy=%2222.9%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2223.9%22 cy=%22244.6%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2289.5%22 cy=%222.3%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2248.9%22 cy=%22142.7%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22189.2%22 cy=%2222.1%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%220.9%22 cy=%22123.3%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2227.9%22 cy=%2238.6%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%229.6%22 cy=%22359.1%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22413.1%22 cy=%2227.7%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2251.9%22 cy=%22424.5%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22227.6%22 cy=%2254.9%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2221.7%22 cy=%22458.8%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22554.8%22 cy=%2215.6%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%224.5%22 cy=%22155.6%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22549.7%22 cy=%222.1%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2237.9%22 cy=%2222.3%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22476.6%22 cy=%2215.1%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%220.3%22 cy=%22391.2%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22134.7%22 cy=%226%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%222.3%22 cy=%22176.8%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2229.8%22 cy=%228%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%2254.3%22 cy=%22424.8%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22456.8%22 cy=%2214.9%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2251.9%22 cy=%2298.5%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22305.5%22 cy=%2231.7%22 r=%222.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%223.4%22 cy=%228%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%22522.5%22 cy=%2237.1%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2222.4%22 cy=%22415.2%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22239.9%22 cy=%2221.1%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%22239.9%22 cy=%2221.1%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Ccircle cx=%226.7%22 cy=%22397.8%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22311.3%22 cy=%225.5%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%220%22 cy=%22354.5%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22414.4%22 cy=%2251.4%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2221.9%22 cy=%226.4%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22385.7%22 cy=%2241.9%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%224.9%22 cy=%22258.8%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22226.7%22 cy=%2251.9%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%221.5%22 cy=%22428.3%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(900px 560px at 100% 0%,rgba(23,86,190,.38) 0%,rgba(23,86,190,0) 65%),radial-gradient(700px 480px at 0% 100%,rgba(2,20,56,.85) 0%,rgba(2,20,56,0) 60%),linear-gradient(135deg,#021A44 0%,#042C6F 55%,#083487 100%);background-size:640px 480px,auto,auto,auto;background-position:right top,0 0,0 0,0 0;background-repeat:no-repeat}
.band-ink.band-l{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22640%22 height=%22480%22 viewBox=%220 0 640 480%22 fill=%22none%22 stroke-linecap=%22round%22%3E%3Cdefs%3E%3ClinearGradient id=%22fg%22 gradientUnits=%22userSpaceOnUse%22 x1=%22192%22 y1=%220%22 x2=%22627.2%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%239FC9FF%22/%3E%3Cstop offset=%221%22 stop-color=%22%239FC9FF%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22fgw%22 gradientUnits=%22userSpaceOnUse%22 x1=%22192%22 y1=%220%22 x2=%22627.2%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%237FB6FF%22/%3E%3Cstop offset=%221%22 stop-color=%22%237FB6FF%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M0 26.3 Q0 26.3 20 27.3 Q40 28.4 60 29.4 Q80 30.3 100 31 Q120 31.6 140 32 Q160 32.4 180 32.5 Q200 32.6 220 32.4 Q240 32.1 260 31.6 Q280 31 300 30.2 Q320 29.4 340 28.4 Q360 27.4 380 26.2 Q400 25.1 420 23.9 Q440 22.7 460 21.6 Q480 20.5 500 19.5 Q520 18.5 540 17.7 Q560 16.9 580 16.4 Q600 15.8 620 15.6 Q640 15.4 660 15.5%22 stroke=%22url(%23fgw)%22 stroke-opacity=%220.1%22 stroke-width=%226.1%22/%3E%3Cpath d=%22M0 26.3 Q0 26.3 20 27.3 Q40 28.4 60 29.4 Q80 30.3 100 31 Q120 31.6 140 32 Q160 32.4 180 32.5 Q200 32.6 220 32.4 Q240 32.1 260 31.6 Q280 31 300 30.2 Q320 29.4 340 28.4 Q360 27.4 380 26.2 Q400 25.1 420 23.9 Q440 22.7 460 21.6 Q480 20.5 500 19.5 Q520 18.5 540 17.7 Q560 16.9 580 16.4 Q600 15.8 620 15.6 Q640 15.4 660 15.5%22 stroke=%22url(%23fg)%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Cpath d=%22M40 28.4 L80 30.3 L120 31.6%22 stroke=%22%23FFD84A%22 stroke-opacity=%22.22%22 stroke-width=%228%22/%3E%3Cpath d=%22M40 28.4 L80 30.3 L120 31.6%22 stroke=%22%23FFE98A%22 stroke-opacity=%22.85%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M0 44.2 Q0 44.2 20 44.6 Q40 45 60 45.7 Q80 46.3 100 47 Q120 47.8 140 48.6 Q160 49.5 180 50.3 Q200 51.2 220 52 Q240 52.8 260 53.5 Q280 54.2 300 54.8 Q320 55.3 340 55.7 Q360 56 380 56.2 Q400 56.3 420 56.2 Q440 56.1 460 55.7 Q480 55.4 500 54.8 Q520 54.3 540 53.6 Q560 52.9 580 52.1 Q600 51.3 620 50.4 Q640 49.5 660 48.7%22 stroke=%22url(%23fgw)%22 stroke-opacity=%220.1%22 stroke-width=%228.4%22/%3E%3Cpath d=%22M0 44.2 Q0 44.2 20 44.6 Q40 45 60 45.7 Q80 46.3 100 47 Q120 47.8 140 48.6 Q160 49.5 180 50.3 Q200 51.2 220 52 Q240 52.8 260 53.5 Q280 54.2 300 54.8 Q320 55.3 340 55.7 Q360 56 380 56.2 Q400 56.3 420 56.2 Q440 56.1 460 55.7 Q480 55.4 500 54.8 Q520 54.3 540 53.6 Q560 52.9 580 52.1 Q600 51.3 620 50.4 Q640 49.5 660 48.7%22 stroke=%22url(%23fg)%22 stroke-opacity=%220.3%22 stroke-width=%221.4%22/%3E%3Cpath d=%22M160 49.5 L200 51.2 L240 52.8%22 stroke=%22%23FFD84A%22 stroke-opacity=%22.22%22 stroke-width=%228%22/%3E%3Cpath d=%22M160 49.5 L200 51.2 L240 52.8%22 stroke=%22%23FFE98A%22 stroke-opacity=%22.85%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M609.3 1.6L578.9 6.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M609.3 1.6L604.9 16.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M609.3 1.6L582.2 13.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.9 6.5L67.9 39.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.9 6.5L48.7 9.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.9 6.5L55.6 29.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M91.5 1.2L84.2 28.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M91.5 1.2L110.1 4.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M91.5 1.2L102.4 15.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.3 293.2L48.6 310.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.3 293.2L2.7 301.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.3 293.2L3.1 291%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.3 293.2L8.6 289%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.3 293.2L8.1 284.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.3 293.2L2 300.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M559.4 4L578.9 6.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M559.4 4L563.7 2.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M559.4 4L559.3 25.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M7.2 457.7L20.1 458.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M7.2 457.7L25.9 455%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M7.2 457.7L32.9 475.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M356.5 49.3L406 17.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M356.5 49.3L312 37.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M356.5 49.3L304.3 21.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.6 310.8L8.6 289%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.6 310.8L50.4 271.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M430.3 0.2L423.5 23.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M430.3 0.2L406 17.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M430.3 0.2L420.2 0.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M430.3 0.2L483.9 39.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M430.3 0.2L437.3 14.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.6 415.1L21.2 398.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.6 415.1L16 396.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.6 415.1L2.6 406.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.6 415.1L40.4 438.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.9 2.8L158.6 22%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.9 2.8L195 12.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.9 2.8L177.8 8.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.9 2.8L145.8 0.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.9 2.8L139.7 0.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.2 398.1L16 396.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.2 398.1L2.6 406.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.2 398.1L0.1 397.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M594.6 35.3L578.9 6.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M594.6 35.3L604.9 16.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M594.6 35.3L582.2 13.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20.1 458.6L25.9 455%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20.1 458.6L32.9 475.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M20.1 458.6L40.4 438.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M423.5 23.2L406 17.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M423.5 23.2L420.2 0.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M423.5 23.2L483.9 39.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M423.5 23.2L437.3 14.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.7 101.3L0.1 71.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.7 101.3L16.6 52.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.7 101.3L4 97%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M168 35.9L158.6 22%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M168 35.9L177.8 8.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M168 35.9L187.7 32.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.9 455L32.9 475.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.9 455L40.4 438.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M67.9 39.6L55.6 29.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M67.9 39.6L84.2 28.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.7 301.6L3.1 291%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.7 301.6L2 300.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20 18L48.7 9.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20 18L6.4 16.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20 18L16.6 52.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20 18L15 9.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20 18L16 17.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M48.7 9.3L55.6 29.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M292.6 17.1L312 37.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M292.6 17.1L304.3 21.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M292.6 17.1L270.6 31.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M26.6 171.9L21.2 154.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M26.6 171.9L49.1 168.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M26.6 171.9L39.9 172.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M26.6 171.9L5.3 184%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M26.6 171.9L33.4 158.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M578.9 6.7L563.7 2.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M578.9 6.7L582.2 13.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.2 154.8L0.8 167.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.2 154.8L1.2 144.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M21.2 154.8L33.4 158.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M158.6 22L177.8 8.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M158.6 22L145.8 0.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M158.6 22L139.7 0.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M12.4 237.9L8.4 239.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M12.4 237.9L8.1 284.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M12.4 237.9L3.3 201.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M406 17.8L420.2 0.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.6 29.4L84.2 28.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M195 12.3L177.8 8.8%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M195 12.3L187.7 32.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M49.1 168.7L39.9 172.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M49.1 168.7L33.4 158.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M604.9 16.8L582.2 13.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.8 167.7L5.3 184%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.8 167.7L1.2 144.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.8 167.7L3.3 201.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M563.7 2.3L582.2 13.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M563.7 2.3L559.3 25.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.4 239.7L8.1 284.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.4 239.7L3.3 201.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M177.8 8.8L187.7 32.2%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.1 71.6L6.4 16.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.1 71.6L16.6 52.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.1 71.6L4 97%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M312 37.1L304.3 21.3%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M312 37.1L270.6 31.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.1 291L8.6 289%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.1 291L8.1 284.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.1 291L2 300.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M420.2 0.3L437.3 14.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M39.9 172.5L33.4 158.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M582.2 13.9L559.3 25.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16 396.3L2.6 406.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16 396.3L0.1 397.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M304.3 21.3L270.6 31.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.6 289L50.4 271.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M8.6 289L8.1 284.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M483.9 39.2L437.3 14.1%22 stroke=%22%237FB6FF%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M50.4 271.1L8.1 284.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M6.4 16.1L15 9.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M6.4 16.1L16 17.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M84.2 28.9L102.4 15.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M5.3 184L3.3 201.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.6 52.7L4 97%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.6 52.7L16 17.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.2 144.6L33.4 158.9%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.2 144.6L4 97%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M110.1 4.8L102.4 15.5%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M110.1 4.8L139.7 0.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.6 406.9L0.1 397.6%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M145.8 0.8L139.7 0.4%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M15 9.7L16 17.7%22 stroke=%22%237FB6FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%22609.3%22 cy=%221.6%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2255.9%22 cy=%226.5%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2255.9%22 cy=%226.5%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%2291.5%22 cy=%221.2%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%228.3%22 cy=%22293.2%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22559.4%22 cy=%224%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%227.2%22 cy=%22457.7%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22356.5%22 cy=%2249.3%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2248.6%22 cy=%22310.8%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22430.3%22 cy=%220.2%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%22430.3%22 cy=%220.2%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Ccircle cx=%2221.6%22 cy=%22415.1%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22166.9%22 cy=%222.8%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%2221.2%22 cy=%22398.1%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22594.6%22 cy=%2235.3%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2220.1%22 cy=%22458.6%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2220.1%22 cy=%22458.6%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%22423.5%22 cy=%2223.2%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2251.7%22 cy=%22101.3%22 r=%222.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22168%22 cy=%2235.9%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2225.9%22 cy=%22455%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2267.9%22 cy=%2239.6%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%222.7%22 cy=%22301.6%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2220%22 cy=%2218%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2248.7%22 cy=%229.3%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22292.6%22 cy=%2217.1%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2226.6%22 cy=%22171.9%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22578.9%22 cy=%226.7%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2221.2%22 cy=%22154.8%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22158.6%22 cy=%2222%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2212.4%22 cy=%22237.9%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22406%22 cy=%2217.8%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2255.6%22 cy=%2229.4%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22195%22 cy=%2212.3%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2249.1%22 cy=%22168.7%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22604.9%22 cy=%2216.8%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%220.8%22 cy=%22167.7%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22563.7%22 cy=%222.3%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%228.4%22 cy=%22239.7%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22177.8%22 cy=%228.8%22 r=%223%22 fill=%22%23F9C602%22 fill-opacity=%220.7%22/%3E%3Ccircle cx=%22177.8%22 cy=%228.8%22 r=%227.5%22 fill=%22none%22 stroke=%22%23F9C602%22 stroke-opacity=%220.4%22 stroke-width=%221%22/%3E%3Ccircle cx=%220.1%22 cy=%2271.6%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22312%22 cy=%2237.1%22 r=%222.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%223.1%22 cy=%22291%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22420.2%22 cy=%220.3%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2239.9%22 cy=%22172.5%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22582.2%22 cy=%2213.9%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2216%22 cy=%22396.3%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22304.3%22 cy=%2221.3%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2232.9%22 cy=%22475.2%22 r=%221.5%22 fill=%22%23A9CFFF%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22270.6%22 cy=%2231.6%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%228.6%22 cy=%22289%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22483.9%22 cy=%2239.2%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2250.4%22 cy=%22271.1%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%226.4%22 cy=%2216.1%22 r=%222.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%228.1%22 cy=%22284.5%22 r=%221.6%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2284.2%22 cy=%2228.9%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%225.3%22 cy=%22184%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2216.6%22 cy=%2252.7%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%221.2%22 cy=%22144.6%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22110.1%22 cy=%224.8%22 r=%222.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%222.6%22 cy=%22406.9%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22145.8%22 cy=%220.8%22 r=%222.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%223.3%22 cy=%22201.4%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22187.7%22 cy=%2232.2%22 r=%221.9%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2240.4%22 cy=%22438.9%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2215%22 cy=%229.7%22 r=%221.7%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%220.1%22 cy=%22397.6%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22102.4%22 cy=%2215.5%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2233.4%22 cy=%22158.9%22 r=%222.2%22 fill=%22%23A9CFFF%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22437.3%22 cy=%2214.1%22 r=%221.4%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%224%22 cy=%2297%22 r=%222.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22139.7%22 cy=%220.4%22 r=%221.3%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%222%22 cy=%22300.6%22 r=%222%22 fill=%22%23A9CFFF%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22559.3%22 cy=%2225.5%22 r=%221.8%22 fill=%22%23A9CFFF%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2216%22 cy=%2217.7%22 r=%222.1%22 fill=%22%23A9CFFF%22 fill-opacity=%220.5%22/%3E%3C/svg%3E"),radial-gradient(900px 560px at 0% 0%,rgba(23,86,190,.38) 0%,rgba(23,86,190,0) 65%),radial-gradient(700px 480px at 100% 100%,rgba(2,20,56,.85) 0%,rgba(2,20,56,0) 60%),linear-gradient(135deg,#021A44 0%,#042C6F 55%,#083487 100%);background-position:left top,0 0,0 0,0 0}
.section.alt,.finder-section,.band-ice{border-top:0;border-bottom:0;background-color:#F3F7FD;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22640%22 height=%22480%22 viewBox=%220 0 640 480%22 fill=%22none%22 stroke-linecap=%22round%22%3E%3Cg transform=%22translate(640 0) scale(-1 1)%22%3E%3Cpath d=%22M4.1 1.1L16.4 7.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.1 1.1L1.1 11.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.1 1.1L20.4 23.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M28.3 163.9L55.6 173.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M28.3 163.9L51.6 150.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M28.3 163.9L37.5 194%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M28.3 163.9L5.8 155.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M28.3 163.9L30.8 197.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M66 1.1L41.7 0.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M66 1.1L86.9 0.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M66 1.1L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M34 89.4L37.2 83.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M34 89.4L2.9 78.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M34 89.4L13.6 68.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M34 89.4L35.7 94.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M70.8 32.6L96.4 48.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M70.8 32.6L65.6 31.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M70.8 32.6L81.2 42.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M70.8 32.6L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.6 298.8L3.6 287.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.6 298.8L0.8 305.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.6 298.8L21 313.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M312.2 13.2L287.2 36.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M312.2 13.2L364.4 24.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M312.2 13.2L304.4 30.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M312.2 13.2L266.6 1.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.6 173.4L51.6 150.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.6 173.4L37.5 194%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M55.6 173.4L30.8 197.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M41.7 0.1L32.2 8.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M41.7 0.1L43 10.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.9 446.9L53.6 458.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.9 446.9L25.7 430.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.9 446.9L14.7 400.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.9 446.9L10.8 403.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M99.7 7.6L106.5 3.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M99.7 7.6L86.9 0.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M99.7 7.6L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.6 150.6L10.6 136.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M106.5 3.6L182.1 30.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M106.5 3.6L86.9 0.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M106.5 3.6L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.9 259.1L3.6 287.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.9 259.1L29.1 267.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.9 259.1L1.2 247.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M606.1 40.8L544.1 25.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M606.1 40.8L635.2 36.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M606.1 40.8L633.9 3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.2 146.1L10.6 136.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.2 146.1L2.5 123.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.2 146.1L5.8 155.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M521.2 54.9L544.1 25.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M521.2 54.9L509.9 6.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M521.2 54.9L456.1 50.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M32.2 8.6L16.4 7.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M32.2 8.6L43 10.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M32.2 8.6L20.4 23.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M544.1 25.9L635.2 36.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M544.1 25.9L633.9 3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M544.1 25.9L509.9 6.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M37.2 83.4L44.7 54.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M37.2 83.4L13.6 68.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M37.2 83.4L35.7 94.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M445.5 2.9L472.1 4.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M445.5 2.9L421.1 17.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M445.5 2.9L432.4 18.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.6 287.8L0.8 305.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.6 287.8L29.1 267.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.6 287.8L1.2 247.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M3.6 287.8L21 313.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.4 7.9L1.1 11.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.4 7.9L20.4 23.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.6 136.2L2.5 123.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.6 136.2L9.5 110.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.6 136.2L5.8 155.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M10.6 136.2L12 123.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M387.7 40.6L371.9 18.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M387.7 40.6L364.4 24.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M387.7 40.6L421.1 17.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M53.6 458.7L25.7 430.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M53.6 458.7L10.8 403.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M635.2 36.6L633.9 3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.5 123.1L9.5 110.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.5 123.1L12 123.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M371.9 18.8L364.4 24.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M371.9 18.8L421.1 17.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.8 305.2L21 313.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M96.4 48.3L65.6 31.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M96.4 48.3L81.2 42.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.1 267.5L1.2 247.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.1 267.5L53.3 314.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M43 10.7L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.7 430.7L14.7 400.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.7 430.7L10.8 403.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M37.5 194L30.8 197.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M252 36.5L182.1 30.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M252 36.5L287.2 36.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M252 36.5L190.5 0%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M252 36.5L304.4 30.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M252 36.5L266.6 1.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.7 54.3L43.2 43.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.7 54.3L36.1 43.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.9 41.6L20.4 23.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.9 41.6L13.6 68.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.9 41.6L12 41.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M182.1 30.5L190.5 0%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M14.7 400.4L54.5 353%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M14.7 400.4L10.8 403.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M287.2 36.5L304.4 30.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M287.2 36.5L266.6 1.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.5 110.1L2.9 78.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.5 110.1L12 123.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.5 110.1L35.7 94.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.1 11.2L20.4 23.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M65.6 31.4L43.2 43.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M65.6 31.4L81.2 42.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M65.6 31.4L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M53.3 314.8L54.5 353%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M53.3 314.8L21 313.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M472.1 4.8L509.9 6.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M472.1 4.8L456.1 50.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M472.1 4.8L432.4 18.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M54.5 353L21 313.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M190.5 0L266.6 1.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M86.9 0.2L67.1 9.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M43.2 43.9L36.1 43.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M20.4 23.3L12 41.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.9 78.2L13.6 68.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M13.6 68.4L12 41.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M421.1 17.5L456.1 50.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M421.1 17.5L432.4 18.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M304.4 30.8L266.6 1.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M36.1 43.3L12 41.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M456.1 50.4L432.4 18.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Ccircle cx=%224.1%22 cy=%221.1%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2228.3%22 cy=%22163.9%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2228.3%22 cy=%22163.9%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%2266%22 cy=%221.1%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2234%22 cy=%2289.4%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2270.8%22 cy=%2232.6%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%221.6%22 cy=%22298.8%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22312.2%22 cy=%2213.2%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2255.6%22 cy=%22173.4%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2241.7%22 cy=%220.1%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2210.9%22 cy=%22446.9%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2299.7%22 cy=%227.6%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2251.6%22 cy=%22150.6%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22106.5%22 cy=%223.6%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2218.9%22 cy=%22259.1%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22606.1%22 cy=%2240.8%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%223.2%22 cy=%22146.1%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22521.2%22 cy=%2254.9%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2232.2%22 cy=%228.6%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22544.1%22 cy=%2225.9%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2237.2%22 cy=%2283.4%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22445.5%22 cy=%222.9%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%223.6%22 cy=%22287.8%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2216.4%22 cy=%227.9%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2210.6%22 cy=%22136.2%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22387.7%22 cy=%2240.6%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2253.6%22 cy=%22458.7%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220%22/%3E%3Ccircle cx=%22635.2%22 cy=%2236.6%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%222.5%22 cy=%22123.1%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22371.9%22 cy=%2218.8%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%220.8%22 cy=%22305.2%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2296.4%22 cy=%2248.3%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2229.1%22 cy=%22267.5%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2243%22 cy=%2210.7%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%2243%22 cy=%2210.7%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Ccircle cx=%2225.7%22 cy=%22430.7%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2225.7%22 cy=%22430.7%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%22633.9%22 cy=%223%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2237.5%22 cy=%22194%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22252%22 cy=%2236.5%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%221.2%22 cy=%22247.3%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2244.7%22 cy=%2254.3%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%222.9%22 cy=%2241.6%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22182.1%22 cy=%2230.5%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2214.7%22 cy=%22400.4%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22287.2%22 cy=%2236.5%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%229.5%22 cy=%22110.1%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22364.4%22 cy=%2224.8%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%221.1%22 cy=%2211.2%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2265.6%22 cy=%2231.4%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2253.3%22 cy=%22314.8%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22472.1%22 cy=%224.8%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22472.1%22 cy=%224.8%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%2254.5%22 cy=%22353%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22190.5%22 cy=%220%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%225.8%22 cy=%22155.5%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2286.9%22 cy=%220.2%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2243.2%22 cy=%2243.9%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2220.4%22 cy=%2223.3%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%222.9%22 cy=%2278.2%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22509.9%22 cy=%226.4%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2213.6%22 cy=%2268.4%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22421.1%22 cy=%2217.5%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2210.8%22 cy=%22403.4%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22304.4%22 cy=%2230.8%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2230.8%22 cy=%22197.3%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22266.6%22 cy=%221.5%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2236.1%22 cy=%2243.3%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22456.1%22 cy=%2250.4%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2221%22 cy=%22313.3%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2281.2%22 cy=%2242.1%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2212%22 cy=%2241.4%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2267.1%22 cy=%229.8%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2212%22 cy=%22123.5%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22432.4%22 cy=%2218.6%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2235.7%22 cy=%2294.2%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(760px 520px at 100% 0%,rgba(255,221,92,.14) 0%,rgba(255,236,160,.06) 30%,rgba(255,255,255,0) 62%),radial-gradient(1100px 700px at 100% 0%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 60%),radial-gradient(900px 600px at 0% 100%,rgba(186,208,242,.5) 0%,rgba(186,208,242,0) 62%),linear-gradient(180deg,#F4F8FD 0%,#ECF2FA 100%);background-size:640px 480px,auto,auto,auto,auto;background-position:right top,0 0,0 0,0 0,0 0;background-repeat:no-repeat}
.section.alt.band-l,.band-ice.band-l{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22640%22 height=%22480%22 viewBox=%220 0 640 480%22 fill=%22none%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M33.8 3.5L20.1 0.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M33.8 3.5L40.6 0.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M33.8 3.5L51.2 7.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M33.8 3.5L40 1.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M46.3 121.6L4.4 133.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M46.3 121.6L35.8 80.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M46.3 121.6L30.6 128.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M285.9 31L273 38.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M285.9 31L282.9 51.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M285.9 31L305.2 16.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M285.9 31L290.4 0.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.6 34.1L3 31.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.6 34.1L1.2 26.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.6 34.1L38.7 61.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.6 34.1L7.1 39.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M525.9 17.4L510.2 0.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M525.9 17.4L471 9.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M525.9 17.4L554.7 16.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.7 449.6L9.7 429.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.7 449.6L2.6 460.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.7 449.6L43.1 464.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M204.6 0L223.5 54.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M204.6 0L161.5 10%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M204.6 0L171.7 2.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.4 347.6L0.2 298.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.4 347.6L7 361%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.4 347.6L27.6 329.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3 31.8L1.2 26.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M3 31.8L1 44.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M3 31.8L7.1 39.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.6 394.3L23.6 404.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.6 394.3L16.7 398.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.6 394.3L9.7 429.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M605.9 3.1L623.6 1.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M605.9 3.1L615.9 48.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M605.9 3.1L606 54.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M605.9 3.1L554.7 16.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M605.9 3.1L623 4.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.2 26.9L7.1 39.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M623.6 1.1L615.9 48.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M623.6 1.1L623 4.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 58.1L0.1 72.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 58.1L2 51.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 58.1L1 44.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 58.1L0.6 45.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20.1 0.2L40.6 0.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M20.1 0.2L40 1.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.1 145L4.4 133.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.1 145L0.6 150.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.1 145L30.6 128.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.2 49L223.5 54.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.2 49L161.5 10%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.2 49L171.7 2.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M166.2 49L132 19%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M38.7 61.5L35.8 80.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M38.7 61.5L54.8 68.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M451.5 20.3L440.7 3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M451.5 20.3L433.9 54%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M451.5 20.3L471 9.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M451.5 20.3L461.4 0.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M35 254.4L0.2 298.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M35 254.4L1.6 290.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M35 254.4L55.2 261.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M346.9 4L305.2 16.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M346.9 4L358.5 39.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M346.9 4L350.9 52.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M346.9 4L345.1 15.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.4 133.9L0.6 150.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.4 133.9L30.6 128.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M223.5 54.7L273 38.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M223.5 54.7L255.9 46.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.5 180.3L29.6 189.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.5 180.3L0.6 194.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.5 180.3L0.6 150.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M273 38.6L282.9 51.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M273 38.6L305.2 16.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M273 38.6L255.9 46.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M273 38.6L290.4 0.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.6 189.4L0.6 194.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.6 189.4L0.6 150.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.6 0.4L51.2 7.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.6 0.4L40 1.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.2 298.6L51.2 312.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.2 298.6L1.6 290.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.2 298.6L27.6 329.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M161.5 10L128.6 0%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M161.5 10L171.7 2.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M161.5 10L132 19%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.1 72.6L9.6 86.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.1 72.6L12.9 88.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2 51.2L1 44.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M2 51.2L0.6 45.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.2 312.6L27.6 329.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.2 312.6L55.2 261.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M282.9 51.5L255.9 46.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M23.6 404.9L16.7 398.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M23.6 404.9L9.7 429.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M305.2 16.6L290.4 0.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.6 86.6L35.8 80.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.6 86.6L12.9 88.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M440.7 3L433.9 54%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M440.7 3L471 9.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M440.7 3L461.4 0.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.7 398.1L7 361%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M16.7 398.1L9.7 429.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M358.5 39.3L350.9 52.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M358.5 39.3L345.1 15.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.6 290.5L27.6 329.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.6 290.5L55.2 261.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M128.6 0L171.7 2.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M128.6 0L132 19%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M51.2 7.7L40 1.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M350.9 52.9L345.1 15.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M7 361L27.6 329.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M615.9 48.4L606 54.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M615.9 48.4L623 4.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.6 194.7L0.6 150.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M171.7 2.2L132 19%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M433.9 54L471 9.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M35.8 80.1L12.9 88.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M35.8 80.1L54.8 68.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.7 429.2L2.6 460.9%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.7 429.2L43.1 464.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M510.2 0.1L471 9.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M510.2 0.1L554.7 16.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M2.6 460.9L43.1 464.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M1 44.6L7.1 39.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1 44.6L0.6 45.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M471 9.7L461.4 0.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M7.1 39.7L0.6 45.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M606 54.1L623 4.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Cpath d=%22M12.9 88.6L54.8 68.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220%22 stroke-width=%221%22/%3E%3Ccircle cx=%2233.8%22 cy=%223.5%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.7%22/%3E%3Ccircle cx=%2233.8%22 cy=%223.5%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.4%22 stroke-width=%221%22/%3E%3Ccircle cx=%2246.3%22 cy=%22121.6%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22285.9%22 cy=%2231%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2216.6%22 cy=%2234.1%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22525.9%22 cy=%2217.4%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2244.7%22 cy=%22449.6%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22204.6%22 cy=%220%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%221.4%22 cy=%22347.6%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%223%22 cy=%2231.8%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2240.6%22 cy=%22394.3%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22605.9%22 cy=%223.1%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%221.2%22 cy=%2226.9%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22623.6%22 cy=%221.1%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22623.6%22 cy=%221.1%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%220%22 cy=%2258.1%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2220.1%22 cy=%220.2%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%222.1%22 cy=%22145%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%222.1%22 cy=%22145%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Ccircle cx=%22166.2%22 cy=%2249%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2238.7%22 cy=%2261.5%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22451.5%22 cy=%2220.3%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2235%22 cy=%22254.4%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22346.9%22 cy=%224%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%224.4%22 cy=%22133.9%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22223.5%22 cy=%2254.7%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%220.5%22 cy=%22180.3%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22273%22 cy=%2238.6%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2229.6%22 cy=%22189.4%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2240.6%22 cy=%220.4%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%220.2%22 cy=%22298.6%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22161.5%22 cy=%2210%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%220.1%22 cy=%2272.6%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%222%22 cy=%2251.2%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2251.2%22 cy=%22312.6%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22282.9%22 cy=%2251.5%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2223.6%22 cy=%22404.9%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22305.2%22 cy=%2216.6%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%229.6%22 cy=%2286.6%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22440.7%22 cy=%223%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2216.7%22 cy=%22398.1%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22358.5%22 cy=%2239.3%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%221.6%22 cy=%22290.5%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22128.6%22 cy=%220%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2251.2%22 cy=%227.7%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22350.9%22 cy=%2252.9%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%227%22 cy=%22361%22 r=%223%22 fill=%22%23D9A800%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%227%22 cy=%22361%22 r=%227.5%22 fill=%22none%22 stroke=%22%23D9A800%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Ccircle cx=%22615.9%22 cy=%2248.4%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220%22/%3E%3Ccircle cx=%220.6%22 cy=%22194.7%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22171.7%22 cy=%222.2%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%220.6%22 cy=%22150.9%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22433.9%22 cy=%2254%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2235.8%22 cy=%2280.1%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22345.1%22 cy=%2215.1%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%229.7%22 cy=%22429.2%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22510.2%22 cy=%220.1%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%222.6%22 cy=%22460.9%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%221%22 cy=%2244.6%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2227.6%22 cy=%22329.7%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22471%22 cy=%229.7%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%227.1%22 cy=%2239.7%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22606%22 cy=%2254.1%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2212.9%22 cy=%2288.6%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22255.9%22 cy=%2246.7%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2240%22 cy=%221.2%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22132%22 cy=%2219%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%220.6%22 cy=%2245.6%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22554.7%22 cy=%2216.3%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2243.1%22 cy=%22464.5%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22461.4%22 cy=%220.5%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2255.2%22 cy=%22261.3%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22290.4%22 cy=%220.4%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2254.8%22 cy=%2268.8%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%22623%22 cy=%224.5%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3Ccircle cx=%2230.6%22 cy=%22128.7%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.1%22/%3E%3C/svg%3E"),radial-gradient(760px 520px at 0% 0%,rgba(255,221,92,.14) 0%,rgba(255,236,160,.06) 30%,rgba(255,255,255,0) 62%),radial-gradient(1100px 700px at 0% 0%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 60%),radial-gradient(900px 600px at 100% 100%,rgba(186,208,242,.5) 0%,rgba(186,208,242,0) 62%),linear-gradient(180deg,#F4F8FD 0%,#ECF2FA 100%);background-position:left top,0 0,0 0,0 0,0 0}
.cta-band{background-color:#F9C602;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22480%22 height=%22360%22 viewBox=%220 0 480 360%22 fill=%22none%22 stroke-linecap=%22round%22%3E%3Cg transform=%22translate(480 0) scale(-1 1)%22%3E%3Cpath d=%22M158.2 3.7L170.8 24.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M158.2 3.7L179.7 30.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M158.2 3.7L109.7 42.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M158.2 3.7L157.7 41.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.2 45.7L44.2 32.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.2 45.7L42 50.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.2 45.7L42.1 33.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M255.5 26.7L277 21.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M255.5 26.7L295.1 6.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M255.5 26.7L295.3 31%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 182.2L9.8 159.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 182.2L41.3 177.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.3 182.2L10.8 203.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M335.1 19.3L330.6 2.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M335.1 19.3L312.7 50.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M335.1 19.3L336 26%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M24.7 271L29.7 249.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M24.7 271L31.1 308.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M24.7 271L29.7 259%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M392.4 11.8L393.4 3.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M392.4 11.8L396.3 6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M392.4 11.8L397.3 48.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M392.4 11.8L462.2 5.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.7 42.2L18.7 33.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.7 42.2L0.4 37.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.7 42.2L11.7 39.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M1.7 42.2L11.7 70.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M330.6 2.1L295.1 6.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M330.6 2.1L336 26%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M22 221.2L29.7 249.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M22 221.2L10.8 203.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M22 221.2L29.7 259%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.7 33.6L6.6 12.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.7 33.6L25.1 39.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.7 33.6L5.9 1.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.7 33.6L0.4 37.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M18.7 33.6L11.7 39.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.2 7.1L43.9 25.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.2 7.1L44.2 32.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.2 7.1L37.7 24.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M40.2 7.1L81.6 2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M393.4 3.3L396.3 6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M393.4 3.3L397.3 48.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M393.4 3.3L462.2 5.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.7 249.2L31.1 308.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.7 249.2L29.7 259%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M43.9 25.3L44.2 32.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M43.9 25.3L37.7 24.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M43.9 25.3L42.1 33.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M43.9 25.3L81.6 2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.2 32.6L37.7 24.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.2 32.6L42.1 33.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M44.2 32.6L81.6 2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M312.7 50.1L295.3 31%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M312.7 50.1L336 26%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M6.6 12.4L5.9 1.4%22 stroke=%22%23042C6F%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Cpath d=%22M6.6 12.4L2.4 6.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Cpath d=%22M277 21.2L295.1 6.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M277 21.2L295.3 31%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M42 50.8L42.1 33.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M42 50.8L26.4 60.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M396.3 6L397.3 48.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M396.3 6L462.2 5.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.1 39.4L11.7 39.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.1 39.4L42.1 33.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M25.1 39.4L26.4 60.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M170.8 24.8L179.7 30.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M170.8 24.8L157.7 41.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.8 159.7L29.4 146.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.8 159.7L41.3 177.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M9.8 159.7L12.4 129.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M5.9 1.4L2.4 6.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.4 146.8L41.3 177.2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M29.4 146.8L12.4 129.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M179.7 30.6L157.7 41.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M41.3 177.2L10.8 203.5%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M295.1 6.8L295.3 31%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.4 37.2L11.7 39.8%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M0.4 37.2L2.4 6.6%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M11.7 39.8L11.7 70.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M31.1 308.6L29.7 259%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M37.7 24.6L42.1 33.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M11.7 70.3L26.4 60.3%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M11.7 70.3L45.2 99.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M12.4 129.3L45.2 99.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M26.4 60.3L45.2 99.1%22 stroke=%22%23042C6F%22 stroke-opacity=%220.2%22 stroke-width=%221%22/%3E%3Cpath d=%22M109.7 42.8L157.7 41.7%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Cpath d=%22M109.7 42.8L81.6 2%22 stroke=%22%23042C6F%22 stroke-opacity=%220.1%22 stroke-width=%221%22/%3E%3Ccircle cx=%22158.2%22 cy=%223.7%22 r=%223%22 fill=%22%23042C6F%22 fill-opacity=%220.7%22/%3E%3Ccircle cx=%22158.2%22 cy=%223.7%22 r=%227.5%22 fill=%22none%22 stroke=%22%23042C6F%22 stroke-opacity=%220.4%22 stroke-width=%221%22/%3E%3Ccircle cx=%2244.2%22 cy=%2245.7%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22255.5%22 cy=%2226.7%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%229.3%22 cy=%22182.2%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22335.1%22 cy=%2219.3%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2224.7%22 cy=%22271%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22392.4%22 cy=%2211.8%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%221.7%22 cy=%2242.2%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22330.6%22 cy=%222.1%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2222%22 cy=%22221.2%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2218.7%22 cy=%2233.6%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2240.2%22 cy=%227.1%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22393.4%22 cy=%223.3%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2229.7%22 cy=%22249.2%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2243.9%22 cy=%2225.3%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2244.2%22 cy=%2232.6%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22312.7%22 cy=%2250.1%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%226.6%22 cy=%2212.4%22 r=%223%22 fill=%22%23042C6F%22 fill-opacity=%220.8%22/%3E%3Ccircle cx=%226.6%22 cy=%2212.4%22 r=%227.5%22 fill=%22none%22 stroke=%22%23042C6F%22 stroke-opacity=%220.4%22 stroke-width=%221%22/%3E%3Ccircle cx=%22277%22 cy=%2221.2%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2242%22 cy=%2250.8%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22396.3%22 cy=%226%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2225.1%22 cy=%2239.4%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22170.8%22 cy=%2224.8%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%229.8%22 cy=%22159.7%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%225.9%22 cy=%221.4%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.8%22/%3E%3Ccircle cx=%2229.4%22 cy=%22146.8%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22179.7%22 cy=%2230.6%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2241.3%22 cy=%22177.2%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%22295.1%22 cy=%226.8%22 r=%223%22 fill=%22%23042C6F%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%22295.1%22 cy=%226.8%22 r=%227.5%22 fill=%22none%22 stroke=%22%23042C6F%22 stroke-opacity=%220.3%22 stroke-width=%221%22/%3E%3Ccircle cx=%220.4%22 cy=%2237.2%22 r=%221.6%22 fill=%22%23042C6F%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%2211.7%22 cy=%2239.8%22 r=%221.5%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2231.1%22 cy=%22308.6%22 r=%221.4%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2237.7%22 cy=%2224.6%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2242.1%22 cy=%2233.7%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22295.3%22 cy=%2231%22 r=%222.1%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2210.8%22 cy=%22203.5%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22397.3%22 cy=%2248.5%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2211.7%22 cy=%2270.3%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%22336%22 cy=%2226%22 r=%222.2%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2212.4%22 cy=%22129.3%22 r=%222.4%22 fill=%22%23042C6F%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22462.2%22 cy=%225.1%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%2226.4%22 cy=%2260.3%22 r=%221.9%22 fill=%22%23042C6F%22 fill-opacity=%220.4%22/%3E%3Ccircle cx=%22109.7%22 cy=%2242.8%22 r=%221.8%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2245.2%22 cy=%2299.1%22 r=%221.3%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%22157.7%22 cy=%2241.7%22 r=%222%22 fill=%22%23042C6F%22 fill-opacity=%220.2%22/%3E%3Ccircle cx=%2229.7%22 cy=%22259%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.3%22/%3E%3Ccircle cx=%2281.6%22 cy=%222%22 r=%222.3%22 fill=%22%23042C6F%22 fill-opacity=%220.6%22/%3E%3Ccircle cx=%222.4%22 cy=%226.6%22 r=%221.7%22 fill=%22%23042C6F%22 fill-opacity=%220.6%22/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(700px 420px at 0% 0%,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 60%),linear-gradient(135deg,#FFD83A 0%,#F9C602 60%,#F0B800 100%);background-size:480px 360px,auto,auto;background-position:right top,0 0,0 0;background-repeat:no-repeat}
@media (max-width:1300px){
  .band-ink,.section.alt,.finder-section,.band-ice{background-size:480px 360px,auto,auto,auto,auto}
  .cta-band{background-size:360px 270px,auto,auto}
}
@media (max-width:760px){
  .band-ink{background-image:radial-gradient(900px 560px at 100% 0%,rgba(23,86,190,.38) 0%,rgba(23,86,190,0) 65%),radial-gradient(700px 480px at 0% 100%,rgba(2,20,56,.85) 0%,rgba(2,20,56,0) 60%),linear-gradient(135deg,#021A44 0%,#042C6F 55%,#083487 100%)}
  .band-ink.band-l{background-image:radial-gradient(900px 560px at 0% 0%,rgba(23,86,190,.38) 0%,rgba(23,86,190,0) 65%),radial-gradient(700px 480px at 100% 100%,rgba(2,20,56,.85) 0%,rgba(2,20,56,0) 60%),linear-gradient(135deg,#021A44 0%,#042C6F 55%,#083487 100%)}
  .section.alt,.finder-section,.band-ice{background-image:radial-gradient(760px 520px at 100% 0%,rgba(255,221,92,.14) 0%,rgba(255,236,160,.06) 30%,rgba(255,255,255,0) 62%),radial-gradient(1100px 700px at 100% 0%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 60%),radial-gradient(900px 600px at 0% 100%,rgba(186,208,242,.5) 0%,rgba(186,208,242,0) 62%),linear-gradient(180deg,#F4F8FD 0%,#ECF2FA 100%)}
  .section.alt.band-l,.band-ice.band-l{background-image:radial-gradient(760px 520px at 0% 0%,rgba(255,221,92,.14) 0%,rgba(255,236,160,.06) 30%,rgba(255,255,255,0) 62%),radial-gradient(1100px 700px at 0% 0%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 60%),radial-gradient(900px 600px at 100% 100%,rgba(186,208,242,.5) 0%,rgba(186,208,242,0) 62%),linear-gradient(180deg,#F4F8FD 0%,#ECF2FA 100%)}
  .cta-band{background-image:radial-gradient(700px 420px at 0% 0%,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 60%),linear-gradient(135deg,#FFD83A 0%,#F9C602 60%,#F0B800 100%)}
}
/* theme:end */

/* ----- ink tone: copy and buttons ----- */
.band-ink{color:#fff}
.band-ink .eyebrow{color:rgba(255,255,255,.72)}
.band-ink .eyebrow::before{background:var(--accent)}
.band-ink .title,.band-ink .section-head h2,.band-ink h2,.band-ink h3{color:#fff}
.band-ink .section-head p,.band-ink p{color:rgba(255,255,255,.78)}
.band-ink .btn-ghost{background:rgba(4,44,111,.85);color:#fff;border-color:rgba(255,255,255,.5)}
.band-ink .btn-ghost:hover{background:rgba(4,44,111,1);border-color:#fff;color:#fff}
.band-ink .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 16px 34px -14px rgba(249,198,2,.5)}
.band-ink .btn-primary:hover{background:var(--accent-2,#E0B000);border-color:var(--accent-2,#E0B000)}
.band-ink :focus-visible{outline-color:#fff}

/* copy keeps clear of the corner ornament */
.band-ink .section-head > div,.section.alt .section-head > div,.finder-section .section-head > div{max-width:64ch}

/* ----- home: the statement band (who) with the figure tiles; light by default (ice), swappable to ink ----- */
.who{padding:96px 0 92px}
.who .container{position:relative;z-index:1}
.who-box{background:transparent;border:0;box-shadow:none;padding:0 clamp(16px,5vw,80px);max-width:1180px;overflow:visible}
.who-mark{display:none}
.who-box .title{max-width:30ch;font-size:clamp(2rem,3.9vw,3.15rem)}
.who-box p{max-width:56ch}
.who-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:1040px;margin:40px auto 0}
.who-stats .stat{position:relative;background:#fff;border:1px solid var(--ice-2);border-radius:14px;padding:34px 24px 28px;text-align:center;box-shadow:0 1px 2px rgba(4,44,111,.04),0 22px 44px -30px rgba(4,44,111,.38)}
.who-stats .stat::before{content:"";position:absolute;left:50%;top:0;width:44px;height:4px;margin-left:-22px;border-radius:0 0 3px 3px;background:var(--accent)}
.who-stats .stat b{font-size:clamp(2.1rem,3.4vw,2.9rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1}
.who-stats .stat span{font-size:14.5px;line-height:1.4;color:var(--text-2);margin-top:10px}
.who-box .btn{margin-top:36px}
.band-ink .who-box .title{color:#fff}
.band-ink .who-box p{color:rgba(255,255,255,.8)}
.band-ink .who-stats .stat{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 4px rgba(0,0,0,.08),0 26px 50px -30px rgba(249,198,2,.75)}
.band-ink .who-stats .stat::before{display:none}
.band-ink .who-stats .stat span{color:var(--ink);opacity:.85}

/* ----- home: cards and tiles on the ink bands ----- */
.band-ink .sol{border-color:rgba(255,255,255,.14);box-shadow:0 20px 44px -30px rgba(0,0,0,.8)}
.band-ink .sol:hover{border-color:var(--accent)}
.band-ink .sol h3,.band-ink .sol h3 a{color:var(--ink)}
.band-ink .sol p{color:var(--text-2)}
.photos-sec{border-top:0}
.band-ink figure.ph{border-color:rgba(255,255,255,.14);background:#0A2A66;box-shadow:0 20px 44px -28px rgba(0,0,0,.7)}
.band-ink figure.ph .ph-img{background:#0A2A66}

/* ----- inner pages: numbered cards and the process list on ink bands ----- */
.band-ink .tr-how > div{border-color:rgba(255,255,255,.14);box-shadow:0 20px 44px -30px rgba(0,0,0,.8)}
.band-ink .tr-how > div:hover{border-color:var(--accent)}
.band-ink .tr-how h3{color:var(--ink)}
.band-ink .tr-how p{color:var(--text-2)}
.band-ink .process li{border-top-color:rgba(255,255,255,.22)}
.band-ink .process .num{color:var(--accent)}
.band-ink .process h3{color:#fff}
.band-ink .process p{color:rgba(255,255,255,.76)}

/* ----- TKDN page: the certification path on an ink band ----- */
.band-ink.tkdn-flow-sec{background-color:#031E52}
.band-ink .tkdn-steps::before{background:rgba(255,255,255,.22)}
.band-ink .tkdn-steps li:last-child .flow-ico i{display:none}
.band-ink .tkdn-steps li:not(:last-child) .flow-arrow{border-color:rgba(255,255,255,.7)}
.band-ink .flow-ico{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.7);color:#fff;box-shadow:none}
.band-ink .flow-ico i{background:var(--accent);color:var(--ink);border-color:#06307A}
.band-ink .tkdn-steps li:last-child .flow-ico{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.band-ink .tkdn-steps h3,.band-ink .tkdn-steps li:last-child h3{color:#fff}
.band-ink .tkdn-steps li:last-child h3{color:#FFE98A}
.band-ink .tkdn-steps p{color:rgba(255,255,255,.76)}

/* ----- gold tone: the CTA band on every page ----- */
.cta-band{color:var(--ink);border:0;border-radius:22px;box-shadow:0 2px 4px rgba(4,44,111,.06),0 34px 70px -34px rgba(4,44,111,.5)}
.cta-band::before,.cta-band::after{display:none}
.cta-band h2{color:var(--ink)}
.cta-band p{color:rgba(4,44,111,.82)}
.cta-band .btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.cta-band .btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}
.cta-band .btn-ghost{background:rgba(255,255,255,.45);color:var(--ink);border-color:rgba(4,44,111,.45)}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.7);border-color:var(--ink)}
.cta-band :focus-visible{outline-color:var(--ink)}

@media (max-width:760px){
  .who{padding:64px 0 60px}
  .who-box{padding:0 4px}
  .who-box .title{font-size:clamp(1.7rem,7vw,2.2rem)}
  .who-stats{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:30px}
  .who-stats .stat{padding:22px 18px 20px}
  .who-stats .stat b{font-size:2rem}
  .who-box .btn{margin-top:28px}
}
@media print{ .band-ink,.band-ice,.section.alt,.finder-section,.cta-band{background:#fff;color:var(--ink)} .who-stats .stat{border:1px solid var(--line)} }