:root{--color-bg:#0a0a0f;--color-surface:#13131a;--color-surface-2:#1c1c27;--color-surface-3:#252535;--color-border:#2a2a3a;--color-border-light:#3a3a50;--color-text:#e8e8f0;--color-text-muted:#6b6b8a;--color-text-subtle:#4a4a65;--color-primary:#6c63ff;--color-primary-hover:#7c74ff;--color-primary-active:#5c54ef;--color-primary-muted:rgba(108,99,255,0.15);--color-accent:#ff6584;--color-accent-hover:#ff7a96;--color-accent-muted:rgba(255,101,132,0.15);--color-success:#4ade80;--color-success-muted:rgba(74,222,128,0.15);--color-warning:#fbbf24;--color-warning-muted:rgba(251,191,36,0.15);--color-error:#f87171;--color-error-muted:rgba(248,113,113,0.15);--color-info:#60a5fa;--color-info-muted:rgba(96,165,250,0.15);--color-overlay:rgba(0,0,0,0.6);--color-scrim:rgba(10,10,15,0.85);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6);--shadow-xl:0 16px 48px rgba(0,0,0,0.7);--shadow-glow-primary:0 0 20px rgba(108,99,255,0.3);--shadow-glow-accent:0 0 20px rgba(255,101,132,0.3);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.3);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--transition-fast:100ms ease;--transition-base:200ms ease;--transition-slow:350ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--container-max:1280px;--sidebar-width:280px;--toolbar-height:56px;--panel-width:320px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}ol,ul{list-style:none}button{cursor:pointer;border:none;background:none}.h1,h1{font-size:var(--text-4xl);letter-spacing:-.02em}.h1,.h2,h1,h2{font-weight:var(--font-bold);line-height:var(--leading-tight)}.h2,h2{font-size:var(--text-3xl);letter-spacing:-.015em}.h3,h3{font-size:var(--text-2xl);letter-spacing:-.01em}.h3,.h4,h3,h4{font-weight:var(--font-semibold);line-height:var(--leading-snug)}.h4,h4{font-size:var(--text-xl)}.h5,h5{font-size:var(--text-lg)}.h5,.h6,h5,h6{font-weight:var(--font-medium);line-height:var(--leading-normal)}.h6,h6{font-size:var(--text-base)}.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-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.glass{background:rgba(19,19,26,.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-lg)}.glass-light{background:rgba(28,28,39,.6);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-md)}.glass-heavy{background:rgba(10,10,15,.85);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-xl)}.glass-primary{background:rgba(108,99,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(108,99,255,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;min-height:36px}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:28px;border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:44px;border-radius:var(--radius-lg)}.btn-primary{background-color:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-glow-primary)}.btn-primary:active{background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-3);border-color:var(--color-border-light)}.btn-ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background-color:var(--color-surface-2);color:var(--color-text)}.btn-accent{background-color:var(--color-accent);color:#ffffff;border-color:var(--color-accent)}.btn-accent:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent)}.btn-danger{background-color:var(--color-error-muted);color:var(--color-error);border-color:rgba(248,113,113,.3)}.btn-danger:hover{background-color:var(--color-error);color:#ffffff;border-color:var(--color-error)}.btn-icon{padding:var(--space-2);min-height:36px;min-width:36px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-muted);border-color:transparent}.btn-icon:hover{background-color:var(--color-surface-2);color:var(--color-text)}.btn-icon.active{background-color:var(--color-primary-muted);color:var(--color-primary)}.btn-icon-sm{padding:var(--space-1);min-height:28px;min-width:28px;border-radius:var(--radius-sm)}.input,.select,.textarea{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);min-height:36px}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-light)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);background-color:var(--color-surface-3)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.45;cursor:not-allowed}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:28px;border-radius:var(--radius-sm)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-muted)}.select{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='%236b6b8a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.select,.slider{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider{width:100%;height:4px;background:var(--color-surface-3);border-radius:var(--radius-full);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;-webkit-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:2px solid var(--color-bg)}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-glow-primary)}.slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--color-bg)}.slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-primary-muted)}.label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox,.radio{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease both}.animate-fade-out{animation:fadeOut var(--transition-base) ease both}.animate-slide-up{animation:slideUp var(--transition-slow) ease both}.animate-slide-down{animation:slideDown var(--transition-slow) ease both}.animate-scale-in{animation:scaleIn var(--transition-slow) ease both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}@media (max-width:640px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.stack{gap:var(--space-4)}.stack,.stack-sm{display:flex;flex-direction:column}.cluster,.stack-sm{gap:var(--space-2)}.cluster{display:flex;flex-wrap:wrap;align-items:center}.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)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-surface-3{background-color:var(--color-surface-3)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:-webkit-grab;cursor:grab}.cursor-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.cursor-crosshair{cursor:crosshair}.pointer-events-none{pointer-events:none}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.divider{height:1px;width:100%}.divider,.divider-v{background-color:var(--color-border)}.divider-v{width:1px;align-self:stretch}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background-color:var(--color-surface-3);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-primary{background-color:var(--color-primary-muted);color:var(--color-primary);border-color:rgba(108,99,255,.3)}.badge-success{background-color:var(--color-success-muted);color:var(--color-success);border-color:rgba(74,222,128,.3)}.badge-warning{background-color:var(--color-warning-muted);color:var(--color-warning);border-color:rgba(251,191,36,.3)}.badge-error{background-color:var(--color-error-muted);color:var(--color-error);border-color:rgba(248,113,113,.3)}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text);background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:fadeIn var(--transition-fast) ease}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.progress{height:4px;background-color:var(--color-surface-3);overflow:hidden}.progress,.progress-bar{border-radius:var(--radius-full)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--transition-slow)}.separator{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-subtle);font-size:var(--text-xs)}.separator:after,.separator:before{content:"";flex:1 1;height:1px;background-color:var(--color-border)}.backdrop{position:fixed;inset:0;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);animation:fadeIn var(--transition-base) ease}.checkerboard{background-image:linear-gradient(45deg,#2a2a3a 25%,transparent 0),linear-gradient(-45deg,#2a2a3a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#2a2a3a 0),linear-gradient(-45deg,transparent 75%,#2a2a3a 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#1c1c27}.canvas-container{position:relative;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-inner),0 0 0 1px var(--color-border)}.tool-active{background-color:var(--color-primary-muted);color:var(--color-primary);border-color:rgba(108,99,255,.3)}.panel-section{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.panel-section:last-child{border-bottom:none}.panel-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-swatch:hover{transform:scale(1.1);border-color:var(--color-border-light)}.drag-handle{cursor:-webkit-grab;cursor:grab}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.selection-highlight{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.h1,h1{font-size:var(--text-3xl)}.h2,h2{font-size:var(--text-2xl)}}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}.main-content{min-height:calc(100vh - 60px - 80px);padding-top:60px}.editor-shell{padding-top:60px;height:100vh;overflow:hidden;display:flex;flex-direction:column}.page-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-hero{text-align:center;padding:4rem 0 2.5rem}.page-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold);margin-bottom:1rem;color:var(--color-text);letter-spacing:-.02em;line-height:var(--leading-tight)}.page-hero p{font-size:1.2rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.prose-content{line-height:var(--leading-relaxed);color:var(--color-text)}.prose-intro{font-size:var(--text-lg);color:var(--color-text-muted);padding-bottom:2rem}.prose-intro,.prose-section{margin-bottom:2.5rem;border-bottom:1px solid var(--color-border)}.prose-section{padding-bottom:2.5rem}.prose-section:last-child{border-bottom:none;padding-bottom:0}.prose-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:1rem;color:var(--color-text);letter-spacing:-.01em}.prose-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-top:1.5rem;margin-bottom:.5rem;color:var(--color-text)}.prose-section p{margin-bottom:1rem;color:var(--color-text-muted)}.prose-section p:last-child{margin-bottom:0}.prose-section strong{color:var(--color-text);font-weight:var(--font-semibold)}.prose-section a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.prose-section a:hover{color:var(--color-primary-hover)}.prose-section code{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;font-family:var(--font-mono);font-size:.875em;color:var(--color-text)}.prose-list{list-style:none;padding:0;margin:.75rem 0 1rem;display:flex;flex-direction:column;gap:.5rem}.prose-list li{padding-left:1.5rem;position:relative;color:var(--color-text-muted)}.prose-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-size:.85em;top:2px}.prose-list li strong{color:var(--color-text)}.home-hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;background:radial-gradient(ellipse at 50% 0,rgba(108,99,255,.12) 0,transparent 60%)}.home-hero-content{max-width:760px;margin:0 auto}.home-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:var(--color-primary-muted);border:1px solid rgba(108,99,255,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:1.5rem;font-weight:var(--font-medium)}.home-hero-headline{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.03em;color:var(--color-text);margin-bottom:1.25rem}.home-hero-subheadline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto 2rem}.home-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-section{padding:5rem 1.5rem}.home-section-inner{max-width:1100px;margin:0 auto}.home-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-bold);text-align:center;margin-bottom:.75rem;letter-spacing:-.02em}.home-section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);text-align:center;max-width:600px;margin:0 auto 3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.feature-card{padding:1.75rem;border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);border-radius:var(--radius-lg);margin-bottom:1.25rem;color:var(--color-primary)}.feature-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:.5rem;color:var(--color-text)}.feature-card p{color:var(--color-text-muted);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.home-stats-section{padding:3rem 1.5rem;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.stat-item{text-align:center;padding:1rem 3rem}.stat-value{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-bold);color:var(--color-primary);line-height:1;margin-bottom:.35rem}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:60px;background:var(--color-border)}@media (max-width:640px){.stat-divider{display:none}.stat-item{padding:1rem 1.5rem}}.steps-row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.step-card{flex:1 1;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem 1.5rem;text-align:center}.step-number{width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 auto 1rem}.step-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:.5rem;color:var(--color-text)}.step-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.step-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle);padding-top:2.5rem;flex-shrink:0}@media (max-width:640px){.step-arrow{display:none}.steps-row{flex-direction:column}.step-card{min-width:100%}}.home-cta-section{padding:3rem 1.5rem 5rem}.home-cta-card{max-width:700px;margin:0 auto;text-align:center;padding:3rem 2rem;border-radius:var(--radius-2xl);background:linear-gradient(135deg,rgba(108,99,255,.08),rgba(255,101,132,.05));border:1px solid rgba(108,99,255,.2)}.home-cta-card h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:var(--font-bold);margin-bottom:.75rem;color:var(--color-text)}.home-cta-card p{color:var(--color-text-muted);margin-bottom:1.75rem;font-size:var(--text-lg)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:768px){.contact-layout{grid-template-columns:1fr}}.contact-form-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:1.5rem;color:var(--color-text)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.contact-form-note{font-size:var(--text-xs);color:var(--color-text-subtle);margin-top:.25rem}.contact-error-msg{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-muted);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.contact-success{text-align:center;padding:2rem 1rem}.contact-success-icon{margin:0 auto 1rem;width:40px;display:flex;align-items:center;justify-content:center}.contact-success h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:.5rem;color:var(--color-success)}.contact-success p{color:var(--color-text-muted);margin-bottom:1.5rem}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:flex-start;gap:.75rem}.contact-method-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.contact-method-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:2px}.contact-method-value{font-size:var(--text-sm);color:var(--color-text)}.faq-list{display:flex;flex-direction:column;gap:1.25rem}.faq-item{padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-question{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:.4rem}.faq-answer{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.blog-list{display:flex;flex-direction:column;gap:1.5rem}.blog-card{transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.blog-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.blog-card-date{font-size:var(--text-sm);color:var(--color-text-muted)}.blog-card-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:.6rem;line-height:var(--leading-snug)}.blog-card-title a{color:var(--color-text);text-decoration:none}.blog-card-title a:hover{color:var(--color-primary)}.blog-card-excerpt{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:1.25rem}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.blog-breadcrumb,.blog-card-author{font-size:var(--text-sm);color:var(--color-text-muted)}.blog-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.blog-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--color-primary)}.blog-breadcrumb span:last-child{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.blog-post-header{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--color-border)}.blog-post-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:1rem;color:var(--color-text)}.blog-post-excerpt{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:1rem;line-height:var(--leading-relaxed)}.blog-post-byline{font-size:var(--text-sm);color:var(--color-text-subtle)}.blog-post-content{margin-bottom:3rem}.blog-post-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-top:2.5rem;margin-bottom:1rem;color:var(--color-text);letter-spacing:-.01em}.blog-post-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-top:2rem;margin-bottom:.75rem;color:var(--color-text)}.blog-post-content p{color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:1rem}.blog-post-content ol,.blog-post-content ul{list-style:none;padding:0;margin:.75rem 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}.blog-post-content ol li,.blog-post-content ul li{padding-left:1.5rem;position:relative;color:var(--color-text-muted);line-height:var(--leading-relaxed)}.blog-post-content ul li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-size:.85em;top:3px}.blog-post-content ol{counter-reset:list-counter}.blog-post-content ol li{counter-increment:list-counter}.blog-post-content ol li:before{content:counter(list-counter) ".";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.blog-post-content strong{color:var(--color-text);font-weight:var(--font-semibold)}.blog-post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.blog-related{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--color-border)}.blog-related-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:1.25rem;color:var(--color-text)}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.blog-related-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin:.4rem 0;line-height:var(--leading-snug)}.blog-related-card-title a{color:var(--color-text);text-decoration:none}.blog-related-card-title a:hover{color:var(--color-primary)}.blog-related-card-excerpt{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.blog-post-cta{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}