.ci-page .ci-hero-art{position:relative;margin:0;padding:32px 24px 22px;border:1px solid #dbe6fa;border-radius:32px;background:radial-gradient(ellipse at top,#fff,#e9f1ff 75%);box-shadow:0 25px 65px #26426712;transform:rotate(2deg)}
.ci-price-label{font-size:.8rem;color:#536579}.ci-hero-prices{display:flex;justify-content:space-between;gap:16px}.ci-hero-prices>div{display:flex;flex-direction:column;gap:8px}.ci-hero-prices strong{font-size:2.4rem;letter-spacing:-.04em}.ci-hero-prices>div:last-child{text-align:right;color:#225bd5}.ci-hero-art>img{display:block;width:100%;height:270px;object-fit:contain;margin:10px 0}.ci-hero-art figcaption{border-top:1px solid #cfddf5;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#536579;font-size:.85rem}.ci-hero-art figcaption strong{font-size:2rem;color:#225bd5;white-space:nowrap}
.ci-demo-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.ci-demo-board{height:330px;min-width:0;padding:20px 24px;border-radius:24px;background:#fff;border:1px solid #dae3f0;box-shadow:0 18px 48px #193a6312}.ci-demo-board .cw-heading h3{display:flex;align-items:center;gap:8px;color:#536579}.ci-demo-board .cw-info{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;cursor:pointer}.ci-demo-board .cw-open{height:100%;cursor:pointer}.ci-demo-board .cw-open>.cw-plot{display:flex;min-height:180px}.ci-demo-board .cw-open .cw-chart{position:static;height:auto;max-height:220px}.ci-demo-board .cw-footer{padding-top:16px}.ci-demo-board .cw-title-text{font-size:1rem}.ci-demo-copy h3{font-size:1.7rem;line-height:1.2}.ci-demo-copy p{line-height:1.65;color:#536579}
.ci-calculator{padding:32px;border-radius:28px;background:linear-gradient(135deg,#eaf1ff,#f4f8ff 60%,#e8f4f0);border:1px solid #dbe6f5;transform:rotate(-1deg)}.ci-calculator>div{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #d4dfef}.ci-calculator strong{font-size:1.5rem;white-space:nowrap}.ci-calculator label{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:10px}.ci-calculator output{font-size:2rem;color:#225bd5;font-weight:650}.ci-calculator input{width:100%;min-height:44px;accent-color:#225bd5;margin:12px 0}.ci-calculator small{display:block;color:#536579;line-height:1.6}.ci-page .ci-formula{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5;border-left:3px solid #225bd5;padding:6px 0 6px 24px;margin:25px 0;color:#225bd5}.ci-source-note{font-size:.85rem;color:#536579;line-height:1.6}.ci-page .ue-section{scroll-margin-top:100px}.ci-page .ue-prose p{max-width:70ch}
.cw-dialog{--cw-ink:#182947;--cw-muted:#51627d;--cw-line:#dbe4f2;--cw-blue:#2453ff;--cw-bg:#fff;color-scheme:light}.cw-dialog .dw-popup-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #dbe4f2;border-radius:12px;background:#fff;color:#182947}.cw-dialog .dw-popup-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.cw-dialog .cw-photo-values{background:#fff;color:#182947}.cw-dialog .cw-photo-values small{color:#51627d}.cw-dialog .cw-change[data-direction=up],.cw-dialog .cw-photo-values .cw-change[data-direction=up]{color:#13714e}.cw-dialog .cw-change[data-direction=down],.cw-dialog .cw-photo-values .cw-change[data-direction=down]{color:#b3394d}.ci-demo-board .cw-widget{--cw-ink:#182947;--cw-muted:#51627d;--cw-line:#dbe4f2;--cw-blue:#2453ff;--cw-bg:#fff}.ci-page :is(input,button,a):focus-visible{outline:3px solid #225bd5;outline-offset:4px}
@media(max-width:760px){.ci-demo-layout{grid-template-columns:minmax(0,1fr);gap:24px}.ci-page .ci-hero-art{transform:none;padding:24px 18px}.ci-hero-art>img{height:220px}.ci-hero-prices strong{font-size:2rem}.ci-demo-board{height:310px;padding:14px}.ci-calculator{transform:none;padding:22px}.ci-page .ue-hero h1{font-size:2.4rem}.ci-page .ue-toc{max-width:100%}}

.cw-chart{stroke:none}.cw-dialog{width:min(820px,calc(100% - 32px));max-width:calc(100% - 32px)}.cw-dialog .cw-photo-values[data-direction=up]{color:#17653b}.cw-dialog .cw-photo-values[data-direction=down]{color:#a52738}

body:has(.ci-page) .header-inner{flex-wrap:wrap}body:has(.ci-page) .header nav{flex-wrap:wrap;max-width:100%}
.ci-page #demo>h2{margin-bottom:28px}.ci-demo-copy p{margin:12px 0 18px}.ci-demo-copy .ci-source-note{margin-bottom:0}
.ci-page .ue-hero-copy>p+p{margin-top:16px}.ci-page .ue-hero-copy>p:not(.eyebrow):not(.ue-note){line-height:1.65}.ci-page #how-to>div>p{margin:18px 0;line-height:1.65}
.cw-dialog .cw-photo-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:10px}.cw-dialog .cw-photo-list .cw-photo{width:100%;height:auto;min-width:0;aspect-ratio:3/4}.cw-dialog .cw-photo-image{position:absolute;inset:0}.cw-dialog .cw-photo-values{font-size:.8rem}.ci-page .ci-hero-art>img{height:330px}@media(max-width:650px){.cw-dialog .cw-photo-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:400px){.cw-dialog .cw-photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-page .ci-hero-art>img{height:260px}}