:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f6f5ef;--surface:#fff;--ink:#17201b;--muted:#5e6861;--accent:#3559e0;--accent-dark:#2948bf;--success:#1f7a4d;--danger:#b42318;--border:#d9ded9;--focus:#7c9bff;--radius-card:14px;--radius-control:10px;background:#f6f5ef;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0;overflow-x:clip}button,input,textarea{font:inherit}button,label,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-canvas{width:min(100% - 40px,720px);margin:0 auto;padding:clamp(24px,5vw,52px) 0 30px}.skip-link{z-index:10;color:#f8f9ff;background:var(--accent-dark);border-radius:8px;padding:10px 14px;font-weight:800;transition:transform .15s;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-header{margin:0 4px clamp(18px,4vw,30px)}.brand-row,.progress-copy,.actions-split,.order-summary,.plan-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark:before{content:"";background:var(--accent);border-radius:50% 50% 50% 18%;width:22px;height:22px;transform:rotate(-16deg);box-shadow:inset -6px -5px #8ea3f4}.demo-badge{color:#324579;letter-spacing:.08em;text-transform:uppercase;background:#f0f2fc;border:1px solid #cfd5ef;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:800}.progress-copy{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:24px;font-size:.75rem;font-weight:700}.progress-track{background:#dfe3dc;border-radius:999px;height:4px;margin-top:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .2s cubic-bezier(.22,1,.36,1);display:block}.task-surface{background:var(--surface);border:1px solid #e2e4df;border-radius:22px;min-height:530px;padding:clamp(28px,6vw,58px);box-shadow:0 20px 60px #2d373014,0 2px 8px #2d37300d}.step{animation:.19s cubic-bezier(.22,1,.36,1) both step-in}.eyebrow{color:var(--accent);letter-spacing:.115em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:850}h1{max-width:620px;color:var(--ink);letter-spacing:-.052em;text-wrap:balance;margin:0;scroll-margin-top:24px;font-size:clamp(2rem,7vw,3.15rem);line-height:1.04}h1:focus,h1:focus-visible{outline:none}.support,.lede{max-width:590px;color:var(--muted);margin:18px 0 30px;font-size:clamp(.98rem,2vw,1.08rem);line-height:1.65}.lede{font-size:clamp(1.02rem,2.3vw,1.18rem)}.trust-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0 36px;padding:0;list-style:none;display:grid}.trust-list li{border-block:1px solid var(--border);color:#445047;padding:15px 10px 15px 32px;font-size:.78rem;font-weight:700;position:relative}.trust-list li:before{content:"✓";color:var(--success);position:absolute;inset-inline-start:10px}.field-label,.form-stack>label,.field-row label{color:#2b352f;margin:0 0 8px;font-size:.84rem;font-weight:800;display:block}input:not([type=radio]):not([type=checkbox]),textarea{border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--ink);background:#fcfcfa;border:1px solid #cbd2cc;outline:none;padding:13px 14px;transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical;min-height:138px;line-height:1.55}input:hover,textarea:hover{border-color:#aeb8af}input:focus-visible,textarea:focus-visible{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px #7c9bff47}.field-meta{color:var(--muted);justify-content:space-between;gap:20px;margin-top:8px;font-size:.76rem;display:flex}.field-hint{color:var(--muted);margin:-4px 0 4px;font-size:.76rem;line-height:1.5}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.optional{color:var(--muted);font-size:.74rem;font-weight:500}.form-stack{gap:13px;display:grid}.choice-list,.choice-grid,.plan-grid{border:0;gap:12px;margin:0;padding:0;display:grid}.choice-grid{grid-template-columns:1fr 1fr}.choice-card{border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;background:#fdfdfa;grid-template-columns:22px 1fr;align-items:start;gap:13px;min-width:0;min-height:74px;padding:17px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.choice-card:hover{border-color:#aebce9;transform:translateY(-1px)}.choice-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f3f5ff}.choice-card:has(input:disabled){cursor:not-allowed;opacity:.5}.choice-card input,.plan-card input{opacity:0;width:1px;height:1px;position:absolute}:is(.choice-card:has(input:focus-visible),.plan-card:has(input:focus-visible)){outline:3px solid var(--focus);outline-offset:2px}.choice-control{background:var(--surface);width:20px;height:20px;box-shadow:inset 0 0 0 4px var(--surface);border:2px solid #9da8a0;border-radius:50%;margin-top:1px}input:checked+.choice-control{border-color:var(--accent);background:var(--accent)}.choice-check{border-radius:5px}input:checked+.choice-check{box-shadow:none;position:relative}input:checked+.choice-check:after{content:"";border-inline-start:2px solid #fff;border-bottom:2px solid #fff;width:8px;height:4px;position:absolute;inset:5px 4px;transform:rotate(-45deg)}.choice-card strong{color:#253029;font-size:.92rem;line-height:1.35;display:block}.choice-card small{color:var(--muted);margin-top:4px;font-size:.76rem;line-height:1.45;display:block}.selection-count{color:var(--accent);margin:-14px 0 14px;font-size:.78rem;font-weight:800}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.actions-split{margin-top:34px}.button{border-radius:var(--radius-control);border:0;min-height:46px;padding:11px 18px;font-size:.88rem;font-weight:800;transition:transform .15s,background .15s,opacity .15s,box-shadow .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button:disabled{opacity:.48}.button-primary{color:#f8f9ff;background:var(--accent);box-shadow:0 8px 20px #3559e033}.button-primary:hover:not(:disabled){background:var(--accent-dark)}.button-quiet{color:#344039;background:#eef0ec}.button-link{min-height:44px;color:var(--accent-dark);text-underline-offset:4px;background:0 0;-webkit-text-decoration:underline #b9c3ea;text-decoration:underline #b9c3ea}.button-google{width:100%;color:var(--ink);border:1px solid var(--border);background:var(--surface)}.button-danger{color:#fff7f5;background:var(--danger)}.mode-switch{background:#eff1ed;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.mode-switch button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:.82rem;font-weight:800}.mode-switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 2px 8px #222c2614}.divider{color:#859087;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.alert{overflow-wrap:anywhere;border-radius:10px;margin:0 0 20px;padding:13px 15px;font-size:.85rem;line-height:1.5}.alert p{margin:0 0 8px}.alert-error{color:#7f1d16;background:#fff1ef;border:1px solid #efc5bf}.status-line{color:var(--muted);font-size:.9rem}.plan-grid{grid-template-columns:repeat(3,1fr)}.plan-card{border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;background:#fdfdfa;min-width:0;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative}.plan-card:hover{border-color:#aebce9;transform:translateY(-2px)}.plan-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 12px 30px #3559e01a}.plan-card-top strong{font-size:1rem}.plan-card-top em{color:#2f4ab0;text-transform:uppercase;background:#e9edff;border-radius:999px;padding:4px 6px;font-size:.58rem;font-style:normal;font-weight:850}.plan-price{letter-spacing:-.045em;margin-top:22px;font-size:1.65rem;font-weight:850;display:block}.plan-term{min-height:28px;color:var(--muted);font-size:.67rem;line-height:1.35;display:block}.plan-description{color:#4d5951;min-height:76px;margin-top:16px;font-size:.76rem;line-height:1.5;display:block}.plan-card ul{color:#37433b;margin:12px 0 0;padding-inline-start:17px;font-size:.72rem;line-height:1.7}.order-summary{border-block:1px solid var(--border);margin:22px 0;padding-block:18px}.order-summary div span{color:var(--muted);margin-top:3px;font-size:.75rem;display:block}.order-summary>strong{font-size:1.2rem}.test-notice{color:#415047;background:#f1f3ee;border-radius:9px;margin:0 0 20px;padding:11px 13px;font-size:.75rem}.success-mark{color:#f5fff9;background:var(--success);border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:22px;font-size:1.25rem;font-weight:900;display:grid}.summary-list{border-top:1px solid var(--border);margin:30px 0}.summary-list div{border-bottom:1px solid var(--border);grid-template-columns:135px 1fr;gap:24px;padding:15px 0;display:grid}.summary-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:750}.summary-list dd{color:#28342c;overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.5}.summary-list dd span{color:var(--muted);font-size:.78rem;display:block}.inline-confirm{background:#fff7f5;border:1px solid #e9c6c0;border-radius:12px;width:100%;padding:16px}.inline-confirm>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.architecture-link{color:var(--accent-dark);text-underline-offset:4px;margin-top:28px;font-size:.78rem;font-weight:750;display:inline-block}.app-footer{color:#737e76;text-align:center;margin:18px 4px 0;font-size:.7rem}.fatal-state{border:1px solid var(--border);background:var(--surface);border-radius:20px;width:min(100% - 40px,560px);margin:12vh auto;padding:clamp(30px,7vw,60px)}.fatal-state p:not(.eyebrow){color:var(--muted);line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes step-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (width<=700px){.app-canvas{width:min(100% - 32px,720px);padding-top:20px}.task-surface{border-radius:18px;min-height:0;padding:30px 22px}.trust-list,.choice-grid,.plan-grid{grid-template-columns:1fr}.trust-list{gap:0}.choice-card{min-height:70px}.plan-description{min-height:0}.field-row{grid-template-columns:1fr}.summary-list div{grid-template-columns:1fr;gap:5px}}@media (width<=390px){.app-canvas{width:calc(100% - 24px)}.task-surface{padding:26px 18px}.demo-badge{padding:5px 7px;font-size:.61rem}.progress-copy span:last-child{display:none}.actions-split{align-items:stretch}.actions-split .button-primary{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.progress-track span,.success-mark,.wordmark:before{forced-color-adjust:none}:is(.choice-card:has(input:checked),.plan-card:has(input:checked)){outline:3px solid highlight}}