:root{--ink:#1a2533;--muted:#6b7d8f;--canvas:#edf1f5;--paper:#fff;--line:#d6dee6;--blue:#2c6d9e;--blue-pale:#e7eef7;--green:#3d8a7a;--green-pale:#e7f4ef;--gold:#c49236;--gold-pale:#fbf3e3;--coral:#c75b6a;--coral-pale:#fcecef;--violet:#6a5c9e;--violet-pale:#eeeef7;--brand:#d4772a;--brand-deep:#b05e1a;--brand-pale:#fcf0e5;--red:#b02a3a;--shell:840px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{min-width:320px;color:var(--ink);letter-spacing:0;background:#f0f3f6;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;line-height:1.6}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}.page-shell{width:min(var(--shell), calc(100% - 28px));margin-inline:auto}.skip-link{z-index:300;border:2px solid var(--ink);background:#fff;padding:8px 12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:80;backdrop-filter:blur(14px);background:#f0f3f6eb;border-bottom:1px solid #bec8d280;padding-top:8px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:#fff;border:1px solid #dce2e9;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:3px;display:grid;box-shadow:0 4px 14px #1a253314}.brand-mark svg{width:26px;height:26px}.brand-copy{min-width:0}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{color:#1a2533;font-size:17px;line-height:1.3}.brand-copy small{color:var(--muted);white-space:nowrap;font-size:10px}.icon-button,.entry-close,.modal-close{color:#55616d;background:#ffffffc7;border:1px solid #d6dee6;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-button{position:relative;box-shadow:0 0 0 4px #d4772a1a}.icon-button svg,.entry-close svg,.modal-close svg{width:18px}.notice-dot{background:var(--brand);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.official-note{background:#f0f4f8;border:1px solid #d0dae5;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:62px;margin-top:12px;padding:12px 14px;display:grid}.official-note>svg{color:#2c6d9e;width:19px}.official-note strong{font-size:13px;display:block}.official-note p{color:#5a6a7a;margin:1px 0 0;font-size:11px}main{padding-block:14px 30px}main>section+section{margin-top:0}.welcome-card{color:#fff;background:#1a2e42;border-radius:8px;height:400px;position:relative;overflow:hidden;box-shadow:0 18px 42px #1a25332e}.welcome-card>.hero-bg{background:radial-gradient(90% 60% at 20% 80%,#2c6d9e59,#0000 70%),radial-gradient(70% 50% at 80% 20%,#d4772a26,#0000 60%),linear-gradient(135deg,#0f1e2e 0%,#1a2e42 40%,#1f3850 70%,#162c3e 100%);position:absolute;inset:0}.welcome-card>.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.welcome-shade{background:linear-gradient(#0f1e2e26 0%,#0f1e2e40 40%,#0f1e2ebf 100%);position:absolute;inset:0}.welcome-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;padding:28px;display:flex;position:relative}.hero-brandline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hero-brandline .hero-logo-svg{width:min(260px,60%);height:auto}.hero-brandline .hero-logo-svg svg{width:100%;height:auto;display:block}.hero-brandline span{color:#fff;background:#d4772ae0;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:800}.hero-copy>p{color:#fce2cc;letter-spacing:1px;margin:0 0 5px;font-size:11px;font-weight:800}.hero-copy h1{letter-spacing:0;margin:0;font-size:34px;line-height:1.18}.hero-copy>span{color:#fffc;margin-top:7px;font-size:13px;display:block}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.hero-button{color:#fff;background:var(--brand);border:0;border-radius:6px;align-items:center;gap:7px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background .12s;display:inline-flex}.hero-button:hover{background:var(--brand-deep)}.hero-button svg{width:17px}.hero-link{color:#fff;border:1px solid #ffffff73;border-radius:6px;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:12px;font-weight:700;transition:background .12s;display:inline-flex}.hero-link:hover{background:#ffffff14}.hero-link svg{width:16px}.tech-stats{background:#fff;border:1px solid #e0e5ea;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:68px;margin-top:10px;display:grid}.tech-stats>div{text-align:center;min-width:0;padding:10px 8px}.tech-stats>div+div{border-left:1px solid #e8ecf0}.tech-stats strong,.tech-stats span{display:block}.tech-stats strong{color:var(--brand);font-size:17px;line-height:1.2}.tech-stats span{color:var(--muted);margin-top:3px;font-size:9px}.tech-stats small{color:var(--ink);margin-top:1px;font-size:11px;font-weight:600;display:block}.guide-panel{background:0 0;border-top:1px solid #dee4ea;margin-top:12px;padding:28px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.section-heading p{color:var(--brand);letter-spacing:1px;margin:0 0 2px;font-size:10px;font-weight:800}.section-heading h2{margin:0;font-size:22px}.section-heading>span{color:#8a95a0;white-space:nowrap;background:#f0f3f6;border-radius:4px;padding:3px 8px;font-size:10px}.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 10px;display:grid}.core-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;display:grid}.core-grid button,.core-grid a{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.core-grid strong{font-size:12px;line-height:1.35}.core-grid small{color:var(--muted);margin-top:1px;font-size:9px;display:block}.quick-grid button,.quick-grid a{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.quick-grid strong{font-size:12px;line-height:1.35}.quick-grid small{color:var(--muted);margin-top:1px;font-size:9px;display:block}.quick-icon{border-radius:10px;place-items:center;width:48px;height:48px;transition:transform .15s,box-shadow .15s;display:grid}.quick-grid button:hover .quick-icon,.quick-grid a:hover .quick-icon{transform:translateY(-3px);box-shadow:0 6px 16px #1a25331a}.quick-icon svg{width:22px}.blue{color:var(--blue);background:var(--blue-pale)}.green{color:var(--green);background:var(--green-pale)}.gold{color:var(--gold);background:var(--gold-pale)}.coral{color:var(--coral);background:var(--coral-pale)}.violet{color:var(--violet);background:var(--violet-pale)}.brand-bg{color:var(--brand);background:var(--brand-pale)}.slate{color:#4a5a6a;background:#eef2f6}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.material-grid button,.material-grid a{text-align:center;border:1px solid var(--line);background:#fbfcfd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:78px;padding:14px 12px;transition:transform .15s,box-shadow .15s;display:flex}.material-grid button:hover,.material-grid a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1a253314}.material-grid .mat-icon{border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.material-grid .mat-icon svg{width:18px}.material-grid strong{font-size:12px;line-height:1.3}.material-grid small{color:var(--muted);margin-top:1px;font-size:9px;display:block}.explore-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.explore-card{text-align:left;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-width:0;min-height:78px;padding:13px;transition:transform .15s;display:grid}.explore-card:hover{transform:translateY(-1px)}.explore-card>span{width:38px;height:38px;color:var(--ink);background:#ffffffc7;border-radius:7px;place-items:center;display:grid}.explore-card>span svg{width:19px}.explore-card strong,.explore-card small{display:block}.explore-card strong{color:var(--ink);font-size:13px}.explore-card small{color:#6f7a85;margin-top:2px;font-size:10px}.explore-card>svg{color:#8d969d;width:16px}.explore-wide{grid-column:1/-1}.service-grid{gap:8px}.service-grid button,.service-grid a{text-align:left;border:1px solid var(--line);background:#fbfcfd;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:13px 14px;transition:transform .15s,box-shadow .15s;display:flex}.service-grid button:hover,.service-grid a:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a25330f}.service-grid strong,.service-grid small{display:block}.service-grid strong{font-size:13px}.service-grid small{color:#87919a;margin-top:2px;font-size:10px}.service-wide{grid-column:1/-1}.service-icon{border-radius:7px;flex:none;place-items:center;width:38px;height:38px;display:grid}.service-icon svg{width:19px}.site-footer{text-align:center;color:#bcc6d0;background:#1a2533;padding-block:28px 34px}.site-footer .page-shell{flex-direction:column;align-items:center;display:flex}.site-footer strong{color:#e0e6ec;font-size:14px}.site-footer p{color:#9aabb8;margin:6px 0 2px;font-size:12px}.site-footer small{color:#6f8295;font-size:9px}.footer-logo-svg{width:min(220px,60%);height:auto;margin-bottom:4px}.footer-logo-svg svg{width:100%;height:auto;display:block}.entry-backdrop,.modal-backdrop{z-index:150;backdrop-filter:blur(5px);background:#1a25339e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.entry-backdrop[hidden],.modal-backdrop[hidden]{display:none}.entry-sheet,.modal{background:#fff;border-radius:10px;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 28px 90px #121c2647}.entry-sheet>header,.modal>header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:76px;padding:15px 18px;display:grid}.entry-sheet>header>span,.modal-icon{color:#fff;background:var(--blue);border-radius:7px;place-items:center;width:40px;height:40px;display:grid}.entry-sheet>header svg,.modal-icon svg{width:19px}.entry-sheet header small,.modal header small{color:#5f7da5;letter-spacing:.5px;font-size:9px;font-weight:800}.entry-sheet header h2,.modal header h2{margin:0;font-size:18px}.entry-content,.modal-body{padding:18px}.entry-content h3{margin:8px 0 4px;font-size:17px}.entry-content>p{color:var(--muted);margin:0;font-size:12px}.entry-warning,.modal-source{color:#6b6559;background:#fff9ed;border-radius:7px;grid-template-columns:auto 1fr;gap:8px;margin-top:14px;padding:10px;font-size:10px;display:grid}.entry-warning svg,.modal-source svg{width:15px;color:var(--gold)}.entry-warning p{margin:0}.entry-button{color:#fff;background:var(--blue);border:0;border-radius:6px;width:100%;min-height:44px;margin-top:15px;font-weight:800}.modal-body{color:#3e4851;font-size:13px;line-height:1.7}.modal-body p{margin:0 0 10px}.modal-body h3{color:var(--ink);margin:18px 0 8px;font-size:15px}.modal-body h3:first-child{margin-top:0}.modal-body h4{color:var(--ink);margin:14px 0 6px;font-size:13px}.modal-body ul{margin:0 0 10px;padding-left:19px}.modal-body li+li{margin-top:4px}.modal-body a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.modal-body strong{color:var(--ink)}.modal-body table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12px}.modal-body th,.modal-body td{text-align:left;border:1px solid var(--line);padding:6px 8px}.modal-body th{background:var(--blue-pale);color:var(--ink);font-size:11px;font-weight:700}.modal-body .tech-callout{background:var(--blue-pale);border-left:4px solid var(--blue);border-radius:0 7px 7px 0;margin:12px 0;padding:11px 12px;font-size:12px}.modal-body .warning-callout{border-left:4px solid var(--gold);background:#fff8f0;border-radius:0 7px 7px 0;margin:12px 0;padding:11px 12px;font-size:12px}.modal-body .tech-callout p,.modal-body .warning-callout p{margin:0}.modal-source{color:#5a6a7a;background:#f0f4f8;margin:0 18px 18px}.toast{z-index:220;color:#fff;opacity:0;pointer-events:none;background:#1a2533;border-radius:6px;padding:8px 13px;font-size:11px;transition:opacity .15s,transform .15s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,18px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=720px){.site-header{padding-top:8px}.header-inner{min-height:52px}.brand{gap:9px}.brand-mark{width:36px;height:36px;padding:2px}.brand-mark svg{width:22px;height:22px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:9px}.icon-button{width:36px;height:36px}.official-note{margin-top:8px}main{padding-top:10px}.welcome-card{height:360px}.welcome-content{padding:20px}.hero-brandline{gap:10px}.hero-brandline .hero-logo-svg{width:min(180px,60%)}.hero-brandline span{padding:3px 6px;font-size:8px}.hero-copy h1{font-size:28px}.hero-copy>span{margin-top:5px;font-size:11px}.hero-actions{gap:8px;margin-top:14px}.hero-button,.hero-link{min-height:40px;padding-inline:12px}.hero-button{font-size:13px}.hero-link{font-size:11px}.tech-stats{min-height:62px}.tech-stats strong{font-size:15px}.guide-panel{padding:22px 0}.section-heading{margin-bottom:18px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 6px}.quick-grid strong{font-size:11px}.core-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 6px}.core-grid strong{font-size:11px}.quick-icon{width:44px;height:44px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.material-grid button,.material-grid a{min-height:68px}.explore-grid,.service-grid{grid-template-columns:1fr}.explore-wide,.service-wide{grid-column:auto}.entry-backdrop,.modal-backdrop{place-items:end center;padding:0}.entry-sheet,.modal{border-radius:10px 10px 0 0;width:100%;max-height:92vh}}@media (width<=380px){.page-shell{width:min(var(--shell), calc(100% - 20px))}.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}.welcome-card{height:340px}.hero-brandline .hero-logo-svg{width:min(160px,65%)}.hero-copy h1{font-size:24px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}@media print{.site-header,.site-footer,.guide-nav,.guide-related,.toast,.official-note,.tech-stats,.hero-button,.hero-link,.back-link{display:none!important}body{font-size:11pt;color:#000!important;background:#fff!important}.page-shell{width:100%!important;max-width:100%!important;margin:0!important}.guide-article{box-shadow:none!important;border:none!important;border-radius:0!important}.guide-article-body{color:#000!important;padding:10pt 0!important;font-size:10pt!important}.guide-article-body table{page-break-inside:avoid;font-size:9pt!important}.guide-article-body .tech-callout,.guide-article-body .warning-callout{page-break-inside:avoid;background:#f9f9f9!important;border:1px solid #ccc!important}.guide-article-body h2{page-break-after:avoid}.guide-article-header h1{font-size:18pt}main{padding:0!important}}