@font-face{font-family:Roboto;src:url('assets/roboto-400.woff2')}@font-face{font-family:Roboto;src:url('assets/roboto-700.woff2');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#e7edf5;color:#14233d;font:14px/1.5 Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}main{position:relative;max-width:440px;min-height:100vh;margin:auto;background:linear-gradient(155deg,#e0edff 0%,#f4f7fc 35%,#f8f9fb 100%);overflow:hidden}header{height:66px;display:flex;align-items:center;justify-content:space-between;background:#132456;padding:0 24px;color:white}header img{width:104px}header span{font-size:9px;letter-spacing:1.6px;color:#d1dcf6}#screen{padding:0 22px 25px}h1{font-size:32px;line-height:1.12;letter-spacing:-1px;font-weight:400;margin:20px 0 12px}h2{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0 0 6px;font-weight:700}p{font-size:13px;line-height:1.55;margin:0;color:#627086}.lead{margin-bottom:24px;max-width:300px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#647695}.plan-heading{padding:25px 0 20px}.plan-heading h1{margin:7px 0 8px}.product-hero{border:1px solid #fff;background:linear-gradient(135deg,#fff,#edf3fc);border-radius:27px;padding:18px 18px 20px;box-shadow:0 10px 30px #17356409}.hero-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#6c7a93}.badge{font-size:10px;letter-spacing:0;color:#314c8a;background:#e0eaff;border:1px solid #ccd9f2;padding:4px 9px;border-radius:20px}.product-hero>img{width:100%;height:180px;object-fit:contain;mix-blend-mode:multiply;display:block;margin:10px 0}.hero-caption{display:flex;justify-content:space-between;gap:8px;align-items:center}.hero-caption h2{font-size:21px;font-weight:400}.hero-caption p{font-size:12px}.hero-price{font-size:27px;line-height:1.2}.hero-price small{display:block;font-size:10px;color:#72809a;text-align:right;margin-top:4px}.card{padding:20px;border-radius:23px;background:white;border:1px solid #e9eef5;box-shadow:0 7px 20px #19345204;margin-bottom:18px}.plan-details{margin:17px 0}.detail-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;font-size:12px;border-bottom:1px solid #ecf0f5}.detail-row:last-child{border-bottom:0}.detail-row>span{color:#6b7890}.detail-row strong{font-weight:400;text-align:right}.plan-details{padding:5px 18px}.product-row{display:flex;gap:12px;align-items:center}.product-row img{width:56px;height:66px;object-fit:contain;background:#f5f5f5;border-radius:12px;flex-shrink:0}.product-row strong{display:block;font-size:14px}.product-row span{display:block;font-size:11px;color:#718097;margin-top:3px}.product-row .product-price{margin-left:auto;color:#243650;font-size:20px;white-space:nowrap}.product-price small{display:block;font-size:10px;text-align:right;color:#718097}.divider{height:1px;background:#edf0f5;margin:18px 0 0}.consequence{display:flex;gap:11px;margin-top:18px}.consequence strong{font-size:13px}.consequence p{font-size:12px;margin-top:4px}.check{background:#e9efff;color:#3558bc;width:22px;height:22px;flex-shrink:0;text-align:center;border-radius:50%}.page-nav{display:flex;align-items:center;justify-content:space-between;height:66px;font-size:12px;color:#61718c}.nav-spacer{width:40px}button{font:inherit;font-size:13px;font-weight:700;border:0;cursor:pointer;border-radius:26px;min-height:48px;padding:12px 18px;width:100%;transition:background .16s,transform .16s}button:active{transform:scale(.985)}.primary{background:#3238fa;color:white;box-shadow:0 5px 13px #3238fa18}.primary:hover{background:#242bdf}.outline{background:white;border:1px solid #bac9e4;color:#233d79}.actions{display:grid;gap:10px;margin:20px 0}.icon-button{background:#ffffffb0;width:40px;height:40px;min-height:40px;padding:5px;font-size:22px;font-weight:400;color:#263b5e}.text-button{background:none;color:#3155ab;font-size:12px;padding:12px 0;min-height:44px;font-weight:400}.option-card{display:flex;gap:12px;background:#e6eefd;border:1px solid #dbe5f8;border-radius:20px;padding:17px;margin-top:23px}.option-card strong{font-size:13px}.option-card p{font-size:12px;margin-top:5px}.option-card .text-button{width:auto;text-align:left;padding-bottom:0}.option-symbol{width:30px;height:30px;border-radius:50%;background:#fff;color:#4163af;display:grid;place-items:center;flex-shrink:0}.help-link{display:block;text-align:center;color:#65758f;font-size:11px;margin-top:21px;text-decoration:none}.quiet{font-size:11px;color:#77859b;text-align:center;margin:18px 0}.timeline{margin-top:18px}.timeline-item{display:flex;gap:17px;align-items:center}.date-box{width:56px;padding:10px 0;border-radius:14px;background:#f0f3f8;text-align:center;flex-shrink:0}.date-box small{display:block;font-size:9px;letter-spacing:1.5px}.date-box b{font-size:24px;font-weight:400;line-height:1.1}.date-box.blue{background:#e4ebff;color:#3455ad}.timeline-item h2{font-size:19px;margin:4px 0}.timeline-item p{font-size:12px}.timeline-connector{height:35px;border-left:1px dashed #b9c9e2;margin:7px 0 7px 28px}.renewal-note{font-size:11px;border-top:1px solid #e8edf5;padding-top:17px;margin-top:20px}.receipt-background{filter:blur(1px);pointer-events:none}.sheet-shade{position:fixed;inset:0;background:#14233d65;z-index:2}.result-sheet{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px);max-height:94dvh;overflow:auto;background:#fff;border-radius:30px 30px 0 0;padding:12px 24px 24px;box-shadow:0 -12px 50px #14233d20;text-align:center}.sheet-handle{width:34px;height:4px;border-radius:8px;background:#d8dee8;margin:0 auto 25px}.sheet-close{position:absolute;right:16px;top:20px;width:36px;min-height:36px;height:36px;border-radius:50%;background:#f0f3f8;color:#61708a;padding:0;font-size:23px;font-weight:400}.result-icon{width:64px;height:64px;background:#e7efff;color:#3555bd;font-size:28px;border:7px solid #f5f8ff;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.result-sheet h1{font-size:28px;margin:0 0 10px;letter-spacing:-.7px}.result-sheet>p{font-size:13px}.result-summary{background:#f5f7fb;border:1px solid #e9edf5;border-radius:19px;text-align:left;padding:16px;margin:23px 0}.result-summary .product-row img{width:42px;height:50px}.result-summary .detail-row{margin-top:8px}.result-summary>p{font-size:11px;line-height:1.5;margin-top:8px}.result-summary .product-price{display:none}.completed-tag{background:#e8f0ff;border-radius:10px;padding:10px 12px;font-size:11px;color:#3b5990;margin-bottom:24px}fieldset{border:0;margin:0 0 22px;padding:0}.reason-option{display:flex;gap:12px;align-items:center;background:white;border:1px solid #dfe6f0;border-radius:15px;padding:16px;margin:9px 0;cursor:pointer;font-size:13px}.reason-option:has(input:checked){background:#eaf0ff;border-color:#6b85d2}input{accent-color:#3238fa}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.feedback{border-top:1px solid #e4eaf3;margin-top:22px;padding-top:18px;font-size:12px}.feedback p{font-size:10px;margin-top:6px}.feedback>div{display:flex;gap:7px;margin-top:12px}.answer{min-height:40px;border:1px solid #dde5f1;background:#f7f9fc;color:#38569b;font-size:12px}.thank-you{text-align:center;padding:90px 0}.thank-you button{margin-top:35px}.support-link{display:block;background:#3238fa;color:white;text-align:center;border-radius:25px;padding:15px;text-decoration:none}.error{background:#fff1eb;border:1px solid #e6baa8;color:#803e29;border-radius:14px;padding:14px;margin-top:15px;font-size:12px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7394ff;outline-offset:3px}.lab{max-width:440px;margin:auto;padding:20px 24px;color:#65728a;font-size:11px}.lab label{display:block;margin-top:14px}.lab button{border:1px solid #b6c4da;margin-top:15px;color:#314b78;background:none}body[data-preview] .lab{display:none}@media(max-width:350px){#screen{padding-left:17px;padding-right:17px}.card{padding:16px}.product-row{gap:8px}.product-row strong{font-size:12px}.product-row span{font-size:10px}.hero-caption h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.farewell-hero{text-align:center;padding:4px 0 8px}.farewell-hero h1{font-size:29px;margin:12px 0 9px}.farewell-hero .lead{margin:0 auto 16px}.farewell-orb{width:86px;height:86px;margin:0 auto 17px;border:1px solid #fff;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#d7e6ff 62%,#a4bfe9);box-shadow:0 12px 28px #5888c52a,inset 0 0 15px #fff}.farewell-orb svg{width:100%;height:100%;fill:none;stroke:#385b97;stroke-width:6;stroke-linecap:round}.farewell-hero .eyebrow{font-size:8px}
.manage-options{display:grid;gap:10px;margin:18px 0}.manage-choice{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #dce5f1;border-radius:17px;background:#fff;color:#203858;text-align:left;padding:17px;font:14px Roboto,Arial;cursor:pointer}.manage-choice>span:nth-child(2){flex:1}.manage-choice small{display:block;font-size:11px;line-height:1.5;color:#6d7b90;margin-top:6px}.manage-symbol{font-size:22px;min-width:27px;color:#537cb5}.manage-choice>b{font-weight:400;color:#8496ae}textarea{width:100%;min-height:130px;resize:vertical;margin:14px 0;border:1px solid #cdd9e9;border-radius:12px;padding:13px;font:14px/1.5 Roboto,Arial;color:#203858;background:#f8faff}body[data-state=cancel] h1{margin-top:10px}body[data-state=cancel] .lead{margin-bottom:17px}
/* Shared icon geometry and quieter surface hierarchy. */
:root{--ink:#202c3e;--muted:#647184;--line:#e3e7ed;--accent:#3447d8}
main{color:var(--ink);background:linear-gradient(160deg,#edf3fc 0%,#f7f8fa 48%,#f7f8fa 100%)}
.ui-icon{display:block;width:20px;height:20px;flex-shrink:0}button .ui-icon{pointer-events:none}
.page-nav{height:68px;color:#687486;font-size:12px}.nav-spacer{width:44px}.icon-button{width:44px;height:44px;min-height:44px;display:grid;place-items:center;border:1px solid #e6eaf0;background:#ffffffa8;padding:0;border-radius:14px;color:#3c485a}.icon-button .ui-icon{width:21px;height:21px}.icon-button:hover,.sheet-close:hover{background:#e9edf4}
h1{letter-spacing:-1.05px;line-height:1.17;color:#202b3d}p{color:var(--muted)}.lead{line-height:1.6}.card{border-radius:20px;border-color:#e8ebf0;box-shadow:0 2px 5px #1c2c4203;padding:20px}.product-row img{background:#f4f4f2;border-radius:10px}.product-row strong{font-size:14px;letter-spacing:-.15px}.product-row span{color:#687589;line-height:1.5}.product-row .product-price{font-variant-numeric:tabular-nums;font-size:21px}.detail-row{border-color:#edf0f3}.divider{margin:18px 0}.manage-options{gap:10px;margin:20px 0}.manage-choice{gap:13px;min-height:76px;padding:16px 14px;border:1px solid #e1e6ed;border-radius:16px;box-shadow:0 2px 4px #1c2c4202;color:var(--ink);transition:border-color .15s,background .15s,transform .15s}.manage-symbol{display:grid;place-items:center;width:28px;min-width:28px;height:32px;color:#53677f}.manage-symbol .ui-icon{width:22px;height:22px}.choice-copy{flex:1;min-width:0}.choice-copy strong{font-weight:700;font-size:13px;line-height:1.45;display:block;letter-spacing:-.12px}.manage-choice small{font-size:11px;line-height:1.5;margin-top:4px;color:#6b7789;font-weight:400}.choice-chevron{color:#8a95a5;display:grid;place-items:center;width:14px;flex-shrink:0}.choice-chevron .ui-icon{width:16px;height:16px}.manage-choice:hover{background:#f9fbff;border-color:#b5c5df}.manage-choice:active{background:#f0f4fa}.primary{background:var(--accent);box-shadow:0 2px 3px #253f9212;font-weight:700}.primary:hover{background:#293ac2}.outline{border-color:#cbd4e1;color:#354d72;box-shadow:0 1px 2px #182b4403}.outline:hover{background:#f2f5fa;border-color:#aebed4}#screen>.primary+#screen>.outline{margin-top:10px}#screen>button+button{margin-top:10px}.check{display:grid;place-items:center;background:#edf2fa;color:#5472a0}.check .ui-icon{width:14px;height:14px}.option-symbol .ui-icon{width:17px;height:17px}.result-icon .ui-icon{width:27px;height:27px;stroke-width:1.8}.sheet-close{display:grid;place-items:center;width:40px;height:40px;min-height:40px}.sheet-close .ui-icon{width:18px;height:18px}.completed-tag{display:flex;align-items:center;gap:8px}.completed-tag .ui-icon{width:15px;height:15px}.result-sheet{border-radius:26px 26px 0 0}.result-summary{background:#f7f8fa;border-color:#e8ebef}textarea{background:#fafbfc;border-color:#dde3eb;border-radius:12px;resize:none}textarea:focus-visible{outline:2px solid #7188da;outline-offset:2px}body[data-state=care] label{display:block;margin-top:4px;font-size:13px}body[data-state=adjust] .manage-choice{min-height:64px}button:focus-visible{outline:2px solid #6c85c9;outline-offset:3px}@media(prefers-reduced-motion:reduce){.manage-choice{transition:none}}

/* Embedded demo: only content scrolls; hardware and brand bar stay in place. */
body[data-session]{height:100dvh;overflow:hidden}body[data-session] main{height:100dvh;min-height:0;display:flex;flex-direction:column}body[data-session] header{flex:0 0 56px}body[data-session] #screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}body[data-session] #screen::-webkit-scrollbar{display:none}body[data-session] .page-nav{height:56px}body[data-session] .plan-heading{padding:20px 0 16px}body[data-session] .product-hero>img{height:155px}body[data-session] .lead{margin-bottom:18px}

/* Selectable monthly catalog, verified on BlueChew's public plans page. */
.plan-options{display:grid;gap:10px;margin:20px 0 12px}.plan-option{display:flex;align-items:center;gap:10px;text-align:left;padding:16px 12px;min-height:98px;background:white;color:#202d43;border:1px solid #dde4ef;border-radius:17px;box-shadow:0 2px 4px #182b4403;font-weight:400}.plan-option:hover{background:#f9fbff;border-color:#8ea4cc}.plan-option.is-selected{border-color:#4054d7;background:#f4f6ff;box-shadow:0 0 0 1px #4054d7}.plan-monogram{display:grid;place-items:center;flex-shrink:0;width:40px;height:46px;border-radius:10px;background:#e9f0fb;color:#345e9c;font:bold 12px Roboto,Arial;letter-spacing:.5px}.plan-monogram.gold{background:#f3ead6;color:#8c6622;font-size:10px}.plan-monogram.tad{background:#e7f1ed;color:#397166}.plan-monogram.var{background:#efebf7;color:#70608b}.plan-option-copy{flex:1;min-width:0}.plan-option-copy>strong{font-size:15px;display:flex;gap:6px;align-items:center}.plan-option-copy>span{display:block;color:#56657b;font-size:11px;margin-top:4px}.plan-option-copy>small{display:block;color:#798498;font-size:10px;margin-top:3px;line-height:1.4}.current-plan-tag{font-size:8px;font-weight:400;white-space:nowrap;background:#e9edf3;color:#5e6b80;border-radius:4px;padding:3px 5px}.plan-option-price{font-size:19px;line-height:1.2;text-align:right;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.plan-option-price small{display:block;font-size:9px;color:#738099;letter-spacing:0;margin-top:5px}.plan-radio{width:16px;height:16px;flex-shrink:0;border:1.5px solid #bec9db;border-radius:50%;margin-left:2px}.is-selected .plan-radio{border:5px solid #4054d7;background:white}.plan-price-note{font-size:10px;line-height:1.5;color:#778498;margin-top:12px}.plan-selection-footer{padding:16px 0 6px}.plan-review-note{font-size:11px;text-align:center;margin:12px 8px 0;line-height:1.5}.selected-plan-heading{display:flex;align-items:center;gap:12px;margin:20px 0}.selected-plan-heading>strong{margin-left:auto;font-size:26px;font-weight:400}.selected-plan-heading>strong small{display:block;font-size:11px;color:#718097;text-align:right}.switch-review .detail-row strong{max-width:180px}.switch-guidance{display:flex;gap:12px;padding:0 5px}.switch-guidance .ui-icon{color:#627aa3;margin-top:2px}.switch-guidance p{font-size:12px}.switch-success{text-align:center;padding:28px 0}.switch-success h1{margin-top:14px}body[data-state=cost] h1{margin-top:8px}body[data-state=cost] .lead{margin-bottom:10px}body[data-state=cost] .plan-selection-footer .text-button{margin-top:3px}@media(max-width:360px){.plan-option{gap:7px;padding:14px 9px}.plan-monogram{width:32px}.current-plan-tag{font-size:7px}.plan-option-copy>strong{gap:4px;font-size:14px}}

body[data-session][data-state=cost] .plan-option{min-height:90px;padding-top:13px;padding-bottom:13px}body[data-session][data-state=cost] .plan-options{gap:9px;margin-top:16px}

.plan-monogram:has(.plan-product-image){width:46px;height:60px;background:#f3f4f6;padding:3px}.plan-product-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.plan-option-copy>strong{flex-wrap:wrap;gap:3px 6px}body[data-snapshot]{pointer-events:none}body[data-snapshot] *{caret-color:transparent}
body[data-session][data-state=plan-review] h1{font-size:30px;margin-top:14px}body[data-session][data-state=plan-review] .lead{margin-bottom:14px}body[data-session][data-state=plan-review] .selected-plan-heading{margin:15px 0}body[data-session][data-state=plan-review] .detail-row{padding:10px 0}body[data-session][data-state=plan-review] .actions{margin:14px 0 6px}

/* Quantity selection keeps product, pack and monthly cost explicit. */
.pack-product{display:flex;align-items:center;gap:14px;margin:18px 0}.pack-product h2{font-size:20px;margin:0 0 5px}.pack-product p{font-size:12px;margin:0}.pack-product>.text-button{width:auto;margin-left:auto;padding:9px 0;font-size:12px}.pack-options{display:grid;gap:10px;margin:18px 0 12px}.pack-option{display:flex;align-items:center;gap:13px;width:100%;min-height:76px;padding:15px 16px;border:1px solid #dce3ed;border-radius:15px;background:#fff;color:#202d43;text-align:left}.pack-option:hover{border-color:#8ea4cc;background:#f9fbff}.pack-option.is-selected{border-color:#4054d7;background:#f4f6ff;box-shadow:0 0 0 1px #4054d7}.pack-copy{flex:1}.pack-copy strong{display:block;font-size:16px}.pack-copy small{display:block;color:#748197;font-size:10px;margin-top:5px;font-weight:400}.pack-total{border-top:1px solid #e0e5ee;margin:15px 0 14px;padding-top:7px}.pack-total .detail-row{padding:7px 0;border:0}.pack-total .detail-row strong{font-size:13px}body[data-state=pack] h1{font-size:30px;margin-top:12px}body[data-state=pack] .lead{margin-bottom:10px}body[data-state=pack] .text-button{margin-top:2px}body[data-state=pack] .pack-product .plan-monogram{height:66px;width:52px}
body[data-session][data-state=pack] .pack-product{margin:12px 0}body[data-session][data-state=pack] .pack-product .plan-monogram{height:50px;width:42px}body[data-session][data-state=pack] .pack-options{gap:8px;margin:12px 0 10px}body[data-session][data-state=pack] .pack-option{min-height:64px;padding:11px 14px}body[data-session][data-state=pack] .pack-total{margin:10px 0 12px;padding-top:5px}body[data-session][data-state=pack] .pack-total .detail-row{padding:4px 0}body[data-session][data-state=pack] .plan-price-note{margin-top:10px}
/* Static presentation snapshots do not show an interactive focus ring. */
body[data-snapshot] .sheet-close{outline:none}

/* Cover-only framing: scroll the real interface to the product and actions. */
body[data-hero] #screen{padding-bottom:340px}