.demo-page{--demo-col:720px;isolation:isolate;background:var(--demo-background);min-height:100dvh;color:var(--demo-foreground);letter-spacing:0;padding:0 20px;font-family:Manrope,system-ui,sans-serif;line-height:1.6;position:relative;overflow-x:clip}:is(html:has(.demo-page),body:has(.demo-page)){background:var(--demo-background)}.demo-page:before{content:"";z-index:-1;pointer-events:none;background-image:var(--portal-grid), var(--portal-vignette), var(--portal-background);background-size:22px 22px,100% 100%,100% 100%;position:fixed;inset:0}.demo-page *{letter-spacing:0!important}.demo-column{width:100%;max-width:var(--demo-col);margin-inline:auto}.demo-header{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding-block:0;display:flex}.demo-brand{color:var(--demo-foreground);align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.demo-brand img{width:27px;height:27px}.demo-brand .demo-flo{color:var(--demo-ice)}.demo-header-actions{align-items:center;gap:16px;display:flex}.demo-language{border:1px solid var(--demo-border);background:var(--demo-card);border-radius:9px;padding:3px;display:flex}.demo-page .demo-button{white-space:normal;height:auto;min-height:48px;color:var(--demo-foreground);border:1px solid var(--demo-border);background:var(--demo-glass);box-shadow:none;border-radius:12px;padding:12px 20px;font:700 15px/1.5 Manrope,sans-serif;transition:background-color .18s ease-out,border-color .18s ease-out}.demo-page .demo-header-back{white-space:nowrap;min-height:36px;color:var(--demo-ice-soft);background:0 0;border-color:#0000;gap:6px;padding:4px 6px;font-size:12px;text-decoration:none}.demo-page .demo-button:hover{background:var(--demo-hover);border-color:var(--demo-ice)}.demo-page .demo-primary{background:var(--demo-primary);color:var(--demo-on-primary);box-shadow:var(--demo-button-shadow);border-color:#0000}.demo-page .demo-primary:hover{background:var(--demo-primary-hover);border-color:#0000}.demo-page .demo-language-button{background:0 0;border-color:#0000;border-radius:6px;min-width:36px;min-height:36px;padding:4px;font-size:12px}.demo-page .demo-language-button[aria-pressed=true]{color:var(--demo-ice-soft);background:var(--demo-glass)}.demo-login{color:var(--demo-muted);font-size:13px;font-weight:600;text-decoration:none}.demo-login:hover{color:var(--demo-ice)}.demo-page :is(a,button,input):focus-visible{outline:2px solid var(--demo-ice);outline-offset:4px}.demo-main{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:0;display:grid}.demo-main>.demo-card+.demo-card{margin-top:32px}.demo-hero{text-align:center;min-height:0;padding:40px 0 0}.demo-eyebrow{max-width:100%;color:var(--demo-eyebrow);font:500 11px/1.2 var(--mono);margin-bottom:12px;display:inline-block}.demo-page h1{text-wrap:balance;max-width:720px;color:var(--demo-foreground);margin:0 auto;font-size:clamp(28px,2.2vw + 14px,40px);font-weight:800;letter-spacing:-.02em!important;line-height:1.12!important}.demo-hero p{max-width:600px;color:var(--demo-muted);margin:12px auto 0;font-size:clamp(15px,.4vw + 14px,17px);line-height:1.55}.demo-card{border:1px solid var(--demo-border);background:var(--demo-card);box-shadow:var(--demo-card-shadow);border-radius:18px;padding:32px}.demo-page h2{color:var(--demo-foreground);margin:0;font-size:clamp(24px,1.5vw + 12px,34px);font-weight:800;line-height:1.15!important}.demo-progress-label{color:var(--demo-ice);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.demo-progress{appearance:none;background:var(--demo-glass);width:100%;height:3px;color:var(--demo-primary);border:0;border-radius:6px;margin:12px 0 28px;display:block;overflow:hidden}.demo-progress::-webkit-progress-bar{background:var(--demo-glass)}.demo-progress::-webkit-progress-value{background:var(--demo-gradient)}.demo-progress::-moz-progress-bar{background:var(--demo-gradient)}.demo-question{min-height:68px}.demo-answers{gap:12px;margin-top:24px;display:grid}.demo-page .demo-answer{text-align:left;background:var(--demo-elevated);justify-content:space-between;width:100%;padding:16px 18px}.demo-answer svg{color:var(--demo-ice)}.demo-page .demo-answer:hover{background:var(--demo-hover);border-color:var(--demo-ice)}.demo-page .demo-back{color:var(--demo-muted);background:0 0;border-color:#0000;justify-content:flex-start;margin-top:16px;padding:8px 0}.demo-page .demo-back:hover{color:var(--demo-ice);background:0 0;border-color:#0000}.demo-state{padding:12px 0 0}.demo-state>p{color:var(--demo-muted);margin:16px 0 24px}.demo-state .demo-button{width:100%}.demo-calculator{min-width:0;padding:20px}.demo-page .demo-calculator-heading{margin-bottom:20px}.demo-controls{gap:12px 20px;display:grid}.demo-controls>div{min-width:0}.demo-control-heading{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:28px;display:flex}.demo-range-label{flex:auto;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.demo-range-label output{color:var(--demo-ice-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.demo-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:2px 0 0;display:block}.demo-range::-webkit-slider-runnable-track{background:var(--demo-gradient) 0 / var(--demo-range-fill,0%) 100% no-repeat, var(--demo-track);border-radius:999px;height:6px}.demo-range::-moz-range-track{background:var(--demo-track);border-radius:999px;height:6px}.demo-range::-moz-range-progress{background:var(--demo-gradient);border-radius:999px;height:6px}.demo-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--demo-ice-soft);background:var(--demo-ice);border-radius:50%;width:18px;height:18px;margin-top:-6px}.demo-range::-moz-range-thumb{border:2px solid var(--demo-ice-soft);background:var(--demo-ice);border-radius:50%;width:14px;height:14px}.demo-campaign{margin-bottom:16px}.demo-campaign-label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.demo-campaign-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-campaign-card{border:1px solid var(--demo-border);background:var(--demo-elevated);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:background-color .18s ease-out,border-color .18s ease-out;display:flex;position:relative}.demo-campaign-card:hover{background:var(--demo-hover);border-color:var(--demo-ice)}.demo-campaign-radio{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-campaign-card:has(.demo-campaign-radio:focus-visible){outline:2px solid var(--demo-ice);outline-offset:4px}.demo-campaign-selected{border-color:var(--demo-primary);background:color-mix(in srgb, var(--demo-primary) 14%, var(--demo-elevated))}.demo-campaign-name{font-size:12px;font-weight:700;line-height:1.3}.demo-campaign-price{color:var(--demo-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.demo-campaign-selected .demo-campaign-name{color:var(--demo-ice-soft)}.demo-results{border-top:1px solid var(--demo-border);gap:20px;margin-top:20px;padding-top:20px;display:grid}.demo-result-summary{min-width:0}.demo-result-label{font-size:14px;font-weight:600}.demo-take-home{font-variant-numeric:normal;letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:8px;font-size:48px;font-weight:800;line-height:1.3;display:block}.demo-positive{color:var(--demo-positive)}.demo-negative{color:var(--demo-negative)}.demo-neutral{color:var(--demo-foreground)}.demo-metrics dt{color:var(--demo-muted);font-size:11px}.demo-metrics .demo-ap-value{color:var(--demo-ice-soft)}.demo-breakdown{justify-content:space-between;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.demo-breakdown div{min-width:0}.demo-breakdown span{color:var(--demo-muted);font-size:11px;display:block}.demo-breakdown strong{overflow-wrap:anywhere;font-variant-numeric:normal;letter-spacing:-.01em;font-size:14px;font-weight:700;display:block}.demo-breakdown b{color:var(--demo-muted);padding-top:16px;font-weight:400;line-height:1.2}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.demo-metrics-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-metrics-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-metrics>div{border-left:1px solid var(--demo-border);min-width:0;padding-left:10px}.demo-metrics dd{font-variant-numeric:normal;letter-spacing:-.01em;overflow-wrap:anywhere;font-size:17px;font-weight:700}.demo-disclaimer{color:var(--demo-muted);margin-top:12px;font-size:11px}.demo-offer-fine{color:var(--demo-muted);margin-top:12px;font-size:12px}.demo-offer-line{color:var(--demo-ice-soft);margin:28px 0 0;font-size:16px}.demo-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:8px;padding-block:40px;display:flex}.demo-footer .demo-brand{font-size:18px}.demo-footer small{color:var(--demo-muted);font-size:12px}@media (prefers-reduced-motion:reduce){.demo-page *,.demo-page :before,.demo-page :after{transition:none!important;animation:none!important}}@media (width<=699px){.demo-header{min-height:56px}.demo-brand{gap:6px;font-size:20px}.demo-brand img{width:24px;height:24px}.demo-header-actions{gap:12px}.demo-main{gap:24px}.demo-main>.demo-card+.demo-card{margin-top:24px}.demo-hero{text-align:left;padding-top:20px}.demo-hero p{margin-top:12px}.demo-eyebrow{margin-bottom:12px}.demo-card{padding:24px}.demo-take-home{font-size:40px}.demo-breakdown strong{font-size:14px}.demo-breakdown span{font-size:10px}}@media (width<=519px){.demo-metrics-trio{grid-template-columns:repeat(3,minmax(0,1fr));align-content:end;gap:8px}.demo-metrics-trio>div{flex-direction:column;justify-content:flex-end;display:flex}.demo-metrics-trio dt{font-size:10.5px}.demo-metrics-trio dd{font-size:16px}}@media (width>=640px){.demo-calculator{padding:24px}.demo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-control-full{grid-column:1/-1}.demo-metrics-trio{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=639px){.demo-calculator{padding:20px}}@media (width<=480px){.demo-campaign-cards{gap:8px}.demo-campaign-card{padding:10px 4px}.demo-campaign-name{font-size:11px}.demo-campaign-price{font-size:10px}}@media (width<=339px){.demo-campaign-cards{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.demo-header{flex-wrap:nowrap;gap:6px}.demo-header>.demo-brand{flex-shrink:0;gap:4px;font-size:17px}.demo-header>.demo-brand img{width:20px;height:20px}.demo-page .demo-header-back{flex-shrink:0;gap:4px;padding-inline:0;font-size:11px}.demo-header-back svg{width:14px;height:14px}.demo-header-actions{flex-shrink:0;gap:6px}.demo-language{padding:2px}.demo-page .demo-language-button{min-width:30px;font-size:11px}.demo-login{white-space:nowrap;font-size:10px}}