*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-source-sans,"Source Sans Pro"),"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;color:#333;background:#fafafa;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#5236ab14 0%,#0000 50%),radial-gradient(circle at 80% 70%,#e319370d 0%,#0000 50%),radial-gradient(circle,#9e83f50a 0%,#0000 50%);width:200%;height:200%;animation:20s infinite meshGradient;position:fixed;top:-50%;left:-50%}@keyframes meshGradient{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(5%,-5%)rotate(120deg)}66%{transform:translate(-5%,5%)rotate(240deg)}}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--color-cgi-purple:#5236ab;--color-cgi-purple-dark:#200a58;--color-cgi-purple-vivid:#9e83f5;--color-cgi-purple-medium:#cbc3e6;--color-cgi-purple-light:#e6e3f3;--color-cgi-purple-lightest:#f2f1f9;--color-cgi-red:#e31937;--color-cgi-red-dark:#c01530;--color-cgi-red-light:#ff6b7a;--color-cgi-red-subtle:#ffe8ec;--color-primary:#5236ab;--color-primary-hover:#4a30a0;--color-primary-active:#3d2780;--color-primary-light:#9e83f5;--color-primary-subtle:#f2f1f9;--color-accent:#e31937;--color-accent-hover:#c01530;--color-accent-light:#ff6b7a;--color-accent-subtle:#ffe8ec;--color-ai-blue:#5236ab;--color-ai-blue-subtle:#f2f1f9;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#eee;--color-neutral-300:#e0e0e0;--color-neutral-400:#bdbdbd;--color-neutral-500:#9e9e9e;--color-neutral-600:#757575;--color-neutral-700:#616161;--color-neutral-800:#424242;--color-neutral-900:#212121;--color-chart-1:#5236ab;--color-chart-2:#e31937;--color-chart-3:#ff978a;--color-chart-4:#fde5a7;--color-chart-5:#200a58;--color-chart-6:#822c84;--color-chart-7:#b3235e;--color-chart-8:#f15861;--color-background:#fff;--color-background-secondary:#fafafa;--color-background-tertiary:#f2f1f9;--color-surface:#fff;--color-surface-hover:#f2f1f9;--color-surface-active:#e6e3f3;--color-border:#e0e0e0;--color-border-subtle:#eee;--color-border-focus:#5236ab;--color-text:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-inverse:#fff;--color-text-link:#5236ab;--color-text-link-hover:#200a58;--color-error:#b00020;--color-success:#1ab977;--color-warning:#f9a825;--color-info:#5236ab;--font-family-primary:var(--font-source-sans,"Source Sans Pro"),"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:38px;--font-size-6xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--container-max-width:1440px;--header-height:72px;--left-rail-width:280px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 0 0 3px #5236ab26;--shadow-primary-lg:0 8px 16px -4px #5236ab40;--shadow-accent:0 0 0 3px #e319371a;--shadow-accent-lg:0 8px 16px -4px #e3193733;--transition-fast:.12s cubic-bezier(.4,0,.2,1);--transition-normal:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.container{max-width:var(--container-max-width);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin-left:auto;margin-right:auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-to-main{background:var(--color-primary);color:#fff;padding:var(--spacing-sm)var(--spacing-md);z-index:100;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-main:focus{top:0}main{min-height:calc(100vh - var(--header-height));padding:var(--spacing-xl)0}@media (max-width:768px){:root{--left-rail-width:0px}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}main{padding:var(--spacing-lg)0}}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);z-index:100;position:sticky;top:0}.header-container{max-width:var(--container-max-width);padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.header-logo h1{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:600;font-family:var(--font-family-primary);margin:0}.header-logo a{color:inherit;text-decoration:none}.header-nav{align-items:center;gap:var(--spacing-md);font-family:var(--font-family-primary);display:flex}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-xl)0;margin-top:auto}.footer-container{max-width:var(--container-max-width);padding:0 var(--spacing-lg);margin:0 auto}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-brand{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.footer-links{gap:var(--spacing-lg);display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-neutral-300);transform:translateY(-2px)}.card:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-primary);outline:2px solid var(--color-primary-subtle);outline-offset:2px}.card:before{content:"";background:linear-gradient(90deg,var(--color-primary)0%,var(--color-cgi-purple-vivid)100%);transform-origin:0;width:100%;height:2px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.card-pillar{cursor:pointer;min-height:200px;padding:var(--spacing-lg);flex-direction:column;display:flex;overflow:visible}.card-pillar:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-content{min-height:200px;padding:var(--spacing-lg)}.card-featured{border-left:3px solid var(--color-primary);background:linear-gradient(135deg,#fff 0%,#fffbfc 100%)}.card-simple{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:all var(--transition-fast)}.card-simple:hover{box-shadow:var(--shadow-md);border-color:var(--color-neutral-300)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:12px 24px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);background-image:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);box-shadow:var(--shadow-sm);color:#fff!important}.btn-primary *{color:#fff!important}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);background-image:linear-gradient(135deg,var(--color-primary-dark)0%,var(--color-primary-active)100%);box-shadow:var(--shadow-md),var(--shadow-primary-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);box-shadow:var(--shadow-xs);background-image:none;transform:translateY(0)}a.btn-primary{background:var(--color-primary);background-image:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff!important}a.btn-primary:hover,a.btn-primary:visited,a.btn-primary:active{color:#fff!important}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-subtle);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{font-size:var(--font-size-sm);padding:8px 16px}.btn-lg{font-size:var(--font-size-lg);padding:16px 32px}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 12px;display:inline-flex}.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary)}.badge-ai{background:var(--color-cgi-purple-light);color:var(--color-cgi-purple)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200)0%,var(--color-neutral-100)50%,var(--color-neutral-200)100%);border-radius:var(--radius-md);background-size:1000px 100%;animation:2s linear infinite shimmer}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-title{width:60%;height:28px;margin-bottom:var(--spacing-md)}.skeleton-card{height:200px}.hero{padding:var(--spacing-2xl)0 var(--spacing-xl);color:#fff;background:linear-gradient(135deg,#5236ab 0%,#4a30a0 50%,#200a58 100%);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 50% 80%,#ffffff0f 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);color:#fff}.hero-subtitle{font-size:var(--font-size-xl);color:#ffffffe6;max-width:700px;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.section-header{margin-bottom:var(--spacing-xxl)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm);display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-light)100%);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;bottom:-8px;left:0}.section-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (min-width:1024px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.interactive{transition:all var(--transition-fast);cursor:pointer}.interactive:hover{transform:scale(1.02)}.interactive:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.stagger-children>*{opacity:0;animation:.6s ease-out forwards fadeInUp}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 8px 32px #00000014}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}.gradient-mesh{background:radial-gradient(at 0 0,#5236ab1a 0%,#0000 50%),radial-gradient(at 100% 100%,#9e83f514 0%,#0000 50%)}.gradient-radial-purple{background:radial-gradient(circle,#5236ab1a 0%,#0000 70%)}.gradient-radial-red{background:radial-gradient(circle,#e319371a 0%,#0000 70%)}.gradient-radial-vivid{background:radial-gradient(circle,#9e83f51f 0%,#0000 70%)}.card-premium{border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#fff;border:1px solid #0000000f;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 10px 40px #00000005}.card-premium:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-cgi-purple-vivid),var(--color-accent));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card-premium:hover{border-color:#5236ab33;transform:translateY(-4px);box-shadow:0 4px 6px #0000000d,0 20px 60px #00000014}.card-premium:hover:before{opacity:1}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:0}.glow-purple{box-shadow:0 0 20px #5236ab4d}.glow-red{box-shadow:0 0 20px #e319374d}.glow-vivid{box-shadow:0 0 20px #9e83f54d}.glow-green{box-shadow:0 0 20px #1ab9774d}.animated-underline{display:inline-block;position:relative}.animated-underline:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-2px;left:0}.animated-underline:hover:after{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:3s ease-in-out infinite float}.float-delay-1{animation:3s ease-in-out .5s infinite float}.float-delay-2{animation:3s ease-in-out 1s infinite float}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s ease-in-out infinite pulse}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-cgi-purple-vivid));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-animated{background:linear-gradient(90deg,var(--color-primary),var(--color-cgi-purple-vivid),var(--color-accent),var(--color-primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5236ab66!important}.hero-cta-primary:active{transform:translateY(0)}.hero-cta-secondary:hover{transform:translateY(-2px);border-color:var(--color-primary)!important;box-shadow:0 6px 16px #00000026!important}.hero-cta-secondary:active{transform:translateY(0)}.premium-header{will-change:transform,box-shadow}@media (prefers-reduced-motion:no-preference){.premium-header{animation:3s ease-in-out infinite headerGlow}}@keyframes headerGlow{0%,to{box-shadow:0 1px 3px #0000000d,0 8px 24px #00000008}50%{box-shadow:0 1px 3px #0000000d,0 8px 24px #00000008,0 0 40px #5236ab08}}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}