.intro-doc .page{max-width:1080px;padding:var(--sp-6)var(--sp-6)var(--sp-12);word-break:keep-all;overflow-wrap:anywhere;margin:0 auto}.intro-doc .hero{background:var(--gradient-hero);border-radius:var(--radius-xl);padding:var(--sp-10)var(--sp-10)var(--sp-8);gap:var(--sp-10);grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:center;margin:0;display:grid}.intro-doc .kicker{letter-spacing:.04em;color:var(--fg-brand-contrast);background:var(--bg-surface);border-radius:var(--radius-pill);margin:0 0 var(--sp-4);padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.intro-doc h1{letter-spacing:-.005em;color:var(--fg-title);text-wrap:balance;margin:0;font-size:40px;font-weight:800;line-height:1.25}.intro-doc .sub{color:var(--fg-muted);margin:8px 0 0;font-size:14px;font-weight:500}.intro-doc .tagline{color:var(--fg-heading);margin:var(--sp-5)0 0;text-wrap:balance;max-width:30ch;font-size:20px;font-weight:600;line-height:1.5}.intro-doc .hero-side{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--sp-5)var(--sp-6);box-shadow:0 1px 2px #12161a0a}.intro-doc .label{letter-spacing:.04em;color:var(--fg-brand);margin:0 0 var(--sp-3);font-size:12px;font-weight:600}.intro-doc .glance{color:var(--fg-body);gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.intro-doc .glance li{padding-left:16px;position:relative}.intro-doc .glance li:before{content:"";background:var(--bg-brand);border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:0}.intro-doc .numbers{gap:var(--sp-3);margin:var(--sp-6)0 var(--sp-12);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.intro-doc .num{background:var(--bg-surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4)var(--sp-5);gap:2px;display:grid}.intro-doc .num .v{color:var(--fg-brand-contrast);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.15}.intro-doc .num .k{color:var(--fg-heading);font-size:14px;font-weight:600}.intro-doc .num .n{color:var(--fg-muted);font-size:13px;line-height:1.5}.intro-doc .layout{gap:var(--sp-12);grid-template-columns:184px minmax(0,1fr);align-items:start;display:grid}.intro-doc .toc{top:calc(var(--header-height,0px) + var(--sp-16));position:sticky}.intro-doc .toc a.on{background:var(--bg-brand-weak);color:var(--fg-brand-contrast)}.intro-doc .sec{scroll-margin-top:calc(var(--header-height,0px) + var(--sp-16) + var(--sp-2))}.intro-doc .toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.intro-doc .toc a{border-radius:var(--radius-md);color:var(--fg-muted);padding:7px 12px;font-size:14px;font-weight:500;display:block}.intro-doc .toc a:hover{background:var(--bg-brand-weak);color:var(--fg-brand-contrast)}.intro-doc .main{gap:var(--sp-16);min-width:0;display:grid}.intro-doc .sec>p,.intro-doc .lead,.intro-doc .checks,.intro-doc .faq,.intro-doc .care,.intro-doc dl,.intro-doc .steps,.intro-doc .contact,.intro-doc .meta{max-width:72ch}.intro-doc .sec h2{letter-spacing:-.005em;color:var(--fg-title);margin:0 0 var(--sp-4);font-size:24px;font-weight:700;line-height:1.32}.intro-doc .lead{margin:0 0 var(--sp-4);color:var(--fg-body)}.intro-doc .sec p{margin:0}.intro-doc .fig{margin:0 0 var(--sp-6);padding:var(--sp-5)var(--sp-4)var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--fg-heading)}.intro-doc .fig svg{width:100%;height:auto;display:block}.intro-doc .fig figcaption{margin:var(--sp-3)4px 0;color:var(--fg-muted);font-size:13px;line-height:1.6}.intro-doc .flow{margin:0;padding:0;list-style:none;display:grid}.intro-doc .flow li{-moz-column-gap:var(--sp-4);column-gap:var(--sp-4);padding:0 0 var(--sp-6);grid-template-columns:40px minmax(0,1fr);display:grid;position:relative}.intro-doc .flow li:before{content:"";border-left:2px solid var(--border-subtle);position:absolute;top:40px;bottom:0;left:19px}.intro-doc .flow li:last-child:before{display:none}.intro-doc .flow .idx{background:var(--bg-brand-weak);width:40px;height:40px;color:var(--fg-brand-contrast);z-index:1;border-radius:50%;grid-row:1/3;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative}.intro-doc .flow strong{color:var(--fg-heading);font-size:17px;font-weight:600;line-height:40px}.intro-doc .flow p{color:var(--fg-body);max-width:56ch;font-size:15px}.intro-doc .skin{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.intro-doc .layer{grid-template-columns:190px minmax(0,1fr);display:grid}.intro-doc .layer .band{padding:var(--sp-4);color:#3a2418;background:#f7e4d4;align-content:center;gap:2px;display:grid}.intro-doc .layer.i1 .band{background:#ebc2a6}.intro-doc .layer.i2 .band{color:#fff3ea;background:#c98a69}.intro-doc .layer.i3 .band{color:#fff3ea;background:#8e4b3a}.intro-doc .layer .lname{font-size:14px;font-weight:600;line-height:1.4}.intro-doc .layer .depth{opacity:.85;font-variant-numeric:tabular-nums;font-size:12px}.intro-doc .layer .ldesc{padding:var(--sp-4)var(--sp-5);background:var(--bg-surface);border-top:1px solid var(--border-subtle);align-content:center;gap:6px;display:grid}.intro-doc .layer:first-child .ldesc{border-top:0}.intro-doc .layer .ldesc p{color:var(--fg-body);font-size:14px}.intro-doc .pill{border-radius:var(--radius-pill);background:var(--bg-brand-weak);width:max-content;color:var(--fg-brand-contrast);padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.intro-doc .pill.none{background:var(--bg-muted);color:var(--fg-muted);font-weight:500}.intro-doc .checks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.intro-doc .checks li{color:var(--fg-body);padding-left:28px;position:relative}.intro-doc .checks li:before{content:"";border-left:2px solid var(--fg-brand);border-bottom:2px solid var(--fg-brand);width:10px;height:5px;position:absolute;top:.55em;left:2px;transform:rotate(-45deg)}.intro-doc .meta{gap:var(--sp-3);margin:0 0 var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.intro-doc .meta div{background:var(--bg-surface-sunken);border-radius:var(--radius-md);padding:var(--sp-3)var(--sp-4);display:grid}.intro-doc .meta .k{color:var(--fg-muted);font-size:12px}.intro-doc .meta .v{color:var(--fg-heading);font-weight:600}.intro-doc .steps{color:var(--fg-body);gap:8px;margin:0;padding-left:22px;list-style:decimal;display:grid}.intro-doc .faq{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:0 var(--sp-5)}.intro-doc .faq details{border-top:1px solid var(--border-subtle);padding:var(--sp-4)0}.intro-doc .faq details:first-child{border-top:0}.intro-doc .faq summary{color:var(--fg-heading);cursor:pointer;justify-content:space-between;gap:16px;font-weight:600;list-style:none;display:flex}.intro-doc .faq summary::-webkit-details-marker{display:none}.intro-doc .faq summary:after{content:"+";color:var(--fg-brand);flex:none;font-weight:500}.intro-doc .faq details[open] summary:after{content:"−"}.intro-doc .faq p{color:var(--fg-body);margin:10px 0 0}.intro-doc .care{padding:var(--sp-4)var(--sp-5)var(--sp-4)40px;background:var(--bg-informative-weak);border-radius:var(--radius-lg);color:var(--fg-body);gap:8px;margin:0;list-style:outside;display:grid}.intro-doc .tablewrap{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);overflow-x:auto}.intro-doc table{border-collapse:collapse;width:100%;font-size:14px}.intro-doc th,.intro-doc td{text-align:left;border-top:1px solid var(--border-subtle);vertical-align:top;padding:11px 16px}.intro-doc tr:first-child th,.intro-doc tr:first-child td{border-top:0}.intro-doc th{width:38%;color:var(--fg-heading);background:var(--bg-surface-sunken);font-weight:600}.intro-doc dl{gap:var(--sp-3);margin:0;display:grid}.intro-doc dl div{border-top:1px solid var(--border-subtle);padding-top:var(--sp-3);grid-template-columns:150px 1fr;gap:16px;display:grid}.intro-doc dl div:first-child{border-top:0;padding-top:0}.intro-doc dt{color:var(--fg-heading);font-weight:600}.intro-doc dd{color:var(--fg-body);margin:0}.intro-doc .contact{gap:8px;margin:0;padding:0;list-style:none;display:grid}.intro-doc .contact li{grid-template-columns:120px 1fr;gap:12px;display:grid}.intro-doc .contact .k{color:var(--fg-muted);font-size:14px}.intro-doc .contact .v{color:var(--fg-heading);font-weight:500}@media (max-width:900px){.intro-doc .layout{grid-template-columns:1fr}.intro-doc .toc{display:none}.intro-doc .hero{gap:var(--sp-6);padding:var(--sp-6);grid-template-columns:1fr}.intro-doc h1{font-size:32px}}@media (max-width:640px){.intro-doc .layer{grid-template-columns:1fr}.intro-doc dl div{grid-template-columns:1fr;gap:4px}}.intro-doc .skin+.fig{margin-top:var(--sp-5)}.intro-doc .flow+.fig,.intro-doc .fig+.flow{margin-top:var(--sp-2)}@media (max-width:640px){.intro-doc .fig{overflow-x:auto}.intro-doc .fig svg{min-width:560px}.intro-doc .page{padding:var(--sp-4)var(--sp-4)var(--sp-10)}}@media (prefers-reduced-motion:no-preference){.intro-doc{scroll-behavior:smooth}}.intro-doc .hero-illus{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);width:100%;margin:0 0 var(--sp-4);background:var(--bg-brand-weak);display:block}@media (max-width:900px){.intro-doc .hero-illus{max-width:260px}}.intro-doc .hero-photo{-o-object-fit:contain;object-fit:contain;background:#fff}