.home{padding-bottom:4rem}.hero{text-align:center;justify-content:center;align-items:center;min-height:540px;margin-bottom:2rem;padding:5.5rem 1.5rem 4.5rem;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(72px);border-radius:50%;position:absolute}.hero-blob-1{background:radial-gradient(#7c3aed24 0%,#0000 70%);width:560px;height:420px;animation:9s ease-in-out infinite float;top:-100px;left:50%;transform:translate(-50%)}.hero-blob-2{background:radial-gradient(#f970661f 0%,#0000 70%);width:400px;height:340px;animation:11s ease-in-out infinite reverse float;bottom:-60px;right:-80px}.hero-blob-3{background:radial-gradient(#05966914 0%,#0000 70%);width:300px;height:260px;animation:13s ease-in-out 1.5s infinite float;top:20%;left:-60px}.hero-dots{background-image:radial-gradient(circle,#00000012 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75%,#000 30%,#0000 80%);mask-image:radial-gradient(75% 75%,#000 30%,#0000 80%)}.hero-content{z-index:2;max-width:700px;position:relative}.hero-pill{border-radius:var(--r-full);font-size:var(--text-xs);color:var(--dh-purple);letter-spacing:.04em;text-transform:uppercase;background:#7c3aed12;border:1.5px solid #7c3aed33;align-items:center;gap:.5rem;margin-bottom:1.625rem;padding:.375rem 1rem;font-weight:700;display:inline-flex}.hero-pill-dot{background:var(--dh-purple);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 6px #7c3aed99}.hero-title{font-size:var(--text-5xl);letter-spacing:-.04em;color:var(--text-1);margin-bottom:1.375rem;font-weight:900;line-height:1.05}.hero-title-accent{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title-line2{background:var(--grad-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-desc{font-size:var(--text-lg);color:var(--text-3);max-width:500px;margin:0 auto 2.5rem;font-weight:400;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.875rem;margin-bottom:2rem;display:flex}.hero-btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 20px #7c3aed61}.hero-btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed80}.hero-btn-secondary{border:2px solid var(--border-2);color:var(--text-1);box-shadow:var(--shadow-sm);background:#fff}.hero-btn-secondary:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.hero-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-trust-item{font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.hero-trust-dot{background:var(--border-3);border-radius:50%;flex-shrink:0;width:3px;height:3px}.stats-row{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--bg-card);border:1.5px solid var(--border-2);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-xs);transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);padding:1.25rem 1rem}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-value{font-size:var(--text-2xl);letter-spacing:-.04em;margin-bottom:.375rem;font-weight:900;line-height:1}.stat-label{font-size:var(--text-xs);color:var(--text-3);letter-spacing:.02em;font-weight:600}.features-row{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:3rem;display:grid}.feature-card{background:var(--bg-card);border:1.5px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:border-color var(--t-base),box-shadow var(--t-base);align-items:flex-start;gap:1rem;padding:1.375rem;display:flex}.feature-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.feature-card-icon{background:var(--dh-purple-xlight);border-radius:var(--r-md);width:42px;height:42px;color:var(--dh-purple);border:1.5px solid #7c3aed33;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.feature-card-title{font-size:var(--text-base);color:var(--text-1);letter-spacing:-.01em;margin-bottom:.2rem;font-weight:700}.feature-card-desc{font-size:var(--text-sm);color:var(--text-3);line-height:1.55}.section{margin-bottom:2.75rem}.section-head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-label-wrap{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);white-space:nowrap;font-size:11px;font-weight:800}.section-rule{background:linear-gradient(90deg,var(--border-2),transparent);flex:1;height:1px}.section-link{font-size:var(--text-xs);color:var(--dh-purple);white-space:nowrap;transition:gap var(--t-fast);align-items:center;gap:.25rem;font-weight:600;text-decoration:none;display:inline-flex}.section-link:hover{gap:.5rem}.section-link svg{width:13px;height:13px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.625rem;display:grid}.design-studio-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid}.tool-card{background:var(--bg-card);border:1.5px solid var(--border-2);border-radius:var(--r-lg);cursor:pointer;color:inherit;transition:all var(--t-base);box-shadow:var(--shadow-xs);align-items:center;gap:.875rem;padding:1rem 1.125rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),0 0 0 3px #7c3aed12;transform:translateY(-2px)}.tool-card:hover .tool-card-arrow{color:var(--dh-purple);transform:translate(4px)}.tool-card:hover .tool-card-icon-wrap{transform:scale(1.08)}.tool-card-icon-wrap{border-radius:var(--r-md);width:46px;height:46px;transition:transform var(--t-spring);flex-shrink:0;justify-content:center;align-items:center;font-size:21px;display:flex}.tool-card-body{flex:1;min-width:0}.tool-card-top{align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.tool-card-title{font-size:var(--text-base);color:var(--text-1);letter-spacing:-.01em;font-weight:700;line-height:1.2}.tool-card-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-full);border:1px solid;flex-shrink:0;padding:2px 6px;font-size:9.5px;font-weight:700}.tool-card-desc{font-size:var(--text-sm);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool-card-arrow{color:var(--text-4);transition:all var(--t-base);flex-shrink:0;font-size:14px}.cta-banner{border-radius:var(--r-2xl);text-align:center;margin-top:1rem;padding:3.5rem 2rem;position:relative;overflow:hidden}.cta-banner-bg{background:var(--grad-brand);z-index:0;position:absolute;inset:0}.cta-banner-bg:after{content:"";background-image:radial-gradient(circle,#ffffff1f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.cta-banner-content{z-index:1;position:relative}.cta-banner-title{font-size:var(--text-3xl);color:#fff;letter-spacing:-.03em;margin-bottom:.625rem;font-weight:900}.cta-banner-desc{font-size:var(--text-lg);color:#ffffffd1;margin-bottom:2rem;line-height:1.6}.cta-banner-btn{color:var(--dh-purple-dark);background:#fff;font-weight:800;box-shadow:0 4px 20px #0000002e}.cta-banner-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 28px #0000003d}@media (max-width:1024px){.hero-blob-1{width:400px}.hero-blob-2{width:260px}.design-studio-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero{min-height:auto;padding:3.5rem 1.25rem 3rem}.hero-title{font-size:var(--text-4xl)}.hero-desc{font-size:var(--text-base)}.stats-row{grid-template-columns:repeat(2,1fr)}.features-row,.tools-grid,.design-studio-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{justify-content:center;width:100%;max-width:320px}.hero-blob-2,.hero-blob-3{display:none}.cta-banner{border-radius:var(--r-xl);padding:2.5rem 1.25rem}.cta-banner-title{font-size:var(--text-2xl)}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.stats-row{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:1rem .75rem}.stat-value{font-size:var(--text-xl)}.tool-card{padding:.875rem}.tool-card-icon-wrap{width:42px;height:42px;font-size:19px}}