.hero{position:relative;padding:calc(var(--nav-height) + 100px) 0 80px;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:-1}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.hero-glow--1{width:600px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%);top:-100px;left:50%;transform:translate(-50%)}.hero-glow--2{width:300px;height:300px;background:radial-gradient(circle,rgba(225,29,72,.1) 0%,transparent 70%);top:100px;right:10%;animation:float 8s ease-in-out infinite}.hero-glow--3{width:250px;height:250px;background:radial-gradient(circle,rgba(79,70,229,.1) 0%,transparent 70%);top:50px;left:5%;animation:float 10s ease-in-out infinite reverse}.dark .hero-glow--1{background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%);opacity:.7}.hero-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4}.hero-dot{position:absolute;border-radius:50%;background:var(--color-brand-accent);opacity:.15}.hero-dot--1{width:8px;height:8px;top:20%;left:15%;animation:float 6s ease-in-out infinite}.hero-dot--2{width:5px;height:5px;top:35%;left:85%;animation:float 8s ease-in-out infinite 1s}.hero-dot--3{width:12px;height:12px;top:60%;left:8%;animation:float 7s ease-in-out infinite .5s;opacity:.1}.hero-dot--4{width:6px;height:6px;top:70%;left:90%;animation:float 9s ease-in-out infinite 2s}.hero-dot--5{width:4px;height:4px;top:15%;left:70%;animation:float 5s ease-in-out infinite 1.5s}.hero-dot--6{width:10px;height:10px;top:80%;left:45%;animation:float 11s ease-in-out infinite .8s;opacity:.08}.hero-inner{text-align:center;max-width:780px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;color:var(--color-brand);background:var(--color-brand-muted);border:1px solid rgba(194,98,10,.2);padding:6px 16px;border-radius:var(--radius-full);margin-bottom:28px;letter-spacing:.01em}.dark .hero-badge{background:#f59e0b1a;border-color:#f59e0b40;color:var(--color-brand-accent)}.hero-badge-pulse{width:7px;height:7px;background:var(--color-brand);border-radius:50%;animation:pulse-warm 2s ease-in-out infinite;flex-shrink:0}.dark .hero-badge-pulse{background:var(--color-brand-accent)}.hero-badge-sep{color:var(--color-brand-light);opacity:.5}.hero-badge-count{opacity:.75}.hero-title{font-size:clamp(2.25rem,5.5vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:24px;font-family:var(--font-display)}.hero-title-highlight{position:relative;display:inline-block;color:var(--color-brand);background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .hero-title-highlight{background:linear-gradient(135deg,var(--color-brand-accent) 0%,#fde68a 100%);-webkit-background-clip:text;background-clip:text}.hero-title-underline{position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand),var(--color-brand-accent),transparent);border-radius:var(--radius-full);opacity:.6}.hero-desc{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);line-height:1.75;margin-bottom:40px;max-width:580px;margin-left:auto;margin-right:auto}.hero-desc strong{color:var(--text-primary);font-weight:700}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:52px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--color-brand);color:#fff;font-size:.9375rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;letter-spacing:-.01em;box-shadow:var(--shadow-brand);transition:background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover{background:var(--color-brand-light);transform:translateY(-2px);box-shadow:0 8px 24px #c2620a59}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.dark .btn-primary{background:var(--color-brand-accent);color:#1a1614;box-shadow:0 4px 16px #f59e0b4d}.dark .btn-primary:hover{background:var(--color-brand-light);box-shadow:0 8px 24px #f59e0b66}.btn-arrow{transition:transform var(--transition-fast);flex-shrink:0}.btn-primary:hover .btn-arrow,.btn-cta:hover .btn-arrow{transform:translate(3px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:36px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:3px}.stat-number{font-size:1.75rem;font-weight:900;color:var(--text-primary);letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum"}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em}.stat-divider{width:1px;height:36px;background:var(--border-default)}.hero-products{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hero-products-label{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.hero-products-track{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.hero-product-chip{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-default);padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.01em;transition:all var(--transition-fast)}.hero-product-chip:hover{border-color:var(--color-brand);color:var(--color-brand)}.hero-product-more{font-size:.75rem;color:var(--text-muted);font-weight:500}.hero-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast);text-decoration:none}.hero-scroll-hint:hover{color:var(--color-brand);transform:translate(-50%) translateY(3px)}.hero-scroll-icon{animation:float 2.5s ease-in-out infinite}.section{padding:80px 0}.section--warm{background:var(--bg-muted);position:relative}.section--warm:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.section--warm:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:16px}.section-header-left{display:flex;flex-direction:column;gap:4px}.section-eyebrow{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand);margin-bottom:4px}.dark .section-eyebrow{color:var(--color-brand-accent)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--color-brand);flex-shrink:0}.dark .eyebrow-dot{background:var(--color-brand-accent)}.eyebrow-dot--new{background:#22c55e;animation:pulse-warm 2s ease-in-out infinite}.eyebrow-dot--tag{background:var(--color-indigo)}.section-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2;margin:0}.section-desc{font-size:.9rem;color:var(--text-muted);margin:0}.section-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--color-brand);white-space:nowrap;text-decoration:none;padding:6px 12px;border-radius:var(--radius-md);border:1px solid rgba(194,98,10,.2);background:var(--color-brand-muted);transition:all var(--transition-fast)}.section-link:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand);gap:8px}.dark .section-link{background:#f59e0b1a;border-color:#f59e0b33;color:var(--color-brand-accent)}.dark .section-link:hover{background:var(--color-brand-accent);color:#1a1614;border-color:var(--color-brand-accent)}.featured-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.featured-grid{grid-template-columns:repeat(2,1fr);gap:20px}.featured-grid>*:first-child{grid-column:1 / -1}}@media(min-width:1024px){.featured-grid{grid-template-columns:repeat(3,1fr)}.featured-grid>*:first-child{grid-column:span 2}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}@media(min-width:640px){.cards-grid{gap:20px}}@media(min-width:1024px){.cards-grid{gap:24px}}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tag-item{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-card);text-decoration:none;cursor:pointer;opacity:0;transform:scale(.9) translateY(8px);transition:opacity var(--transition-normal),transform var(--transition-spring),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.tag-item--visible{opacity:1;transform:scale(1) translateY(0)}.tag-item:hover{background:var(--color-brand-muted);border-color:var(--color-brand);box-shadow:0 2px 8px var(--color-brand-glow);transform:scale(1.05) translateY(-2px)}.dark .tag-item:hover{background:#f59e0b1a;border-color:var(--color-brand-accent)}.tag--xl{padding:9px 18px;font-size:.9375rem}.tag--lg{padding:8px 16px;font-size:.875rem}.tag--md{padding:7px 14px;font-size:.8125rem}.tag--sm{padding:5px 12px;font-size:.75rem}.tag-hash{color:var(--color-brand);font-weight:700;opacity:.6;transition:opacity var(--transition-fast)}.dark .tag-hash{color:var(--color-brand-accent)}.tag-item:hover .tag-hash{opacity:1}.tag-text{font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.tag-item:hover .tag-text{color:var(--color-brand)}.dark .tag-item:hover .tag-text{color:var(--color-brand-accent)}.tag-badge{font-size:.6875rem;font-weight:700;color:var(--text-muted);background:var(--bg-muted);padding:1px 7px;border-radius:var(--radius-full);min-width:22px;text-align:center;transition:background var(--transition-fast),color var(--transition-fast)}.tag-item:hover .tag-badge{background:#c2620a26;color:var(--color-brand)}.dark .tag-item:hover .tag-badge{background:#f59e0b26;color:var(--color-brand-accent)}.cta-section{position:relative;padding:100px 0;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#7c2d12,#c2620a 40%,#d97706,#b45309)}.dark .cta-section{background:linear-gradient(135deg,#1c1007,#2d1a00 40%,#3d2200,#2a1500)}.cta-bg{position:absolute;inset:0;pointer-events:none;z-index:-1}.cta-glow{position:absolute;inset:-50%;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(255,255,255,.08) 0%,transparent 60%)}.cta-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");mix-blend-mode:overlay}.cta-inner{text-align:center;max-width:640px;margin:0 auto;position:relative}.cta-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-xl);color:#ffffffe6;margin-bottom:24px;backdrop-filter:blur(8px);animation:float 4s ease-in-out infinite}.cta-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:16px;line-height:1.15}.cta-desc{font-size:1.0625rem;color:#ffffffbf;margin-bottom:40px;line-height:1.7}.cta-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#fff;color:var(--color-brand-dark);font-size:.9375rem;font-weight:700;border-radius:var(--radius-lg);text-decoration:none;letter-spacing:-.01em;position:relative;overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:0 4px 16px #0003}.btn-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn-cta:hover:before{left:100%}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000004d}.btn-cta:active{transform:translateY(-1px)}.btn-cta-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:#ffffff1a;color:#ffffffd9;font-size:.9375rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.btn-cta-ghost:hover{background:#fff3;color:#fff;border-color:#fff6;transform:translateY(-2px)}@media(max-width:1023px){.section{padding:64px 0}}@media(max-width:767px){.hero{padding:calc(var(--nav-height) + 60px) 0 60px}.hero-stats{gap:16px}.stat-number{font-size:1.4rem}.section{padding:56px 0}.section-title{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;margin-bottom:28px}.hero-scroll-hint{display:none}}@media(max-width:480px){.hero-badge{font-size:.75rem;padding:5px 12px}.hero-stats{gap:12px}.stat-divider{height:24px}.container{padding-left:16px;padding-right:16px}}