:root{--canvas: #ffffff;--inverse-canvas: #000000;--surface-soft: #f7f7f5;--surface-card: #ffffff;--surface-dark: #00C805;--surface-dark-elevated: #00b805;--ink: #000000;--inverse-ink: #ffffff;--on-inverse-soft: #ffffff;--body: #000000;--body-strong: #000000;--muted: #595959;--muted-soft: #808080;--primary: #000000;--primary-active: #222222;--primary-disabled: #cccccc;--on-primary: #ffffff;--hairline: #e6e6e6;--hairline-soft: #f1f1f1;--block-lime: #dceeb1;--block-lilac: #c5b0f4;--block-cream: #f4ecd6;--block-pink: #efd4d4;--block-mint: #c8e6cd;--block-coral: #f3c9b6;--block-navy: #00C805;--accent-magenta: #ff3d8b;--semantic-success: #1ea64a;--overlay-scrim: #000000;--warning: #d4a017;--error: #e02424;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 50px;--radius-full: 9999px;--space-hair: 1px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-section: 96px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.45;font-feature-settings:"kern" 1}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--canvas)}::selection{background-color:var(--block-lime);color:var(--ink)}.display-xl{font-family:var(--font-sans);font-size:clamp(48px,6vw,86px);font-weight:340;line-height:1;letter-spacing:-1.72px;color:var(--ink)}.display-lg{font-family:var(--font-sans);font-size:clamp(38px,4.5vw,64px);font-weight:340;line-height:1.1;letter-spacing:-.96px;color:var(--ink)}.headline{font-family:var(--font-sans);font-size:26px;font-weight:540;line-height:1.35;letter-spacing:-.26px;color:var(--ink)}.subhead{font-family:var(--font-sans);font-size:26px;font-weight:340;line-height:1.35;letter-spacing:-.26px;color:var(--ink)}.card-title{font-family:var(--font-sans);font-size:24px;font-weight:700;line-height:1.45;letter-spacing:0;color:var(--ink)}.body-lg{font-family:var(--font-sans);font-size:20px;font-weight:330;line-height:1.4;letter-spacing:-.14px;color:var(--ink)}.body,.body-md{font-family:var(--font-sans);font-size:18px;font-weight:320;line-height:1.45;letter-spacing:-.26px;color:var(--ink)}.body-sm{font-family:var(--font-sans);font-size:16px;font-weight:330;line-height:1.45;letter-spacing:-.14px;color:var(--ink)}.eyebrow{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:1.3;letter-spacing:.54px;text-transform:uppercase;color:var(--ink)}.caption,.caption-uppercase{font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1;letter-spacing:.6px;text-transform:uppercase;color:var(--ink)}.code-text{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:1.5}.title-lg{font-family:var(--font-sans);font-size:22px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.display-md{font-family:var(--font-sans);font-size:clamp(32px,4vw,44px);font-weight:340;line-height:1.15;letter-spacing:-.7px;color:var(--ink)}.display-sm{font-family:var(--font-sans);font-size:clamp(24px,3vw,32px);font-weight:540;line-height:1.25;letter-spacing:-.4px;color:var(--ink)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary);color:var(--on-primary);font-family:var(--font-sans);font-size:16px;font-weight:480;line-height:1.4;letter-spacing:-.1px;padding:10px 22px;min-height:44px;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .1s ease,background-color .15s ease}.btn-primary:hover{background-color:var(--primary-active);color:var(--on-primary)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background-color:var(--primary-disabled);color:#666;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:16px;font-weight:480;line-height:1.4;letter-spacing:-.1px;padding:8px 18px 10px;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--hairline);cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.btn-secondary:hover{background-color:var(--surface-soft);border-color:#d0d0d0;color:var(--ink)}.btn-secondary:active{transform:scale(.98)}.btn-magenta-promo{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--accent-magenta);color:#fff;font-family:var(--font-sans);font-size:16px;font-weight:480;line-height:1.4;letter-spacing:-.1px;padding:10px 20px;min-height:44px;border-radius:var(--radius-pill);border:none;cursor:pointer;text-decoration:none;transition:transform .1s ease,filter .15s ease}.btn-magenta-promo:hover{filter:brightness(1.08)}.btn-magenta-promo:active{transform:scale(.98)}.btn-icon-circular{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--surface-soft);color:var(--ink);border:1px solid var(--hairline);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.btn-icon-circular:hover{background-color:#ebebeb}.btn-icon-circular:active{transform:scale(.95)}.btn-icon-circular-inverse{width:40px;height:40px;border-radius:var(--radius-full);background-color:#ffffff29;color:var(--inverse-ink);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.btn-icon-circular-inverse:hover{background-color:#ffffff47}.text-input{background-color:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:16px;border-radius:var(--radius-md);padding:12px 14px;border:1px solid var(--hairline);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.color-block-section{width:100%;border-radius:var(--radius-lg);padding:var(--space-xxl);box-sizing:border-box;margin-bottom:var(--space-section);position:relative}.block-lime{background-color:var(--block-lime);color:var(--ink)}.block-lilac{background-color:var(--block-lilac);color:var(--ink)}.block-cream{background-color:var(--block-cream);color:var(--ink)}.block-pink{background-color:var(--block-pink);color:var(--ink)}.block-mint{background-color:var(--block-mint);color:var(--ink)}.block-coral{background-color:var(--block-coral);color:var(--ink)}.block-navy{background-color:var(--block-navy);color:#000}.block-navy *{color:#000}.block-navy .btn-secondary{background-color:#fff;color:#000;border:1px solid #000000}.block-navy .btn-primary{background-color:#000;color:#fff}.marquee-strip{width:100%;height:36px;background-color:var(--inverse-canvas);color:var(--inverse-ink);font-family:var(--font-sans);font-size:13px;font-weight:480;display:flex;align-items:center;overflow:hidden;position:relative;border-bottom:1px solid #1a1a1a}.marquee-content{display:flex;align-items:center;gap:32px;white-space:nowrap;animation:marquee-scroll 28s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:12px;font-weight:500;border:1px solid var(--hairline);background-color:var(--surface-soft);color:var(--ink)}.pricing-card{background-color:var(--canvas);color:var(--ink);border-radius:var(--radius-lg);padding:32px 28px;border:1px solid var(--hairline);display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease}.pricing-card:hover{border-color:#000}@media(max-width:768px){.color-block-section{border-radius:0;padding:32px 20px;margin-bottom:48px}}.card-cream{background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg)}.card-dark{background-color:var(--surface-dark);color:var(--inverse-ink);border:1px solid #28264e;border-radius:var(--radius-lg)}.skeleton-shimmer{background:linear-gradient(90deg,#28264e 25%,#38366e,#28264e 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-pill)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in{animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{transform:scale(.96);opacity:.35}50%{transform:scale(1.15);opacity:.75}to{transform:scale(.96);opacity:.35}}@keyframes typewriterBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes scaleInSoft{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}button{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}button:active{transform:scale(.98)}.card-cream,.card-dark,.card-interactive{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease}.badge-pill{transition:all .15s ease}.badge-pill:hover{transform:translateY(-1px)}