@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* The same brand mark, typography and mint-on-ink palette as the home page. */
:root{--bg:#04080e;--card:#0b141c;--line:#a8c8d321;--text:#edf5fd;--muted:#9fb3c1;--cyan:#a5e1d2;--blue:#a5e1d2;color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 15%,#13312e22,transparent 45%),var(--bg);font-family:Inter,"Microsoft YaHei",sans-serif;font-size:18px;line-height:1.7;color:var(--text)}
a{color:var(--cyan);text-decoration:none}a:hover{color:#eafffa}
button,.button{min-height:48px;background:#0b1921;color:#dce8ee;border:1px solid #a7cddd30;border-radius:9px;font-size:17px;font-weight:500;padding:13px 22px;transition:border-color .18s,background .18s}
button:hover,.button:hover{background:#12242a;border-color:#88e8d380}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a5e1d2;outline-offset:4px}
button.primary,.button.primary,.beginner-quiz>.primary{background:#d0f7ed;border:1px solid #d0f7ed;color:#10332e;font-weight:500;box-shadow:none}
button.primary:hover,.button.primary:hover{background:#e8fff8;border-color:#e8fff8;color:#10332e}
.plain{background:transparent;border:0;color:#9fb3c1;padding:10px 0}.plain:hover{background:transparent;color:#d0f7ed}
.review-claim-banner{display:flex;justify-content:space-between;gap:20px;padding:5px max(4%,calc((100% - 1440px)/2));background:#101b26;border-bottom:1px solid #ffffff08;color:#8097aa;font-size:16px;letter-spacing:.04em;text-align:start}
body>header{padding:23px max(4%,calc((100% - 1440px)/2));gap:30px;background:#050b12ed;backdrop-filter:blur(25px);border-bottom:1px solid #d1eeff12}
header .brand{gap:13px;flex-shrink:0;color:#f1f5fa;margin-inline-end:auto}
header .brand img{width:43px;height:43px;border-radius:0;filter:drop-shadow(0 0 12px #60edcb18)}
header .brand .brand-word{font-size:28px;font-weight:500;letter-spacing:-1.2px;line-height:1.05;margin:0;color:#f1f5fa}
header .brand .brand-word small{display:block;font-size:16px;font-weight:500;letter-spacing:.24em;color:#74929e;margin-top:9px}
header nav{gap:25px;flex-wrap:nowrap;order:initial;flex-basis:auto;border:0;padding:0;white-space:nowrap}
header nav a,header nav .main-home{font-size:16px;font-weight:500;color:#a8b7c7;letter-spacing:.015em;text-decoration:none}
header nav a:hover{color:#edf5fd}
header #personal-center{display:flex;align-items:center;gap:8px;border:1px solid #9bc5cf33;background:linear-gradient(135deg,#cadbff10,#75ffdd05);padding:11px 16px;border-radius:30px;color:#e8f4fa}
header #personal-center svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.1;flex-shrink:0}
header #language{background:transparent;color:#879fad;border:0;border-inline-start:1px solid #ffffff19;border-radius:0;font-size:16px;font-weight:400;min-height:32px;padding:3px 6px 3px 18px;max-width:115px}
header #language option{background:#0b141c;color:#edf5fd}
main{max-width:1220px;padding:0 28px}
#flow{max-width:960px;margin:46px auto 56px;padding:34px 42px;min-height:0;background:linear-gradient(140deg,#0c171dee,#080f16f5);border:1px solid #a8c8d321;border-radius:18px;box-shadow:0 30px 90px #0003;scroll-margin-top:115px}
.flow-head .eyebrow{font-size:16px;font-weight:500;letter-spacing:.14em;color:#8ebeb6}.flow-head .main-home{font-size:16px;color:#799ba5}
.progress{gap:8px;margin:22px 0 32px}.progress span{height:3px;background:#203038;border-radius:3px}.progress .active{background:#a5e1d2}
h1,h2,h3{font-weight:600;letter-spacing:.015em;color:#edf5fd}
#step-body h2,.beginner-quiz h2{font-size:clamp(26px,2.7vw,36px);line-height:1.45;margin:8px 0 18px}
#step-body>.account-guide>h3{font-size:clamp(25px,2.5vw,32px);line-height:1.45;margin:8px 0 14px}
p{color:var(--muted)}.quiz-kicker{color:#799fa7;font-size:16px;font-weight:500;letter-spacing:.15em}.quiz-lead{font-size:18px;line-height:1.8;margin-bottom:26px}
.account-guide{border:0;padding:0;margin:0}.account-guide>p{font-size:17px;margin:10px 0 26px}
.choices,.account-route-choices{gap:12px;margin:24px 0}.choices button,.answer-card,.account-guide .choices button{background:#0c181f;border:1px solid #a8c8d32d;border-radius:12px;padding:20px 24px;box-shadow:none}
.answer-card:hover,.account-guide .choices button:hover{background:#102329;border-color:#88e8d380}
.answer-card strong{font-size:18px;font-weight:500;letter-spacing:.01em}.answer-card small{font-size:16px;color:#92aab5;margin-top:7px;line-height:1.65}
.account-route-choices .answer-card{gap:22px;min-height:94px}.account-route-choices .route-number{font-size:16px;letter-spacing:.06em;color:#6da99d}.answer-card>span:last-child{color:#88caba}
.prep-cards article,.next-task,.journey-card,.product-choice,.record{background:linear-gradient(135deg,#10212788,#0b141c);border:1px solid #a8c8d32d;border-radius:12px;box-shadow:none}
.prep-cards article{padding:22px}.prep-cards h3{font-size:19px;font-weight:500;margin:12px 0}.prep-cards p{font-size:17px}.prep-number,.badge{color:#88caba}.quiz-reassure{font-size:16px}
.account-step{background:#0a151c;border:1px solid #a8c8d324;border-radius:12px;padding:26px;margin:24px 0}
.account-step h3{font-size:23px;font-weight:500;margin-bottom:17px}.account-step h3 span{color:#77b5a9;font-size:16px;letter-spacing:.04em}
.guide-instruction{font-size:18px;line-height:1.85;color:#dce8ee}.guide-position{font-size:16px;color:#7896a1}.guide-position button{font-size:16px}
.guide-more,.step-help{border-top:1px solid var(--line);padding-top:12px;margin-top:22px;font-size:17px}.guide-more summary,summary{font-size:16px;color:#89bfb2;font-weight:400}
.account-diagram{background:#0e1d24;border-color:#365049}.account-diagram li{background:#071117}.account-diagram li:before{color:#a5e1d2}
.account-ready{background:#102522;border:1px solid #416d61;border-radius:12px}.account-source{font-size:16px!important;color:#6e8b97}.account-source a{color:#829fa9}.account-source .button{font-size:16px;min-height:36px;padding:7px 12px}
.note{background:#10211f;border-color:#8bcfbd;border-radius:8px;font-size:17px}.partner-eligibility{color:#90a8b2;border-color:#669e91;font-size:16px!important}
.flow-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);gap:18px}.flow-bottom #back-button{background:transparent;border-color:#a7cddd30;font-size:16px;min-height:44px;padding:10px 20px}.flow-bottom #flow-help{border:0;color:#94b8b0;font-size:16px;text-decoration:none;padding:8px 0}
input,select{background:#0b171e;border:1px solid #a7cddd40;border-radius:8px;font-size:18px;color:#edf5fd}label{font-size:16px;font-weight:500}.license-row code{color:#c1f2e6}
dialog{background:#0b151d;border-color:#a8c8d333}.engineering,.proof{border-color:var(--line)}
footer{max-width:960px;color:#708c98;font-size:16px;padding:0 12px 38px;line-height:1.8}footer p{color:#708c98}footer a{color:#9abab5}
@media(max-width:900px){body>header{padding:20px 4%;gap:20px}header nav{gap:16px}header nav a{font-size:16px}header .brand .brand-word{font-size:25px}header .brand img{width:36px;height:36px}header #language{max-width:96px}#flow{margin-top:30px;padding:30px}header .brand .brand-word small{font-size:16px}}
@media(max-width:640px){.review-claim-banner{font-size:16px;padding:5px 18px}.review-claim-banner>span:last-child{max-width:58%;text-align:end}body>header{padding:17px 20px;gap:14px;flex-wrap:wrap}header .brand .brand-word{font-size:23px}header .brand .brand-word small{font-size:16px}header .brand img{width:34px;height:34px}header #language{margin-inline-start:auto}header nav{display:flex;order:3;flex-basis:100%;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;gap:12px}header nav a{font-size:16px}header #personal-center{padding:8px 12px}main{padding:0 14px}#flow{margin:22px auto 32px;padding:24px 20px;border-radius:14px;scroll-margin-top:165px}.flow-head .eyebrow{font-size:16px;letter-spacing:.04em}.flow-head .main-home{font-size:16px}.progress{margin:18px 0 26px}#step-body h2,.beginner-quiz h2,#step-body>.account-guide>h3{font-size:26px;line-height:1.5}.quiz-lead{font-size:17px}.account-route-choices .answer-card,.answer-card,.choices button{padding:18px 16px;gap:12px}.answer-card strong{font-size:17px}.answer-card small{font-size:16px}.prep-cards article{padding:18px}.account-step{padding:20px 16px}.account-step h3{font-size:21px}.guide-instruction{font-size:17px}.flow-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.flow-bottom #flow-help{font-size:16px}.beginner-quiz>.primary{width:100%;justify-content:center}.account-source .button{margin-top:8px}footer{padding:0 24px 28px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}

/* Full instructions: clear hierarchy without disclosure controls. */
.expanded-explanation{border-top:1px solid var(--line);padding:22px 0 0;margin:24px 0;color:var(--muted);font-size:17px}
.expanded-explanation h4,.product-explanation h4,.setup-help h4{color:#b9d9d0;font-size:17px;font-weight:600;letter-spacing:.02em;margin:0 0 12px}
.expanded-explanation p{margin:8px 0 16px;line-height:1.85}.expanded-explanation .expanded-explanation{border:0;border-left:2px solid #45685e;background:#10211e66;padding:18px 22px;margin:20px 0}
.account-step>p{font-size:17px;color:#bfced6;line-height:1.85}.account-step figure{margin:24px 0}.account-step .guide-image{max-height:540px;object-fit:contain;width:auto;max-width:100%}
.recommendation-lead{font-size:18px;color:#c5d9d5;line-height:1.9;max-width:680px}.first-recommendation{padding:28px!important;border-color:#53776d!important}.first-recommendation h3{font-size:32px}.product-explanation{border-top:1px solid var(--line);padding-top:20px;margin:24px 0}.product-explanation p{white-space:pre-line;font-size:17px;color:#91a8b2}.secondary-library{display:inline-block;font-size:16px;color:#8ea69f;margin-top:12px}
.installation-list{margin:30px 0}.installation-step{border-top:1px solid #a8c8d32d;padding:32px 0 16px;scroll-margin-top:130px}.installation-step h3{font-size:25px;margin:12px 0 20px}.step-index{color:#79ad9f;font-size:16px;letter-spacing:.16em;margin:0}.installation-step .guide-text{font-size:17px;line-height:1.9;color:#c3d4dd}.installation-images{display:grid;gap:14px}.installation-images figure{margin:0 0 20px}.installation-images .guide-image{max-height:590px;max-width:100%;width:auto;margin:10px auto;object-fit:contain}.installation-images figcaption{font-size:16px;color:#7f9aa5}.setup-help{margin-top:38px;border-top:1px solid var(--line);padding-top:28px}.setup-help article{padding:14px 0}.setup-help p{font-size:17px;line-height:1.8}
@media(max-width:640px){.first-recommendation{padding:20px!important}.recommendation-lead{font-size:18px}.installation-step h3{font-size:22px}.installation-step .guide-text,.account-step>p{font-size:18px}.expanded-explanation{font-size:16px}.expanded-explanation .expanded-explanation{padding:16px}.installation-step{padding-top:26px}}
/* One-page questionnaire: questions and setup are separate stages. */
.progress:has(.quiz-stage){display:flex;gap:12px;margin:22px 0 36px}.progress .quiz-stage{flex:1;height:auto!important;background:transparent!important;border-top:2px solid #263d40;border-radius:0;padding-top:10px;color:#728c94;font-size:16px;text-align:center;letter-spacing:0}.progress .quiz-stage.current{color:#c4f2e6;border-color:#b4e8da}
.quiz-overview{display:flex;gap:26px;padding:0;list-style:none;counter-reset:overview;margin:32px 0}.quiz-overview li{flex:1;font-size:18px;counter-increment:overview}.quiz-overview li:before{content:'0' counter(overview);display:block;font-size:16px;color:#8cc4b5;margin-bottom:10px}
.quiz-question{border:0;border-top:1px solid #a8c8d329;padding:26px 0 30px;margin:0;min-width:0}.quiz-question legend{float:left;width:100%;font-size:22px;font-weight:600;color:#e9f4f8;padding:0;margin-bottom:10px}.quiz-question legend span{display:inline-block;font-size:16px;color:#a2d4c6;margin-inline-end:12px}.quiz-question>p{clear:both;font-size:16px;line-height:1.8;color:#8faab4;margin:0 0 18px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-option{display:flex;align-items:center;gap:12px;border:1px solid #a8c8d32d;border-radius:10px;background:#0c191f;padding:17px 16px;cursor:pointer;font-size:18px;line-height:1.55;font-weight:400}.question-option input{appearance:auto;flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#a1dfcd}.question-option:has(input:checked){border-color:#91c8b9;background:#122b29;color:#dcfff3}.question-option:focus-within{outline:2px solid #cff5e9;outline-offset:3px}.device-requirement{padding:18px 20px;border-inline-start:3px solid #a3d8c8;background:#122723;color:#cce3dc;font-size:17px;line-height:1.85;margin:0 0 26px}.device-requirement[hidden]{display:none}
.quiz-submit{border-top:1px solid #a8c8d329;padding-top:22px;margin-top:2px}.quiz-submit p{color:#8faab4;font-size:16px}.quiz-submit button{min-height:54px;min-width:260px}.route-next{border-inline-start:3px solid #aedecf;padding:10px 0 14px 24px;margin:24px 0 40px}.route-next>p:first-child{font-size:16px;color:#95c5b7;margin-top:0}.route-next .quiz-lead{font-size:18px}.full-route>h3{font-size:23px;font-weight:600}.full-route>.muted{font-size:16px;line-height:1.8}.full-route ol{padding:0;list-style:none}.full-route li{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #a8c8d325}.route-step-number{flex:0 0 66px;color:#93bfb1;font-size:16px;padding-top:4px}.full-route h4{font-size:18px;color:#dfeeea;margin:0 0 8px;font-weight:500}.full-route li p{font-size:16px;line-height:1.8;margin:0;color:#8faab4}.setup-substeps{list-style:none;counter-reset:setup;padding:0}.setup-substeps li{counter-increment:setup;border-bottom:1px solid #a8c8d325;padding:18px 0}.setup-substeps li:before{content:'Step ' counter(setup);display:block;font-size:16px;color:#98c7b8;margin-bottom:6px}html[lang=zh] .setup-substeps li:nth-child(1):before{content:'安装第一步'}html[lang=zh] .setup-substeps li:nth-child(2):before{content:'安装第二步'}html[lang=zh] .setup-substeps li:nth-child(3):before{content:'安装第三步'}
#flow-help,footer>#support{display:none!important}.flow-bottom:has(#back-button[hidden]){display:none}body:has(#flow){padding-bottom:50px}
@media(max-width:640px){.question-options{grid-template-columns:1fr}.quiz-question legend{font-size:20px}.quiz-question legend span{font-size:16px}.question-option{font-size:17px;padding:15px}.quiz-overview{gap:16px}.quiz-overview li{font-size:16px}.quiz-submit button{width:100%;min-width:0}.route-next{padding-inline-start:16px}.full-route li{gap:12px}.route-step-number{flex-basis:54px;font-size:16px}.full-route h4{font-size:17px}}
.claim-google{margin:24px 0 20px;padding:22px;border:1px solid #89b7a955;border-radius:12px;background:#102420}.claim-google button{width:100%;justify-content:center;font-size:17px}.claim-google .muted{font-size:16px;line-height:1.8;margin-bottom:0}.signin-separator{font-size:16px;color:#96aaa4;display:flex;gap:14px;align-items:center}.signin-separator:before,.signin-separator:after{content:'';flex:1;height:1px;background:#8bb6a82d}.setup-diagram{width:100%!important;max-height:none!important}.account-step figure:has(.setup-diagram){margin:22px 0}.account-step figure:has(.setup-diagram) figcaption{font-size:16px;color:#8faab4;margin-top:10px}
.chart-substeps{list-style:none;padding:0;margin:20px 0}.chart-substeps li{border-inline-start:2px solid #6c9b8d;padding:4px 0 4px 20px;margin:20px 0}.chart-substeps strong{font-size:16px;color:#aad9ca}.chart-substeps p{font-size:18px;line-height:1.9;color:#c3d4dd;margin:9px 0 0}