/* Style C – "Pop": pastel, holographic, stickers and bento tiles. 2026-11-03 */
[data-theme=c]{
  --bg:#fff6fb;--ink:#2a1240;--pink:#ff7ac6;--lilac:#c9a7ff;--mint:#9ff5d3;--butter:#fff0a8;--sky:#9edbff;--muted:#6d5a80;
  --holo:linear-gradient(115deg,#ffb3e1,#c9a7ff 25%,#9edbff 50%,#9ff5d3 75%,#fff0a8);
  --track:#f6ecfb;--fill-img:var(--holo);--thumb:#fff;--th:26px;--trk-h:16px;--trk-b:2.5px solid #2a1240;--trk-bw:2.5px;
  --th-b:3px solid #2a1240;--th-sh:3px 3px 0 #2a1240;--focus:#2a1240;--calc-sep:2.5px solid #2a1240;--catch-ok:#ff4fa3;color-scheme:light}
[data-theme=c] body{background:var(--bg);color:var(--ink);font:400 17px/1.6 "DM Sans",system-ui,sans-serif}
[data-theme=c] h1 em,[data-theme=c] h2 .soft{font-style:normal;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill}

/* top bar */
[data-theme=c] .topbar{background:rgba(255,246,251,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2.5px solid var(--ink)}
[data-theme=c] .switcher{background:var(--ink);color:#e9dcf5}
[data-theme=c] .sw-claim strong{color:#fff}
[data-theme=c] .switcher{--sw-ico:#ff7ac6}
[data-theme=c] .sw-tabs{gap:6px}
[data-theme=c] .sw-chip{border-radius:50%}
[data-theme=c] .sw-tabs button{border-radius:99px;font:700 13.5px/1.1 "Bricolage Grotesque",sans-serif;border:2px solid var(--ink);background:#fff}
[data-theme=c] .sw-tabs button:hover{box-shadow:3px 3px 0 var(--ink)}
[data-theme=c] .sw-tabs button[aria-checked=true]{background:var(--holo);box-shadow:3px 3px 0 var(--ink)}
[data-theme=c] .switcher .sw-tabs button{color:#fff;background:transparent;border-color:rgba(255,255,255,.4)}
[data-theme=c] .switcher .sw-tabs button:hover{border-color:#fff;box-shadow:none}
[data-theme=c] .switcher .sw-tabs button[aria-checked=true]{background:var(--holo);color:var(--ink);border-color:#fff;box-shadow:none}
[data-theme=c] .wordmark{font:800 25px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}
[data-theme=c] .mark-box{width:38px;height:38px;border-radius:50%;background:var(--holo);border:2.5px solid var(--ink)}
[data-theme=c] .mark{width:19px;height:24px;fill:var(--ink)}
[data-theme=c] .nav-links{gap:4px}
[data-theme=c] .nav-links a{display:block;padding:8px 14px;border-radius:99px;font-weight:500}
[data-theme=c] .nav-links a:hover{background:#fff;box-shadow:0 0 0 2px var(--ink)}
[data-theme=c] .btn{padding:15px 24px;border-radius:99px;font:700 16.5px/1.1 "Bricolage Grotesque",sans-serif;border:2.5px solid var(--ink)}
[data-theme=c] .btn-primary{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--pink)}
[data-theme=c] .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pink)}
[data-theme=c] .btn-secondary{background:#fff;box-shadow:4px 4px 0 var(--ink)}
[data-theme=c] .btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
[data-theme=c] .nav-cta{padding:11px 18px;font-size:15px}

/* hero */
[data-theme=c] .hero{padding:40px 0 0}
[data-theme=c] .hero-in{grid-template-columns:1.1fr .9fr;gap:20px}
[data-theme=c] .badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:6px 14px 6px 7px;font-weight:500;font-size:15px}
[data-theme=c] .badge b{background:var(--mint);border-radius:99px;padding:3px 10px;font-size:13px}
[data-theme=c] h1{font:800 clamp(46px,6.2vw,86px)/.94 "Bricolage Grotesque",sans-serif;letter-spacing:-.045em;margin:22px 0}
[data-theme=c] .lead{font-size:19.5px;color:var(--muted);max-width:540px;margin-bottom:30px}
[data-theme=c] .lead strong{color:var(--ink)}
[data-theme=c] .c-art{position:relative;aspect-ratio:1;width:100%}
[data-theme=c] .c-blob{position:absolute;inset:6%;border-radius:42% 58% 55% 45%/50% 40% 60% 50%;background:var(--holo);border:3px solid var(--ink);animation:c-morph 10s ease-in-out infinite}
@keyframes c-morph{50%{border-radius:58% 42% 40% 60%/40% 60% 40% 60%}}
[data-theme=c] .c-uni{position:absolute;left:12%;top:4%;width:82%;height:88%;animation:c-bob 4s ease-in-out infinite;filter:drop-shadow(6px 6px 0 rgba(42,18,64,.9))}
@keyframes c-bob{50%{transform:translateY(-12px) rotate(-1.5deg)}}
[data-theme=c] .c-sticker{position:absolute;z-index:2;background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:10px 14px;font:700 15.5px/1.15 "Bricolage Grotesque",sans-serif;box-shadow:4px 4px 0 var(--ink)}
[data-theme=c] .c-s1{top:8%;left:-4%;transform:rotate(-8deg);background:var(--butter)}
[data-theme=c] .c-s2{bottom:16%;left:-2%;transform:rotate(5deg);background:var(--mint)}
[data-theme=c] .c-s3{top:2%;right:2%;transform:rotate(9deg);background:var(--pink);color:#fff}
[data-theme=c] .c-spark{position:absolute;font-size:28px;animation:c-spin 6s linear infinite}
[data-theme=c] .c-sp1{top:30%;right:-2%}[data-theme=c] .c-sp2{bottom:4%;right:22%;font-size:20px}
@keyframes c-spin{to{transform:rotate(360deg)}}
[data-theme=c] .facts{gap:14px;margin-top:36px}
[data-theme=c] .fact{background:#fff;border:2.5px solid var(--ink);border-radius:22px;padding:20px 22px;box-shadow:4px 4px 0 var(--ink);gap:6px}
[data-theme=c] .fact:nth-child(1){background:var(--butter)}[data-theme=c] .fact:nth-child(2){background:var(--sky)}[data-theme=c] .fact:nth-child(3){background:var(--pink)}[data-theme=c] .fact:nth-child(4){background:var(--mint)}
[data-theme=c] .fact .v{font:800 34px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}
[data-theme=c] .fact .l{font-weight:500;font-size:14.5px;line-height:1.35}
[data-theme=c] .marquee{margin-top:56px;border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:var(--ink);color:#fff}
[data-theme=c] .marquee > div{padding:15px 0;font:700 21px/1 "Bricolage Grotesque",sans-serif}
[data-theme=c] .marquee span{margin:0 20px}[data-theme=c] .marquee i{font-style:normal;color:var(--pink)}

/* sections */
[data-theme=c] .sec{padding:96px 0 0}
[data-theme=c] .kicker{display:inline-block;font:700 14px/1 "Bricolage Grotesque",sans-serif;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:7px 14px;margin-bottom:16px}
[data-theme=c] .kicker::before{content:"✦ ";color:var(--pink)}
[data-theme=c] h2{font:800 clamp(36px,5.2vw,66px)/.98 "Bricolage Grotesque",sans-serif;letter-spacing:-.04em;max-width:920px}
[data-theme=c] h2 .soft{-webkit-text-stroke-width:2px}
[data-theme=c] .sub{color:var(--muted);font-size:19px;max-width:660px;margin-top:14px}
[data-theme=c] .needs-try{background:var(--ink);color:#fff;border-radius:99px;padding:10px 10px 10px 26px}
[data-theme=c] .needs-try p{font:700 16.5px/1.3 "Bricolage Grotesque",sans-serif}
[data-theme=c] .needs-try .sw-tabs button{color:var(--ink)}

/* calculator */
[data-theme=c] .calc{background:#fff;border:2.5px solid var(--ink);border-radius:32px;box-shadow:8px 8px 0 var(--lilac);overflow:hidden}
[data-theme=c] .calc-in,[data-theme=c] .calc-out{padding:34px}
[data-theme=c] .calc-out{background:var(--bg)}
[data-theme=c] .ctl label,[data-theme=c] .ctl .lbl{font:700 17px/1.2 "Bricolage Grotesque",sans-serif}
[data-theme=c] .ctl output{font:800 17px/1 "Bricolage Grotesque",sans-serif;background:var(--butter);border:2px solid var(--ink);border-radius:99px;padding:6px 12px}
[data-theme=c] .ctl-scale{font-weight:500}
[data-theme=c] .tier-btn{border:2px solid var(--ink);border-radius:99px;padding:7px 13px;font:700 14px/1 "Bricolage Grotesque",sans-serif;background:#fff}
[data-theme=c] .tier-btn:hover{box-shadow:3px 3px 0 var(--ink)}
[data-theme=c] .tier-btn[aria-checked=true]{background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink)}
[data-theme=c] .res{background:#fff;border:2.5px solid var(--ink);border-radius:20px;padding:16px 18px}
[data-theme=c] .res .k{font-weight:500;font-size:14px;color:var(--muted)}
[data-theme=c] .res .v{font:800 32px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}
[data-theme=c] .bar{height:34px;border:2.5px solid var(--ink);border-radius:12px;background:#fff}
[data-theme=c] .bar-old{background:repeating-linear-gradient(45deg,#ddd 0 10px,#eee 10px 20px)}
[data-theme=c] .bar-new{background:var(--holo);border-right:2.5px solid var(--ink)}
[data-theme=c] .bar-lab{font-weight:700;font-size:15px}
[data-theme=c] .save{display:inline-block;background:var(--mint);border:2.5px solid var(--ink);border-radius:99px;padding:8px 16px;font:800 18px/1.2 "Bricolage Grotesque",sans-serif}
[data-theme=c] .ai-note{font-size:14.5px;color:var(--muted);margin-top:16px}
[data-theme=c] .ai-note a{color:var(--ink);text-decoration:underline}
[data-theme=c] .fine{font-size:13px;color:var(--muted);margin-top:16px}

/* cards = bento */
[data-theme=c] .cards{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto);gap:16px}
[data-theme=c] .card{border:2.5px solid var(--ink);border-radius:26px;padding:24px;background:#fff;transition:transform .2s,box-shadow .2s}
[data-theme=c] .card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:6px 6px 0 var(--ink)}
[data-theme=c] .card .ic::before{content:attr(data-c);display:block;font-size:36px;line-height:1;margin-bottom:12px}
[data-theme=c] .card h3{font:800 24px/1.04 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin-bottom:8px}
[data-theme=c] .card p{font-size:15.5px}
[data-theme=c] .card:nth-child(1){grid-column:span 2;grid-row:span 2;background:var(--pink)}
[data-theme=c] .card:nth-child(1) h3{font-size:52px}
[data-theme=c] .card:nth-child(1) p{font-size:19px;max-width:440px}
[data-theme=c] .card:nth-child(2){background:var(--butter)}[data-theme=c] .card:nth-child(3){background:var(--sky)}
[data-theme=c] .card:nth-child(4){background:var(--lilac)}[data-theme=c] .card:nth-child(5){background:var(--mint)}
[data-theme=c] .card:nth-child(6){grid-column:span 2}
[data-theme=c] .card:nth-child(7){background:var(--holo)}[data-theme=c] .card:nth-child(8){background:var(--butter)}

/* compare */
[data-theme=c] .compare-wrap{background:#fff;border:2.5px solid var(--ink);border-radius:26px;box-shadow:6px 6px 0 var(--ink)}
[data-theme=c] .compare th,[data-theme=c] .compare td{padding:16px 22px;border-bottom:2px solid #efe3f5}
[data-theme=c] .compare th{font:800 15px/1.2 "Bricolage Grotesque",sans-serif;background:var(--butter);border-bottom:2.5px solid var(--ink)}
[data-theme=c] .compare th.us{background:var(--pink);color:#fff}
[data-theme=c] .compare td.us{background:rgba(159,245,211,.35);font-weight:700}
[data-theme=c] .compare tbody tr:last-child td{border-bottom:0}

/* steps */
[data-theme=c] .steps{gap:16px}
[data-theme=c] .step{background:#fff;border:2.5px solid var(--ink);border-radius:26px;padding:24px}
[data-theme=c] .step::before{content:counter(step);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2.5px solid var(--ink);background:var(--holo);font:800 22px/1 "Bricolage Grotesque",sans-serif;margin-bottom:14px}
[data-theme=c] .step h3{font:800 24px/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin-bottom:6px}
[data-theme=c] .step p{color:var(--muted);font-size:15.5px}

/* pricing */
[data-theme=c] .tiers{gap:14px}
[data-theme=c] .tier{border:2.5px solid var(--ink);border-radius:22px;padding:22px 18px;background:#fff;box-shadow:4px 4px 0 var(--ink)}
[data-theme=c] .tier:nth-child(1){background:var(--butter);transform:rotate(-1.5deg)}[data-theme=c] .tier:nth-child(2){background:var(--sky)}
[data-theme=c] .tier:nth-child(3){background:var(--lilac)}[data-theme=c] .tier:nth-child(4){background:var(--mint)}[data-theme=c] .tier:nth-child(5){background:var(--pink)}
[data-theme=c] .tier .p{font:800 36px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}
[data-theme=c] .tier .p small{font-size:15px}
[data-theme=c] .tier .t{display:inline-block;font:700 13px/1 "DM Sans",sans-serif;background:var(--ink);color:#fff;border-radius:99px;padding:5px 10px;margin:10px 0 8px}
[data-theme=c] .tier p{font-size:14.5px}
[data-theme=c] .tier .spd{font:700 14px/1.2 "Bricolage Grotesque",sans-serif}
[data-theme=c] .price-note{color:var(--muted);margin-top:22px;font-size:15px}
[data-theme=c] .catch{margin-top:26px;background:var(--butter);border:2.5px solid var(--ink);border-radius:26px;padding:26px 30px;box-shadow:6px 6px 0 var(--ink)}
[data-theme=c] .catch .one{font:800 96px/1 "Bricolage Grotesque",sans-serif;color:var(--pink);-webkit-text-stroke:2.5px var(--ink)}
[data-theme=c] .catch h3{font:800 28px/1.05 "Bricolage Grotesque",sans-serif;margin-bottom:8px}

/* investors */
[data-theme=c] .sec.sec-inv{margin:96px 24px 0;padding:70px 0;background:var(--ink);color:#fff;border-radius:40px}
[data-theme=c] .sec-inv .kicker{background:var(--holo);border-color:#fff;color:var(--ink)}
[data-theme=c] .sec-inv .sub{color:#d9c8ef}
[data-theme=c] .sec-inv h2 .soft{-webkit-text-stroke-color:#fff}
[data-theme=c] .chart{background:var(--holo);color:var(--ink);border:2.5px solid #fff;border-radius:26px;padding:28px;transform:rotate(1.5deg)}
[data-theme=c] .chart-t{font:800 18px/1.2 "Bricolage Grotesque",sans-serif;margin-bottom:8px}
[data-theme=c] .chart-row{font-weight:700;margin:12px 0}
[data-theme=c] .chart-track{height:22px;border:2.5px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden}
[data-theme=c] .chart-b{height:100%;background:#ddd}
[data-theme=c] .chart-b.hl{background:var(--ink)}

/* extras */
[data-theme=c] .extras{gap:16px}
[data-theme=c] .extra{border:2.5px solid var(--ink);border-radius:26px;padding:26px;background:#fff}
[data-theme=c] .extra:nth-child(1){background:var(--lilac)}[data-theme=c] .extra:nth-child(2){background:var(--mint)}[data-theme=c] .extra:nth-child(3){background:var(--sky)}
[data-theme=c] .extra .yr{display:inline-block;font:700 13px/1 "DM Sans",sans-serif;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:5px 10px}
[data-theme=c] .extra h3{font:800 25px/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin:14px 0 8px}

/* about + FAQ */
[data-theme=c] .sig{color:var(--muted)}
[data-theme=c] .sig b{color:var(--ink);font:800 20px/1.2 "Bricolage Grotesque",sans-serif}
[data-theme=c] .faq details{background:#fff;border:2.5px solid var(--ink);border-radius:20px;padding:16px 20px;margin-bottom:12px;transition:box-shadow .2s}
[data-theme=c] .faq details[open]{box-shadow:4px 4px 0 var(--pink)}
[data-theme=c] .faq summary{font:700 17.5px/1.3 "Bricolage Grotesque",sans-serif}
[data-theme=c] .faq summary::after{font:800 26px/1 "Bricolage Grotesque",sans-serif;color:var(--pink)}
[data-theme=c] .faq details p{color:var(--muted);margin-top:8px;font-size:15.5px}

/* CTA + footer */
[data-theme=c] .sec-cta{text-align:center;padding:110px 0}
[data-theme=c] .sec-cta h2,[data-theme=c] .sec-cta .sub{margin-left:auto;margin-right:auto}
[data-theme=c] .sec-cta .ctas{justify-content:center;margin-top:30px}
[data-theme=c] .foot{color:var(--muted);font-size:14px;padding:26px 0 44px;border-top:2.5px solid var(--ink)}

@media (max-width:1100px){
  html[data-theme=c] .card:nth-child(1){grid-row:auto}
  html[data-theme=c] .card:nth-child(1) h3{font-size:42px}
}
@media (max-width:900px){
  html[data-theme=c] .c-art{max-width:440px;margin:0 auto}
  html[data-theme=c] .needs-try{border-radius:26px;padding:16px 18px}
}
@media (max-width:600px){
  html[data-theme=c] .card{grid-column:auto!important}
  html[data-theme=c] .c-sticker{font-size:13px;padding:8px 10px}
  html[data-theme=c] .calc-in,html[data-theme=c] .calc-out{padding:24px}
  html[data-theme=c] .sec.sec-inv{margin:80px 10px 0;border-radius:28px}
}