@font-face{font-family:CP Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:CP Inter;src:url(/fonts/inter.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:CP Caveat;src:url(/fonts/caveat.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}.cp-home{color:#1d2c52;background:#f4f8ff;min-height:100svh;font-family:CP Inter,system-ui,sans-serif}.cp-home *{box-sizing:border-box}.cp-home a{color:#3552c4;text-underline-offset:4px}.cp-home a:focus-visible{outline-offset:5px;outline:3px solid #3552c4}.cp-home a:hover{text-decoration:underline}.cp-wrap{max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4.4vw,56px)}.cp-header{justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.cp-home .cp-logo{letter-spacing:-.05em;color:#1d2c52;font-size:28px;font-weight:800;line-height:1;text-decoration:none}.cp-logo span{color:#c2336b}.cp-header nav,.cp-footer nav{flex-wrap:wrap;align-items:center;gap:28px;font-size:14px;font-weight:500;display:flex}.cp-header nav>a:not(.cp-button){color:#1d2c52;text-decoration:none}.cp-home .cp-button{text-align:center;color:#fff;background:#4666db;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:54px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.cp-home .cp-button:hover{background:#3552c4}.cp-home .cp-button-small{border-radius:10px;min-height:44px;padding:10px 20px;font-size:14px}.cp-home .cp-button-outline{color:#1d2c52;background:0 0;border-color:#1d2c52}.cp-home .cp-button-outline:hover{background:#e3ebfa}.cp-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;padding-block:40px 90px;display:grid}.cp-hero-copy{min-width:0}.cp-eyebrow{letter-spacing:.16em;color:#4a5878;margin:0;font-size:12px;font-weight:600;line-height:1.6}.cp-hero h1{letter-spacing:-.02em;margin:24px 0;font-family:CP Fraunces,Georgia,serif;font-size:clamp(44px,6.25vw,80px);font-weight:600;line-height:1.04}.cp-hero h1 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 58%,#ffdd3c 58%);padding:0 5px}.cp-hero-description{color:#33406a;max-width:520px;margin:0;font-size:20px;line-height:1.5}.cp-actions{flex-wrap:wrap;gap:14px;margin-block:32px 24px;display:flex}.cp-signin{color:#4a5878;margin:0;font-size:14px;line-height:1.6}.cp-signin a{font-weight:600}.cp-examples{min-width:0}.cp-card-scene{width:100%;max-width:470px;height:470px;margin-inline:auto;position:relative}.cp-win{background:#fff;border:1px solid #dce6f7;border-radius:16px;flex-direction:column;gap:10px;width:210px;padding:18px;transition:transform .2s;display:flex;position:absolute;box-shadow:0 14px 30px #1d2c5224}.cp-win-1{top:10px;left:0;transform:rotate(-5deg)}.cp-win-2{top:150px;left:30%;transform:rotate(3deg)}.cp-win-3{top:290px;left:20px;transform:rotate(-3deg)}.cp-win:hover{transform:rotate(0)translateY(-3px)}.cp-win h2{margin:0;font-family:CP Inter,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.25}.cp-win p{align-items:baseline;gap:6px;margin:0;display:flex}.cp-win strong{color:#4666db;font-family:CP Fraunces,Georgia,serif;font-size:32px;font-weight:600}.cp-win p span{color:#4a5878;font-size:12px}.cp-tag{border-radius:999px;align-self:flex-start;width:fit-content;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.cp-tag-yellow{color:#5c4700;background:#fff0a3}.cp-tag-sky{color:#0f4c63;background:#d3f0fa}.cp-tag-mint{color:#0b5a3c;background:#cff5e3}.cp-check{background:#9bebc9;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;display:grid;position:absolute;top:-18px;right:-14px;box-shadow:0 4px 10px #1d2c5233}.cp-counts{color:#c2336b;white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;top:350px;left:57%}.cp-counts span{font-family:CP Caveat,cursive;font-size:30px;transform:rotate(-3deg)}.cp-example-label{text-align:center;color:#4a5878;margin:0;font-size:11px}.cp-section{padding-block:88px;scroll-margin-top:24px}.cp-section-heading{max-width:760px;margin-bottom:44px}.cp-section h2{letter-spacing:-.02em;margin:14px 0 0;font-family:CP Fraunces,Georgia,serif;font-size:clamp(32px,4.1vw,52px);font-weight:600;line-height:1.08}.cp-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.cp-problems{background:#e3f4fb}.cp-problem{background:#f4f8ff;border-radius:18px;padding:28px}.cp-problem h3{margin:0 0 10px;font-family:CP Fraunces,Georgia,serif;font-size:20px;font-weight:600}.cp-problem p,.cp-steps p{color:#33406a;margin:0;font-size:16px;line-height:1.6}.cp-steps{gap:32px;margin:0 0 48px;padding:0;list-style:none}.cp-step-number{background:#9bebc9;border-radius:50%;place-items:center;width:44px;height:44px;font-family:CP Fraunces,Georgia,serif;font-size:20px;font-weight:600;display:grid}.cp-steps h3{margin:16px 0 12px;font-size:20px;font-weight:600}.cp-demo{background:#fff;border:1px solid #dce6f7;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 14px 30px #1d2c5214}.cp-demo p{background:#edf2fc;border-radius:12px;flex:280px;margin:0;padding:14px 18px;font-size:16px}.cp-uses{color:#f4f8ff;background:#1d2c52}.cp-uses .cp-eyebrow{color:#88d9f1}.cp-use-intro{color:#d3def4;margin-top:20px;font-size:16px;line-height:1.6}.cp-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.cp-grid-four article{color:#1d2c52;background:#f4f8ff;border-radius:18px;padding:28px}.cp-grid-four h3{margin:16px 0 12px;font-family:CP Fraunces,Georgia,serif;font-size:24px;font-weight:600;line-height:1.15}.cp-grid-four p{color:#33406a;margin:0;font-size:15px;line-height:1.6}.cp-roadmap-note{color:#d3def4;max-width:750px;margin:28px 0 0;font-size:13px;line-height:1.7}.cp-comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cp-before,.cp-after{border-radius:20px;padding:32px}.cp-before{background:#e3ebfa}.cp-after{background:#ffdd3c}.cp-after .cp-eyebrow{color:#1d2c52}.cp-comparison ul{gap:22px;margin:24px 0 0;padding:0;list-style:none;display:grid}.cp-before li{color:#33406a;font-size:18px;line-height:1.5}.cp-after li{font-family:CP Fraunces,Georgia,serif;font-size:22px;font-weight:600;line-height:1.4}.cp-start{text-align:center;background:#ddf6ea}.cp-start h2{margin:0;font-size:clamp(36px,5vw,60px)}.cp-start p:not(.cp-signin){color:#33406a;margin:22px 0;font-size:20px}.cp-start .cp-signin{margin-top:22px}.cp-footer{color:#4a5878;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px;font-size:14px;display:flex}.cp-footer p{margin:0}.cp-footer a{color:#4a5878}.cp-skip{z-index:20;background:#fff;padding:14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.cp-skip:focus{transform:translateY(0)}@media (max-width:1000px){.cp-header nav{gap:18px}.cp-hero{grid-template-columns:1.15fr 1fr;gap:24px}.cp-counts{top:420px;left:49%}.cp-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cp-header{flex-wrap:wrap;gap:20px}.cp-header nav{gap:14px 20px;width:100%;font-size:13px}.cp-header nav>a{align-items:center;min-height:44px;display:inline-flex}.cp-hero{grid-template-columns:1fr;gap:40px;padding-block:28px 56px}.cp-hero h1{max-width:600px;font-size:clamp(44px,9vw,68px)}.cp-hero-description{font-size:18px}.cp-card-scene{max-width:390px}.cp-counts{top:410px;left:56%}.cp-section{padding-block:56px}.cp-section-heading{margin-bottom:32px}.cp-grid-three,.cp-comparison{grid-template-columns:1fr}.cp-steps{gap:28px}.cp-steps li{padding-left:62px;position:relative}.cp-step-number{position:absolute;top:0;left:0}.cp-steps h3{margin-top:0}.cp-footer nav{gap:16px}.cp-footer nav a{padding-block:8px}}@media (max-width:420px){.cp-grid-four{grid-template-columns:1fr}.cp-card-scene{height:480px}.cp-win{width:190px}.cp-win-2{top:160px;left:auto;right:0}.cp-win-3{top:315px;left:8px}.cp-counts{top:435px;left:auto;right:0}.cp-counts span{font-size:26px}.cp-counts svg{width:28px}.cp-actions .cp-button{width:100%}}@media (prefers-reduced-motion:reduce){.cp-home *,.cp-home :before,.cp-home :after{transition:none}}
