@layer pages {
    /* Site shell and navigation */
    .site-shell { min-height: 100svh; overflow-x: clip; background: #fff; }
    .topbar {
        position: sticky;
        inset-block-start: 0;
        z-index: 50;
        background: rgba(255,255,255,.92);
        border-bottom: 1px solid var(--c-line-soft);
        backdrop-filter: blur(18px) saturate(140%);
    }
    .topbar__inner { min-height: 78px; display: flex; align-items: center; gap: 28px; }
    .brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
    .brand__mark {
        width: 42px; height: 42px; flex: 0 0 42px; position: relative; overflow: hidden;
        display: grid; place-items: center; border-radius: 13px; background: var(--c-accent-deep); box-shadow: var(--shadow-xs);
    }
    .brand__mark i { position: absolute; height: 5px; border-radius: 5px; background: #fff; }
    .brand__mark i:nth-child(1) { width: 21px; transform: translateY(-8px); }
    .brand__mark i:nth-child(2) { width: 15px; transform: translateY(0); }
    .brand__mark i:nth-child(3) { width: 21px; height: 9px; transform: translateY(10px); background: var(--c-accent); }
    .brand__text { display: grid; gap: 1px; line-height: 1.35; }
    .brand__text strong { font-size: var(--text-lg); font-weight: 900; letter-spacing: -.2px; }
    .brand__text small { color: var(--c-ink-500); font-size: var(--text-xs); }
    .nav { margin-inline-start: auto; display: flex; align-items: center; gap: 26px; }
    .nav a { color: var(--c-ink-700); font-size: var(--text-sm); font-weight: 650; transition: color .15s ease; }
    .nav a:hover { color: var(--c-accent-hover); }
    .header-actions { display: flex; align-items: center; gap: 10px; }
    .header-account { min-height: 42px; display: inline-flex; align-items: center; padding-inline: 14px; border-radius: var(--radius-sm); color: var(--c-ink-800); font-size: var(--text-sm); font-weight: 700; }
    .desktop-cta { min-height: 44px; }
    .nav-toggle { display: none; width: 44px; height: 44px; padding: 11px; border-radius: 12px; background: var(--c-surface-soft); }
    .nav-toggle span { display: block; height: 2px; margin: 5px 0; border-radius: 4px; background: var(--c-ink-900); }

    /* Homepage */
    .hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 660px;
        background: radial-gradient(circle at 80% 20%, color-mix(in srgb,var(--c-accent) 9%,transparent), transparent 32%), linear-gradient(180deg,#fff 0%,#fcfefe 100%);
    }
    .hero::after {
        content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .42;
        background-image: linear-gradient(rgba(13,32,34,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(13,32,34,.035) 1px, transparent 1px);
        background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 82%);
    }
    .hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.03fr .97fr; gap: clamp(52px,6vw,88px); align-items: center; padding-block: 72px 84px; }
    .eyebrow { padding: 8px 12px; border: 1px solid var(--c-accent-border); border-radius: var(--radius-pill); background: rgba(255,255,255,.78); }
    .eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--c-accent); box-shadow: 0 0 0 5px var(--c-accent-soft); }
    .hero h1 { margin: 18px 0 18px; font-size: clamp(54px,6.5vw,88px); line-height: 1.02; letter-spacing: -3px; font-weight: 950; }
    .hero h1 em { color: var(--c-accent); font-style: normal; }
    .hero__copy > p { max-width: 610px; color: var(--c-ink-700); font-size: var(--text-lg); line-height: 2; }
    .hero__trust { display: flex; flex-wrap: wrap; gap: 14px 20px; margin-top: 26px; color: var(--c-ink-600); font-size: var(--text-sm); }
    .hero__trust span { display: inline-flex; align-items: center; gap: 7px; }
    .hero__trust b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--c-accent-soft); color: var(--c-accent-hover); font-size: 12px; }

    .upload-card {
        position: relative; min-height: 430px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;
        padding: 38px; text-align: center; border: 1px solid var(--c-line); border-radius: 32px; background: rgba(255,255,255,.94); box-shadow: var(--shadow-lg);
    }
    .upload-card::before { content:""; position:absolute; inset:14px; border:1.5px dashed var(--c-accent-border); border-radius:23px; pointer-events:none; }
    .upload-card__glow { position:absolute; inset-block-start:30px; width:250px; height:250px; border-radius:50%; background:color-mix(in srgb,var(--c-accent) 8%,transparent); filter:blur(18px); }
    .file-illustration { position:relative; width:140px; height:125px; margin-bottom:17px; }
    .file-sheet { position:absolute; width:84px; height:108px; border-radius:13px; box-shadow:0 14px 30px rgba(8,23,25,.09); }
    .file-sheet--back { inset-inline-start:14px; inset-block-start:12px; background:var(--c-accent-soft); transform:rotate(8deg); }
    .file-sheet--front { inset-inline-start:38px; inset-block-start:2px; padding:16px 12px; display:flex; flex-direction:column; align-items:flex-start; gap:7px; border:1px solid var(--c-line); background:#fff; }
    .file-sheet--front span { padding:3px 7px; border-radius:6px; background:var(--c-accent-soft); color:var(--c-accent-hover); font-size:12px; font-weight:900; }
    .file-sheet--front i { width:100%; height:4px; border-radius:5px; background:#d8e2e0; }
    .file-sheet--front i:nth-of-type(2){width:74%}.file-sheet--front i:nth-of-type(3){width:86%}
    .upload-badge { position:absolute; inset-inline-end:6px; inset-block-end:5px; width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:var(--c-accent-deep); color:#fff; font-weight:900; }
    .upload-card > strong { position:relative; font-size:var(--text-xl); font-weight:850; }
    .upload-card > span:not(.button) { position:relative; margin-top:4px; color:var(--c-ink-500); font-size:var(--text-sm); }
    .upload-card .button { position:relative; min-width:170px; margin-top:20px; }
    .upload-card > small { position:relative; margin-top:12px; color:var(--c-ink-400); font-size:var(--text-xs); }
    .micro-stats { margin-top:14px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
    .micro-stats span { display:grid; gap:2px; padding:12px 9px; border-radius:14px; background:var(--c-surface-soft); text-align:center; }
    .micro-stats b { font-size:var(--text-sm); }.micro-stats small{color:var(--c-ink-500);font-size:var(--text-xs)}

    .section { padding-block: 88px; }
    .section--soft { background: var(--c-surface-soft); }
    .trust-strip { padding-block: 20px; border-block:1px solid var(--c-line-soft); }
    .trust-strip__inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
    .trust-strip p, .trust-strip__items { font-size:var(--text-sm); color:var(--c-ink-600); }
    .trust-strip__items { display:flex; align-items:center; gap:16px; }.trust-strip__items i{width:4px;height:4px;border-radius:50%;background:#c7d4d2}
    .section-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:38px; }
    .section-heading h2,.feature-panel h2,.faq-layout h2,.class-order h2 { margin-top:7px; font-size:clamp(34px,4vw,50px); line-height:1.28; letter-spacing:-1.5px; }
    .section-heading > p { max-width:490px; color:var(--c-ink-500); font-size:var(--text-sm); line-height:1.9; }
    .section-heading--center { flex-direction:column; align-items:center; text-align:center; gap:12px; }.section-heading--center>p{max-width:680px}
    .steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    .step-card { position:relative; min-height:230px; padding:24px; border:1px solid var(--c-line); border-radius:22px; background:#fff; transition:.18s ease; }
    .step-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-sm); }
    .step-card > span { position:absolute; inset-inline-end:22px; inset-block-start:21px; color:var(--c-ink-400); font-size:var(--text-xs); font-weight:800; }
    .step-icon { width:50px;height:50px;display:grid;place-items:center;margin-bottom:38px;border-radius:15px;background:var(--c-surface-soft);font-size:20px;font-weight:900}
    .step-card h3 { font-size:var(--text-lg); }.step-card p{margin-top:7px;color:var(--c-ink-500);font-size:var(--text-sm);line-height:1.85}
    .step-card--active { background:var(--c-accent-deep); color:#fff; border-color:var(--c-accent-deep); }.step-card--active p,.step-card--active>span{color:rgba(255,255,255,.6)}.step-card--active .step-icon{background:rgba(255,255,255,.1)}
    .feature-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:72px; align-items:center; }
    .feature-panel > p { margin-top:18px; color:var(--c-ink-600); line-height:1.95; font-size:var(--text-md); }
    .check-list { margin:26px 0 28px; display:grid; gap:10px; }.check-list li{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--c-line)}.check-list b{font-size:var(--text-sm)}.check-list span{color:var(--c-ink-500);font-size:var(--text-sm)}
    .smart-preview { padding:24px; border:1px solid var(--c-line); border-radius:28px; background:#fff; box-shadow:var(--shadow-md); }
    .preview-top { display:flex; align-items:center; gap:9px; padding-bottom:17px; border-bottom:1px solid var(--c-line-soft); font-size:var(--text-sm); }.preview-top small{margin-inline-start:auto;color:var(--c-success)}
    .status-dot{width:8px;height:8px;border-radius:50%;background:var(--c-success);box-shadow:0 0 0 5px #e7f6ef}
    .document-mini { display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid var(--c-line-soft) }.document-mini__visual{width:54px;height:62px;display:grid;place-items:center;border-radius:12px;background:var(--c-accent-soft);color:var(--c-accent-hover);font-size:12px}.document-mini>div:nth-child(2){display:grid;gap:3px}.document-mini strong{font-size:var(--text-sm)}.document-mini span{color:var(--c-ink-500);font-size:var(--text-xs)}
    .analysis-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--text-sm)}.analysis-row em{font-style:normal;color:var(--c-accent-hover);font-size:var(--text-xs);background:var(--c-accent-soft);padding:4px 8px;border-radius:999px}
    .smart-recommendation { margin-top:18px;padding:17px;display:flex;justify-content:space-between;gap:18px;align-items:center;border-radius:17px;background:var(--c-accent-deep);color:#fff }.smart-recommendation div{display:grid;gap:4px}.smart-recommendation span{color:rgba(255,255,255,.58);font-size:var(--text-xs)}.smart-recommendation strong{font-size:var(--text-sm)}.smart-recommendation>b{font-size:var(--text-lg);text-align:center}.smart-recommendation small{display:block;color:rgba(255,255,255,.55);font-size:var(--text-xs)}
    .price-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px }.price-card{position:relative;min-height:320px;padding:28px;border:1px solid var(--c-line);border-radius:24px;background:#fff}.price-card__icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:28px;border-radius:15px;background:var(--c-surface-soft);font-size:13px;font-weight:900}.price-card>span{color:var(--c-ink-500);font-size:var(--text-sm)}.price-card h3{margin:8px 0 11px;font-size:var(--text-2xl);line-height:1.35}.price-card h3 small{font-size:var(--text-xs);color:var(--c-ink-500);font-weight:600}.price-card p{color:var(--c-ink-500);font-size:var(--text-sm);line-height:1.85}.price-card a{display:inline-block;margin-top:22px;color:var(--c-accent-hover);font-size:var(--text-sm);font-weight:800}.price-card--featured{background:var(--c-accent-deep);color:#fff;border-color:var(--c-accent-deep)}.price-card--featured p,.price-card--featured>span{color:rgba(255,255,255,.62)}.price-card--featured .price-card__icon{background:rgba(255,255,255,.1)}.popular{position:absolute;inset-inline-end:18px;inset-block-start:18px;padding:5px 9px;border-radius:999px;background:var(--c-accent);font-size:var(--text-xs);font-weight:800}
    .class-order { background:var(--c-accent-deep);color:#fff }.class-order__box{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.kicker--light{color:color-mix(in srgb,var(--c-accent) 55%,white)}.class-order p{margin-top:16px;max-width:650px;color:rgba(255,255,255,.62);font-size:var(--text-sm);line-height:1.95}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag-row span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:rgba(255,255,255,.76);font-size:var(--text-xs)}.class-card{padding:24px;border-radius:24px;background:#fff;color:var(--c-ink-900)}.class-card__head{display:grid;gap:4px}.class-card__head span{color:var(--c-ink-500);font-size:var(--text-xs)}.class-card__head b{font-size:var(--text-lg)}.class-progress{height:8px;margin:22px 0;border-radius:999px;background:var(--c-surface-muted);overflow:hidden}.class-progress__value{display:block;height:100%;background:var(--c-accent);border-radius:inherit}.class-progress__value--67{width:67%}.class-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.class-card__meta span{display:grid;padding:12px;border-radius:12px;background:var(--c-surface-soft);font-size:var(--text-xs)}
    .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.faq-layout>div:first-child>p{margin-top:14px;color:var(--c-ink-500);font-size:var(--text-sm);line-height:1.9}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--c-line);border-radius:17px;background:#fff;overflow:hidden}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;cursor:pointer;font-weight:750;font-size:var(--text-sm);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--c-accent);font-size:20px}.faq-list p{padding:0 18px 18px;color:var(--c-ink-500);font-size:var(--text-sm);line-height:1.9}.final-cta{padding-block:60px;background:var(--c-accent)}.final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}.final-cta span{font-size:var(--text-sm);opacity:.76}.final-cta h2{margin-top:5px;font-size:clamp(32px,4vw,48px)}

    /* Authentication */
    .auth-page { min-height: calc(100svh - 79px); background: radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--c-accent) 6%,transparent),transparent 34%),#f8fbfa; }
    .auth-shell { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,470px);gap:clamp(48px,7vw,100px);align-items:center;padding-block:clamp(56px,7vw,88px) }
    .auth-copy{max-width:720px}.auth-copy h1{margin:10px 0 17px;font-size:clamp(46px,5vw,66px);line-height:1.18;letter-spacing:-1.8px}.auth-copy>p{max-width:660px;color:var(--c-ink-500);font-size:var(--text-md);line-height:2}.auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.auth-benefits>div{min-height:82px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--c-line);border-radius:16px;background:rgba(255,255,255,.72)}.auth-benefits>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent-hover);font-size:12px}.auth-benefits p{display:grid}.auth-benefits b{font-size:var(--text-sm)}.auth-benefits small{color:var(--c-ink-500);font-size:var(--text-xs)}
    .auth-card{padding:32px;border:1px solid var(--c-line);border-radius:26px;background:#fff;box-shadow:var(--shadow-md)}.auth-card h2{margin:8px 0 22px;font-size:var(--text-3xl);line-height:1.35}.auth-card form{display:grid;gap:17px}.auth-reset{display:inline-block;margin-top:15px;color:var(--c-accent-hover);font-size:var(--text-sm);font-weight:700}.dev-note{margin-top:20px;padding:14px;border:1px solid #ecd7a8;border-radius:14px;background:#fff9e9;display:grid;gap:4px}.dev-note b{font-size:var(--text-sm);color:#765518}.dev-note small{color:#8a6c32;font-size:var(--text-xs);line-height:1.8}

    /* Order flow */
    .order-page{min-height:calc(100svh - 79px);padding:46px 0 84px;background:var(--c-surface-soft)}.order-shell{max-width:1180px}.order-head{display:flex;align-items:flex-start;gap:22px;margin-bottom:25px}.back-link{flex:0 0 auto;color:var(--c-ink-500);font-size:var(--text-sm);padding-top:8px}.order-head h1{margin:7px 0 5px;font-size:var(--text-4xl);line-height:1.3}.order-head p{color:var(--c-ink-500);font-size:var(--text-sm)}
    .order-progress{max-width:760px;margin:0 auto 24px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center}.order-progress>i{height:1px;background:var(--c-line)}.order-progress button{display:grid;justify-items:center;gap:5px;background:transparent;color:var(--c-ink-400);font-size:var(--text-xs)}.order-progress button span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--c-line);border-radius:50%;background:#fff;font-weight:800}.order-progress button b{font-weight:700}.order-progress button.is-active{color:var(--c-accent-ink)}.order-progress button.is-active span{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
    .order-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.order-main{min-width:0}.order-step{display:none}.order-step.is-active{display:block}.order-card,.quote-card{border:1px solid var(--c-line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}.order-card{padding:24px}.order-card__heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.order-card__heading>div{display:grid;gap:2px}.order-card__heading span,.order-card__heading small{color:var(--c-ink-500);font-size:var(--text-xs)}.order-card__heading h2{font-size:var(--text-2xl)}
    .dropzone{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed var(--c-accent-border);border-radius:19px;background:var(--c-accent-faint);cursor:pointer;transition:.16s ease}.dropzone:hover{border-color:var(--c-accent);background:var(--c-accent-faint)}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone__icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:12px;border-radius:15px;background:var(--c-accent-soft);color:var(--c-accent-hover);font-size:22px;font-weight:900}.dropzone strong{font-size:var(--text-lg)}.dropzone span{margin-top:3px;color:var(--c-ink-500);font-size:var(--text-sm)}.dropzone small{margin-top:8px;color:var(--c-ink-400);font-size:var(--text-xs)}
    .privacy-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 13px;border-radius:13px;background:var(--c-surface-soft)}.privacy-note>span{color:var(--c-accent-hover)}.privacy-note p{color:var(--c-ink-500);font-size:var(--text-xs);line-height:1.75}.privacy-note b{color:var(--c-ink-700)}
    .file-result{margin-top:14px;display:grid;gap:8px}.analysis-row,.file-result>div{font-size:var(--text-sm)}
    .recommendation-card{position:relative;margin-bottom:18px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:17px;background:var(--c-accent-deep);color:#fff}.recommendation-card>div{display:grid;gap:3px}.recommendation-card span{color:rgba(255,255,255,.58);font-size:var(--text-xs)}.recommendation-card strong{font-size:var(--text-md)}.recommendation-card small{font-size:var(--text-xs)}.spark{font-size:24px;color:color-mix(in srgb,var(--c-accent) 55%,white)}.print-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.print-profiles button{min-height:70px;padding:11px;border:1px solid var(--c-line);border-radius:14px;background:var(--c-surface);display:grid;gap:2px;text-align:right}.print-profiles button b{font-size:var(--text-sm)}.print-profiles button small{color:var(--c-ink-500);font-size:var(--text-xs)}.print-profiles button.is-active{border-color:var(--c-accent);background:var(--c-accent-soft)}
    .counter{height:var(--control-h);display:grid;grid-template-columns:42px 1fr 42px;border:1px solid var(--c-line);border-radius:var(--radius-sm);overflow:hidden}.counter button{background:var(--c-surface-soft);font-size:20px}.counter input{width:100%;border:0;text-align:center;outline:0}.range-field{margin:18px 0}.range-field>span{display:flex;justify-content:space-between;gap:12px}.range-field>span small{font-weight:500}.range-field>div{display:flex;align-items:center;gap:14px}.range-field input{flex:1;accent-color:var(--c-accent)}.range-field output{min-width:75px;color:var(--c-ink-600);font-size:var(--text-sm)}
    .delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-card{position:relative;min-height:155px;padding:16px;display:grid;align-content:start;gap:4px;border:1px solid var(--c-line);border-radius:17px;cursor:pointer}.choice-card:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-faint);box-shadow:var(--focus-ring)}.choice-card input{position:absolute;opacity:0}.choice-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:8px;border-radius:12px;background:var(--c-surface-soft);font-size:18px}.choice-card b{font-size:var(--text-sm)}.choice-card small{color:var(--c-ink-500);font-size:var(--text-xs)}.choice-card em{margin-top:auto;color:var(--c-accent-hover);font-size:var(--text-xs);font-style:normal;font-weight:800}.delivery-address{margin:18px 0;padding-top:18px;border-top:1px solid var(--c-line-soft)}.saved-addresses{margin-bottom:15px}.saved-addresses>span{display:block;margin-bottom:7px;color:var(--c-ink-500);font-size:var(--text-xs)}.saved-addresses>div{display:flex;flex-wrap:wrap;gap:7px}.saved-address-chip{padding:7px 10px;border:1px solid var(--c-line);border-radius:999px;background:#fff;font-size:var(--text-xs)}.saved-address-chip.is-active{border-color:var(--c-accent);background:var(--c-accent);color:#fff}
    .coupon-field{margin-top:16px}.credit-choice{position:relative;margin-top:13px;min-height:72px;padding:13px;display:grid;grid-template-columns:auto 36px 1fr;gap:10px;align-items:center;border:1px solid var(--c-line);border-radius:15px}.credit-choice>input{width:18px;height:18px;accent-color:var(--c-accent)}.credit-choice>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--c-surface-soft)}.credit-choice>div{display:grid;gap:2px}.credit-choice b{font-size:var(--text-sm)}.credit-choice small{color:var(--c-ink-500);font-size:var(--text-xs)}
    .payment-methods{display:grid;gap:9px;margin:17px 0}.payment-choice{position:relative;min-height:74px;padding:12px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;border:1px solid var(--c-line);border-radius:15px;cursor:pointer}.payment-choice:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-faint);box-shadow:var(--focus-ring)}.payment-choice input{position:absolute;opacity:0}.payment-choice>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--c-surface-soft);font-size:18px}.payment-choice>div{display:grid;gap:2px}.payment-choice b{font-size:var(--text-sm)}.payment-choice small{color:var(--c-ink-500);font-size:var(--text-xs)}.payment-choice.is-disabled{opacity:.45;cursor:not-allowed}
    .quote-card{position:sticky;top:98px;padding:20px}.quote-card__head{display:grid;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--c-line-soft)}.quote-card__head span{color:var(--c-ink-500);font-size:var(--text-xs)}.quote-card__head b{font-size:var(--text-sm)}.quote-card dl{padding-block:10px}.quote-card dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;font-size:var(--text-xs)}.quote-card dt{color:var(--c-ink-500)}.quote-card dd{margin:0;font-weight:700}.quote-total{padding-top:15px;border-top:1px solid var(--c-line);display:grid;gap:4px}.quote-total>span{color:var(--c-ink-500);font-size:var(--text-xs)}.quote-total strong{font-size:var(--text-2xl)}.quote-total strong small{font-size:var(--text-xs);font-weight:600}.quote-total em{color:var(--c-ink-400);font-size:var(--text-xs);font-style:normal}.secure-hint{margin-top:14px;padding:10px;border-radius:11px;background:var(--c-surface-soft);color:var(--c-ink-500);font-size:var(--text-xs)}

    /* Payment and tracking */
    .payment-page,.tracking-page,.account-page,.content-page,.classroom-public{min-height:calc(100svh - 79px);padding:52px 0 82px;background:var(--c-surface-soft)}.payment-shell,.tracking-wrap{max-width:1040px}.payment-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:18px;align-items:start}.payment-main-card,.payment-side,.tracking-card,.account-form-card{padding:26px;border:1px solid var(--c-line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}.payment-main-card h1,.tracking-card h1{font-size:var(--text-3xl)}.bank-card{margin:18px 0;padding:20px;border-radius:18px;background:var(--c-accent-deep);color:#fff}.receipt-form,.tracking-form{display:grid;gap:14px}.receipt-drop{min-height:120px;padding:18px;border:1.5px dashed var(--c-accent-border);border-radius:15px;background:var(--c-accent-faint)}.payment-order-summary{display:grid;gap:10px}.payment-order-summary>div{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid var(--c-line-soft);font-size:var(--text-sm)}.payment-security-note,.secure-hint{color:var(--c-ink-500)}.payment-success,.payment-wait,.sandbox-box{padding:15px;border-radius:15px;background:var(--c-surface-soft);font-size:var(--text-sm)}
    .tracking-result{margin-top:18px}.tracking-timeline{display:grid;gap:0;margin-top:18px}.tracking-timeline article{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px;padding-bottom:18px}.tracking-timeline article::before{content:"";position:absolute;inset-inline-start:10px;inset-block-start:19px;bottom:0;width:1px;background:var(--c-line)}.tracking-timeline article:last-child::before{display:none}.tracking-timeline i{width:21px;height:21px;border:6px solid var(--c-accent-soft);border-radius:50%;background:var(--c-accent)}.tracking-timeline div{display:grid;gap:2px}.tracking-timeline b{font-size:var(--text-sm)}.tracking-timeline small{color:var(--c-ink-500);font-size:var(--text-xs)}.tracking-actions{display:flex;gap:8px;margin-top:16px}

    /* Customer account */
    .account-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}.account-nav{position:sticky;top:98px;display:grid;align-content:start;gap:5px;padding:12px;border:1px solid var(--c-line);border-radius:18px;background:#fff;height:max-content}.account-nav a{padding:11px 12px;border-radius:11px;color:var(--c-ink-600);font-size:var(--text-sm);font-weight:650}.account-nav a.is-active{background:var(--c-accent);color:#fff}.account-main{min-width:0}.account-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.account-head h1{font-size:var(--text-3xl)}.account-head p{color:var(--c-ink-500);font-size:var(--text-sm)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.account-stats>article{padding:17px;border:1px solid var(--c-line);border-radius:16px;background:#fff}.account-stats span{color:var(--c-ink-500);font-size:var(--text-xs)}.account-stats strong{display:block;margin-top:4px;font-size:var(--text-2xl)}.account-orders{display:grid;gap:9px}.account-order{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:15px 17px;border:1px solid var(--c-line);border-radius:15px;background:#fff}.account-order__main{display:flex;gap:25px;align-items:center}.account-order__main>div{display:grid;gap:3px}.account-order small{color:var(--c-ink-500);font-size:var(--text-xs)}.account-order--actions{display:flex;gap:7px}.address-grid,.classroom-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-card,.classroom-item{padding:18px;border:1px solid var(--c-line);border-radius:17px;background:#fff}.account-form-card{margin-top:16px}.account-user{display:flex;align-items:center;gap:12px}.account-user>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--c-accent-soft);color:var(--c-accent-hover);font-weight:900}

    /* Classroom/public content */
    .classroom-public__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.classroom-hero,.classroom-checkout{padding:28px;border:1px solid var(--c-line);border-radius:22px;background:#fff}.classroom-hero h1{font-size:var(--text-3xl)}.classroom-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.classroom-specs>div{padding:13px;border-radius:13px;background:var(--c-surface-soft)}.classroom-specs span{color:var(--c-ink-500);font-size:var(--text-xs)}.classroom-specs b{display:block;margin-top:3px;font-size:var(--text-sm)}.group-saving{margin-top:18px;padding:14px;border-radius:14px;background:var(--c-accent-soft);color:var(--c-accent-hover);font-size:var(--text-sm)}
    .content-page__shell{max-width:900px}.content-breadcrumb{margin-bottom:20px;color:var(--c-ink-500);font-size:var(--text-xs)}.content-page h1{font-size:var(--text-4xl);line-height:1.3}.content-lead{margin-top:14px;color:var(--c-ink-600);font-size:var(--text-lg);line-height:1.9}.content-body{margin-top:28px;padding:28px;border:1px solid var(--c-line);border-radius:20px;background:#fff;font-size:var(--text-md);line-height:2}.content-body h2,.content-body h3{margin:1.4em 0 .5em}.content-body p{margin:.75em 0}.content-cta{margin-top:20px;padding:20px;border-radius:18px;background:var(--c-accent-deep);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}

    /* Footer */
    .footer{padding-top:58px;background:var(--c-accent-deep);color:#fff}.footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px;padding-bottom:44px}.brand--footer .brand__mark{background:#fff}.brand--footer .brand__mark i{background:var(--c-ink-900)}.brand--footer .brand__mark i:nth-child(3){background:var(--c-accent)}.brand--footer .brand__text small{color:rgba(255,255,255,.48)}.footer__grid h3{margin-bottom:12px;font-size:var(--text-sm)}.footer__grid p,.footer__grid a,.footer__grid span{display:block;margin-block:6px;color:rgba(255,255,255,.57);font-size:var(--text-sm);line-height:1.8}.footer__bottom{padding-block:16px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.42);font-size:var(--text-xs)}.mobile-order-cta{display:none}

    @media (max-width: 1040px) {
        .nav { gap: 18px; }
        .hero__grid,.feature-layout,.class-order__box{gap:44px}
        .hero h1{font-size:clamp(50px,7vw,72px)}
        .steps-grid{grid-template-columns:repeat(2,1fr)}
        .order-grid{grid-template-columns:1fr}.quote-card{position:static}
        .account-shell{grid-template-columns:220px 1fr}
    }
    @media (max-width: 860px) {
        .nav-toggle{display:block}.nav{position:absolute;inset-inline:14px;inset-block-start:72px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--c-line);border-radius:16px;background:#fff;box-shadow:var(--shadow-md)}.nav.is-open{display:flex}.nav a{padding:11px 12px;border-radius:10px}.desktop-cta{display:none}
        .hero{min-height:auto}.hero__grid,.feature-layout,.class-order__box,.faq-layout,.auth-shell,.classroom-public__grid{grid-template-columns:1fr}.hero__grid{padding-block:56px}.hero__copy{text-align:center}.hero__copy>p{margin-inline:auto}.hero__trust{justify-content:center}.hero__action{max-width:600px;width:100%;margin-inline:auto}
        .section{padding-block:70px}.section-heading{display:grid;gap:14px}.section-heading>p{max-width:680px}
        .price-grid{grid-template-columns:1fr}.price-card{min-height:auto}.faq-layout{gap:28px}
        .auth-shell{min-height:auto;gap:30px;padding-block:48px}.auth-copy{text-align:center;margin-inline:auto}.auth-copy>p{margin-inline:auto}.auth-benefits{max-width:620px;margin-inline:auto;margin-top:25px}.auth-card{max-width:520px;width:100%;margin-inline:auto}
        .account-shell{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow:auto}.account-nav a{white-space:nowrap}.address-grid,.classroom-list{grid-template-columns:1fr}
        .payment-grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1.3fr 1fr 1fr}.footer__grid>div:last-child{grid-column:2/4}
    }
    @media (max-width: 640px) {
        .topbar__inner{min-height:70px;gap:10px}.brand__mark{width:38px;height:38px;flex-basis:38px}.brand__text strong{font-size:var(--text-md)}.brand__text small{display:none}.header-account{padding-inline:9px}.nav{inset-block-start:66px}
        .hero__grid{padding-block:38px 50px}.hero h1{margin-top:14px;font-size:clamp(42px,13vw,58px);letter-spacing:-2px}.hero__copy>p{font-size:var(--text-sm)}.hero__trust{font-size:var(--text-xs)}.upload-card{min-height:350px;padding:26px;border-radius:24px}.file-illustration{transform:scale(.86);margin-bottom:5px}.micro-stats{grid-template-columns:1fr 1fr 1fr}.micro-stats span{padding:9px 5px}
        .trust-strip__inner{display:grid;justify-items:center;text-align:center}.trust-strip__items{flex-wrap:wrap;justify-content:center}.section{padding-block:54px}.section-heading h2,.feature-panel h2,.faq-layout h2,.class-order h2{font-size:32px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:190px}.price-card{padding:22px}.class-card__meta{grid-template-columns:1fr}.final-cta__inner{display:grid;text-align:center;justify-items:center}
        .auth-page{min-height:calc(100svh - 70px)}.auth-shell{padding-block:32px;gap:22px}.auth-copy h1{font-size:36px}.auth-copy>p{font-size:var(--text-sm)}.auth-benefits{grid-template-columns:1fr}.auth-card{padding:23px;border-radius:21px}.auth-card h2{font-size:var(--text-2xl)}
        .order-page{padding-top:30px}.order-head{display:grid}.order-head h1{font-size:30px}.order-progress button b{display:none}.order-card{padding:18px}.delivery-grid,.print-profiles{grid-template-columns:1fr}.choice-card{min-height:90px;grid-template-columns:40px 1fr;align-items:center}.choice-card .choice-icon{grid-row:1/4;margin:0}.choice-card em{margin:0}.quote-card{padding:17px}
        .payment-page,.tracking-page,.account-page,.content-page,.classroom-public{padding-block:34px 70px}.payment-main-card,.payment-side,.tracking-card,.account-form-card{padding:19px}.account-head{display:grid}.account-stats{grid-template-columns:1fr 1fr}.account-order{grid-template-columns:1fr}.account-order__main{display:grid;gap:7px}.classroom-specs{grid-template-columns:1fr}.content-page h1{font-size:32px}.content-body{padding:19px}.content-cta{display:grid}
        .footer{padding-top:42px}.footer__grid{grid-template-columns:1fr 1fr;gap:28px}.footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:1/-1}.footer__bottom{display:grid;text-align:center;justify-content:center}.mobile-order-cta{position:fixed;z-index:45;inset-inline:14px;inset-block-end:max(14px,env(safe-area-inset-bottom));display:flex;min-height:52px;border-radius:15px;background:var(--c-accent-deep);color:#fff;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;box-shadow:var(--shadow-md)}
    }

    /* Unified secondary states */
    .faq-section{background:#fff}.faq-section .faq-list{max-width:880px;margin-inline:auto}
    .smart-saving{display:inline-flex!important;margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.11);color:#dffaf5!important;font-size:var(--text-xs)!important;font-weight:750}
    .old-price{margin-top:8px;color:rgba(255,255,255,.58);font-size:var(--text-sm);text-decoration:line-through}
    .retain-choice{margin-top:10px}.row-arrow{color:var(--c-ink-400);font-size:var(--text-lg)}
    .payment-main-card--narrow{width:min(620px,100%);margin-inline:auto}
    .table-empty{padding:30px 18px;text-align:center;color:var(--c-ink-500);font-size:var(--text-sm)}

    /* Installer uses the same tokens and controls as the product. */
    .installer-body{min-height:100svh;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--c-accent) 10%,transparent),transparent 34%),var(--c-surface-soft)}
    .installer-shell{width:min(920px,calc(100% - 32px));margin-inline:auto;padding-block:48px 72px}
    .installer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.installer-brand>div{display:grid;gap:1px}.installer-brand strong{font-size:var(--text-lg);font-weight:900}.installer-brand small{color:var(--c-ink-500);font-size:var(--text-xs)}
    .installer-card{padding:clamp(22px,4vw,38px);border:1px solid var(--c-line);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-md)}.installer-card--wide{width:100%}.installer-card h1{font-size:clamp(30px,4vw,44px);line-height:1.25}.installer-card>p{margin-top:8px;color:var(--c-ink-600);font-size:var(--text-sm);line-height:1.9}.installer-card h2{margin:30px 0 14px;font-size:var(--text-xl)}
    .installer-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px;padding:6px;border-radius:14px;background:var(--c-surface-soft)}.installer-progress>*{padding:9px 10px;border-radius:10px;text-align:center;color:var(--c-ink-500);font-size:var(--text-xs)}.installer-progress .is-active{background:#fff;color:var(--c-ink-900);box-shadow:var(--shadow-xs)}
    .requirements{display:grid;gap:8px;margin-block:22px}.requirement{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--c-line-soft);border-radius:13px;background:var(--c-surface-soft)}.requirement>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900}.requirement>div{display:grid}.requirement b{font-size:var(--text-sm)}.requirement small{color:var(--c-ink-500);font-size:var(--text-xs)}.requirement em{font-size:var(--text-xs);font-style:normal}.requirement.is-ok>span{background:#e8f8f1;color:var(--c-success)}.requirement.is-error>span{background:#fff0f0;color:var(--c-danger)}.requirement.is-warn>span{background:#fff7e7;color:var(--c-warning)}
    .installer-form{display:grid;gap:4px}.installer-form>.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installer-form .button{margin-top:26px}.installer-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.installer-done{text-align:center}.done-mark{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent-hover);font-size:34px;font-weight:900}.installer-done>small{display:block;margin-top:18px;color:var(--c-ink-500);font-size:var(--text-xs)}
    .button.is-disabled{pointer-events:none;opacity:.45}

    @media(max-width:640px){.installer-shell{padding-block:26px 48px}.installer-form>.field-grid{grid-template-columns:1fr}.installer-progress>*{font-size:12px}.requirement{grid-template-columns:32px 1fr}.requirement em{grid-column:2}.installer-actions{display:grid}}


    /* 1.4 unified storefront contract */
    .site-shell,
    .site-shell main,
    .topbar,
    .footer { direction: rtl; text-align: start; }

    .site-shell :where(form, label, nav, table, dl, ul, ol) { direction: rtl; }
    .site-shell :where(h1, h2, h3, h4, p, span, small, strong, b, label, th, td) { text-align: inherit; }

    .site-shell :is(
        input[type="text"], input[type="search"], input[type="email"], input[type="tel"],
        input[type="url"], input[type="password"], input[type="number"], input:not([type]),
        select, textarea
    ) {
        min-height: var(--control-h);
        border: 1px solid var(--control-border);
        border-radius: var(--radius-sm);
        background: var(--control-bg);
        color: var(--c-ink-900);
        padding-inline: 14px;
        font-size: var(--text-md);
        line-height: 1.45;
        direction: rtl;
        text-align: start;
    }
    .site-shell :is(input, select, textarea)[dir="ltr"] { direction: ltr; text-align: start; }
    .site-shell :is(input, select, textarea):hover:not(:disabled) { border-color: var(--control-border-hover); }
    .site-shell :is(input, select, textarea):focus { border-color: var(--c-accent); box-shadow: var(--focus-ring); outline: 0; }

    .site-shell .counter { border-color: var(--control-border); background: var(--control-bg); }
    .site-shell .counter input { min-height: 100%; border: 0; border-radius: 0; background: transparent; text-align: center; box-shadow: none; }
    .site-shell .counter button { color: var(--c-accent-ink); background: var(--c-accent-soft); }
    .site-shell .counter button:hover { background: var(--c-accent-border); }

    .choice-card:has(input:checked),
    .payment-choice:has(input:checked) { border-color: var(--c-accent); background: var(--c-accent-faint); }
    .choice-card:has(input:checked) .choice-icon,
    .payment-choice:has(input:checked) > span { background: var(--c-accent-soft); color: var(--c-accent-ink); }

    .site-shell .button--primary { background: var(--c-accent); border-color: var(--c-accent); }
    .site-shell .button--primary:hover:not(:disabled) { background: var(--c-accent-hover); border-color: var(--c-accent-hover); }
    .site-shell .eyebrow,
    .site-shell .kicker { color: var(--c-accent-ink); }

    .field,
    .field > span,
    .field > label,
    .tracking-form,
    .receipt-form { text-align: start; }

    html[dir="rtl"] .nav { flex-direction: row; }
    html[dir="rtl"] .header-actions { flex-direction: row; }

    @media(max-width:860px) {
        html[dir="rtl"] .nav { flex-direction: column; }
    }

    /* Final storefront alignment and theme coherence */
    html[dir="rtl"] .site-shell :is(input,select,textarea):not([dir="ltr"]) { direction:rtl; text-align:right; }
    html[dir="rtl"] .site-shell [dir="ltr"] { direction:ltr!important; text-align:right; }
    html[dir="rtl"] .site-shell :where(.field,.auth-card,.order-card,.quote-card,.payment-main-card,.payment-side,.tracking-card,.account-form-card,.address-card,.classroom-item) { text-align:right; }
    .site-shell :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]){background:var(--control-bg);border-color:var(--control-border)}
    .site-shell :is(input,select,textarea)::placeholder{color:var(--c-ink-400)}
    .site-shell select{background-color:var(--control-bg)}
    .site-shell .button--ink{background:var(--c-accent-deep);border-color:var(--c-accent-deep)}
    .site-shell .button--ink:hover:not(:disabled){background:var(--c-accent-active);border-color:var(--c-accent-active)}
    .site-shell .saved-address-chip:hover,.site-shell .account-nav a:hover{border-color:var(--c-accent-border);background:var(--c-accent-faint);color:var(--c-accent-ink)}
    .account-nav form button{width:100%;min-height:var(--control-h-sm);padding-inline:12px;border-radius:11px;background:transparent;color:var(--c-danger);font-size:var(--text-sm);font-weight:700;text-align:right}
    .account-nav form button:hover{background:#fff3f3}
    .address-card form button{margin-top:10px;padding:7px 10px;border-radius:9px;background:#fff3f3;color:var(--c-danger);font-size:var(--text-xs);font-weight:750}


    /* 1.4 final storefront theme / control / RTL coherence */
    html[dir="rtl"] .site-shell,
    html[dir="rtl"] .site-shell main,
    html[dir="rtl"] .site-shell :where(section, article, form, nav, ul, ol, dl, table) { direction: rtl; }
    html[dir="rtl"] .site-shell :where(h1,h2,h3,h4,p,label,th,td,.field,.section-heading,.order-card__heading,.account-head) { text-align: right; }
    html[dir="rtl"] .site-shell :where(.topbar__inner,.nav,.hero__grid,.field-grid,.delivery-grid,.print-profiles,.payment-grid,.account-shell,.footer__grid) { direction: rtl; }

    .site-shell :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea) {
        inline-size: 100%;
        min-block-size: var(--control-h);
        border: 1px solid var(--control-border);
        border-radius: var(--radius-sm);
        background-color: var(--control-bg);
        color: var(--c-ink-900);
        padding-inline: 14px;
        font: 500 var(--text-md)/1.5 var(--ui-font-family);
        caret-color: var(--c-accent);
        transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    }
    html[dir="rtl"] .site-shell :where(input:not([dir="ltr"]),select:not([dir="ltr"]),textarea:not([dir="ltr"])) { direction: rtl; text-align: right; }
    html[dir="rtl"] .site-shell :where(input[dir="ltr"],textarea[dir="ltr"]) { direction: ltr; text-align: right; }
    html[dir="rtl"] .site-shell select { direction: rtl; text-align: right; }
    .site-shell :where(input,select,textarea):focus { border-color:var(--c-accent); background-color:var(--control-bg-focus); box-shadow:var(--focus-ring); outline:0; }
    .site-shell :where(input,select,textarea):hover:not(:disabled):not(:focus) { border-color:var(--c-accent-border); }
    .site-shell :where(input[type="checkbox"], input[type="radio"]) { accent-color:var(--c-accent); }

    .site-shell :where(.button--primary,.final-cta) { background-color:var(--c-accent); }
    .site-shell :where(.button--ink,.step-card--active,.smart-recommendation,.recommendation-card,.price-card--featured,.class-order,.content-cta,.bank-card,.mobile-order-cta) { background-color:var(--c-accent-deep); }
    .site-shell :where(.choice-card:has(input:checked),.payment-choice:has(input:checked),.print-profiles button.is-active,.saved-address.is-active) { border-color:var(--c-accent); background-color:var(--c-accent-faint); }
    .site-shell :where(.choice-card:has(input:checked) .choice-icon,.payment-choice:has(input:checked)>span) { background:var(--c-accent-soft); color:var(--c-accent-ink); }
    .site-shell :where(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible) { outline:0; box-shadow:var(--focus-ring); }

}