.home{gap:var(--section-spacing)}.hero{gap:var(--spacing-3xl);width:100%;max-width:100%;padding:var(--spacing-4xl) 0 var(--spacing-5xl);position:relative}@media (width<=48em){.hero{gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0 var(--spacing-3xl)}}@property --mesh-angle-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mesh-angle-2{syntax:"<angle>";inherits:false;initial-value:120deg}@property --mesh-angle-3{syntax:"<angle>";inherits:false;initial-value:240deg}.heroMesh{z-index:-1;opacity:.15;background-image:conic-gradient(from var(--mesh-angle-1) at 20% 30%, var(--color-primary-base) 0deg, transparent 60deg, transparent 360deg), conic-gradient(from var(--mesh-angle-2) at 80% 20%, var(--color-accent-base) 0deg, transparent 60deg, transparent 360deg), conic-gradient(from var(--mesh-angle-3) at 50% 80%, var(--color-primary-light-1) 0deg, transparent 60deg, transparent 360deg);filter:blur(80px);pointer-events:none;animation:20s linear infinite mesh-rotate;position:absolute;inset:-20%}@supports not (background:paint(something)){.heroMesh{background:radial-gradient(circle at 50% 50%, var(--color-primary-base) 0%, transparent 50%);opacity:.05;animation:none}}@media (prefers-reduced-motion:reduce){.heroMesh{animation:none}}@keyframes mesh-rotate{to{--mesh-angle-1:360deg;--mesh-angle-2:480deg;--mesh-angle-3:600deg}}.heroLabelHeart{color:var(--color-error,#b01e28)}.heroTitle{text-align:left;margin-bottom:var(--spacing-md);color:var(--color-text-primary);letter-spacing:-2px;max-width:var(--max-width-content-single);text-wrap:balance;z-index:1;text-box:trim-both cap alphabetic;font-size:5rem;font-weight:700;position:relative}@media (width<=48em){.heroTitle{letter-spacing:-1px;font-size:3rem}}@media (width<=30em){.heroTitle{letter-spacing:-.5px;font-size:2rem}}.heroAccent{background:var(--gradient-brand);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite accentShine;display:inline}@media (prefers-reduced-motion:reduce){.heroAccent{animation:none}}@keyframes accentShine{to{background-position:200%}}.heroFeatures{text-align:center;color:var(--color-primary-base);letter-spacing:.5px;max-width:var(--max-width-content-single);margin:0 auto;font-size:.85rem;font-weight:600;line-height:2}.heroFeatureLink{color:inherit;transition:color var(--transition-base);text-decoration:none}.heroFeatureLink:hover{color:var(--color-text-primary)}.heroFeatureSep{color:var(--color-text-quaternary)}.mediaShowcase{width:100%;max-width:1200px;margin:var(--spacing-2xl) auto;position:relative}@media (width<=48em){.mediaShowcase{margin:var(--spacing-xl) auto}}.mediaGlow{z-index:1;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-primary-base) 15%, transparent), transparent 60%);filter:blur(80px);opacity:.8;pointer-events:none;animation:8s ease-in-out infinite alternate glowPulse;position:absolute;inset:-10%}@keyframes glowPulse{0%{opacity:.4;transform:scale(.95)}to{opacity:.8;transform:scale(1.05)}}.mediaWindow{z-index:2;background:var(--dark-900);border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009,0 4px 12px #0006,inset 0 0 0 1px #000c}@media (width<=48em){.mediaWindow{border-radius:10px}}.mediaWindow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:10;background:linear-gradient(var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff40),var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d) 20%,var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff0));padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mediaImage{width:100%;height:auto;display:block}.mediaWindowContent{padding:var(--spacing-2xl)}@media (width<=48em){.mediaWindowContent{padding:var(--spacing-lg)}}.heroSubtitle{color:var(--color-text-secondary);gap:var(--spacing-2xs);max-width:var(--max-width-content-prose);text-align:center;animation:heroReveal .8s var(--transition-function) both;flex-direction:column;margin:0 auto;font-size:1.15rem;line-height:1.6;animation-delay:.3s;display:flex}@media (width<=62em){.heroSubtitle{font-size:1.05rem}}@media (width<=36em){.heroSubtitle{font-size:.95rem}}.faq{margin-bottom:var(--spacing-2xl)}.howItWorks{padding:var(--spacing-4xl) 0}.howItWorks .sectionTitle{text-align:center;margin-bottom:var(--spacing-3xl)}.stepsGrid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=62em){.stepsGrid{gap:var(--spacing-2xl);grid-template-columns:1fr}}.stepItem{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);transition:border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.stepItem:hover{border-color:var(--color-border-primary);box-shadow:0 4px 16px #0000000f}.stepNumber{background:var(--color-primary-base);width:36px;height:36px;color:var(--color-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.stepTitle{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.stepDesc{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}
