:root{--bg:#f5f6f8;--panel:#fff;--ink:#182735;--muted:#65717e;--line:#e1e6ea;--accent:#176b58;--soft:#eef7f2;--field:#fff;color-scheme:light;font-family:'PingFang SC','Helvetica Neue','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}input,select,textarea{max-width:100%}a:hover{text-decoration:underline}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}:focus-visible{outline:3px solid #248974;outline-offset:4px}.header{height:82px;padding:0 5%;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:750;display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--panel);display:grid;place-items:center;font:italic 700 26px Georgia;border-radius:7px}.brand-sub{display:none;font-size:13px;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}.quiet{font-size:14px;min-height:44px;display:flex;align-items:center}.container{max-width:1256px;margin:auto;padding:0 20px}.hero{padding:54px 0 46px;display:flex;justify-content:space-between;gap:30px}.eyebrow{display:block;font-size:10px;line-height:1.6;font-weight:650;letter-spacing:1.8px;color:var(--muted)}h1{font-size:34px;line-height:1.35;letter-spacing:-1.3px;margin:20px 0}h1 span{color:var(--muted);font-weight:450}.hero p{font-size:15px;line-height:1.9;color:var(--muted)}.hero-note{display:none}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:7px}.workspace{display:grid;gap:28px;align-items:start}.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:0 0 24px}h2{font-size:22px;letter-spacing:-.5px;margin:8px 0 0}h3{font-size:21px;letter-spacing:-.4px;margin:3px 0 0}.muted{color:var(--muted);font-size:13px;line-height:1.8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.product{padding:24px 20px;margin-bottom:18px;transition:border-color .2s}.product.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.product-top{display:flex;align-items:center;gap:12px}.product-symbol{width:44px;height:44px;display:grid;place-items:center;font-size:28px;border-radius:10px;flex:none}.symbol-0{background:#edf0ff;color:#4c5fba}.symbol-1{background:#f8edde;color:#ab6822}.symbol-2{background:#e7f3ee;color:#206955}.product-title{flex:1}.product-title .eyebrow{font-size:10px;letter-spacing:.5px}.choose{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;cursor:pointer}.choose input{width:17px;height:17px;accent-color:var(--accent)}.description{font-size:13px;color:var(--muted);line-height:1.8;margin:18px 0}.plans{display:grid;grid-template-columns:1fr;gap:10px;border:0;padding:0;margin:0}.plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:7px;padding:17px 14px;cursor:pointer;min-width:0}.product.selected .plan:has(input:checked){border-color:var(--accent);background:var(--soft)}.plan input{position:absolute;right:12px;top:16px;accent-color:var(--accent);width:14px;height:14px}.plan-name{font-size:12px;padding-right:20px}.price{font-size:24px;font-weight:650;letter-spacing:-.7px;margin:16px 0}.price small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.features{font-size:11px;color:var(--muted);line-height:1.9}.product-note{display:flex;align-items:start;gap:18px;margin-top:16px;font-size:11px;line-height:1.8;color:var(--muted)}.product-note p{margin:0;flex:1}.product-note a{white-space:nowrap;border-bottom:1px solid var(--line)}.intent{margin-top:19px;border-top:1px solid var(--line);padding-top:18px}.intent label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.intent select{width:auto;font-size:13px;min-width:230px}.contact{padding:27px 20px;margin-top:34px;scroll-margin-top:24px}.contact>p{margin-bottom:26px}.fields{display:grid;gap:22px;margin:28px 0}.fields label{font-size:12px;font-weight:550}.required{color:var(--accent)}.optional{font-size:10px;color:var(--muted);font-weight:400;margin-left:4px}input:not([type=checkbox],[type=radio]),select,textarea{display:block;width:100%;padding:12px;margin-top:9px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--ink);min-height:46px;font-size:16px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#85909a;font-weight:400}.consent{display:flex;align-items:start;gap:9px;line-height:1.8;font-size:12px;color:var(--muted)}.consent input{flex:none;width:17px;height:17px;accent-color:var(--accent)}.consent a{color:var(--accent);text-decoration:underline}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;min-height:46px;border-radius:6px;font-size:13px;font-weight:550;text-decoration:none!important}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}#submit{width:100%;justify-content:space-between;margin-top:10px;padding:16px 20px}.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.fine{font-size:11px;line-height:1.8;color:var(--muted)}.error{color:#b73332;font-size:13px;line-height:1.8}.error:empty{display:none}.summary{padding:26px}.summary h2{font-size:19px}.empty{padding:32px 0}.summary-item{padding:22px 0;border-bottom:1px solid var(--line)}.summary-item b{font-size:14px;display:block}.summary-item>span{font-size:11px;display:flex;justify-content:space-between;gap:9px;margin:10px 0;color:var(--muted)}.summary-item strong{color:var(--ink)}.summary-item small{font-size:10px;color:var(--accent);background:var(--soft);padding:5px 8px;border-radius:4px;display:inline-block}.summary-bottom{padding-top:26px;font-size:11px}.summary-bottom p{font-size:11px;color:var(--muted);line-height:1.9;margin:14px 0 20px}.summary-bottom a{width:100%;font-size:11px}footer{margin-top:64px;padding:24px 0 30px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer>div{display:flex;gap:24px}.success{margin:80px auto;text-align:center;padding:60px 24px;max-width:760px}.success-mark{display:grid;place-items:center;margin:0 auto 25px;width:60px;height:60px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:30px}.success p{color:var(--muted);line-height:1.9}.success a{margin-top:20px}.skip{position:absolute;left:20px;top:-70px;background:var(--panel);padding:15px;z-index:30}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.desktop{display:none}.login{max-width:430px;margin:80px auto;padding:35px}.login h1{font-size:27px}.login button{width:100%;margin-top:22px}.admin-main{padding-top:42px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-title h1{font-size:30px;margin:8px 0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.stat{padding:22px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:32px;margin-top:10px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto}.toolbar input,.toolbar select{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{color:var(--muted);background:var(--bg);font-weight:500}th,td{padding:18px 20px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.badge{display:inline-block;background:var(--soft);color:var(--accent);padding:5px 8px;border-radius:4px;font-size:11px}.count{font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;width:640px;max-width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#11233166}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{margin:0}dialog dl{display:grid;grid-template-columns:90px 1fr;gap:14px;font-size:13px;line-height:1.8}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:end;gap:12px;margin-top:20px}.privacy{max-width:760px;margin:60px auto;padding:32px}.privacy p,.privacy li{line-height:1.9;color:var(--muted);font-size:15px}.privacy h2{margin-top:30px}.privacy a{color:var(--accent);text-decoration:underline}
@media(min-width:540px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:repeat(2,1fr)}.full{grid-column:1/-1}.brand-sub{display:inline}.container{padding:0 32px}h1{font-size:43px}.desktop{display:initial}}
@media(min-width:1000px){.hero{padding:66px 0 55px}.hero-note{display:block;border-left:1px solid var(--line);padding:12px 0 0 30px;font-size:12px;min-width:260px;align-self:center}.hero-note div{font-size:12px;color:var(--muted);line-height:2.5;margin:13px 0}.hero-note small{font-size:10px;color:var(--muted)}.workspace{grid-template-columns:minmax(0,1fr) 292px;gap:28px}.summary{position:sticky;top:26px;margin-top:79px}.product{padding:26px}.plans{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.contact{padding:32px}.stats{grid-template-columns:repeat(4,1fr)}h1{font-size:46px}.header{padding:0 max(32px,calc((100% - 1192px)/2))}}
@media(prefers-color-scheme:dark){:root{--bg:#111b21;--panel:#19262d;--ink:#e5ece9;--muted:#a6b5bd;--line:#33454f;--accent:#75c8ae;--soft:#243e36;--field:#162329;color-scheme:dark}.primary{color:#122d25}.error{color:#ffaaa1}}
[data-theme=dark]{--bg:#111b21;--panel:#19262d;--ink:#e5ece9;--muted:#a6b5bd;--line:#33454f;--accent:#75c8ae;--soft:#243e36;--field:#162329;color-scheme:dark}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* 2026-09: official branding, readable product selection, connected form controls. */
:root{--bg:#f4f7fb;--panel:#fff;--ink:#152741;--muted:#576b83;--line:#dce4ed;--accent:#1263bf;--soft:#edf5ff;--field:#fff;--focus:#176acc;--on-accent:#fff;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth;scroll-padding-top:28px}body{font-size:16px}.header{height:88px}.brand-logo{width:159px;height:auto;object-fit:contain;background:#fff;border-radius:4px}.brand{gap:20px}.brand-sub{font-size:13px}.header .quiet{font-size:14px;font-weight:550}.container{max-width:1336px}.hero{position:relative;padding-top:58px;padding-bottom:52px;border-bottom:1px solid var(--line);margin-bottom:38px}.hero h1{font-size:40px;line-height:1.3;font-weight:650;letter-spacing:-1.4px;margin:24px 0}.hero h1 span{color:var(--accent);font-weight:650}.hero p{font-size:16px;line-height:1.95;margin-bottom:0}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.hero-note{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:28px;font-size:14px}.hero-note div{font-size:14px;line-height:2.5;margin:16px 0}.hero-note small{font-size:12px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:24px}.muted{font-size:14px}.panel{border-radius:14px}.product{padding:25px 20px;margin-bottom:22px;transition:border-color 180ms var(--ease),box-shadow 180ms var(--ease)}.product:hover{border-color:#9fb3ca}.product.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.product-symbol{width:54px;height:54px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.product-symbol img{width:36px;height:36px;object-fit:contain}.product-title .eyebrow{font-size:11px}.product-title h3{font-size:21px}.choose{padding:0 12px;min-width:102px;min-height:44px;border:1px solid #879bb1;border-radius:7px;font-size:13px;justify-content:center;transition:background 160ms}.selected .choose{background:var(--soft);border-color:var(--accent);color:var(--accent)}.choose input{margin:0;width:17px;height:17px}.description{font-size:15px;line-height:1.8;margin:22px 0}.plans{gap:12px}.plan{padding:20px 15px;border-color:#acbaca;border-radius:9px;transition:background 180ms,border-color 180ms;min-height:178px}.plan:hover{background:var(--bg);border-color:var(--accent)}.plan input{width:17px;height:17px;right:12px;top:20px}.plan-name{font-size:14px;font-weight:550}.price{font-size:28px;font-variant-numeric:tabular-nums;margin:21px 0 17px;white-space:nowrap}.price small{font-size:12px}.features{font-size:12px;line-height:1.7}.features>span{display:flex;align-items:start;gap:7px;margin-top:6px}.features svg{width:14px;height:14px;flex:none;margin-top:3px;color:var(--accent)}.product-note{font-size:12px;line-height:1.9;margin-top:20px;gap:12px}.product-note a{min-height:44px;display:flex;align-items:center;border:0}.intent{margin-top:16px;padding-top:16px}.intent label{font-size:14px}.intent select{font-size:14px}.summary{padding:26px}.summary h2{font-size:20px}.summary-title{display:flex;align-items:center;gap:9px}.summary-title img{object-fit:contain}.summary-title b{flex:1}.summary-title button{width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:22px;border-radius:5px}.summary-title button:hover{background:var(--soft);color:var(--accent)}.summary-item{padding:12px 0 20px}.summary-item>span{font-size:13px;line-height:1.8}.summary-item small{font-size:12px;line-height:1.8}.empty{padding:32px 0 26px}.empty-count{font-size:32px;color:#8395ab;font-weight:450;letter-spacing:-1px}.empty p{font-size:14px;line-height:1.9;color:var(--muted)}.summary-bottom{font-size:13px}.summary-bottom p,.summary-bottom a{font-size:12px}.summary-bottom a{min-height:48px}.contact{padding:28px 20px;margin-top:38px}.contact h2{font-size:24px}.fields{gap:24px 22px;margin:30px 0}.fields label{font-size:14px;line-height:1.6}.optional{font-size:12px}.fields input,.fields select,.fields textarea{border-color:#8d9fb4;border-radius:7px;transition:border-color 160ms,box-shadow 160ms}input:not([type=checkbox],[type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}:focus-visible{outline-color:var(--focus)}.consent{font-size:13px;line-height:1.9;padding:8px 0;min-height:44px}.consent input{margin:4px 0 0}.fine{font-size:12px}.primary{background:var(--accent);color:var(--on-accent);transition:background 180ms,box-shadow 180ms}.primary:hover{background:#0c51a2;box-shadow:0 4px 16px #1263bf22}.primary:active{box-shadow:none}.secondary{font-size:14px;transition:border-color 180ms,background 180ms}.secondary:hover{border-color:var(--accent);background:var(--soft)}#submit{font-size:15px;min-height:54px;margin-top:18px}.form-products{border:0;padding:24px 0;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.form-products legend{font-size:15px;font-weight:550;float:left;width:100%;margin-bottom:4px}.form-products>p{clear:both;margin:4px 0 16px}#form-product-options{display:grid;gap:10px}.form-product-choice{display:flex;align-items:center;gap:10px;border:1px solid #8d9fb4;border-radius:8px;padding:14px 12px;min-height:54px;font-size:14px;cursor:pointer;transition:border-color 180ms,background 180ms}.form-product-choice img{object-fit:contain}.form-product-choice input{width:17px;height:17px;accent-color:var(--accent);margin:0}.form-product-choice:has(:checked){background:var(--soft);border-color:var(--accent);color:var(--accent)}.form-plan-row{display:grid;gap:12px;padding:22px 0 0}.form-plan-row>b{font-size:14px}.form-plan-row label{font-size:12px;color:var(--muted)}.form-plan-row select{font-size:14px;border-color:#8d9fb4}.field-error{margin:0;grid-column:1/-1}.field-error:empty{display:none}.error-summary:not(:empty){background:#fff3f2;border:1px solid #c66d67;padding:18px;border-radius:8px;margin-top:18px}.error-summary ul{padding-left:20px;margin-bottom:0}.error-summary a{text-decoration:underline}.error{font-size:14px}[aria-invalid=true]{border-color:#b73332!important}footer{font-size:12px}footer a{min-height:44px;display:inline-flex;align-items:center}.stats .stat{border-top:3px solid var(--accent)}th,td{font-size:14px;line-height:1.7}td small{font-size:12px}.badge,.count{font-size:13px}.toolbar input,.toolbar select{min-height:48px}dialog label{font-size:14px}dialog dl{font-size:14px}.login label{font-size:14px}.login h1{letter-spacing:-.5px}.login .primary{min-height:48px}
@media(min-width:540px){#form-product-options{grid-template-columns:repeat(2,minmax(0,1fr))}.form-product-choice{flex-wrap:wrap;font-size:13px}.form-product-choice span{width:100%;padding-left:0}.form-plan-row{grid-template-columns:1fr 1fr}.form-plan-row>b{grid-column:1/-1}.hero h1{font-size:52px}}
@media(min-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 306px;gap:30px}.hero h1{font-size:60px;letter-spacing:-2px}.hero{padding:64px 0}.hero-note{min-width:295px}.product{padding:30px}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.product[data-product=tuoke] .plans{grid-template-columns:repeat(3,minmax(0,1fr))}.product[data-product=aigc] .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{padding:34px}.summary{margin-top:82px}.brand-logo{width:180px}.hero-note{margin-right:0}}
@media(prefers-color-scheme:dark){:root{--bg:#0f1927;--panel:#182638;--ink:#e8f0fa;--muted:#b0bed0;--line:#41546d;--accent:#9ac7ff;--soft:#233c58;--field:#122033;--focus:#9ac7ff;--on-accent:#0b2646}.primary:hover{background:#b5d7ff}.product:hover{border-color:#96aac1}.error-summary:not(:empty){background:#3e2428;border-color:#b77070}.product-symbol{background:#fff}.error{color:#ffb9b1}.plan{border-color:#72859d}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.field-error{display:block;font-weight:400;line-height:1.7;margin-top:8px}.field-error:empty{display:none}
h1,h2,h3{text-wrap:balance}.hero p,.description{text-wrap:pretty}

.header-actions{display:flex;align-items:center;gap:20px}.header-actions a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}@media(max-width:600px){.header-actions{gap:4px;flex-direction:column;align-items:flex-end}.header-actions a{font-size:12px;min-height:32px}}

/* Intake first: keep the core form ahead of the full product catalog. */
.header:has(+ main #intake){height:68px}
.hero{align-items:center;padding:16px 0;margin-bottom:18px;border-bottom:0;gap:16px}
.hero h1{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:4px 0 0}
.hero p{font-size:13px;line-height:1.6;margin:0;flex:none}
.contact{margin-top:0;padding:22px}
.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.contact-heading h2{font-size:22px;margin:0}
.contact-heading .muted{font-size:12px;white-space:nowrap}
.contact>.contact-intro{font-size:13px;line-height:1.6;margin:6px 0 14px}
.form-products{padding:0;margin:0 0 14px;border:0;min-width:0}
.form-products legend{float:none;font-size:14px;margin-bottom:8px}
#form-product-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.form-product-choice{min-width:0;min-height:44px;padding:8px;gap:7px;font-size:13px;flex-wrap:nowrap}
.form-product-choice span{width:auto;padding:0;overflow-wrap:anywhere;line-height:1.4}
.form-product-choice img{width:20px;height:20px;flex:none}
.form-product-choice input{flex:none}
.form-plan-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-top:12px}
.form-plan-row>b{grid-column:1/-1;font-size:12px}
.form-plan-row label{font-size:12px;min-width:0}
.form-plan-row select{margin-top:4px;padding:8px;min-height:44px;font-size:13px}
.essential-fields{gap:12px 16px;margin:0 0 12px}
.essential-fields label{font-size:13px}
.essential-fields input{margin-top:4px;padding:10px 12px;min-height:44px}
.optional-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 8px}
.optional-details>summary{font-size:13px;min-height:44px;padding:12px 0;cursor:pointer;line-height:1.6}
.optional-details .fields{margin:12px 0 20px;gap:16px}
.consent{font-size:12px;line-height:1.7;padding:5px 0;min-height:44px}
#submit{min-height:46px;margin-top:8px;padding:12px 16px}
.contact>.fine{font-size:11px;line-height:1.5;margin:8px 0 0}
.summary{position:static;margin:0;padding:24px}
.summary .empty{padding:20px 0 8px}
.summary-bottom{padding-top:18px}
.summary-bottom p{margin:12px 0 16px}
.product-details{margin-top:42px;scroll-margin-top:24px}
.product-details .section-heading{margin-bottom:20px}
#products{display:grid;gap:22px;align-items:start}
#products .product{margin:0;min-width:0}
@media(min-width:1000px){
 .workspace{grid-template-columns:minmax(0,1fr) 306px;gap:24px}
 #form-product-options{grid-template-columns:repeat(4,minmax(0,1fr))}
 .form-plan-row{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);align-items:end}
 .form-plan-row>b{grid-column:auto;align-self:center;line-height:1.5}
 #products{grid-template-columns:repeat(2,minmax(0,1fr))}
 #products .product{padding:24px}
 #products .product[data-product=tuoke] .plans{grid-template-columns:repeat(3,minmax(0,1fr))}
 #products .price{font-size:24px}
 #products .plan{padding:16px 12px}
}
@media(max-width:999px){
 .hero{align-items:flex-start;flex-direction:column;gap:8px}
 .hero h1{font-size:26px}
 .summary{margin-top:0}
}
@media(max-width:539px){
 .container{padding:0 16px}
 .header:has(+ main #intake){height:68px;padding:0 16px}
 .header:has(+ main #intake) .brand-logo{width:136px}
 .header-actions a[href='#contact']{display:none}
 .header-actions a{min-height:44px}
 .hero{padding:18px 0;margin-bottom:0}
 .hero h1{font-size:25px}
 .contact{padding:18px 16px}
 .contact-heading h2{font-size:20px}
 .contact-intro{max-width:26em}
 .essential-fields{grid-template-columns:1fr;gap:10px}
 .optional-details>summary .optional{display:block;margin:2px 0 0 16px}
 .form-product-choice{font-size:12px}
 .form-plan-row{grid-template-columns:minmax(0,1fr)}
 .form-plan-row>b{grid-column:auto}
 .product-details .section-heading{align-items:start}
 .product-details .section-heading h2{font-size:20px}
 .product-details .section-heading>a{font-size:12px;flex:none}
 .product-top{gap:8px;flex-wrap:wrap}
 .product-title h3{font-size:19px}
 .product-symbol{height:44px;width:44px}
 .choose{margin-left:auto;min-width:94px}
 .product-note{flex-wrap:wrap}
 .product-note p{flex-basis:100%}
 .intent select{min-width:0;width:100%}
}
@media(max-width:999px){.form-plan-row select{font-size:16px}}

/* Deposit instructions continue the existing form-first layout. */
#deposit-terms{font-size:12px;line-height:1.6;color:var(--ink)}
.success{margin:32px auto;max-width:1000px;padding:32px}
.success-mark{width:44px;height:44px;font-size:24px;margin-bottom:14px}
.success h1{font-size:28px;margin:12px 0}
.success .payment-intro{font-size:15px;margin:0 0 24px}
.payment-layout{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:32px;text-align:left;align-items:start}
.payment-code{min-width:0;text-align:center}
.success .deposit-amount{margin:0 0 12px;color:var(--ink)}
.deposit-amount>span{display:block;font-size:14px}
.deposit-amount>strong{display:block;font-size:36px;line-height:1.3;letter-spacing:-1px}
.deposit-amount small{font-size:14px;font-weight:400;letter-spacing:0}
#payment-qr{display:block;width:100%;height:auto;object-fit:contain;background:white;border:1px solid var(--line);border-radius:8px}
.payment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.success .payment-actions a{flex:1;min-height:44px;margin:0;padding:10px;font-size:12px;white-space:nowrap}
.payment-guide h2{font-size:20px;margin:0 0 16px}
.payment-guide dl{margin:0;display:grid;gap:8px;line-height:1.7;font-size:14px}
.payment-guide dt{color:var(--muted);font-size:12px}
.payment-guide dd{margin:0 0 8px;overflow-wrap:anywhere}
#reference{display:block;overflow-wrap:anywhere;font-size:13px}
#copy-reference{min-height:44px;margin-top:8px;font-size:12px}
#copy-status{display:block}
.payment-guide ol{padding-left:22px;margin:20px 0;font-size:14px;line-height:1.8}
.payment-guide li{padding-left:4px;margin-bottom:16px}
.success .payment-guide li p{margin:4px 0;font-size:13px;line-height:1.8}
.success .refund-contact{font-size:13px;margin:16px 0 0;padding:16px;background:var(--soft);border-radius:8px;overflow-wrap:anywhere}
.refund-contact a{color:var(--accent);text-decoration:underline}
.admin-payment{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:20px 0}
.admin-payment h3{font-size:18px}
#payment-confirm .primary{min-height:44px;margin-top:14px;width:100%}
#payment-details dd{overflow-wrap:anywhere}
#payment-status:empty{display:none}
@media(max-width:639px){.success{margin:20px auto;padding:24px 16px}.success h1{font-size:24px}.payment-layout{grid-template-columns:minmax(0,1fr);gap:28px}.payment-code{max-width:330px;width:100%;margin:auto}.payment-guide h2{font-size:20px}.success .payment-intro{font-size:14px}.admin-payment dl{grid-template-columns:80px minmax(0,1fr)}}