@font-face{font-family:'ff61df7e';font-style:normal;font-weight:400;font-display:swap;src:url(f/af594796d5ae.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'ff61df7e';font-style:normal;font-weight:400;font-display:swap;src:url(f/e844019ce472.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'fdfdae29';font-style:normal;font-weight:400;font-display:swap;src:url(f/4da67edd312d.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'fdfdae29';font-style:normal;font-weight:400;font-display:swap;src:url(f/d2e0863e3bc7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'fdfdae29';font-style:normal;font-weight:700;font-display:swap;src:url(f/3086e166306a.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'fdfdae29';font-style:normal;font-weight:700;font-display:swap;src:url(f/3ba266cc4b09.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#eae3f0;--surface:#f4eff8;--s2:#dcd1e6;--surface2:#dcd1e6;--ink:#371f45;--ink2:#503a5d;--muted:#675871;--accent:#3f8a53;--accent2:#371f45;--acc3:#371f45;--on-accent:#130b18;--accent-ink:#337044;--line:rgba(63,138,83,0.32);--line2:rgba(55,31,69,0.14);--foot-bg:#371f45;--foot-ink:#ffffff;--foot-muted:#c3bcc7;--foot-line:rgba(251,251,251,0.18);--foot-accent:#3f8a53;--btn-alt-bg:#371f45;--btn-alt-ink:#ffffff;--r-lg:32px;--r-md:22px;--r-sm:16px;--r-btn:999px;--r-pill:999px;--bw:1px;--fd:'ff61df7e',Georgia,"Times New Roman",serif;--fb:'fdfdae29',"Trebuchet MS",system-ui,sans-serif;--fm:'fdfdae29',"Trebuchet MS",system-ui,sans-serif;--fk:'fdfdae29',"Trebuchet MS",system-ui,sans-serif;--fa:'fdfdae29',"Trebuchet MS",system-ui,sans-serif;--fa-style:normal;--fbtn:'fdfdae29',"Trebuchet MS",system-ui,sans-serif;--fs:17px;--h1s:clamp(2.5rem,6.4vw,5rem);--h1w:400;--h1t:-.005em;--h1lh:1.02;--h1c:none;--h2s:clamp(1.6rem,3.2vw,2.5rem);--h2w:400;--h2t:0;--h2c:none;--h3w:600;--markw:400;--maxw:1118px;--gut:clamp(16px,4vw,40px);--gap:22px;--pad:clamp(20px,3.4vw,34px);--endpad:72px;--hero-pad:clamp(36px,6vw,80px) 0 clamp(20px,3vw,36px);--card-bg:#f4eff8;--card-bd:0 solid transparent;--card-sh:none;--warn-bd:3px solid #3f8a53;--btnw:600;--btnt:0;--btnc:none;--btn-bd:0 solid transparent;--btn-sh:none;--alt-bd:1.5px solid rgba(63,138,83,0.32);--step-pre:"";--step-style:decimal;--step-size:36px;--step-r:50%;--step-bg:#3f8a53;--step-ink:#130b18;--step-w:700;--step-fs:1rem;--step-bd:0 solid transparent;--top-pos:sticky;--top-bg:rgba(234,227,240,0.86);--top-ink:#371f45;--top-muted:#675871;--top-bd:0 solid transparent;--top-blur:blur(14px);--pill-bg:#f4eff8;--pill-bd:1px solid rgba(55,31,69,0.14);--pill-sh:0 8px 24px rgba(0,0,0,.06);--stage:#f4eff8;--cell:#e6dfeb;--band:#371f45;--band-ink:#ffffff;--band-muted:#c7c0cb;--band-acc:#4ca764;--band-line:rgba(251,251,251,0.20);color-scheme:light}
:root{--sec-bg:#f4eff8;--sec-bd:0 solid transparent;--sec-r:32px;--sec-sh:none;--sec-pad:clamp(22px,4vw,48px);--sec-pad-top:clamp(22px,4vw,48px);--sec-gap:22px;--igap:clamp(14px,2vw,22px);--icard-bg:#dcd1e6;--icard-bd:0 solid transparent;--icard-sh:none;--soft:rgba(63,138,83,0.14);--field:#f4eff8;--band-bg:#371f45;--band-ink:#ffffff;--band-muted:#c3bcc7;--band-acc:#3f8a53;--band-line:rgba(251,251,251,0.18);--band-card:rgba(251,251,251,0.08);--demo-bg:#e6dfeb;--demo-surface:#f4eff8;--demo-line:rgba(63,138,83,0.32);--demo-accent:#3f8a53;--demo-on-accent:#130b18;--demo-ink:#371f45;--demo-radius:22px;--band:#371f45}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs)/1.62 var(--fb);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.18em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3,.bd2995{font-family:var(--fd)}
h1{font-size:var(--h1s);font-weight:var(--h1w);letter-spacing:var(--h1t);line-height:var(--h1lh);
  text-transform:var(--h1c);margin:.18em 0 .32em;text-wrap:balance;overflow-wrap:anywhere}
h2{font-size:var(--h2s);font-weight:var(--h2w);letter-spacing:var(--h2t);line-height:1.08;
  text-transform:var(--h2c);margin:0 0 .55em;text-wrap:balance}
h3{font-size:1.12rem;font-weight:var(--h3w);margin:0 0 .3em;line-height:1.25}
p{margin:0 0 .85em}
p:last-child{margin-bottom:0}
main{padding:0 0 var(--endpad)}
main>*,.bda794>.bd86e2,.bd63e9>.bd86e2{width:min(var(--maxw),100% - 2*var(--gut));margin-inline:auto}
.flow{display:grid;gap:var(--gap);margin-top:var(--gap)}
.bd3eb2{background:var(--card-bg);border:var(--card-bd);border-radius:var(--r-lg);
  box-shadow:var(--card-sh);padding:var(--pad);min-width:0;position:relative}
.bd3eb2>h2:first-child{margin-top:0}

.bd8ab6{font:600 .82rem/1.3 var(--fk);letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent-ink);margin:0}
.bdd462{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.5;max-width:46ch;color:var(--ink2)}
.bdac60{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 14px}
.bdd11c{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;
  padding:12px 22px;border-radius:var(--r-btn);background:var(--accent);color:var(--on-accent);
  font:var(--btnw) 1rem/1.1 var(--fbtn);text-decoration:none;border:var(--btn-bd);
  box-shadow:var(--btn-sh);transition:transform .15s ease,box-shadow .15s ease;letter-spacing:var(--btnt);
  text-transform:var(--btnc)}
.bdd11c:hover{transform:translateY(-2px)}
.bdd11c.bd2919{background:transparent;color:var(--ink);border:var(--alt-bd);box-shadow:none}
.bd791f{font-size:.86rem;line-height:1.5;color:var(--muted);max-width:72ch;margin:12px 0 0}
.creo{width:100%;border-radius:var(--r-md);object-fit:cover}

.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:16px}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.steps li::before{content:var(--step-pre) counter(s,var(--step-style));display:grid;place-items:center;
  min-width:var(--step-size);height:var(--step-size);padding:0 6px;border-radius:var(--step-r);
  background:var(--step-bg);color:var(--step-ink);font:var(--step-w) var(--step-fs)/1 var(--fd);
  border:var(--step-bd)}
.steps b{display:block}
.steps span{grid-column:2;color:var(--muted)}
.notes{display:grid;gap:18px}
.bdcdbc{border-left:3px solid var(--accent);padding-left:16px;min-width:0}
.bdcdbc time{font:500 .8rem/1.4 var(--fk);color:var(--muted);letter-spacing:.06em}
.bd5f3e,.bd8f04,.road{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.bd5f3e li,.bd8f04 li,.road li{position:relative;padding-left:28px}
.bd5f3e li::before{content:"";position:absolute;left:2px;top:.42em;width:14px;height:8px;
  border-left:2.5px solid var(--accent-ink);border-bottom:2.5px solid var(--accent-ink);transform:rotate(-45deg)}
.bd8f04 li::before{content:"";position:absolute;left:2px;top:.62em;width:14px;height:2.5px;
  background:var(--accent-ink);border-radius:2px}
.road li::before{content:"";position:absolute;left:3px;top:.45em;width:10px;height:10px;
  border-radius:50%;border:2.5px solid var(--accent-ink)}
.asked{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.asked li{display:grid;gap:3px;min-width:0;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.asked li:last-child{border-bottom:0;padding-bottom:0}
.asked span{color:var(--muted)}
.nums{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.nums th,.nums td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line2);vertical-align:top}
.nums td{font-weight:700;text-align:right;padding-left:12px}
.bda4a5,.bd8017{border-top:1px solid var(--line2)}
.bda4a5:last-of-type,.bd8017:last-of-type{border-bottom:1px solid var(--line2)}
.bda4a5 summary,.bd8017 summary{cursor:pointer;font-weight:600;list-style:none;display:flex;
  justify-content:space-between;align-items:center;gap:16px;padding:16px 0}
.bda4a5 summary::-webkit-details-marker,.bd8017 summary::-webkit-details-marker{display:none}
.bda4a5 summary::after,.bd8017 summary::after{content:"+";font:400 1.5rem/1 var(--fb);color:var(--accent-ink);
  transition:transform .2s ease;flex:none}
.bda4a5[open] summary::after,.bd8017[open] summary::after{transform:rotate(45deg)}
.bda4a5 p,.bd8017 div{margin:0 0 16px;color:var(--muted)}
.bd3eb2.warn{border:var(--warn-bd)}
/* game stage */
.bd3eb2#game{background:var(--stage);--bg:var(--cell);padding:clamp(18px,3vw,32px);border-radius:var(--r-lg)}

/* header */
.bda794{position:var(--top-pos);top:0;z-index:20;background:var(--top-bg);color:var(--top-ink);
  border-bottom:var(--top-bd);-webkit-backdrop-filter:var(--top-blur);backdrop-filter:var(--top-blur)}
.bda794>.bd86e2{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 0}
.bd2995{font-weight:var(--markw);font-size:1.3rem;letter-spacing:var(--h2t);text-decoration:none;
  display:inline-flex;align-items:center;gap:10px;text-transform:var(--h2c)}
.menu{display:flex;gap:6px 20px;flex-wrap:wrap}
.menu a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--top-muted)}
.menu a:hover{color:var(--top-ink)}
.bd3ce0{font:600 .74rem/1 var(--fk);letter-spacing:.12em;color:var(--top-muted);
  border:1px solid var(--line);border-radius:999px;padding:7px 11px}
.bda794.bddbec>.bd86e2{flex-direction:column;gap:10px}
.bda794.bd32e6 .menu{flex:1;justify-content:center}
.bda794.bd97b7{background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:14px}
.bda794.bd97b7>.bd86e2{background:var(--pill-bg);border:var(--pill-bd);border-radius:var(--r-pill);
  padding:10px 12px 10px 22px;box-shadow:var(--pill-sh);
  -webkit-backdrop-filter:var(--top-blur);backdrop-filter:var(--top-blur)}
.bda794.bd7047{background:var(--bg);border:0}
.bda794.bd7047>.bd86e2{border-bottom:2px solid var(--ink);padding:18px 0 14px}
.bda794.bde53a{background:transparent;border:0;padding-top:18px;position:relative}
.bda794.bde53a>.bd86e2{background:var(--surface);border:var(--card-bd);box-shadow:var(--card-sh);
  border-radius:var(--r-md);padding:12px 18px}

/* hero */
.bdc355{padding:var(--hero-pad);min-width:0;position:relative}
.bdc355 .bd7c26{min-width:0}
.bdc355.bd32e6,.bdc355.bd8308,.bdc355.bddc43,.bdc355.bdd8e2,.bdc355.bd546d{display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.bdc355.bddbec{text-align:center}
.bdc355.bddbec .bd7c26{display:grid;justify-items:center}
.bdc355.bddbec .bdd462,.bdc355.bddbec .bd791f{margin-inline:auto}
.bdc355.bddbec .bdac60{justify-content:center}
.bdc355.bddbec .bd6483{max-width:760px;margin:34px auto 0}
.bd7f53{position:relative;aspect-ratio:1;width:100%;max-width:440px;justify-self:center}
.bd6483{min-width:0}
@keyframes rise{from{transform:translateY(14px)}to{transform:none}}
.bdc355 .bd7c26>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.bdc355 .bd7c26>*:nth-child(2){animation-delay:.05s}.bdc355 .bd7c26>*:nth-child(3){animation-delay:.1s}
.bdc355 .bd7c26>*:nth-child(4){animation-delay:.15s}

/* footer */
.bd63e9{background:var(--foot-bg);color:var(--foot-ink);margin-top:0}
.bd63e9>.bd86e2{padding:48px 0 34px;display:grid;gap:22px}
.bd63e9 a{color:var(--foot-ink)}
.bd63e9 .bd791f{color:var(--foot-muted);max-width:80ch}
.bd63e9 h4{margin:0 0 10px;font:600 .78rem/1.3 var(--fk);letter-spacing:.12em;text-transform:uppercase;color:var(--foot-muted)}
.bdd308{display:grid;gap:4px}
.bdd308 span{color:var(--foot-muted);margin-right:6px}
.bdf992{color:var(--foot-muted);font-size:.86rem}
.bda7c5{display:flex;gap:8px 20px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.bda7c5 a{text-decoration:none}
.bda7c5 a:hover{text-decoration:underline}
.bd63e9.bd8671>.bd86e2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);gap:32px}
.bd63e9.bd8671 .bdf992{grid-column:1/-1;border-top:1px solid var(--foot-line);padding-top:18px}
.bd63e9 .bd6051{font:var(--h1w) clamp(3rem,13vw,10rem)/.82 var(--fd);letter-spacing:var(--h1t);
  text-transform:var(--h1c);margin:0;overflow-wrap:anywhere;color:var(--foot-accent)}
.bd63e9.bd5b4b .bdd1c9{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;
  border-top:1px solid var(--foot-line);padding-top:22px}
.bd63e9.bdaa3a .bd2343{background:var(--accent);color:var(--on-accent);padding:16px 0}
.bd63e9.bdaa3a .bd2343 a{color:var(--on-accent)}
.bd63e9.bdaa3a .bd2343>ul{width:min(var(--maxw),100% - 2*var(--gut));margin-inline:auto}

/* flow */
.flow.bde491,.flow.grid2{grid-template-columns:repeat(6,minmax(0,1fr))}
.flow .s2{grid-column:span 2}.flow .s3{grid-column:span 3}
.flow .s4{grid-column:span 4}.flow .s6{grid-column:1/-1}
.flow.aside .bd3eb2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:0 48px;
  align-items:start}
.flow.aside .bd3eb2>h2{grid-column:1;grid-row:1/span 30;position:sticky;top:90px}
.flow.aside .bd3eb2>*:not(h2){grid-column:2}
.flow.aside .bd3eb2>*:not(h2)+*:not(h2){margin-top:16px}
.flow.aside .bd3eb2#game{display:block}
.flow.aside .bd3eb2#game>*+*{margin-top:0}
.flow.aside .bd3eb2.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.flow.aside .bd3eb2.two>div{grid-column:auto}
.bd3eb2.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}

@media (max-width:860px){
  .flow.bde491,.flow.grid2{grid-template-columns:minmax(0,1fr)}
  .flow .s2,.flow .s3,.flow .s4,.flow .s6{grid-column:1/-1}
  .flow.aside .bd3eb2{grid-template-columns:minmax(0,1fr)}
  .flow.aside .bd3eb2>h2{position:static;grid-row:auto}
  .flow.aside .bd3eb2>*:not(h2){grid-column:1}
  .bd3eb2.two,.flow.aside .bd3eb2.two{grid-template-columns:minmax(0,1fr)}
  .bdc355.bd32e6,.bdc355.bd8308,.bdc355.bddc43,.bdc355.bdd8e2,.bdc355.bd546d{grid-template-columns:minmax(0,1fr)}
  .bd7f53{max-width:300px}
  .bd63e9.bd8671>.bd86e2{grid-template-columns:minmax(0,1fr)}
  .bda794.bd32e6 .menu{flex:none;justify-content:flex-start}
}
@media (max-width:560px){
  .bda794{position:relative}
  .bda794>.bd86e2{flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:8px}
  .bda794.bddbec>.bd86e2{align-items:center}
  .menu{gap:4px 16px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  .menu::-webkit-scrollbar{display:none}
  .bd3ce0{display:none}
  .bd2995{font-size:1.15rem}
  .bda794.bd97b7>.bd86e2{border-radius:var(--r-md);padding:10px 14px}
  .bdd11c{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* landing */
.hidden{display:none!important}
.bd63e9.bd6876>.bd86e2{gap:20px}
.bda794.bd487e>.bd86e2{padding:16px 0}
html{scroll-padding-top:90px}
.bd5472{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:var(--on-accent);
  padding:10px 16px;border-radius:var(--r-sm);text-decoration:none;font-weight:600}
.bd5472:focus{top:12px}
main{display:flex;flex-direction:column;gap:var(--sec-gap)}
.bd1975{display:none;gap:4px 22px;flex-wrap:wrap}
.bd1975 a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--top-muted)}
.bd1975 a:hover{color:var(--top-ink)}
.bd5a4c{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-sm);
  border:1px solid var(--line2);background:transparent;color:inherit;cursor:pointer;padding:0}
.bd5a4c svg{width:22px;height:22px;display:block}
.bda0c7{width:min(var(--maxw),100% - 2*var(--gut));margin:0 auto 12px;display:grid;gap:2px;padding:10px;
  background:var(--surface);border:1px solid var(--line2);border-radius:var(--r-md);box-shadow:0 18px 40px rgba(0,0,0,.14)}
.bda0c7 a{display:block;padding:12px 14px;border-radius:var(--r-sm);text-decoration:none;font-weight:500;color:var(--ink)}
.bda0c7 a:hover{background:var(--s2)}
.bda794 .bdd11c{min-height:40px;padding:9px 16px;font-size:.92rem}
.bda794 .bd2d84{display:flex;align-items:center;gap:10px}
.bda794 .bd2d84 .bdd11c{display:none}
@media (min-width:900px){
  .bd1975{display:flex}
  .bd5a4c{display:none}
  .bda794 .bd2d84 .bdd11c{display:inline-flex}
}
.bd2995 .ds-mark,.bd2995 span:first-child svg{width:32px;height:auto;display:block}
.bd2995 svg{width:32px;height:auto;display:block;flex:none}
.bd5e5a{display:block;font:500 .78rem/1.2 var(--fb);color:var(--top-muted);letter-spacing:.02em;text-transform:none}

.bdb99e{position:relative;min-width:0;padding:var(--sec-pad);background:var(--sec-bg);border:var(--sec-bd);
  border-radius:var(--sec-r);box-shadow:var(--sec-sh);scroll-margin-top:90px}
.bdb99e>*+*{margin-top:22px}
.bd3987{max-width:62ch}
.bd3987 h2{margin-bottom:.35em}
.bd3987 .bdd462{margin-top:.2em}
.bdb99e>h2:first-child{margin-top:0}
.bdaa3a{background:var(--band-bg);color:var(--band-ink);--ink:var(--band-ink);--ink2:var(--band-ink);
  --muted:var(--band-muted);--accent-ink:var(--band-acc);--line2:var(--band-line);--card-bg:var(--band-card)}

.bd38b9{display:grid;gap:var(--igap);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.bd38b9.bd08ea{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.bd38b9.bd6fec{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.bd38b9.bd3ac2{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.bd38b9.bd4482{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.bde491{display:grid;gap:var(--igap);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.bde491>*{grid-column:span 2;min-width:0}
.bde491>.bde2c4{grid-column:span 1}.bde491>.bdb25e{grid-column:span 3}.bde491>.bd5324{grid-column:1/-1}
.bde491>.bd2baa{grid-row:span 2}
.bd32e6{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.bd32e6.bda38a>:first-child{order:2}
.bd32e6.bda794{align-items:start}
.bd32e6.bdcd53{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.bd6881{position:sticky;top:96px;align-self:start}
.bd8671{columns:2 320px;column-gap:48px}
.bd8671>*{break-inside:avoid}
.bd5e88{display:grid;gap:var(--igap)}
.bd3339{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);gap:var(--igap);overflow-x:auto;
  scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.bd3339>*{scroll-snap-align:start}

.bd3eb2{background:var(--icard-bg);border:var(--icard-bd);border-radius:var(--r-md);box-shadow:var(--icard-sh);
  padding:clamp(18px,2.4vw,26px);min-width:0;position:relative}
.bd3eb2>*+*{margin-top:10px}
.bd3eb2 h3{margin:0}
.bd3eb2 .meta{font:500 .8rem/1.4 var(--fk);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bd3eb2.bd2f22{background:var(--accent);color:var(--on-accent);--ink:var(--on-accent);--ink2:var(--on-accent);
  --muted:var(--on-accent);--accent-ink:var(--on-accent);--line2:rgba(127,127,127,.35);border-color:transparent}
.bd3eb2.bd0eb6{background:transparent;box-shadow:none;border:1px solid var(--line2)}
.bd3eb2 figure{margin:0}
.bdf0ba{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:var(--r-sm);
  background:var(--soft);color:var(--accent-ink);font:700 1.1rem/1 var(--fd)}
.bdf0ba svg{width:24px;height:24px}
.bd3af1{display:inline-block;font:600 .75rem/1 var(--fk);letter-spacing:.06em;text-transform:uppercase;
  padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--accent-ink)}

.steps.bd38b9{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.steps.bd38b9 li{grid-template-columns:minmax(0,1fr);gap:8px}
.steps.bd38b9 span,.steps.bd38b9 p{grid-column:1}
.steps.bdaa93 li::before{content:counter(s,upper-roman)}
.steps.bd5b4b li::before{font-size:2.2rem;min-width:0;height:auto;background:none;color:var(--accent-ink);padding:0;border:0;box-shadow:none}
.steps p{grid-column:2;margin:0;color:var(--muted)}
.steps h3{margin:0}
.bd3463{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.bd3463 li{position:relative;padding-left:22px}
.bd3463 li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.bdfadc{display:grid;gap:var(--igap);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.bd089d{display:grid;gap:4px;align-content:start;padding:6px 0;border-top:2px solid var(--accent)}
.bd089d b{font:var(--h1w) clamp(2rem,4.4vw,3.4rem)/1 var(--fd);letter-spacing:var(--h1t);color:var(--ink);
  font-variant-numeric:tabular-nums}
.bd089d span{color:var(--muted);font-size:.95rem}
.bd86e9{display:grid;margin:0}
.bd86e9>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6px 24px;padding:14px 0;border-bottom:1px solid var(--line2)}
.bd86e9>div:first-child{border-top:1px solid var(--line2)}
.bd86e9 dt{font-weight:600}
.bd86e9 dd{margin:0;color:var(--muted)}
.bdd997{overflow-x:auto;border:1px solid var(--line2);border-radius:var(--r-md)}
.bd742f{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:520px}
.bd742f caption{text-align:left;padding:14px 16px 0;font-weight:600;caption-side:top}
.bd742f th,.bd742f td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line2);vertical-align:top}
.bd742f thead th{font:600 .8rem/1.3 var(--fk);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.bd742f tbody tr:last-child>*{border-bottom:0}
.bdc4a2{margin:0;padding:clamp(8px,2vw,20px) 0 0 clamp(18px,3vw,34px);border-left:4px solid var(--accent)}
.bdc4a2 p{font:var(--h2w) clamp(1.35rem,2.6vw,2.1rem)/1.25 var(--fd);letter-spacing:var(--h2t);margin:0 0 14px;
  text-wrap:balance;color:var(--ink)}
.bdc4a2 cite{font-style:normal;color:var(--muted);font-size:.95rem}
.bd02c1{list-style:none;margin:0;padding:0 0 0 26px;display:grid;gap:22px;position:relative}
.bd02c1::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}
.bd02c1>li{position:relative}
.bd02c1>li::before{content:"";position:absolute;left:-25px;top:.35em;width:14px;height:14px;border-radius:50%;
  background:var(--bg);border:3px solid var(--accent)}
.bd02c1 time,.bd02c1 .meta{display:block;font:600 .8rem/1.4 var(--fk);letter-spacing:.06em;color:var(--accent-ink);text-transform:uppercase}
.bd02c1.bdda20{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);padding:28px 0 0;overflow-x:auto}
.bd02c1.bdda20::before{left:0;right:0;top:7px;bottom:auto;width:auto;height:2px}
.bd02c1.bdda20>li::before{left:0;top:-28px}
.bd69c8{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.bd69c8>*{padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:.92rem;background:var(--icard-bg)}
.bd24e5{display:flex;flex-wrap:wrap;gap:8px}
.bd24e5>input{position:absolute;opacity:0;pointer-events:none}
.bd24e5>label{padding:10px 16px;border-radius:var(--r-btn);border:1px solid var(--line);cursor:pointer;font-weight:600;font-size:.95rem}
.bd24e5>input:checked+label{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.bd24e5>input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.bd24e5>.bdd038{display:none;flex-basis:100%;order:99;margin-top:12px}
.bd24e5>input:nth-of-type(1):checked~.bdd038:nth-of-type(1),.bd24e5>input:nth-of-type(2):checked~.bdd038:nth-of-type(2),
.bd24e5>input:nth-of-type(3):checked~.bdd038:nth-of-type(3),.bd24e5>input:nth-of-type(4):checked~.bdd038:nth-of-type(4){display:block}
.bdc39f{overflow:hidden;border-block:1px solid var(--line2);padding:14px 0;
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bdc39f .bddd3a{display:flex;gap:40px;width:max-content;animation:tick 38s linear infinite;
  font:var(--h2w) clamp(1.1rem,2vw,1.5rem)/1 var(--fd);letter-spacing:var(--h2t);white-space:nowrap}
.bdc39f .bddd3a>*::after{content:"\2726";margin-left:40px;color:var(--accent-ink)}
@keyframes tick{to{transform:translateX(-50%)}}
.bdcbe2{display:block;height:10px;border-radius:999px;background:var(--soft);overflow:hidden}
.bdcbe2>i{display:block;height:100%;width:var(--v,50%);background:var(--accent);border-radius:inherit}
.bd3354{padding:18px 20px;border-radius:var(--r-md);background:var(--soft);border-left:4px solid var(--accent)}
.bd9301{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--igap)}
.bdfe01{display:grid;gap:18px;margin:0}
.bdfe01 dt{font-weight:700}
.bdfe01 dd{margin:6px 0 0;color:var(--muted);padding-left:16px;border-left:2px solid var(--line)}

figure{margin:0;min-width:0}
.wiki-img,.bdf1a6 img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-md);background:var(--soft)}
figcaption{font-size:.86rem;color:var(--muted);margin-top:.6rem;line-height:1.5}
.bdf1a6.bdcd53 .wiki-img{aspect-ratio:21/9}
.bdc355 .bd6483 .wiki-img,.bdc355 .bd6483 .creo{aspect-ratio:4/3;border-radius:var(--r-lg)}
.bdc355.bd8308 .bd6483 .wiki-img{aspect-ratio:4/5}

.bd3f91{display:grid;gap:16px;max-width:640px}
.bde1ae{display:grid;gap:6px}
.bde1ae label{font-weight:600;font-size:.92rem}
.bd3f91 input:not([type=checkbox]):not([type=radio]),.bd3f91 select,.bd3f91 textarea{width:100%;font:inherit;color:var(--ink);
  background:var(--field);border:1.5px solid var(--line2);border-radius:var(--r-sm);padding:12px 14px;min-height:48px}
.bd3f91 textarea{min-height:120px;field-sizing:content;resize:vertical}
.bd3f91 input:focus,.bd3f91 select:focus,.bd3f91 textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}
.bd3f91 input:user-invalid,.bd3f91 textarea:user-invalid{border-color:#c0392b}
.bdc97e{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.bdc97e input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex:none}
.bd295b,.bdcdbc{font-size:.86rem;color:var(--muted)}
.bd696c{font-weight:600;color:var(--accent-ink);min-height:1.4em}
.bd7e15{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}

.bd4e7f{display:grid;gap:0}
.bd8017>div{max-width:72ch;line-height:1.7;padding-bottom:16px}
.bd8017 h3,.bd8017 h4{margin:18px 0 6px;font-size:1.02rem}
.bd8017 ul,.bd8017 ol{padding-left:20px}

.bd63e9 .bd4220{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(auto-fit,minmax(150px,1fr));gap:32px}
.bd63e9 .bd3fa0{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bd63e9 .bd3fa0 a{text-decoration:none}
.bd63e9 .bd3fa0 a:hover{text-decoration:underline}
.bd63e9 .bda608{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;border-top:1px solid var(--foot-line);
  padding-top:18px;font-size:.86rem;color:var(--foot-muted)}
.bd63e9 .bda608 .bd7e15{color:var(--foot-ink)}
.bd63e9 .bd2995{color:var(--foot-ink)}
.bd63e9 p{max-width:60ch}

#back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
  width:46px;height:46px;border-radius:var(--r-btn);border:1px solid var(--line2);background:var(--surface);color:var(--ink);
  display:grid;place-items:center;cursor:pointer;z-index:30;box-shadow:0 8px 24px rgba(0,0,0,.15)}
#cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);color:var(--ink);
  border-top:1px solid var(--line2);box-shadow:0 -10px 40px rgba(0,0,0,.18);
  padding:16px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  max-height:42vh;overflow:auto}
#cookie-banner .bd86e2{width:min(var(--maxw),100%);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
#cookie-banner p{margin:0;max-width:70ch;font-size:.92rem}
.bde6fa{display:flex;flex-wrap:wrap;gap:10px}
.bde6fa .bdd11c{min-height:44px;padding:10px 18px;font-size:.92rem;flex:1 1 auto}
#cookie-modal{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:16px}
#cookie-modal .bde53a{background:var(--surface);color:var(--ink);border-radius:var(--r-lg);width:min(560px,100%);max-height:88vh;
  overflow:auto;padding:clamp(20px,3vw,32px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
#cookie-modal .bde53a>*+*{margin-top:14px}
.bdbdef{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line2)}
.bdbdef p{margin:4px 0 0;font-size:.88rem;color:var(--muted)}
.bd10f8{position:relative;display:inline-block;width:48px;height:28px;flex:none}
.bd10f8 input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.bd1215{position:absolute;inset:0;border-radius:999px;background:var(--line2);transition:background .2s}
.bd1215::after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.bd10f8 input:checked+.bd1215{background:var(--accent)}
.bd10f8 input:checked+.bd1215::after{transform:translateX(20px)}
.bd10f8 input:disabled+.bd1215{opacity:.55}
.bd10f8 input:focus-visible+.bd1215{outline:2px solid var(--accent);outline-offset:2px}

@media (max-width:860px){
  .bd32e6,.bd9301{grid-template-columns:minmax(0,1fr)}
  .bd32e6.bda38a>:first-child{order:0}
  .bd6881{position:static}
  .bde491{grid-template-columns:minmax(0,1fr)}
  .bde491>*,.bde491>.bde2c4,.bde491>.bdb25e{grid-column:1/-1}
  .bde491>.bd2baa{grid-row:auto}
  .bd86e9>div{grid-template-columns:minmax(0,1fr)}
  .bd63e9 .bd4220{grid-template-columns:minmax(0,1fr)}
  .bd3339{grid-auto-columns:minmax(240px,82%)}
}
@media (prefers-reduced-motion:reduce){.bdc39f .bddd3a{animation:none;flex-wrap:wrap;width:auto}}
.bdb99e.bdaa3a:not(#_){background:var(--band-bg);color:var(--band-ink)}
.bd3339 .bdc4a2 p{font-size:clamp(1.1rem,1.8vw,1.4rem)}


.bdb99e{border-radius:var(--r-lg) calc(var(--r-lg) * 1.6) var(--r-lg) calc(var(--r-lg) * 1.3)/calc(var(--r-lg) * 1.3) var(--r-lg) calc(var(--r-lg) * 1.5) var(--r-lg)}
.flow.bands .bdb99e:nth-child(even){background:var(--band);--ink:var(--band-ink);--muted:var(--band-muted);
  --accent-ink:var(--band-acc);--line2:var(--band-line);color:var(--band-ink)}
.bd7f53{aspect-ratio:1.05}
.bd7f53 i{position:absolute;font-style:normal;display:grid;place-items:center;font-size:clamp(28px,6vw,60px)}
.bd7f53 i:nth-child(1){inset:6% 4% 4% 10%;background:var(--accent);border-radius:62% 38% 55% 45%/48% 60% 40% 52%}
.bd7f53 i:nth-child(2){inset:22% 20% 18% 26%;background:var(--band);border-radius:45% 55% 38% 62%/58% 42% 58% 42%}
.bd7f53 i:nth-child(3){width:22%;aspect-ratio:1;right:6%;top:2%;background:var(--surface);border-radius:50% 50% 45% 55%}
.bd7f53 i:nth-child(n+4){display:none}
.bdc355.bdd8e2 .bd6483 .creo{border-radius:58% 42% 50% 50%/46% 54% 46% 54%;aspect-ratio:1;object-fit:cover}
.bdd11c::after{content:"→";font-family:var(--fb)}
.bdd11c.bd2919::after{content:none}
.bd8ab6{text-transform:none;letter-spacing:.02em;font-size:.95rem}
.bd63e9.bd4283{position:relative;margin-top:60px}
.bd63e9.bd4283::before{content:"";position:absolute;left:0;right:0;top:-46px;height:47px;background:var(--foot-bg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 30C200 0 400 46 600 22S1000 40 1200 18V46H0Z'/%3E%3C/svg%3E") 0 0/100% 100%;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 30C200 0 400 46 600 22S1000 40 1200 18V46H0Z'/%3E%3C/svg%3E") 0 0/100% 100%}
.steps li::before{border-radius:46% 54% 50% 50%/55% 45% 55% 45%}


.bdb99e{border-radius:var(--r-lg) calc(var(--r-lg) * 1.6) var(--r-lg) calc(var(--r-lg) * 1.3)/calc(var(--r-lg) * 1.3) var(--r-lg) calc(var(--r-lg) * 1.5) var(--r-lg)}
main>.bdb99e:nth-of-type(odd):not(.bdaa3a){background:var(--band);--ink:var(--band-ink);--ink2:var(--band-ink);--muted:var(--band-muted);
  --accent-ink:var(--band-acc);--line2:var(--band-line);color:var(--band-ink);--icard-bg:rgba(255,255,255,.07);--soft:rgba(255,255,255,.1)}
.bd3eb2{border-radius:calc(var(--r-md) * 1.4) var(--r-md) calc(var(--r-md) * 1.2) var(--r-md)}
.bdf0ba{border-radius:46% 54% 50% 50%/55% 45% 55% 45%}

/* studio */
.s13edb{position:relative;width:min(100%,280px);aspect-ratio:9/18;margin:0 auto;border-radius:38px;padding:12px;
  background:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.s13edb::before{content:"";position:absolute;top:18px;left:50%;width:30%;height:16px;transform:translateX(-50%);
  border-radius:999px;background:var(--ink);z-index:2}
.s7cc7e{height:100%;border-radius:28px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;
  align-items:center;gap:10px;padding:40px 14px 14px;text-align:center;color:var(--ink)}
.s7cc7e img{width:64px;height:64px;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.s7cc7e b{font:var(--h2w) 1rem/1.2 var(--fd)}
.sf7cb7{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:auto}
.sf7cb7 i{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:var(--surface);
  font-style:normal;font-size:clamp(14px,4vw,22px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
.s8eca5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,36px);align-items:center}
.s8eca5 .s13edb{width:min(100%,230px)}
.s8eca5 .bd2d84{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.s9951f{width:56px;height:56px;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.s4aa0a{display:flex;align-items:center;gap:14px}
.s4aa0a h3,.s4aa0a h1{margin:0}
.sfb244{max-width:720px;margin-inline:auto}
.sc13bd .bd24e5>.bdd038{padding:4px 0}
.sc13bd ol.steps li::before{min-width:34px;height:34px}
.sdaf2c{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;vertical-align:middle}
.sdaf2c svg{width:22px;height:22px}
.s57233{position:sticky;top:96px;display:grid;gap:6px;padding:18px;border-radius:var(--r-md);background:var(--icard-bg);
  border:1px solid var(--line2);font-size:.92rem}
.s57233 a{text-decoration:none;color:var(--muted)}
.s57233 a:hover{color:var(--ink)}
.s26171{max-width:72ch;line-height:1.75}
.s26171 h2{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:1.8em 0 .5em;scroll-margin-top:96px}
.s26171 ul{padding-left:20px}
.s60de8{display:inline-block;font:500 .82rem/1 var(--fk);letter-spacing:.06em;color:var(--muted);
  padding:8px 12px;border:1px solid var(--line2);border-radius:999px}
.s5bb2d{font:var(--h1w) clamp(1.8rem,5vw,3rem)/1 var(--fd);letter-spacing:var(--h1t);color:var(--accent-ink)}
@media (max-width:860px){.s8eca5{grid-template-columns:minmax(0,1fr)}.s57233{position:static}}