:root{color-scheme:light;--bg:#f5f6f2;--panel:#fffefa;--side:#eff3ed;--raised:#f0f3ec;--text:#283e37;--muted:#596b62;--subtle:#5c6b62;--line:#dce4da;--accent:#4e7663;--accent-strong:#3f6655;--accent-light:#3f6655;--soft:#e2ecdf;--success:#3e7056;--warning:#805c31;--warning-bg:#faf3e7;--warning-line:#e8d9bf;--glow:rgba(104,136,102,.12);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button,input,select,textarea{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 4% 0%,var(--soft),transparent 55%),radial-gradient(ellipse at 100% 90%,#ece9df,transparent 40%)}.shell{max-width:1160px;padding:0 36px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:15px;letter-spacing:-.3px}.brand img{width:36px;height:36px}.brand-light{color:var(--muted);font-weight:400}.header-actions{display:flex;align-items:center;gap:22px}.preview-badge,.eyebrow,.platform-label,.footer-mark,.foot-index{font:10px "SFMono-Regular",Consolas,monospace;letter-spacing:1.3px}.preview-badge{color:var(--subtle);font-size:9px}.language{border:1px solid var(--line);border-radius:22px;min-height:42px;padding:7px 16px;color:var(--muted);background:var(--panel)}.language:hover{background:var(--soft)}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 0 31px;gap:25px}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:9px;font-size:9px}.tiny-line{width:18px;height:1px;background:var(--accent)}h1,h2{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;text-wrap:balance}h1{font-size:43px;line-height:1.15;letter-spacing:-1.6px;font-weight:550;margin:17px 0 14px}h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.intro-note{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);padding-bottom:4px;max-width:240px;flex-shrink:0}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px var(--soft)}.workspace{display:grid;grid-template-columns:42% 58%;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 20px 65px rgba(52,69,53,.045);animation:enter .6s var(--ease) both;min-height:550px;overflow:clip}.visual-panel{padding:31px 30px 25px;border-inline-end:1px solid var(--line);background:linear-gradient(145deg,var(--side),var(--bg));display:flex;flex-direction:column;position:relative}.platform-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--subtle);margin-bottom:30px;gap:10px}.edition{font-size:8px;white-space:nowrap}.recognition{flex:1}.recognition-status{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:19px}.recognition-status>span{height:5px;width:5px;background:var(--subtle);border-radius:50%}.recognition-status.recognized{color:var(--success)}.recognition-status.recognized>span{background:var(--success);box-shadow:0 0 0 4px var(--soft)}.recognition h2{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:550;margin:0 0 15px;color:var(--accent)}.recognition-description{font-size:13px;line-height:1.85;color:var(--muted);max-width:330px;margin:0}.recognized-summary{padding:2px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.45);margin-top:20px;animation:enter .3s var(--ease)}.recognized-summary .detail-row{font-size:11px}.flow-title{margin:30px 0 16px;font-size:10px;color:var(--subtle);letter-spacing:.6px}.recognition-flow{list-style:none;padding:0;margin:0 0 28px}.recognition-flow li{display:flex;align-items:flex-start;gap:13px;padding-bottom:22px;position:relative}.recognition-flow li:not(:last-child):after{content:"";position:absolute;inset-inline-start:13px;top:32px;bottom:6px;width:1px;background:var(--line)}.recognition-flow li:last-child{padding-bottom:0}.flow-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;font:10px monospace;color:var(--accent);background:var(--panel)}.recognition-flow strong{display:block;font-weight:500;font-size:13px}.recognition-flow p{font-size:11px;color:var(--muted);line-height:1.75;margin:4px 0 0}.progress{padding:0;margin:12px 0 22px;display:flex;list-style:none;position:relative}.progress[hidden]{display:none}.progress:before{content:"";position:absolute;top:14px;inset-inline:11%;height:1px;background:var(--line)}.progress li{flex:1;text-align:center;position:relative;color:var(--subtle);font-size:10px}.progress span{position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--side);margin:0 auto 9px;font:10px monospace;transition:background .3s}.progress .current{color:var(--text)}.progress .current span{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.progress .done span{color:var(--success);background:var(--soft)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--subtle);font-size:10px;line-height:1.7}.privacy-note svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.form-panel{padding:28px 33px 24px;display:flex;flex-direction:column;min-width:0}.tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--raised);margin-bottom:32px}.tab{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:11px;flex:1;font-size:13px;font-weight:500;min-height:45px}.tab.active{color:var(--text);background:var(--panel);border-color:var(--line);box-shadow:0 2px 5px rgba(52,69,53,.04)}.tab:hover{color:var(--accent)}#form-content{flex:1;min-height:350px}.step-content{animation:enter .3s var(--ease) both}.step-kicker{display:flex;align-items:center;gap:9px;color:var(--accent);font:10px monospace;letter-spacing:1px}.step-kicker:before{content:"";height:2px;width:16px;background:var(--accent)}.step-content h2{font-size:28px;line-height:1.25;font-weight:550;letter-spacing:-.8px;margin:12px 0}.description{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 9px;font-size:13px}.label-row span{font-size:10px;color:var(--subtle)}input:not([type=checkbox]),textarea,select{width:100%;background:var(--panel);border:1px solid #839383;border-radius:11px;color:var(--text);padding:15px;font-size:14px;outline:none}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}input::placeholder{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--subtle)}input[dir=ltr],textarea{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px}textarea{min-height:157px;resize:vertical;line-height:1.7;tab-size:2}.helper{font-size:12px;color:var(--muted);line-height:1.8;margin:11px 0 23px}.primary,.secondary{width:100%;padding:14px 18px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:51px;font-size:14px;font-weight:500}.primary{color:#fff;background:var(--accent-strong);box-shadow:0 4px 10px rgba(46,75,56,.06)}.primary:hover{transform:translateY(-1px);background:var(--text);box-shadow:0 6px 16px rgba(46,75,56,.1)}.primary span{transition:transform .2s}.primary:hover span{transform:translateX(3px)}.secondary{background:var(--raised);border:1px solid var(--line);color:var(--accent)}.secondary:hover{background:var(--soft)}.text-link{display:block;margin:15px auto 0;background:none;color:var(--accent);font-size:12px;min-height:44px;padding:7px}.panel-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;display:flex;gap:7px;align-items:center;color:var(--subtle);font-size:10px}.mini-shield{color:var(--accent)}.foot-index{margin-inline-start:auto;font-size:8px;white-space:nowrap}.demo-hint{padding:13px 14px;border:1px dashed #becdbf;border-radius:10px;font-size:12px;color:var(--muted);margin-top:20px;background:var(--raised)}summary{cursor:pointer;min-height:32px;align-content:center}summary:focus-visible{outline-offset:3px}.demo-hint summary span{display:block;font-size:10px;color:var(--subtle);margin-top:4px}.sample-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.sample-links button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:start;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;min-height:57px;padding:10px;font-size:11px}.sample-links button:hover{background:var(--soft);border-color:var(--accent)}.sample-links small{font:8px monospace;color:var(--muted);margin-top:5px}.details{border:1px solid var(--line);border-radius:12px;padding:3px 15px;margin:19px 0;background:var(--panel)}.detail-row{padding:12px 0;display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.8;border-bottom:1px solid var(--line)}.detail-row:last-child{border:0}.detail-row>span{color:var(--muted)}.detail-row strong{font-weight:500;max-width:66%;text-align:end;overflow-wrap:anywhere}.ack{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12px;line-height:1.8;margin:20px 0}input[type=checkbox]{accent-color:var(--accent-strong);width:17px;height:17px;flex-shrink:0;margin-top:3px}.error{font-size:12px;color:#a24136;margin:12px 0}.notice{border:1px solid var(--line);border-radius:11px;background:var(--raised);font-size:12px;color:var(--muted);padding:13px 15px;line-height:1.8;margin:15px 0}.notice.warning{background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning)}.guide-box,.phone-note{border:1px solid var(--line);border-radius:11px;background:var(--panel);margin:17px 0;padding:12px 14px;color:var(--muted);font-size:12px;line-height:1.8}.guide-box summary,.phone-note summary{color:var(--accent);font-weight:500}.guide-box ol,.guide-box ul{padding-inline-start:19px;margin:10px 0}.guide-box li{padding:4px 0}.guide-box .helper{font-size:10px;margin:10px 0 0}.guide-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.guide-links a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 11px;min-height:40px;color:var(--accent);background:var(--raised);font-size:11px}.guide-links a:hover{border-color:var(--accent)}.managed-note{font-size:13px;color:var(--muted);line-height:1.9;margin:24px 0}.managed-note h3{font-size:16px;font-weight:550;color:var(--text)}.status-banner{display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:15px;margin-top:20px;font-size:15px}.status-banner strong{font-weight:500}.simulation-label{font:9px monospace;letter-spacing:1px;color:var(--subtle);margin-inline-start:auto}.status-banner.failed,.status-banner.payment_unknown{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-line)}.status-banner.failed .status-dot,.status-banner.payment_unknown .status-dot{background:var(--warning)}.verification-box,.delivery{border:1px solid var(--line);border-radius:12px;padding:17px;margin:18px 0;background:var(--raised);font-size:12px;color:var(--muted);line-height:1.8}.verification-box strong{color:var(--text);font-weight:500}.verification-box .primary{margin-top:20px}.spinner{width:13px;height:13px;border:1px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}footer{display:flex;align-items:center;justify-content:space-between;padding:24px 3px 65px;color:var(--subtle);font-size:11px;gap:25px}.footer-mark{font-size:8px;display:flex;align-items:center;gap:9px;white-space:nowrap}.footer-mark i{height:3px;width:3px;background:var(--accent);border-radius:50%}.tweaks-toggle{position:fixed;bottom:18px;right:20px;background:var(--panel);border:1px solid var(--line);color:var(--accent);border-radius:22px;padding:11px 15px;font-size:11px;box-shadow:0 5px 20px #23352a0a;z-index:4}.tweaks{position:fixed;bottom:72px;right:20px;z-index:5;width:300px;max-height:calc(100dvh - 95px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 15px 60px #23352a20}.tweaks[hidden]{display:none}.tweaks-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tweaks-heading strong{font-weight:550}.tweaks-heading button{background:none;font-size:22px;color:var(--muted);width:36px;height:36px}.tweaks label{display:block;color:var(--muted);font-size:11px;margin:14px 0 8px}.tweaks select{padding:10px;font-size:11px;min-height:42px}.tweaks .switch-label{display:flex;align-items:center;justify-content:space-between}.reset-demo{padding:10px 0;background:none;color:var(--accent);font-size:11px;min-height:44px}.tweaks p{font-size:10px;color:var(--subtle);border-top:1px solid var(--line);padding-top:13px;margin-bottom:0}body[data-theme=mist]{--bg:#f2f5f6;--panel:#fcfdfd;--side:#edf2f5;--raised:#edf2f4;--text:#2c4252;--muted:#566c7c;--subtle:#5c7180;--line:#d9e3e8;--accent:#526f86;--accent-strong:#45637b;--accent-light:#45637b;--soft:#e0eaf0;--glow:#597e941a}body[data-theme=oat]{--bg:#f7f3ee;--panel:#fffdfa;--side:#f3ece3;--raised:#f6f0e8;--text:#4b4038;--muted:#77675a;--subtle:#7a695a;--line:#e6dccf;--accent:#8d6652;--accent-strong:#825c48;--accent-light:#825c48;--soft:#eee1d5;--glow:#96725b1a}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;line-height:1.5}[dir=rtl] .eyebrow,[dir=rtl] .platform-label,[dir=rtl] .step-kicker{letter-spacing:0}[dir=rtl] .primary>span{transform:scaleX(-1)}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.shell{padding-top:14px}.intro{padding-top:38px;padding-bottom:36px}h1{font-size:46px}.workspace{min-height:570px}}
@media(max-width:950px){.shell{padding:0 24px}h1{font-size:37px}.intro-note{max-width:170px}.visual-panel{padding:27px 22px}.form-panel{padding:25px}.recognition h2{font-size:29px}.edition{display:none}.recognition-flow strong{font-size:12px}.description{font-size:13px}.step-content h2{font-size:25px}.footer-mark{display:none}.recognized-summary{padding:2px 11px}.recognized-summary .detail-row{display:block}.recognized-summary strong{display:block;max-width:none;text-align:start;margin-top:4px}}
@media(max-width:680px){.shell{padding:0 18px}header{padding:21px 0}.brand{font-size:13px;gap:8px}.brand img{width:31px;height:31px}.preview-badge{display:none}.language{min-height:40px;padding:6px 13px;font-size:12px}.intro{padding:22px 2px 26px;display:block}h1{font-size:34px;letter-spacing:-1.15px;margin:14px 0}.intro p{font-size:13px}.intro-note{max-width:none;margin-top:15px;font-size:10px}.workspace{display:flex;flex-direction:column;border-radius:20px;min-height:0}.visual-panel{padding:23px;border-inline-end:0;border-bottom:1px solid var(--line)}.platform-label{margin-bottom:16px}.recognition-status{margin-bottom:12px}.recognition h2{font-size:26px;margin-bottom:10px}.recognition h2 br{display:none}.recognition-description{font-size:12px;max-width:none}.flow-title,.recognition-flow{display:none}.progress{margin:22px 0 0}.privacy-note{display:none}.form-panel{padding:23px}.tabs{margin-bottom:26px}.tab{font-size:12px;padding:9px;min-height:44px}#form-content{min-height:300px}.step-content h2{font-size:25px}.description{font-size:13px}.label-row{font-size:12px}input:not([type=checkbox]),textarea{font-size:16px}textarea{font-size:12px}.helper{font-size:11px}.panel-foot{font-size:9px}.foot-index{font-size:7px}.recognized-summary{margin-top:14px}.recognized-summary .detail-row{display:flex}.recognized-summary strong{max-width:65%;text-align:end}.sample-links{grid-template-columns:1fr}.sample-links button{min-height:52px}.sample-links small{font-size:9px}.guide-links a{min-height:44px}.guide-box,.phone-note,.notice{font-size:12px}.tweaks-toggle{right:15px;bottom:15px}.tweaks{right:15px;bottom:69px;width:min(300px,calc(100vw - 30px))}footer{font-size:10px;padding:21px 4px 80px}.status-banner{font-size:13px}.detail-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important}

/* Identified-plan card: informational only, with a compact mobile presentation. */
.subscription-card{position:relative;isolation:isolate;overflow:hidden;min-height:185px;padding:22px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(130deg,var(--panel),var(--soft));box-shadow:0 8px 22px rgba(52,69,53,.035);animation:enter .35s var(--ease) both;display:flex;flex-direction:column;justify-content:space-between;gap:23px}
.subscription-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 118% 120%,transparent 0,transparent 18px,var(--line) 19px,transparent 20px);opacity:.45;mask-image:linear-gradient(120deg,transparent 35%,#000)}
.subscription-card-top,.subscription-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-provider{font-size:12px;font-weight:500;color:var(--muted)}.subscription-confirmed{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--success);font-size:12px}
.recognition .subscription-card h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;color:var(--text);margin:0;font-weight:550;overflow-wrap:anywhere}.subscription-card-bottom{font-size:11px;color:var(--muted)}.subscription-sign{font:8px monospace;letter-spacing:1.5px;white-space:nowrap;color:var(--subtle)}.subscription-method{margin-top:16px;font-size:11px;color:var(--muted);line-height:1.8}.subscription-method>span{font-size:10px;color:var(--subtle)}.subscription-method p{margin:4px 0 0;overflow-wrap:anywhere}.has-subscription .flow-title{margin-top:25px}
@media(max-width:950px) and (min-width:681px){.subscription-card{padding:18px;min-height:170px;gap:20px}.recognition .subscription-card h2{font-size:23px}}
@media(max-width:680px){.has-subscription .recognition-status{font-size:10px;margin-bottom:11px}.subscription-card{min-height:104px;padding:15px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 15px;border-radius:13px;box-shadow:none}.subscription-card-top{display:contents}.subscription-provider{grid-column:1;grid-row:1;font-size:11px}.subscription-confirmed{grid-column:2;grid-row:1 / 3;align-self:center;width:27px;height:27px}.recognition .subscription-card h2{grid-column:1;grid-row:2;font-size:21px;line-height:1.3;letter-spacing:-.3px}.subscription-card-bottom{grid-column:1 / -1;grid-row:3;font-size:10px;margin-top:2px}.subscription-sign{font-size:7px}.subscription-method{margin-top:11px;display:flex;align-items:baseline;gap:9px;font-size:10px}.subscription-method>span{white-space:nowrap;font-size:10px}.subscription-method p{margin:0}.has-subscription+.progress{margin-top:17px}.subscription-card:before{opacity:.3}}
[dir=rtl] .recognition .subscription-card h2{letter-spacing:0}
/* Revision 05: stronger reading contrast, stateful steps, reference-inspired card. */
:root{--text:#20372c;--muted:#40584b;--subtle:#4c6154;--line:#ced9ce;--error:#a63e34;--error-bg:#fcf0ec;--pending:#516459}
body[data-theme=mist]{--text:#213a4c;--muted:#405b6e;--subtle:#496174;--line:#cddae2}
body[data-theme=oat]{--text:#3c3026;--muted:#5e4d3f;--subtle:#655344;--line:#ddd0c1}
.description,.intro p{color:var(--muted);font-size:15px;line-height:1.8}.recognition-description{font-size:14px;line-height:1.85}.recognition-status{font-size:12px}.recognition-flow strong{font-size:14px;font-weight:600}.recognition-flow p{font-size:13px;line-height:1.8}.flow-title{font-size:12px}.label-row{font-size:14px;font-weight:500}.label-row span{font-size:11px}.helper,.guide-box,.phone-note,.notice,.ack{font-size:13px;line-height:1.85}.guide-box .helper{font-size:12px}.detail-row{font-size:13px}.detail-row strong{font-weight:600}.subscription-method,.subscription-method>span{font-size:12px}.subscription-method p{font-size:13px}.privacy-note{font-size:11px}.panel-foot{font-size:11px}.step-kicker,.platform-label{font-size:11px;letter-spacing:1px}.intro-note{font-size:12px}.tabs .tab{font-size:14px;font-weight:600}.step-content h2{font-weight:600}.demo-hint summary span{font-size:11px}.sample-links button{font-size:12px}.sample-links small{font-size:10px}
.subscription-card{--card-left:#246a51;--card-center:#15383d;--card-right:#314b60;--card-ink:#ffffff;--card-secondary:#dfede6;display:flex;flex-direction:column;min-height:237px;gap:0;padding:23px;border:1px solid #ffffff30;border-radius:19px;background:radial-gradient(ellipse at 0 0,#72bb8b25,transparent 65%),linear-gradient(120deg,var(--card-left),var(--card-center) 59%,var(--card-right));box-shadow:0 12px 24px #20372c16,inset 0 1px 0 #ffffff24;transition:transform .35s var(--ease),box-shadow .35s var(--ease);color:var(--card-ink)}
.subscription-card[data-provider=anthropic]{--card-left:#83543e;--card-center:#4c3432;--card-right:#354451}
.subscription-card[data-provider=xai]{--card-left:#425c66;--card-center:#223b45;--card-right:#314850}
.subscription-card:before{inset:0;opacity:1;mask-image:none;background:repeating-radial-gradient(ellipse at 120% -30%,transparent 0,transparent 10px,#ffffff11 11px,transparent 12px);z-index:-1}
.subscription-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff08 48%,transparent 64%);opacity:.6}
.subscription-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.subscription-provider{color:var(--card-ink);font-size:17px;font-weight:600;letter-spacing:-.35px}.subscription-confirmed{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;max-width:66%;padding:4px 8px;border:1px solid #ffffff30;border-radius:20px;background:#0c222a80;color:var(--card-ink);font-size:9px;line-height:1.5;text-align:center}.subscription-confirmed i{height:4px;width:4px;border-radius:50%;background:#c9e3d8;flex-shrink:0}
.subscription-card-plan{margin:29px 0 17px;min-width:0}.subscription-card-plan>span{display:block;color:var(--card-secondary);font-size:10px;margin-bottom:5px}.recognition .subscription-card h2{color:var(--card-ink);font-size:24px;letter-spacing:-.45px;font-weight:550;line-height:1.3;margin:0}.subscription-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--card-secondary);margin-bottom:21px}.subscription-type{font-size:11px}.subscription-sign{color:var(--card-secondary);font-size:8px;letter-spacing:1.6px}.subscription-card-code{display:flex;align-items:center;gap:11px;color:var(--card-secondary);font-size:10px;margin-top:auto;line-height:1.7}.subscription-card-code bdi{font:11px "SFMono-Regular",Consolas,monospace;letter-spacing:1.1px;margin-inline-start:7px;color:var(--card-ink)}.card-chip{position:relative;display:block;width:30px;height:23px;flex-shrink:0;background:linear-gradient(115deg,#bb9b60,#e9dba4,#c1a86e);border:1px solid #dbc389;border-radius:5px;overflow:hidden}.card-chip:before{content:"";position:absolute;inset:0 9px;border-inline:1px solid #79633780}.card-chip:after{content:"";position:absolute;inset:7px 0;border-block:1px solid #79633780}
@media(hover:hover) and (pointer:fine){.subscription-card:hover{transform:translateY(-2px);box-shadow:0 16px 26px #20372c20}}
.progress{margin:21px 0 0;isolation:isolate;gap:0}.progress:before{display:none}.progress li{font-size:12px;line-height:1.5;min-width:0;color:var(--muted)}.progress li:after{content:"";position:absolute;inset-inline-start:calc(50% + 19px);top:16px;width:calc(100% - 38px);height:2px;background:var(--line);z-index:-1}.progress li:last-child:after{display:none}.progress li.done:after{background:var(--accent)}.progress .step-orb{display:grid;place-items:center;position:relative;width:34px;height:34px;border:1px solid #879b8c;border-radius:50%;background:var(--panel);color:var(--pending);margin:0 auto 10px;font:12px "SFMono-Regular",monospace}.step-label{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.progress .current .step-label{color:var(--text);font-weight:600}.progress .idle.current .step-orb,.progress .loading .step-orb{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.progress .done .step-orb{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.progress .loading .step-orb{color:transparent}.progress .loading .step-orb:after{content:"";position:absolute;inset:6px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:spin 1.15s linear infinite}.progress .attention .step-orb,.progress .review .step-orb{background:var(--warning-bg);border-color:var(--warning);color:var(--warning);font-weight:600}.progress .error .step-orb{background:var(--error-bg);color:var(--error);border-color:var(--error);font-size:20px}.progress .cancelled .step-orb{color:var(--muted);border-color:var(--subtle);font-size:20px;background:var(--raised)}.progress-caption{margin:13px 0 18px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7;min-height:21px}.progress-caption[data-state=attention],.progress-caption[data-state=review]{color:var(--warning);font-weight:600}.progress-caption[data-state=error]{color:var(--error);font-weight:600}.progress-caption[data-state=complete]{color:var(--success);font-weight:600}.progress-caption[data-state=loading]:after{content:"";display:inline-block;width:18px;height:2px;background:var(--accent);margin-inline-start:8px;vertical-align:middle;animation:flow-breathe 1.6s ease-in-out infinite}.status-banner.action_required{background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning)}.status-banner.failed{background:var(--error-bg);border-color:#dba79d;color:var(--error)}.status-banner.cancelled{background:var(--raised);color:var(--muted)}.status-banner.running .status-dot,.status-banner.queued .status-dot{width:13px;height:13px;background:transparent;box-shadow:none;border:2px solid var(--line);border-top-color:var(--accent);animation:spin 1.15s linear infinite}.status-banner.failed .status-dot{background:var(--error)}
@keyframes flow-breathe{0%,100%{opacity:.35;transform:scaleX(.55)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:950px) and (min-width:681px){.subscription-card{min-height:224px;padding:20px}.subscription-provider{font-size:16px}.subscription-confirmed{font-size:8px}.recognition .subscription-card h2{font-size:23px}.subscription-card-plan{margin-top:25px}.recognition-flow p{font-size:12px}}
@media(max-width:680px){.description,.intro p{font-size:14px}.recognition-description{font-size:13px}.helper{font-size:12px}.detail-row{font-size:12px}.label-row{font-size:13px}.tabs .tab{font-size:13px}.platform-label{font-size:10px}.step-kicker{font-size:11px}.has-subscription .recognition-status{font-size:11px}.subscription-card{display:flex;min-height:164px;padding:17px 18px;border-radius:15px;gap:0}.subscription-card-top{display:flex}.subscription-provider{font-size:15px}.subscription-confirmed{font-size:8px;width:auto;height:auto;max-width:68%;align-self:auto;padding:4px 7px}.subscription-card-plan{margin:16px 0 10px}.subscription-card-plan>span{font-size:9px;margin-bottom:3px}.recognition .subscription-card h2{font-size:22px;line-height:1.25}.subscription-card-bottom{margin:0 0 13px;font-size:10px}.subscription-type{font-size:10px}.subscription-card-code{font-size:9px;gap:9px}.subscription-card-code bdi{font-size:10px}.card-chip{width:25px;height:19px}.card-chip:before{inset-inline:8px}.card-chip:after{inset-block:6px}.subscription-method{font-size:11px;gap:9px}.subscription-method>span{font-size:11px}.subscription-method p{font-size:12px}.has-subscription+.progress,.progress{margin-top:19px}.progress .step-orb{width:31px;height:31px;font-size:11px;margin-bottom:8px}.progress li:after{top:15px;inset-inline-start:calc(50% + 17px);width:calc(100% - 34px)}.step-label{font-size:11px}.progress-caption{font-size:11px;margin:11px 0 0}.panel-foot{font-size:10px}}
@media(prefers-reduced-motion:reduce){.subscription-card:hover{transform:none}.progress .loading .step-orb:after,.progress-caption[data-state=loading]:after,.status-banner.running .status-dot,.status-banner.queued .status-dot{animation:none}.progress .loading .step-orb:after{border-style:dashed;border-color:#fff}}body.no-motion .subscription-card:hover{transform:none}
/* Revision 06: neutral palette, concise branded card, restored hover interaction. */
body[data-theme=neutral]{--bg:#f5f4f1;--panel:#fffefa;--side:#eeeee8;--raised:#eeeee9;--text:#30332e;--muted:#50564d;--subtle:#595e54;--line:#d4d6cc;--accent:#616a58;--accent-strong:#525b4b;--accent-light:#525b4b;--soft:#e3e5dc;--pending:#575e51;--glow:rgba(100,105,90,.1)}
body[data-theme=neutral] .ambient{background:radial-gradient(ellipse at 0 0,#e5e5db,transparent 60%),radial-gradient(ellipse at 100% 100%,#eeebe5,transparent 50%)}
body[data-theme=neutral] .subscription-card{--card-left:#5c6055;--card-center:#353b35;--card-right:#323c3e}
.subscription-provider{display:flex;align-items:center;gap:9px}.provider-logo{display:block;width:26px;height:26px;flex-shrink:0;object-fit:contain;filter:brightness(0) invert(1)}
.subscription-card{min-height:210px;transform:perspective(900px) rotateX(0) rotateY(0);transform-origin:50% 50%;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.subscription-card-plan{margin:28px 0 25px}.subscription-card-bottom{justify-content:flex-end;margin:0;direction:ltr}.subscription-brand{font:500 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.6px;color:var(--card-secondary);white-space:nowrap}.subscription-card:after{inset:-100%;background:linear-gradient(110deg,transparent 40%,#ffffff10 48%,#ffffff04 52%,transparent 60%);opacity:0;transform:translateX(-30%);transition:transform 1s var(--ease),opacity .35s ease;z-index:1}
@media(hover:hover) and (pointer:fine){.subscription-card:hover{transform:perspective(900px) translateY(-4px) rotateX(3deg) rotateY(-4deg);box-shadow:8px 22px 32px #20372c22}.subscription-card:hover:after{opacity:1;transform:translateX(30%)}}
@media(max-width:680px){.subscription-card{min-height:145px;padding:17px 18px}.provider-logo{width:23px;height:23px}.subscription-provider{gap:8px}.subscription-card-plan{margin:20px 0 17px}.subscription-card-bottom{margin:0}.subscription-brand{font-size:11px}.subscription-confirmed{font-size:9px}}
@media(prefers-reduced-motion:reduce){.subscription-card,.subscription-card:hover{transform:none}.subscription-card:after{display:none}}body.no-motion .subscription-card,body.no-motion .subscription-card:hover{transform:none}body.no-motion .subscription-card:after{display:none}
/* Production integration: fixed Cloud & Sage, real service data, no demo controls. */
:root{--blue:var(--accent-strong);--green:var(--success);--pale:var(--raised);background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}
body{background:radial-gradient(ellipse at 0 0,#e2ecdf,transparent 65%),var(--bg);color:var(--text)}
.topbar{background:transparent;border:0;height:auto;padding:25px 0;display:block}.header-inner{max-width:1160px;padding:0 36px;justify-content:space-between;gap:18px}.brand{color:var(--text);font-size:15px;font-weight:600;white-space:normal}.brand img{width:36px;height:36px;box-shadow:none}.header-actions{display:flex;gap:15px}.status-chip{color:var(--muted);font-size:11px;border:1px solid var(--line);background:var(--panel);padding:7px 12px}.status-dot.available{background:var(--success)}.status-dot.unavailable{background:var(--warning)}.lang-button{border-radius:22px;min-height:40px;color:var(--muted);background:var(--panel);font-size:13px;font-weight:500;padding:7px 14px}
.site-intro{max-width:1088px;margin:22px auto 30px}.site-intro h1{font-size:43px;line-height:1.15;font-weight:550;letter-spacing:-1.5px;margin:16px 0 13px}.site-intro h1 span{color:var(--accent)}.site-intro p{font-size:14px;color:var(--muted)}
.workspace{max-width:1088px;margin:0 auto;padding:0;gap:0;grid-template-columns:42% minmax(0,58%);align-items:stretch;min-height:550px}.guide.visual-panel{border:0;border-inline-end:1px solid var(--line);border-radius:0;box-shadow:none;background:linear-gradient(145deg,var(--side),var(--bg));padding:30px;align-self:stretch}.main-panel.form-panel{border:0;border-radius:0;box-shadow:none;background:var(--panel);padding:28px 33px;min-width:0}.main-panel .view-title{margin:0 0 22px}.main-panel .view-title h1,.result-header h1{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.view-title p{font-size:14px;line-height:1.85;color:var(--muted)}.main-panel .form-step{border:0;background:transparent;padding:0;margin:0}.field{background:var(--panel);color:var(--text);border-color:#839383;font-size:14px}.field::placeholder{color:var(--subtle)}.card-input .field{padding-inline-start:47px;padding-inline-end:15px}.card-input svg{color:var(--muted)}.full{width:100%}.guide-heading{border:0;padding:0;margin:27px 0 16px;justify-content:space-between}.guide-heading h2{font-size:13px;font-weight:500;color:var(--subtle);margin:0;letter-spacing:0}.guide .recognition-flow{display:block}.guide-mobile{display:none}.guide .progress{padding:0}.privacy-note svg{width:14px;height:14px}.back-button{display:block;margin:17px auto 0;color:var(--accent);background:none;min-height:44px}.panel-links{margin:23px 0 0;padding:15px 0 0;border-top:1px solid var(--line);font-size:12px}.panel-links a{color:var(--accent)}.credential-label{display:block;margin:17px 0 8px;color:var(--text);font-size:13px;font-weight:500}.credential-actions{margin:16px 0;gap:10px;flex-wrap:wrap}.credential-actions .secondary{width:auto;flex:1}.start-notice,.credential-guide{background:var(--raised);border-color:var(--line);border-radius:12px;margin:15px 0;padding:15px}.start-notice{color:var(--muted)}.start-notice p,.credential-guide li,.cookie-help p{font-size:13px;color:var(--muted);line-height:1.8}.credential-guide h3{font-size:14px;color:var(--text)}.credential-guide ol{padding-inline-start:20px}.credential-guide li{margin:7px 0}.guide-links .secondary{font-size:12px}.summary{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0}.summary-data{background:var(--raised);padding:17px;grid-template-columns:1fr}.summary-data span{color:var(--muted)}.summary-data strong{font-size:14px;color:var(--text);overflow-wrap:anywhere}.summary-actions{display:block;background:transparent;padding:17px;border-top:1px solid var(--line)}.summary-actions p{margin:0 0 14px;max-width:none;color:var(--muted);font-size:12px}.summary .ack{padding:0 17px}.summary .helper{padding:0 17px}.badge,.pill{color:var(--success);background:var(--soft);border-color:var(--line)}.account-summary{background:var(--raised);border-color:var(--line);color:var(--text)}.account-summary span{color:var(--muted)}.notice{border-color:var(--line);background:var(--raised);color:var(--muted)}.notice.error{color:var(--error);border-color:#dba79d;background:var(--error-bg)}.notice.warning{color:var(--warning);border-color:var(--warning-line);background:var(--warning-bg)}.notice svg{width:18px;height:18px}.result-box,.order-card{background:var(--panel);border-color:var(--line);border-radius:12px}.result-header{align-items:flex-start;margin-bottom:20px}.result-icon{color:var(--accent);background:var(--soft)}.result-icon.success{color:var(--success);background:var(--soft)}.progress-track{background:var(--soft)}.progress-fill{background:var(--accent-strong)}.key-row{grid-template-columns:minmax(70px,1fr) minmax(0,2fr) auto;border-color:var(--line)}.key-row span{color:var(--muted)}.key-row code{overflow-wrap:anywhere;color:var(--text);font-size:12px}.result-actions{flex-wrap:wrap}.result-actions .primary,.result-actions .secondary{width:auto;flex:1}.empty{background:var(--raised);border-color:var(--line);color:var(--muted)}.subheading{font-size:17px}.footer{max-width:1088px;margin:0 auto;padding:24px 2px 40px;font-size:11px;color:var(--subtle)}.admin-workspace{display:block;min-height:0;margin-top:25px}.admin-workspace .main-panel{min-height:300px}.admin-table{color:var(--text)}.admin-table th{background:var(--raised);color:var(--muted)}[dir=rtl] .brand{font-size:15px}[dir=rtl] .site-intro h1,[dir=rtl] .view-title h1{letter-spacing:0;line-height:1.5}
@media(max-width:1160px){.workspace{margin-inline:36px}.site-intro,.footer{margin-inline:36px}.site-intro h1{font-size:39px}}
@media(max-width:800px) and (min-width:681px){.workspace{display:grid;grid-template-columns:42% minmax(0,58%)}.guide.visual-panel{padding:24px 20px}.main-panel.form-panel{padding:24px}.header-inner{flex-wrap:nowrap}.guide-mobile{display:none}.guide .recognition-flow{display:block}.guide-heading{margin-top:24px}.header-actions .status-chip{display:none}}
@media(max-width:680px){.header-inner{padding:0 18px;flex-wrap:nowrap}.topbar{padding:21px 0}.header-actions{gap:8px}.status-chip{display:none}.brand,[dir=rtl] .brand{font-size:13px;gap:8px}.brand img{width:31px;height:31px}.site-intro{margin:18px 20px 25px}.site-intro h1{font-size:34px;letter-spacing:-1.1px}.site-intro p{font-size:13px}.workspace{margin:0 18px;display:flex;flex-direction:column;min-height:0}.guide.visual-panel{padding:23px;border-inline-end:0;border-bottom:1px solid var(--line);width:100%}.guide-heading{margin:18px 0 0;cursor:default}.guide-mobile{display:block;font-size:12px;margin:0;min-height:40px}.guide .recognition-flow{display:none;margin:15px 0 0}.guide.expanded .recognition-flow{display:block}.guide .recognition h2{font-size:25px}.guide-heading h2{font-size:13px}.main-panel.form-panel{padding:23px}.main-panel .view-title h1,.result-header h1{font-size:25px}.field,.card-input .field,input.field{font-size:16px}.card-input .field{padding-inline-start:43px;padding-inline-end:14px}.credential-guide li,.start-notice p{font-size:13px}textarea.field{font-size:13px}.result-actions{display:flex}.result-actions .primary,.result-actions .secondary{width:100%;flex:auto}.key-row{grid-template-columns:1fr;gap:6px}.key-row .copy-button{justify-self:start}.footer{margin:0 20px;padding:24px 0;gap:15px}.admin-workspace{margin-top:20px}.guide .privacy-note{display:none}}
@media(prefers-reduced-motion:reduce){.subscription-card:hover{transform:none}}
.lookup-guide .progress,.lookup-guide .progress-caption{display:none}
/* History cards must not inherit the full-width form-button layout. */
.orders-list{min-width:0;width:100%}
.order-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 12px;min-width:0;width:100%}
.order-card>div{grid-column:1 / -1;min-width:0;width:100%}
.order-card h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.order-card p{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-top:5px}
.order-card .pill{grid-column:1;justify-self:start;align-self:center;margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.order-card button.secondary{grid-column:2;justify-self:end;width:auto;max-width:100%;min-width:0;min-height:44px;padding:10px 16px;margin:0}
@media(max-width:400px){.order-card{padding:15px;gap:12px}.order-card button.secondary{grid-column:1 / -1;justify-self:stretch;width:100%}}