@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Inter:wght@400;500;600&display=swap);
:root{--bg-0: #0b1113;--bg-1: #123d3a;--bg-2: #1faf9a;--bg-3: #8fffea;--text-strong: rgba(255, 255, 255, 0.88);--text-primary: rgba(255, 255, 255, 0.82);--text-secondary: rgba(255, 255, 255, 0.64);--text-muted: rgba(255, 255, 255, 0.5);--line: rgba(255, 255, 255, 0.14);--card: rgba(255, 255, 255, 0.05)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-0);color:var(--text-primary);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{min-height:100vh}.cardton-root{position:relative;min-height:100vh;overflow:hidden;color:var(--text-primary);background:radial-gradient(120% 140% at 50% 20%, rgba(31, 175, 154, 0.08), transparent 55%),linear-gradient(180deg, #0b1113 0%, #123d3a 45%, #0b1113 100%);background-attachment:fixed}.cardton-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;gap:120px;padding:60px 24px 140px}.cardton-gradient{position:fixed;inset:0;z-index:0;pointer-events:none;isolation:isolate}.cardton-gradient canvas{width:100%;height:100%;display:block}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero-inner{max-width:780px;width:100%}.hero-title{margin:0;font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:clamp(38px,5vw,56px);line-height:1.15;font-weight:600;color:hsla(0,0%,100%,.85)}.hero-title .split-left,.hero-title .split-right{display:block}.hero-subtitle{margin:28px auto 0;max-width:660px;font-size:clamp(17px,2.4vw,21px);line-height:1.6;color:var(--text-secondary)}.micro-nav{margin:16px auto 0;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.cta-row{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{border:1px solid hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.06);color:var(--text-strong);padding:10px 18px;border-radius:14px;font-size:14px;letter-spacing:.01em;cursor:pointer;transition:all .25s ease}.btn.ghost:hover{border-color:rgba(31,175,154,.8);box-shadow:0 0 0 1px rgba(31,175,154,.35);background:rgba(31,175,154,.08)}.section{display:flex;justify-content:center;padding:0 12px}.section.deeper{padding-top:40px}.section.vivid{padding-top:20px}.section.quiet{opacity:.92}.section.final{padding-top:80px;padding-bottom:120px}.section-body{max-width:960px;width:100%;text-align:left;color:var(--text-primary)}.section-body.narrow{max-width:720px}.section-body h2{margin:0 0 16px;font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:600;color:var(--text-strong)}.section-body h2 .split-left,.section-body h2 .split-right{display:block}.section-body p{margin:0 0 14px;font-size:clamp(16px,2vw,19px);line-height:1.7;color:var(--text-secondary)}.section-body .stacked span{display:block;margin-bottom:8px}.accent-block{margin-top:18px;padding:14px 16px;border-left:2px solid rgba(31,175,154,.4);background:linear-gradient(90deg, rgba(31, 175, 154, 0.12), rgba(8, 17, 19, 0.1));border-radius:10px;color:var(--text-primary)}.steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:16px}.step-card{padding:14px 16px;border:1px solid var(--line);background:var(--card);border-radius:14px;backdrop-filter:blur(6px);box-shadow:0 10px 32px rgba(0,0,0,.25)}.step-card h3{margin:8px 0 8px;font-size:16px;font-weight:600;color:var(--text-strong)}.step-card p{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.glow-icon{width:18px;height:18px;border-radius:50%;display:inline-block;background:radial-gradient(circle, rgba(143, 255, 234, 0.7), rgba(31, 175, 154, 0.3) 60%, transparent 80%);box-shadow:0 0 22px rgba(143,255,234,.45)}.graphs{margin-top:20px;display:grid;gap:10px}.graph-line{height:6px;border-radius:999px;background:linear-gradient(90deg, rgba(31, 175, 154, 0.2), rgba(143, 255, 234, 0.5));position:relative;overflow:hidden}.graph-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(143, 255, 234, 0.7), transparent);animation:sweep 6s ease-in-out infinite}.graph-line.soft{opacity:.6}.graph-line.pulse::after{animation:pulse 4s ease-in-out infinite}.use-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:14px}.use-card{padding:16px;border:1px solid var(--line);background:var(--card);border-radius:14px;backdrop-filter:blur(4px)}.use-card h3{margin:10px 0 8px;font-size:17px;color:var(--text-strong)}.use-card p{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary)}.final-title{margin:0;font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:clamp(28px,4vw,40px);line-height:1.25;color:hsla(0,0%,100%,.82)}.final-sub{margin:12px 0 0;color:var(--text-secondary)}.cta-row.end{justify-content:flex-start;margin-top:20px}.fade-in{animation:fadeUp 1.4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{transform:translateX(-30%);opacity:0}40%{opacity:.7}100%{transform:translateX(120%);opacity:0}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}.leva-container{position:fixed;top:12px;right:12px;z-index:4;display:flex;flex-direction:column;gap:10px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:8px;width:320px;max-height:320px;overflow-y:auto;padding-right:4px}.preset-card{border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.25);color:#e6f2f1;padding:8px;border-radius:10px;cursor:pointer;text-align:left}.preset-card.active{border-color:rgba(143,255,234,.8);box-shadow:0 0 0 1px rgba(31,175,154,.35)}.preset-card .swatches{display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;margin-bottom:6px}.preset-card .swatches span{display:block;height:12px;border-radius:4px}.preset-card .preset-label{font-size:12px;line-height:1.3;opacity:.82}.reveal-center{opacity:0;transform:translateY(26px) translateZ(-120px) scale(0.96);filter:blur(8px);transition:opacity .7s ease,transform .9s ease,filter .9s ease}.reveal-center.is-visible{opacity:1;transform:translateY(0) translateZ(0) scale(1);filter:blur(0)}.reveal-center.is-past{opacity:0;transform:translateY(-24px) translateZ(-90px) scale(0.95);filter:blur(10px)}.split-shift{--split: 0}.split-shift .split-left,.split-shift .split-right{transition:transform .35s ease,opacity .35s ease,filter .35s ease}.split-shift .split-left{transform:translateX(calc(-24px * var(--split)))}.split-shift .split-right{transform:translateX(calc(24px * var(--split)))}@media(max-width: 768px){.cardton-content{padding:48px 16px 100px;gap:90px}.cta-row.end{justify-content:center}.preset-grid{width:280px}}.eyebrow{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;padding:6px 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:rgba(20,20,20,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px}