@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-light: #34d399;--color-primary-dark: #047857;--color-primary-glow: rgba(16, 185, 129, .3);--color-primary-subtle: rgba(16, 185, 129, .1);--color-bg: #041f17;--color-bg-elevated: #052a1e;--color-bg-card: rgba(5, 42, 30, .9);--color-bg-card-hover: rgba(8, 55, 40, .95);--color-bg-overlay: rgba(4, 31, 23, .8);--color-bg-input: rgba(4, 31, 23, .5);--color-text: #FEF08A;--color-text-secondary: #FDE68A;--color-text-muted: #D4A574;--color-text-disabled: #8B7355;--color-text-inverse: #000000;--color-border: #0a4030;--color-border-light: #0d5040;--color-border-focus: var(--color-primary);--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-error-bg: rgba(239, 68, 68, .1);--color-success: #22c55e;--color-success-light: #4ade80;--color-success-dark: #16a34a;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-bg: rgba(245, 158, 11, .1);--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--color-info-bg: rgba(59, 130, 246, .1);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--text-xs: clamp(.625rem, .5rem + .25vw, .75rem);--text-sm: clamp(.75rem, .65rem + .3vw, .875rem);--text-base: clamp(.875rem, .8rem + .35vw, 1rem);--text-lg: clamp(1rem, .9rem + .4vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-2xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);--text-4xl: clamp(1.875rem, 1.4rem + 1.5vw, 2.25rem);--text-5xl: clamp(2.25rem, 1.6rem + 2vw, 3rem);--text-6xl: clamp(3rem, 2rem + 3vw, 4rem);--text-hero: clamp(3rem, 2rem + 8vw, 8rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--skew: -6deg;--rotate: -1deg;--rotate-hover: -2deg;--rotate-card: 1deg;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--animation-duration-fast: .2s;--animation-duration-normal: .4s;--animation-duration-slow: .6s;--shadow-sm: 2px 2px 0 var(--color-primary);--shadow-md: 4px 4px 0 var(--color-primary);--shadow-lg: 6px 6px 0 var(--color-primary);--shadow-xl: 8px 8px 0 var(--color-primary);--shadow-white-sm: 2px 2px 0 var(--color-text);--shadow-white-md: 4px 4px 0 var(--color-text);--shadow-white-lg: 6px 6px 0 var(--color-text);--shadow-text: 2px 2px 0 var(--color-primary);--shadow-text-lg: 3px 3px 0 var(--color-primary);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-lg: 0 0 40px var(--color-primary-glow);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--border-thin: 1px;--border-default: 2px;--border-thick: 3px;--border-heavy: 4px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--z-behind: -1;--z-base: 0;--z-dropdown: 10;--z-sticky: 50;--z-fixed: 100;--z-overlay: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--color-text)}h1{font-size:var(--text-hero);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}strong,b{font-weight:var(--font-bold)}em,i{font-style:italic}small{font-size:var(--text-sm)}code,kbd,pre,samp{font-family:var(--font-mono)}code{background-color:var(--color-bg-card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em}pre{background-color:var(--color-bg-card);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;border:var(--border-default) solid var(--color-border)}pre code{background:none;padding:0;border-radius:0}blockquote{border-left:var(--border-heavy) solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4) 0;font-style:italic;color:var(--color-text-muted)}hr{border:none;border-top:var(--border-default) solid var(--color-border);margin:var(--space-8) 0}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}main{flex:1;position:relative;z-index:var(--z-base)}#webgl-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-behind);opacity:.4;pointer-events:none}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.container{padding:0 var(--space-8)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-8);border-bottom:var(--border-default) solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-bg-overlay);position:sticky;top:0;z-index:var(--z-fixed);transition:background var(--transition-normal)}.navbar.scrolled{background:#041f17f2;box-shadow:0 4px 20px #041f1780}.logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-decoration:none;letter-spacing:var(--tracking-wider);text-transform:uppercase;transform:skew(var(--skew));transition:all var(--transition-normal)}.logo:hover{color:var(--color-primary);text-shadow:var(--shadow-text)}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-links a{color:var(--color-text);text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-medium);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-normal)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover{color:var(--color-primary)}.nav-links a.btn-primary,.nav-links a.btn-secondary{padding:var(--space-2) var(--space-4);border:var(--border-thick) solid;transform:skew(var(--skew))}.nav-links a.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.nav-links a.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.nav-links a.btn-primary:after,.nav-links a.btn-secondary:after{display:none}.nav-balance{background:var(--color-bg-card);padding:var(--space-2) var(--space-4);border:var(--border-default) solid var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm);transform:skew(var(--skew));color:var(--color-primary)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast)}@media (max-width: 768px){.navbar{padding:var(--space-3) var(--space-4)}.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-4);gap:var(--space-4);border-bottom:var(--border-default) solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible}}.btn,button,[type=button],[type=submit],[type=reset]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);text-decoration:none;cursor:pointer;border:var(--border-heavy) solid transparent;transform:skew(var(--skew)) rotate(var(--rotate));transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:skew(var(--skew)) rotate(var(--rotate))}.btn-primary,a.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-white-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);text-decoration:none;cursor:pointer;border:var(--border-heavy) solid var(--color-primary);transform:skew(var(--skew)) rotate(var(--rotate));transition:all var(--transition-normal)}.btn-primary:hover:not(:disabled),a.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:skew(var(--skew)) rotate(var(--rotate)) scale(1.05) translateY(-2px);box-shadow:var(--shadow-white-lg)}.btn-primary:active:not(:disabled){transform:skew(var(--skew)) rotate(var(--rotate)) scale(.98);box-shadow:var(--shadow-white-sm)}.btn-secondary,a.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-text);box-shadow:var(--shadow-white-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);text-decoration:none;cursor:pointer;border:var(--border-heavy) solid var(--color-text);transform:skew(var(--skew)) rotate(var(--rotate));transition:all var(--transition-normal)}.btn-secondary:hover:not(:disabled),a.btn-secondary:hover{background:var(--color-text);color:var(--color-text-inverse);transform:skew(var(--skew)) rotate(var(--rotate)) scale(1.05) translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:active:not(:disabled){transform:skew(var(--skew)) rotate(var(--rotate)) scale(.98)}.btn-ghost{background:transparent;color:var(--color-text);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-bg-card);border-color:var(--color-border);transform:skew(var(--skew)) rotate(var(--rotate)) scale(1.02)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:skew(var(--skew)) rotate(var(--rotate)) scale(1.05) translateY(-2px)}.btn-danger{background:var(--color-error);color:var(--color-text);border-color:var(--color-error);box-shadow:4px 4px 0 var(--color-error-dark)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark);transform:skew(var(--skew)) rotate(var(--rotate)) scale(1.05) translateY(-2px)}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.btn-full{width:100%}.btn-icon{padding:var(--space-3);aspect-ratio:1}.btn-no-transform{transform:none}.btn-no-transform:hover:not(:disabled){transform:scale(1.05) translateY(-2px)}.card{background:var(--color-bg-card);border:var(--border-heavy) solid var(--color-border);padding:var(--space-6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:rotate(var(--rotate));transition:all var(--transition-normal);position:relative}.card:hover{transform:rotate(var(--rotate-hover)) scale(1.02);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-flat{transform:none}.card-flat:hover{transform:translateY(-4px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-default) solid var(--color-border)}.card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.card-body{color:var(--color-text-muted)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-default) solid var(--color-border)}.card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:rotate(var(--rotate-card)) scale(1.05)}.card-featured:hover{transform:rotate(0) scale(1.08);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.form-label-required:after{content:" *";color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-input);border:var(--border-default) solid var(--color-border);transform:skew(var(--skew));transition:all var(--transition-fast)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--color-border-light)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-sm)}.form-input-flat{transform:none}.form-textarea{min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:var(--space-10)}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 20px #ef44444d}.form-input-success{border-color:var(--color-success)}.form-help{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.form-error{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-checkbox input,.form-radio input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);transform:skew(var(--skew))}.badge-primary{background:var(--color-primary);color:var(--color-text-inverse)}.badge-secondary{background:var(--color-bg-card);color:var(--color-text);border:var(--border-thin) solid var(--color-border)}.badge-success{background:var(--color-success);color:var(--color-text-inverse)}.badge-warning{background:var(--color-warning);color:var(--color-text-inverse)}.badge-error{background:var(--color-error);color:var(--color-text)}.badge-info{background:var(--color-info);color:var(--color-text)}.badge-best-value{background:var(--color-primary);color:var(--color-text-inverse);position:absolute;top:-12px;left:50%;transform:translate(-50%) skew(var(--skew));padding:var(--space-1) var(--space-4);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.badge-free-tier{background:var(--color-success);color:var(--color-text-inverse)}.badge-popular{background:var(--color-warning);color:var(--color-text-inverse)}.hero-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-16) var(--space-4);position:relative;overflow:hidden}.hero-section h1{font-size:var(--text-hero);line-height:var(--leading-none);margin-bottom:var(--space-4);text-shadow:var(--shadow-text-lg);transform:rotate(var(--rotate));animation:float 6s ease-in-out infinite}.hero-section .subtitle{font-size:var(--text-xl);color:var(--color-text-muted);max-width:600px;margin-bottom:var(--space-8);transform:skew(var(--skew))}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-badge{display:inline-block;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);transform:skew(var(--skew)) rotate(-3deg);margin-bottom:var(--space-4)}.hero-decoration{position:absolute;opacity:.1;pointer-events:none}.hero-decoration-1{top:10%;left:5%;width:200px;height:200px;border:4px solid var(--color-primary);transform:rotate(15deg)}.hero-decoration-2{bottom:15%;right:10%;width:150px;height:150px;background:var(--color-primary);transform:skew(-10deg)}.features-section{padding:var(--space-24) var(--space-4);max-width:var(--container-2xl);margin:0 auto}.features-section h2{text-align:center;font-size:var(--text-5xl);margin-bottom:var(--space-16);text-shadow:var(--shadow-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.feature-card{background:var(--color-bg-card);padding:var(--space-8);border:var(--border-heavy) solid var(--color-border);text-align:center;transform:rotate(var(--rotate));transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:rotate(var(--rotate-hover)) scale(1.02);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.feature-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);display:block;transform:rotate(10deg);transition:transform var(--transition-normal)}.feature-card:hover .feature-icon{transform:rotate(-5deg) scale(1.1)}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-card p{color:var(--color-text-muted);margin:0}.pricing-section{padding:var(--space-24) var(--space-4);max-width:var(--container-2xl);margin:0 auto}.pricing-section h2{text-align:center;font-size:var(--text-5xl);margin-bottom:var(--space-16);text-shadow:var(--shadow-text)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);align-items:stretch}.pricing-card{background:var(--color-bg-card);padding:var(--space-8);border:var(--border-heavy) solid var(--color-border);text-align:center;transform:rotate(var(--rotate));transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:rotate(var(--rotate-hover)) scale(1.02);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:rotate(var(--rotate-card)) scale(1.05)}.pricing-card.featured:hover{transform:rotate(0) scale(1.08);box-shadow:var(--shadow-lg)}.pricing-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.pricing-price{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-primary);text-shadow:2px 2px 0 var(--color-primary-glow);margin-bottom:var(--space-2)}.pricing-credits{font-size:var(--text-xl);font-family:var(--font-mono);margin-bottom:var(--space-2)}.pricing-per-credit{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-6) 0;text-align:left;flex-grow:1}.pricing-features li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:var(--color-primary);font-weight:var(--font-bold)}.dashboard{padding:var(--space-8);max-width:var(--container-2xl);margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-default) solid var(--color-border)}.dashboard-header h1{font-size:var(--text-4xl);text-shadow:var(--shadow-text)}.balance-display{text-align:right}.balance-label{display:block;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.balance-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);font-family:var(--font-mono);text-shadow:var(--shadow-text)}.section{margin-bottom:var(--space-12)}.section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6);transform:skew(var(--skew))}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}.pack-card{background:var(--color-bg-card);padding:var(--space-6);border:var(--border-thick) solid var(--color-border);text-align:center;transform:rotate(var(--rotate));transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pack-card:hover{transform:rotate(var(--rotate-hover)) scale(1.02);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pack-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.pack-credits{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-mono)}.pack-price{color:var(--color-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:var(--space-2) 0}.pack-per-credit{color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-4);font-family:var(--font-mono)}.api-key-card{background:var(--color-bg-card);padding:var(--space-6);border:var(--border-thick) solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-key-card p{margin-bottom:var(--space-4);color:var(--color-text-muted)}.api-key{display:block;background:var(--color-bg-input);padding:var(--space-4);border:var(--border-default) solid var(--color-border);margin-bottom:var(--space-4);word-break:break-all;font-family:var(--font-mono);font-size:var(--text-xs);transform:skew(var(--skew));-webkit-user-select:all;user-select:all}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--space-12);border:var(--border-default) dashed var(--color-border);transform:rotate(var(--rotate))}.auth-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--space-8)}.auth-card{background:var(--color-bg-card);padding:var(--space-10);border:var(--border-heavy) solid var(--color-border);width:100%;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(var(--rotate))}.auth-card h1{font-size:var(--text-4xl);margin-bottom:var(--space-2);text-shadow:var(--shadow-text)}.auth-card .subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6);transform:skew(var(--skew))}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--color-text-muted)}.auth-switch a{color:var(--color-primary);font-weight:var(--font-bold)}.error-message{color:var(--color-error);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3);border-left:var(--border-thick) solid var(--color-error);background:var(--color-error-bg)}.success-message{color:var(--color-success);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3);border-left:var(--border-thick) solid var(--color-success);background:var(--color-success-bg)}.info-banner{background:var(--color-primary-subtle);border:var(--border-default) solid var(--color-primary);padding:var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm);transform:skew(var(--skew))}.success-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--space-8)}.success-card{background:var(--color-bg-card);padding:var(--space-12);border:var(--border-heavy) solid var(--color-primary);text-align:center;box-shadow:var(--shadow-md);transform:rotate(var(--rotate));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{font-size:5rem;color:var(--color-primary);margin-bottom:var(--space-6);display:block;animation:pulse 2s ease-in-out infinite}.success-card h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);text-shadow:var(--shadow-text)}.success-card p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.redirect-text{font-size:var(--text-sm);color:var(--color-text-muted)}.footer{text-align:center;padding:var(--space-8);border-top:var(--border-default) solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-overlay)}.footer a{color:var(--color-primary);transition:color var(--transition-fast)}.footer a:hover{color:var(--color-primary-light)}.footer-links{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}.footer-social{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.footer-social a{font-size:var(--text-xl);transition:transform var(--transition-fast),color var(--transition-fast)}.footer-social a:hover{transform:scale(1.2)}.brand-claude{--brand-color: #8B5CF6;color:var(--brand-color)}.brand-claude-bg{background:#8b5cf6;color:#fff}.brand-claude-border{border-color:#8b5cf6}.brand-claude-glow{box-shadow:0 0 20px #8b5cf64d}.brand-chatgpt{--brand-color: #74AA9C;color:var(--brand-color)}.brand-chatgpt-bg{background:#74aa9c;color:#fff}.brand-chatgpt-border{border-color:#74aa9c}.brand-chatgpt-glow{box-shadow:0 0 20px #74aa9c4d}.brand-gemini{--brand-color: #4285F4;color:var(--brand-color);background:linear-gradient(135deg,#4285f4,#ea4335,#fbbc05,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-gemini-bg{background:linear-gradient(135deg,#4285f4,#ea4335,#fbbc05,#34a853);color:#fff}.brand-gemini-border{border-image:linear-gradient(135deg,#4285f4,#ea4335,#fbbc05,#34a853) 1}.brand-gemini-glow{box-shadow:0 0 20px #4285f44d}@keyframes float{0%,to{transform:rotate(var(--rotate)) translateY(0)}50%{transform:rotate(var(--rotate)) translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--animation-duration-normal) ease forwards}.animate-slide-up{animation:slideUp var(--animation-duration-normal) ease forwards}.animate-slide-down{animation:slideDown var(--animation-duration-normal) ease forwards}.animate-scale-in{animation:scaleIn var(--animation-duration-normal) ease forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--color-text-muted);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-widest);animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-dots{display:flex;gap:var(--space-2)}.loading-dots span{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:bounce 1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.1s}.loading-dots span:nth-child(3){animation-delay:.2s}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-elevated) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-highlight{color:var(--color-primary);text-shadow:2px 2px 0 var(--color-text),3px 3px 0 rgba(4,31,23,.3)}.text-glow-primary{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow),0 0 20px var(--color-primary-glow)}.text-info{color:var(--color-info)}.text-white{color:var(--color-text)}.text-inverse{color:var(--color-text-inverse)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-evenly{display:flex;justify-content:space-evenly;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-dropdown)}.z-50{z-index:var(--z-sticky)}.z-100{z-index:var(--z-fixed)}.border{border:var(--border-default) solid var(--color-border)}.border-0{border:none}.border-t{border-top:var(--border-default) solid var(--color-border)}.border-b{border-bottom:var(--border-default) solid var(--color-border)}.border-l{border-left:var(--border-default) solid var(--color-border)}.border-r{border-right:var(--border-default) solid var(--color-border)}.border-primary{border-color:var(--color-primary)}.border-error{border-color:var(--color-error)}.border-success{border-color:var(--color-success)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.shadow-glow{box-shadow:var(--shadow-glow)}.skew{transform:skew(var(--skew))}.rotate{transform:rotate(var(--rotate))}.skew-rotate{transform:skew(var(--skew)) rotate(var(--rotate))}.transform-none{transform:none}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 767px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}.flex-col-mobile{flex-direction:column!important}.text-center-mobile{text-align:center!important}.w-full-mobile{width:100%!important}}@media (min-width: 768px) and (max-width: 1024px){.hidden-tablet{display:none!important}.block-tablet{display:block!important}.flex-tablet{display:flex!important}}@media (min-width: 1025px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}}@media (max-width: 768px){.sm\:hidden{display:none!important}}@media (min-width: 769px){.md\:block{display:block!important}.md\:flex{display:flex!important}}@media (min-width: 1025px){.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media (max-width: 768px){.hero-section{min-height:70vh;padding:var(--space-12) var(--space-4)}.hero-section h1{font-size:var(--text-5xl)}.hero-cta{flex-direction:column;align-items:center;width:100%}.hero-cta .btn{width:100%;max-width:300px}.features-section,.pricing-section{padding:var(--space-16) var(--space-4)}.features-section h2,.pricing-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-8)}.dashboard{padding:var(--space-4)}.dashboard-header{flex-direction:column;gap:var(--space-4);text-align:center}.balance-display{text-align:center}.auth-card{padding:var(--space-6);transform:none}.section h2,.card,.feature-card,.pricing-card,.pack-card{transform:none}.card:hover,.feature-card:hover,.pricing-card:hover,.pack-card:hover{transform:translateY(-4px)}.pricing-card.featured{transform:none}}@media (min-width: 769px) and (max-width: 1024px){.hero-section h1{font-size:var(--text-6xl)}.features-grid,.pricing-grid,.packs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.features-grid,.pricing-grid{grid-template-columns:repeat(3,1fr)}.packs-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-pulse,.animate-bounce,.animate-spin{animation:none!important}}@media (prefers-contrast: high){:root{--color-border: #ffffff;--color-text-muted: #cccccc}.btn-primary,.btn-secondary{border-width:3px}}@media print{.navbar,.footer,.hero-cta,.btn,button{display:none!important}body{background:#fff;color:#000}.card,.feature-card,.pricing-card{border:1px solid #ccc;box-shadow:none;transform:none;background:#fff}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}.legal-page{min-height:calc(100vh - 160px);padding:var(--space-8) var(--space-4);background:var(--color-bg)}.legal-container{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-border)}.legal-page .back-link{display:inline-block;margin-bottom:var(--space-6);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color .2s ease}.legal-page .back-link:hover{color:var(--color-primary)}.legal-page h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.legal-page .last-updated{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-8)}.legal-page section{margin-bottom:var(--space-8)}.legal-page h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.legal-page h3{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-page p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.legal-page ul{margin-left:var(--space-6);margin-bottom:var(--space-4)}.legal-page li{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.legal-page a{color:var(--color-primary);text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.legal-footer p{color:var(--color-text-tertiary);font-size:var(--text-sm)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-tertiary);text-decoration:none;font-size:var(--text-sm);transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}@media (max-width: 768px){.legal-container{padding:var(--space-5)}.legal-page h1{font-size:var(--text-2xl)}}.home-page{position:relative;min-height:100vh}.site-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#10b98140,#10b98126,#10b98114);pointer-events:none;z-index:-5}.home-hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-8);position:relative}.home-hero__badge{display:inline-block;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);transform:skew(var(--skew));margin-bottom:var(--space-6)}.home-hero__title{margin-bottom:var(--space-6)}.home-hero__title-main{display:block;font-size:clamp(4rem,15vw,12rem);line-height:.9;letter-spacing:-.03em;color:var(--color-text);text-shadow:3px 3px 0 var(--color-primary),6px 6px 0 rgba(4,31,23,.4);animation:float 8s ease-in-out infinite}.home-hero__title-sub{display:block;font-size:clamp(1rem,3vw,1.75rem);color:var(--color-text-muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);margin-top:var(--space-2)}.home-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:500px;margin-bottom:var(--space-8)}.home-hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.home-hero__free{margin-top:var(--space-10);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#10b98166,#10b98133);border:var(--border-thick) solid var(--color-primary);transform:skew(var(--skew));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-hero__free-text{display:block;transform:skew(6deg);font-family:var(--font-heading);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-hero__free-text strong{color:var(--color-text-secondary)}.home-section{padding:var(--space-16) var(--space-4);max-width:var(--container-xl);margin:0 auto}.home-section--bordered{border-top:var(--border-default) solid var(--color-border);padding-top:var(--space-16);margin-top:var(--space-8)}.home-section__title{text-align:center;font-size:var(--text-4xl);margin-bottom:var(--space-10);text-shadow:var(--shadow-text)}.home-section__desc{text-align:center;color:var(--color-text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-10)}.home-integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.home-integration{background:var(--color-bg-card);padding:var(--space-6);border:var(--border-thick) solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all var(--transition-normal)}.home-integration:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.home-integration--claude{border-color:#da7756}.home-integration--claude .home-integration__header{color:#da7756}.home-integration--chatgpt{border-color:#fff}.home-integration--chatgpt .home-integration__header{color:#fff}.home-integration--api{border-color:var(--color-primary)}.home-integration--api .home-integration__header{color:var(--color-primary)}.home-integration__badge{position:absolute;top:calc(-1 * var(--space-3));right:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-3);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);transform:skew(var(--skew))}.home-integration--claude .home-integration__badge{background:#da7756}.home-integration--chatgpt .home-integration__badge{background:#fff;color:#000}.home-integration--api .home-integration__badge{background:var(--color-primary)}.home-integration__image{aspect-ratio:16 / 9;width:100%;margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-default) dashed;background:#041f174d;transition:all var(--transition-normal)}.home-integration__image--claude{border-color:#d9770666;background:linear-gradient(135deg,#d977061a,#d977060d);color:#d97706}.home-integration__image--chatgpt{border-color:#fff6;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff}.home-integration__image--api{border-color:#10b98166;background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--color-primary)}.home-integration:hover .home-integration__image{border-style:solid;background:#041f1780}.home-integration__image-text{font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.7}.home-integration__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.home-integration__name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-integration__desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.home-integration__code{display:block;background:#041f1780;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);border:var(--border-default) solid var(--color-border);transform:skew(var(--skew))}.home-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-12)}.home-step{text-align:center}.home-step__icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-bg-card);border:var(--border-thick) solid var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-primary);position:relative;transition:all var(--transition-normal)}.home-step:hover .home-step__icon{transform:rotate(-5deg) scale(1.05);box-shadow:var(--shadow-md)}.home-step__number{position:absolute;top:-10px;left:-10px;width:28px;height:28px;background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center}.home-step__title{font-size:var(--text-xl);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-step__desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.home-feature{background:var(--color-bg-card);padding:var(--space-5);border:var(--border-default) solid var(--color-border);text-align:center;transition:all var(--transition-normal)}.home-feature:hover{border-color:var(--color-primary);transform:translateY(-2px)}.home-feature__icon{color:var(--color-primary);margin-bottom:var(--space-3)}.home-feature__title{font-size:var(--text-sm);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-feature__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.home-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.home-pack{background:var(--color-bg-card);padding:var(--space-6);border:var(--border-thick) solid var(--color-border);text-align:center;display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal)}.home-pack:hover{border-color:var(--color-primary);transform:translateY(-4px)}.home-pack--featured{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:scale(1.02)}.home-pack--featured:hover{transform:scale(1.04);box-shadow:var(--shadow-lg)}.home-pack__badge{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%) skew(var(--skew));background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-1) var(--space-4);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.home-pack__name{font-size:var(--text-xl);margin-bottom:var(--space-4)}.home-pack__price{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.home-pack__credits{font-size:var(--text-lg);font-family:var(--font-mono);margin-bottom:var(--space-1)}.home-pack__per{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:var(--space-6)}.home-pack__features{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left;flex-grow:1}.home-pack__features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.home-pack__features li:last-child{border-bottom:none}.home-pack__features svg{color:var(--color-primary);flex-shrink:0}.home-loading{text-align:center;color:var(--color-text-muted);padding:var(--space-8)}.home-cta{padding:var(--space-16) var(--space-4);text-align:center;border-top:var(--border-default) solid var(--color-border)}.home-cta__title{font-size:var(--text-4xl);margin-bottom:var(--space-4);text-shadow:var(--shadow-text)}.home-cta__desc{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.home-cta__buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.home-footer{padding:var(--space-8) var(--space-4);text-align:center;border-top:var(--border-default) solid var(--color-border);background:var(--color-bg-overlay)}.home-footer__brand{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.home-footer__brand a{font-family:var(--font-heading);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);transform:skew(var(--skew));display:inline-block}.home-footer__links{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.home-footer__links a{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.home-footer__links a:hover{color:var(--color-primary)}.home-footer__powered{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.6}@media (max-width: 768px){.home-hero{min-height:70vh;padding:var(--space-6)}.home-hero__title-main{font-size:clamp(3rem,12vw,6rem)}.home-hero__free{padding:var(--space-3) var(--space-6)}.home-section{padding:var(--space-10) var(--space-4)}.home-section__title{font-size:var(--text-3xl)}.home-integrations{grid-template-columns:1fr}.home-steps{grid-template-columns:1fr;gap:var(--space-6)}.home-features{grid-template-columns:repeat(2,1fr)}.home-pricing{grid-template-columns:1fr}.home-pack--featured{transform:none}.home-cta__title{font-size:var(--text-3xl)}}