.loft-hero{text-align:center;padding:var(--space-hero-pad-top) 48px var(--space-section-y-sm);position:relative;overflow:hidden}.loft-hero:before{content:"";background:var(--hero-halo-1);pointer-events:none;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.loft-hero:after{content:"";background:var(--hero-halo-2);pointer-events:none;width:500px;height:500px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.loft-hero h1{letter-spacing:-.04em;color:var(--color-text-heading);margin-bottom:20px;font-size:4rem;font-weight:900;line-height:1.05;position:relative}.loft-hero__gradient{background:var(--color-hero-accent-rainbow);-webkit-text-fill-color:transparent;filter:brightness(1.2);background-size:200% 200%;-webkit-background-clip:text;animation:4s ease-in-out infinite loft-shimmer}.loft-hero__subtitle{color:var(--text-secondary,#94a3b8);max-width:540px;margin:0 auto 20px;font-size:1.15rem;font-weight:400;line-height:1.7;position:relative}@keyframes loft-shimmer{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.loft-hero__gradient{background-position:0%;animation:none}}.loft-search-container{max-width:580px;margin:0 auto 32px;position:relative}.loft-search{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);transition:border-color var(--duration-quick) ease, box-shadow var(--duration-quick) ease;box-shadow:var(--elev-inset);cursor:text;align-items:center;gap:14px;padding:20px 24px;text-decoration:none;display:flex}.loft-search:hover{border-color:var(--border-hover,#06b6d473);box-shadow:var(--elev-inset)}.loft-search:focus-visible{border-color:var(--color-accent-action);box-shadow:var(--elev-inset), var(--ring-cyan);outline:none}.loft-search__icon{color:var(--text-muted,#64748b);flex-shrink:0;font-size:1.25rem}.loft-search__placeholder{color:var(--text-muted,#64748b);flex:1;font-size:1.02rem;font-weight:400}.loft-search__kbd-group{gap:4px;display:flex}.loft-kbd{border-radius:var(--radius-sm);color:var(--text-muted,#64748b);background:#ffffff0f;border:1px solid #ffffff14;padding:3px 8px;font-family:Inter,monospace;font-size:.72rem;font-weight:600}.loft-pills{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin-bottom:56px;margin-left:auto;margin-right:auto;display:flex;position:relative}.loft-pill{border-radius:var(--radius-pill);border:1px solid #0000;border-top-color:var(--border-lit);border-bottom-color:var(--border-shade);background:var(--elev-surface-1);box-shadow:var(--elev-1);color:var(--text-secondary,#94a3b8);cursor:pointer;transition:var(--lift-transition), background-color var(--duration-quick) ease, border-color var(--duration-quick) ease;letter-spacing:-.01em;align-items:center;gap:6px;padding:9px 18px;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.loft-pill:hover{background:var(--elev-surface-2);box-shadow:var(--elev-2);transform:translateY(-2px)}.loft-pill i{font-size:.9rem}.loft-pill--active{background:var(--color-cyan-bg-medium);border-color:var(--color-cyan-bg-border-strong);color:var(--raw-cyan-300);box-shadow:0 0 16px var(--glow-cyan), 0 0 4px var(--glow-cyan-soft)}.loft-pill[style*=--cat-rgb]:hover{background:rgba(var(--cat-rgb), .12);border-color:rgba(var(--cat-rgb), .35);color:rgb(var(--cat-rgb));box-shadow:var(--elev-2), 0 0 16px rgba(var(--cat-rgb), .18)}.loft-tools-section{max-width:1100px;padding:0 48px var(--space-section-y-md);margin:0 auto}.loft-tools-section__header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.loft-tools-section__header h2{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.loft-tools-section__header a{color:var(--accent-cyan,#06b6d4);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.loft-tools-section__header a:hover{color:#22d3ee}.loft-tool-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.loft-tool-card{background:var(--elev-surface-1);border:1px solid #0000;border-top-color:var(--border-lit);border-bottom-color:var(--border-shade);box-shadow:var(--elev-1);border-radius:var(--radius-2xl);transition:var(--lift-transition), background-color var(--duration-quick) ease, border-color var(--duration-quick) ease;cursor:pointer;color:inherit;padding:24px;text-decoration:none;display:block;position:relative;overflow:hidden}.loft-tool-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.loft-tool-card:hover{background:var(--elev-surface-2);box-shadow:var(--elev-3);transform:translateY(-4px)}.loft-tool-card:focus-visible{box-shadow:var(--elev-2), var(--ring-cyan);outline:none}.loft-tool-card h3{color:var(--color-text-heading);letter-spacing:-.01em;margin-bottom:6px;font-size:.92rem;font-weight:650}.loft-tool-card p{color:var(--text-secondary,#94a3b8);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.loft-tool-card[style*=--cat-rgb]:hover{border-color:rgba(var(--cat-rgb), .4);box-shadow:var(--elev-3), 0 0 24px rgba(var(--cat-rgb), .15), 0 0 48px rgba(var(--cat-rgb), .06)}.loft-tool-card--featured{border-color:#facc1533;position:relative}.loft-tool-card--featured:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#fbbf24,#0000);height:2px;position:absolute;top:0;left:0;right:0}.loft-tool-card__featured-badge{text-transform:uppercase;letter-spacing:.5px;color:#fbbf24;background:#facc151a;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.6rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.loft-tool-card__featured-badge i{font-size:.65rem}.loft-tool-icon{border-radius:var(--radius-lg);background:rgba(var(--cat-rgb), .12);width:40px;height:40px;color:rgb(var(--cat-rgb));box-shadow:0 0 12px rgba(var(--cat-rgb), .1);justify-content:center;align-items:center;margin-bottom:14px;font-size:1.1rem;display:flex}.loft-tool-icon--lg{border-radius:var(--radius-xl);width:48px;height:48px;margin:0 auto 14px;font-size:1.4rem}.loft-supported-section{max-width:1100px;padding:8px 48px var(--space-section-y-md);margin:0 auto}.loft-supported__card{background:linear-gradient(135deg, var(--color-cyan-bg-soft), var(--color-cyan-bg-faint));border:1px solid var(--color-border-default,#06b6d41f);border-radius:var(--radius-3xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.loft-supported__text-block{flex-direction:column;gap:4px;min-width:0;display:flex}.loft-supported__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted,#64748b);font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.loft-supported__title{color:var(--color-text-heading,#f8fafc);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.loft-supported__btn{border-radius:var(--radius-lg);background:var(--btn-primary-bg);color:var(--color-text-heading,#f8fafc);box-shadow:var(--btn-primary-shadow);align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .15s,box-shadow .15s;display:inline-flex}.loft-supported__btn:hover{filter:brightness(1.1);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}.loft-supported__btn i{font-size:.95rem}@media (width<=768px){.loft-supported-section{padding:16px 20px 32px}.loft-supported__card{flex-direction:column;align-items:flex-start;padding:20px}.loft-supported__btn{justify-content:center;width:100%}}.loft-categories-section{max-width:1100px;padding:0 48px var(--space-section-y-md);margin:0 auto}.loft-cat-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.loft-cat-card{background:var(--elev-surface-1);border:1px solid #0000;border-top-color:var(--border-lit);border-bottom-color:var(--border-shade);box-shadow:var(--elev-1);border-radius:var(--radius-2xl);text-align:center;cursor:pointer;transition:var(--lift-transition), background-color var(--duration-quick) ease, border-color var(--duration-quick) ease;color:inherit;padding:28px 20px;text-decoration:none;display:block;position:relative;overflow:hidden}.loft-cat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.loft-cat-card:hover{background:var(--elev-surface-2);border-color:rgba(var(--cat-rgb), .4);box-shadow:var(--elev-3), 0 0 24px rgba(var(--cat-rgb), .15), 0 0 48px rgba(var(--cat-rgb), .06);transform:translateY(-4px)}.loft-cat-card:focus-visible{box-shadow:var(--elev-2), var(--ring-cyan);outline:none}.loft-cat-card h3{color:var(--text-primary,#f8fafc);margin-bottom:4px;font-size:.85rem;font-weight:650}.loft-cat-card__count{color:var(--text-muted,#64748b);font-size:.72rem;font-weight:500}.loft-features{max-width:1100px;padding:24px 48px var(--space-section-y-md);margin:0 auto}.loft-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.loft-feature-card{background:var(--elev-surface-1);border:1px solid #0000;border-top-color:var(--border-lit);border-bottom-color:var(--border-shade);box-shadow:var(--elev-1);border-radius:var(--radius-2xl);transition:var(--lift-transition);padding:28px}.loft-feature-card:hover{box-shadow:var(--elev-2);transform:translateY(-4px)}.loft-feature-card__icon{color:var(--accent-cyan,#06b6d4);margin-bottom:14px;font-size:1.4rem;display:block}.loft-feature-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:.95rem;font-weight:700}.loft-feature-card p{color:var(--text-secondary,#94a3b8);font-size:.82rem;line-height:1.6}@media (width<=1024px){.loft-cat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.loft-hero h1{font-size:2.5rem}.loft-tool-grid{grid-template-columns:repeat(2,1fr);gap:12px}.loft-features-grid{grid-template-columns:1fr}.loft-cat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.loft-hero{padding:48px 20px 24px}.loft-tools-section,.loft-categories-section{padding:0 20px 40px}.loft-features{padding:16px 20px 40px}.loft-tool-card{padding:14px 12px}.loft-tool-card h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.85rem;line-height:1.25;display:-webkit-box;overflow:hidden}.loft-tool-card p,.loft-tool-card__featured-badge{display:none}}@media (width<=480px){.loft-tool-grid,.loft-cat-grid{grid-template-columns:repeat(2,1fr)}}