.tool-hero{padding:150px 0 90px;position:relative;overflow:hidden;background:var(--dark);}
.tool-hero-blob{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;}
.blob-a{width:560px;height:560px;background:rgba(78,101,255,.13);top:-15%;right:-5%;}
.blob-b{width:400px;height:400px;background:rgba(255,107,107,.09);bottom:-10%;left:-8%;}

.tool-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:rgba(78,101,255,.14);border:1px solid rgba(78,101,255,.28);color:#818cf8;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;}
.tool-hero-title{font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:700;letter-spacing:-.04em;line-height:1.06;margin-bottom:20px;color:#fff;}
.tool-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.5);line-height:1.75;max-width:480px;margin-bottom:36px;}
.tool-stat-strip{display:flex;gap:32px;flex-wrap:wrap;padding-top:36px;margin-top:36px;border-top:1px solid rgba(255,255,255,.08);}
.tool-stat-val{font-family:'Clash Display',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:#fff;}
.tool-stat-lbl{font-size:.78rem;color:rgba(255,255,255,.35);margin-top:3px;}

/* Editor mockup */
.editor-window{background:#13131A;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 32px 80px rgba(0,0,0,.5);}
.editor-topbar{background:rgba(255,255,255,.03);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px;}
.win-dots{display:flex;gap:6px;}
.wd{width:11px;height:11px;border-radius:50%;}
.editor-body{padding:32px;min-height:320px;position:relative;}
.editor-doc-title{font-family:'Clash Display',sans-serif;font-size:1.2rem;font-weight:700;color:#fff;border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:18px;}
.editor-text{color:#94a3b8;line-height:1.85;font-size:.9rem;}
.editor-highlight{color:rgba(255,255,255,.88);}
.cursor-blink{display:inline-block;width:2px;height:15px;background:var(--secondary);margin-left:2px;animation:blink 1s infinite;vertical-align:middle;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
.editor-sidebar{background:#0D0D14;border-left:1px solid rgba(255,255,255,.06);padding:20px;display:flex;flex-direction:column;gap:14px;}
.es-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);margin-bottom:5px;}
.es-select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;background:rgba(255,255,255,.05);outline:none;color:rgba(255,255,255,.75);cursor:pointer;}
.es-select option{background:#13131A;}
.es-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:rgba(78,101,255,.12);border:1px solid rgba(78,101,255,.2);color:#818cf8;font-size:.72rem;font-weight:600;margin:2px;}
.seo-float{background:rgba(0,0,0,.5);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 18px;display:flex;gap:16px;align-items:center;margin-top:20px;}
.seo-ring{width:40px;height:40px;border-radius:50%;border:2.5px solid #10b981;display:flex;align-items:center;justify-content:center;font-family:'Clash Display',sans-serif;font-weight:700;font-size:.8rem;color:#10b981;flex-shrink:0;}
.seo-val{font-family:'Clash Display',sans-serif;font-size:.95rem;font-weight:700;color:#fff;}
.seo-lbl{font-size:.62rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;}
.vr-sep{width:1px;height:30px;background:rgba(255,255,255,.07);}

/* Content types */
.types-section{padding:100px 0;background:var(--light);}
.type-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:28px;height:100%;transition:all .3s ease;position:relative;}
.type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(78,101,255,.22);}
.type-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px;}
.type-name{font-family:'Clash Display',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;}
.type-desc{font-size:.84rem;color:var(--muted);line-height:1.7;margin-bottom:16px;}
.type-tags{display:flex;flex-wrap:wrap;gap:5px;}
.type-tag{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;background:var(--light);border:1px solid var(--border);color:var(--muted);}

/* SEO features */
.seo-section{padding:100px 0;background:#fff;}
.seo-score-demo{background:var(--dark);border-radius:var(--r-lg);padding:36px;position:relative;overflow:hidden;}
.seo-score-demo::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1),transparent 65%);top:-20%;right:-10%;pointer-events:none;}
.seo-bar-row{margin-bottom:16px;}
.seo-bar-top{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:6px;}
.seo-bar-label{font-weight:600;color:rgba(255,255,255,.7);}
.seo-bar-val{font-weight:700;}
.seo-track{height:6px;background:rgba(255,255,255,.1);border-radius:100px;overflow:hidden;}
.seo-fill{height:100%;border-radius:100px;transition:width .8s ease;}

.feat-section{padding:100px 0;background:var(--light);}
.feat-item{display:flex;gap:16px;align-items:flex-start;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:all .22s ease;}
.feat-item:hover{border-color:rgba(78,101,255,.22);box-shadow:var(--shadow-sm);}
.feat-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}

/* Use cases */
.uc-section{padding:100px 0;background:#fff;}
.uc-card{display:flex;gap:20px;padding:24px;background:var(--light);border:1px solid var(--border);border-radius:var(--r-md);transition:all .22s ease;}
.uc-card:hover{border-color:rgba(78,101,255,.2);box-shadow:var(--shadow-sm);transform:translateX(4px);}
.uc-num{font-family:'Clash Display',sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.04em;color:rgba(78,101,255,.2);flex-shrink:0;width:36px;}
.uc-title{font-size:.95rem;font-weight:700;margin-bottom:5px;}
.uc-desc{font-size:.83rem;color:var(--muted);line-height:1.65;}

.tool-cta{padding:90px 0;background:var(--light);}
.tool-cta-inner{background:var(--dark);border-radius:var(--r-lg);padding:80px 60px;text-align:center;position:relative;overflow:hidden;}
.tool-cta-inner::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(78,101,255,.25),transparent 65%);bottom:-20%;right:-8%;pointer-events:none;}
.tool-cta-title{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;color:#fff;letter-spacing:-.04em;margin-bottom:16px;}
.tool-cta-sub{color:rgba(255,255,255,.5);font-size:1rem;margin-bottom:36px;}

@media(max-width:991px){.tool-hero{padding:130px 0 60px;}.types-section,.seo-section,.feat-section,.uc-section,.tool-cta{padding:70px 0;}.tool-cta-inner{padding:56px 28px;}}