.sp-section{background:#efeaf0}.sp-demo{background:#fbf9f7;border:1px solid #d0c8d3;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px #1724530c;color:#20283d}.sp-demo *{box-sizing:border-box}.sp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 30px;border-bottom:1px solid #ded8e0}.sp-toolbar>span:first-child{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.15em}.sp-toolbar i{width:7px;height:7px;border-radius:50%;background:#2457e7;box-shadow:0 0 0 4px #2457e710}.sp-demo-tag{font-size:10px;color:#765269;background:#f0e6ed;padding:7px 11px;border-radius:30px}.sp-tabs{display:flex;gap:8px;padding:25px 30px 0}.sp-tabs button{display:flex;gap:12px;align-items:center;border:1px solid #d9d3de;background:transparent;color:#687086;padding:13px 19px;border-radius:8px;font:11px Arial,sans-serif;cursor:pointer;min-height:46px}.sp-tabs button span{font-size:12px}.sp-tabs button[aria-pressed=true]{background:#172544;border-color:#172544;color:#fff}.sp-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;padding:38px 36px 30px}.sp-card-stage{min-width:0;padding-top:15px}.sp-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#3658be80,transparent 65%),#101b39;color:#fff;border:1px solid #5471a3;border-radius:18px;padding:30px;box-shadow:0 24px 36px #111e3e24;transform:rotate(-2deg);transition:transform .3s;min-height:322px}.sp-card:before{content:'&';position:absolute;z-index:-1;font:italic 370px/.8 Georgia,serif;right:-38px;top:-15px;color:#ffffff05;pointer-events:none}.sp-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.sp-brand{font:700 25px/1 Arial,sans-serif;letter-spacing:.15em}.sp-brand span{display:block;margin-top:9px;font:7px/1.6 Arial,sans-serif;letter-spacing:.16em}.sp-card-category{font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#edb6cf;border:1px solid #f3a4c345;border-radius:30px;padding:6px 9px;white-space:nowrap}.sp-card-copy{margin:34px 0 25px}.sp-card-copy p{font-size:8px;letter-spacing:.17em;color:#b5c4e7;margin:0 0 12px}#main .sp-card h3{font:400 clamp(25px,2.65vw,37px)/1.15 Georgia,serif;color:#fff;letter-spacing:-.035em;margin:0}.sp-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.sp-stamps>span{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px dashed #94a5cd70;border-radius:50%;color:#a4b5d9;background:#ffffff03}.sp-stamps b{font:10px Arial,sans-serif;letter-spacing:.08em}.sp-stamps .is-filled{border:2px solid #f3a4c3;color:#f3a4c3;background:#f3a4c30a;box-shadow:inset 0 0 0 3px #101b39,inset 0 0 0 4px #f3a4c380;transform:rotate(-12deg)}.sp-stamps .is-filled b{font-size:24px}.sp-stamps .is-filled:after{content:'KANTE';position:absolute;bottom:13%;font:6px Arial,sans-serif;letter-spacing:.12em}.sp-stamps .is-new{animation:sp-stamp .45s both}.sp-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px;padding-top:17px;border-top:1px solid #ffffff20;font:7px Arial,sans-serif;letter-spacing:.1em;color:#b8c7e6}.sp-card-bottom b{display:block;color:#fff;margin-top:6px;font-weight:400}.sp-card-bottom strong{color:#f3a4c3;font-size:16px}.sp-card-caption{display:flex;justify-content:space-between;gap:12px;margin:24px 2px 30px;color:#65718a;font-size:8px;letter-spacing:.08em}.sp-card-caption>span:last-child{letter-spacing:0;font-size:10px}.sp-label{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8a405f}.sp-activity{border-top:1px solid #ded8e0;padding:20px 4px 0}.sp-activity ol{list-style:none;padding:0;margin:15px 0 0}.sp-activity li{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:9px 0;color:#60687a;font-size:11px;border-bottom:1px solid #e9e4ea}.sp-activity li:before{content:'↗';color:#8a405f}.sp-activity li span{flex:1}.sp-activity time{font-size:9px;color:#687086}.sp-experience{min-width:0}.sp-experience>.sp-label{margin:0 0 15px}#main .sp-experience>h3{font:400 clamp(29px,3vw,42px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 18px;color:#20283d}.sp-description{font-size:13px;line-height:1.8;color:#626878;margin:0 0 24px}.sp-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:10px}.sp-progress-head strong{font-weight:600}.sp-progress-head>span{white-space:nowrap;color:#646c80}.sp-progress{height:5px;border-radius:5px;overflow:hidden;background:#e0dce7;margin-bottom:22px}.sp-progress>span{display:block;height:100%;width:0;background:#2457e7;transition:width .4s}.sp-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;border:1px solid #2457e7;border-radius:8px;background:#2457e7;color:#fff;font:600 12px/1.5 Arial,sans-serif;min-height:52px;padding:14px 18px;cursor:pointer;box-shadow:0 7px 18px #2457e71c}.sp-primary b{font-size:20px;font-weight:400}.sp-primary:hover{background:#1944bf}.sp-primary:disabled{background:#ede8ef;color:#626878;border-color:#d8d0dd;box-shadow:none;cursor:default}.sp-button-hint{text-align:center;font-size:10px;color:#687086;margin:10px 0 24px}.sp-reward{padding:19px;border:1px solid #ded4dc;border-radius:12px;background:#f4edf1;transition:background .3s,border-color .3s}.sp-reward-heading{display:flex;gap:12px;align-items:center}.sp-gift{font:34px Georgia,serif;color:#9c365d}.sp-reward-heading>div{flex:1}.sp-reward .sp-label{font-size:7px}#main .sp-reward h4{font:400 20px/1.25 Georgia,serif;color:#20283d;letter-spacing:-.025em;margin:5px 0 0}.sp-lock{font-size:9px;color:#715d70;text-align:right;max-width:65px;line-height:1.5}.sp-reward>p{font-size:11px;line-height:1.7;color:#686172;margin:12px 0 0}.sp-reward.is-ready{background:#eaf0ff;border-color:#2457e770}.sp-reward.is-ready .sp-lock{color:#244bc4}.sp-coupon{margin-top:20px;padding:17px 0;border-top:1px dashed #a5b3d0;border-bottom:1px dashed #a5b3d0;text-align:center}.sp-coupon>span{display:block;font-size:8px;letter-spacing:.15em;color:#536384}.sp-coupon strong{display:block;font:700 23px/1.5 monospace;letter-spacing:.12em;color:#172544;margin:7px 0}.sp-coupon button{background:none;border:0;color:#244bc4;font-size:11px;padding:8px;cursor:pointer}.sp-redeem{display:flex;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin-top:14px;padding:12px;background:#172544;color:white;border:0;border-radius:6px;font:11px/1.5 Arial,sans-serif;cursor:pointer}.sp-demo [hidden]{display:none!important}.sp-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:9px;color:#687086}.sp-footer-actions button{border:0;background:none;color:#8a405f;cursor:pointer;font-size:10px;min-height:44px;flex-shrink:0;padding:6px}.sp-status{font-size:11px;line-height:1.7;color:#394f7b;margin:5px 0 0;min-height:38px}.sp-how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #ded8e0;padding:23px 30px;background:#f3eff4}.sp-how>div{display:flex;gap:13px;align-items:start}.sp-how>div>span{font:italic 23px/1 Georgia,serif;color:#a9426d}.sp-how p{font-size:10px;line-height:1.7;color:#687086;margin:0}.sp-how strong{display:block;color:#20283d;font-size:11px;margin-bottom:3px}.sp-demo :focus-visible{outline:3px solid #a9426d;outline-offset:4px}@keyframes sp-stamp{0%{transform:scale(1.5) rotate(-28deg);opacity:0}65%{transform:scale(.91) rotate(-12deg);opacity:1}100%{transform:scale(1) rotate(-12deg)}}
@media(min-width:1000px){.sp-card-stage:hover .sp-card{transform:rotate(0)}}
@media(max-width:1000px){.sp-layout{gap:28px;padding:30px 25px}.sp-card{padding:24px}.sp-stamps{gap:7px}.sp-brand{font-size:21px}.sp-card-category{font-size:7px;padding:5px 6px}.sp-card-caption{flex-direction:column;gap:6px}.sp-stamps .is-filled b{font-size:21px}}
@media(max-width:760px){.sp-layout{grid-template-columns:1fr;padding:24px;gap:32px}.sp-card-stage{padding:8px 4px 0}.sp-card{max-width:500px;margin:auto;min-height:0;padding:27px}.sp-card-copy{margin:29px 0 24px}#main .sp-card h3{font-size:33px}.sp-stamps{gap:12px}.sp-stamps>span{max-width:70px}.sp-stamps .is-filled b{font-size:28px}.sp-card-caption{flex-direction:row;margin:22px 0}.sp-activity{display:none}.sp-toolbar{padding:17px 22px}.sp-toolbar>span:first-child{font-size:7px;letter-spacing:.08em}.sp-demo-tag{font-size:9px}.sp-tabs{padding:20px 22px 0;gap:6px}.sp-tabs button{flex:1;justify-content:center;padding:12px 8px;gap:6px;font-size:9px}.sp-tabs button span{font-size:10px}.sp-how{padding:22px;grid-template-columns:1fr;gap:17px}.sp-how p{font-size:11px}.sp-how strong{display:inline;margin-right:6px}.sp-experience>.sp-label{font-size:8px}.sp-description{font-size:14px}.sp-status{min-height:0}.sp-footer-actions{font-size:9px}}
@media(max-width:380px){.sp-layout{padding:20px 16px}.sp-card{padding:21px}.sp-stamps{gap:7px}#main .sp-card h3{font-size:28px}.sp-tabs{padding:17px 14px 0}.sp-tabs button{gap:5px;padding:10px 5px}.sp-tabs button span{font-size:9px}.sp-card-caption>span{font-size:7px}.sp-card-caption>span:last-child{font-size:9px}.sp-card-category{font-size:6px}.sp-toolbar{padding:16px}.sp-toolbar>span:first-child{font-size:6px}.sp-primary{font-size:11px}.sp-lock{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sp-card,.sp-progress>span,.sp-reward{transition:none}.sp-stamps .is-new{animation:none}}
.sp-activity li{justify-content:flex-start}.sp-activity time{margin-left:auto}
@media(max-width:760px){#main .sp-card h3{font-size:clamp(23px,6.8vw,33px)}}