.hero{text-align:center;background:radial-gradient(circle at center, var(--surface-raised) 0%, var(--bg-main) 100%);justify-content:center;align-items:center;min-height:90vh;padding:160px 1.5rem 100px;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:2;width:100%;max-width:1000px;position:relative}.hero-badge{border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#e539351a;border-radius:4px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.75rem;font-weight:800;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,10vw,5.5rem);font-weight:900;line-height:1.1}.hero-title em{color:var(--accent);border-bottom:6px solid #e539354d;font-style:normal;line-height:.9;display:inline-block}.hero-subtitle{color:var(--text-secondary);opacity:.9;max-width:700px;margin:0 auto 2.5rem;font-size:clamp(1rem,4vw,1.25rem);font-weight:500;line-height:1.6}.hero-hint{color:var(--text-secondary);opacity:.6;margin-bottom:3.5rem;font-size:.85rem;font-weight:600}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.hero-cta{flex:0 auto;min-width:180px}.hero-features{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.feature-chip{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-primary);transition:var(--transition);border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:flex}.shape{filter:blur(100px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.shape-1{background:var(--accent);width:300px;height:300px;top:-100px;left:-100px}.shape-2{background:#b71c1c;width:250px;height:250px;bottom:-50px;right:-50px}.hero-mockup{pointer-events:none;z-index:1;opacity:.82;width:400px;height:500px;position:fixed;top:22vh;right:3vw;transform:rotate(-5deg)}.mockup-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;position:absolute;box-shadow:0 40px 80px #00000080}.card-front{z-index:2;width:280px;height:380px;transform:translate3d(var(--hero-card-x,0px), var(--hero-card-y,0px), 0) scale(var(--hero-card-scale,1)) scaleX(var(--hero-card-slim,1));opacity:var(--hero-card-opacity,1);transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:transform .12s linear,opacity .12s linear;display:flex}.mockup-pdf-icon{background:#e539351a;border-radius:1rem;padding:2rem}@media (max-width:1200px){.hero-mockup{display:none}}@media (max-width:768px){.hero{min-height:auto;padding-top:120px}.hero-title{font-size:2.8rem}.hero-actions{flex-direction:column;align-items:stretch;padding:0 1rem}.hero-cta{justify-content:center;width:100%}.hero-features{grid-template-columns:1fr 1fr;justify-content:flex-start;display:grid}.feature-chip{width:100%;font-size:.75rem}}@media (max-width:480px){.hero-title{font-size:2.2rem}.hero-features{grid-template-columns:1fr}}
.home-page{padding-bottom:6rem}.main-content{padding:80px 0}.tools-filter-bar{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:4rem;padding:0 1.5rem;display:flex}.search-container{width:100%;max-width:600px;position:relative}.search-icon{color:var(--accent);opacity:.6;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.tool-search-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:12px;padding:1rem 1.25rem 1rem 3.5rem;font-size:1rem;box-shadow:0 4px 20px #0000001a}.category-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.category-tab{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:6px;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:0 1.5rem;display:grid}.ripple-card{background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:1.5rem;min-height:260px;text-decoration:none;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.ripple-card:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 20px 40px #e5393526}.ripple-default{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.ripple-icon-wrapper{background:#e539351a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;display:flex;position:relative}.ripple-icon{color:var(--accent);font-size:2.2rem}.ripple-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.ripple-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.ripple-hover{background:linear-gradient(135deg, var(--accent) 0%, #d32f2f 100%);color:#fff;text-align:center;clip-path:inset(0 100% 0 0);z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2rem;transition:clip-path .6s cubic-bezier(.8,0,.2,1);display:flex;position:absolute;inset:0}.ripple-card:hover .ripple-hover{clip-path:inset(0)}.ripple-hover-content{flex-direction:column;align-items:center;display:flex}.ripple-hover-content>*{opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1);transform:translate(-40px)}.ripple-card:hover .ripple-conversion{opacity:1;transition-delay:.2s;transform:translate(0)}.ripple-card:hover .ripple-desc{opacity:1;transition-delay:.3s;transform:translate(0)}.ripple-card:hover .ripple-btn{opacity:1;transition-delay:.4s;transform:translate(0)}.ripple-conversion{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:100px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;display:flex}.conv-icon{font-size:1.5rem}.conv-arrow{opacity:.8;font-size:1.2rem}.ripple-desc{opacity:.95;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.ripple-btn{color:var(--accent);text-transform:uppercase;letter-spacing:1px;background:#fff;border-radius:100px;padding:.8rem 2rem;font-size:.85rem;font-weight:800;transition:transform .3s;box-shadow:0 10px 20px #0000001a}.ripple-btn:hover{transform:scale(1.05)translateY(-2px)!important}.guides-preview{margin-top:8rem;padding:0 1.5rem}.guides-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.guide-card{background:var(--surface-raised);border:1px solid var(--border);transition:var(--transition);border-radius:1.25rem;padding:2.5rem 2rem;text-decoration:none}.guide-card h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}@media (max-width:600px){.tools-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.ripple-card{min-height:240px}.ripple-icon{font-size:2rem}.ripple-title{font-size:1.25rem}.category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:10px;overflow-x:auto}.category-tab{flex-shrink:0}.main-content{padding:40px 0}}