@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Serif:wght@400;500;600;700&display=swap";
:root{--color-white:#fff;--color-off-white:#f8fafc;--color-bg:#fff;--color-green-50:#f8fafc;--color-green-100:#f1f5f9;--color-green-200:#e2e8f0;--color-green-300:#cbd5e1;--color-green-400:#94a3b8;--color-green-500:#64748b;--color-green-600:#475569;--color-green-700:#334155;--color-green-800:#1e293b;--color-green-900:#0f172a;--color-green-primary:#1e293b;--color-green-dark:#0f172a;--color-green-light:#e2e8f0;--color-purple-50:#fef2f2;--color-purple-100:#fee2e2;--color-purple-200:#fecaca;--color-purple-300:#fca5a5;--color-purple-400:#f87171;--color-purple-500:#ef4444;--color-purple-600:#dc2626;--color-purple-700:#b91c1c;--color-purple-800:#991b1b;--color-purple-900:#7f1d1d;--color-purple-primary:#dc2626;--color-purple-dark:#991b1b;--color-purple-light:#fca5a5;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-signature-bar:#111827;--color-text-primary:#111827;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--chart-bg:#f8fafc;--chart-grid:#e2e8f0;--chart-text:#64748b;--chart-accent-1:#dc2626;--chart-accent-2:#1e293b;--chart-accent-3:#f59e0b;--chart-accent-4:#3b82f6;--chart-accent-5:#10b981;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"IBM Plex Serif", Georgia, "Times New Roman", serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #00000005;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:72px;--max-width:1280px;--max-width-narrow:960px;--touch-min:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-white);font-size:16px;line-height:1.6}body.scroll-locked{width:100%;position:fixed;inset:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.75rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-purple-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-purple-dark)}.container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0}.gradient-text{background:linear-gradient(135deg, var(--color-purple-600), var(--color-green-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{background:var(--color-green-100);color:var(--color-green-800)}.badge-purple{background:var(--color-purple-100);color:var(--color-purple-800)}.badge-locked{background:var(--color-gray-200);color:var(--color-gray-600)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--color-purple-600), var(--color-purple-700));color:var(--color-white);box-shadow:0 2px 8px #7c3aed4d}.btn-primary:hover{background:linear-gradient(135deg, var(--color-purple-700), var(--color-purple-800));color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.btn-secondary{background:var(--color-white);color:var(--color-purple-700);border:2px solid var(--color-purple-200)}.btn-secondary:hover{background:var(--color-purple-50);border-color:var(--color-purple-400);color:var(--color-purple-700)}.btn-green{background:linear-gradient(135deg, var(--color-green-500), var(--color-green-600));color:var(--color-white);box-shadow:0 2px 8px #10b9814d}.btn-green:hover{background:linear-gradient(135deg, var(--color-green-600), var(--color-green-700));color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gray-300);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80}.fte-chart-wrapper{background:var(--chart-bg);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl) 0;overflow:hidden}.fte-chart-header{margin-bottom:var(--space-md)}.fte-chart-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:1.15rem;font-weight:700}.fte-chart-subtitle{font-family:var(--font-body);color:var(--color-text-muted);font-size:.85rem}.fte-chart-body{position:relative}.fte-chart-signature{background:var(--color-signature-bar);color:var(--color-gray-400);padding:var(--space-sm) var(--space-xl);margin:0 calc(-1 * var(--space-xl));letter-spacing:.01em;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.fte-chart-signature strong{color:var(--color-gray-300)}.hex-bg{position:relative}.hex-bg:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%237C3AED' fill-opacity='0.04'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hex-bg>*{z-index:1;position:relative}.hex-clip{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-divider{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg) 0;display:flex}.hex-divider:before,.hex-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gray-300), transparent);flex:1;height:1px}.hex-divider-icon{background:var(--color-purple-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0;width:12px;height:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container,.container-narrow{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}}@media (max-width:480px){h1{font-size:1.65rem}h2{font-size:1.35rem}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hexSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.customTooltip{cursor:help;display:inline-flex;position:relative}.customTooltip:after{content:attr(data-tooltip);background:var(--color-gray-900);color:var(--color-white);font-size:.75rem;font-family:var(--font-body);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;visibility:hidden;z-index:1000;pointer-events:none;box-shadow:var(--shadow-md);padding:6px 10px;font-weight:500;transition:opacity .1s,visibility .1s;position:absolute;bottom:0;left:50%;transform:translate(-50%,-20px)}.customTooltip:before{content:"";border:5px solid #0000;border-top-color:var(--color-gray-900);opacity:0;visibility:hidden;z-index:1000;pointer-events:none;transition:opacity .1s,visibility .1s;position:absolute;top:0;left:50%;transform:translate(-50%,-10px)}.customTooltip:hover:after,.customTooltip:hover:before{opacity:1;visibility:visible}@media (max-width:768px){button.btn,.btn,input[type=submit],input[type=button],select{min-height:var(--touch-min)!important}input[type=text],input[type=number],input[type=search]{min-height:var(--touch-min)!important;font-size:16px!important}}.table-scroll-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;position:relative;overflow-x:auto}@media (hover:hover){.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gray-300);transform:translateY(-2px)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-purple-700), var(--color-purple-800));transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}}*{-webkit-tap-highlight-color:transparent}button:active,a:active,.btn:active{opacity:.85}
