@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090e1c;--panel:#111a2d;--panel2:#0d1628;--text:#f4f7ff;--muted:#a6b0c5;--line:#26334c;--purple:#a78bfa;--cyan:#67e8f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;padding:0 26px;margin:auto}.brand{font:800 20px Manrope,sans-serif;letter-spacing:-.7px}.brand span:last-child{color:var(--purple)}.brand-mark{color:var(--cyan)}nav{display:flex;gap:32px;color:#c2cbe0;font-size:14px}.nav-cta{border:1px solid #46516a;padding:9px 15px;border-radius:10px;font-size:13px}.nav-cta span{color:var(--cyan);margin-left:8px}.hero{min-height:520px;position:relative;overflow:hidden;text-align:center;padding:100px 20px 75px;background:radial-gradient(ellipse at 50% 5%,#28204e 0%,#11172b 38%,#090e1c 75%)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b9a7ff}.pulse{display:inline-block;width:7px;height:7px;background:#65e6ca;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #65e6ca}.hero h1{font:800 clamp(42px,7vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:22px 0}.hero h1 span,.why-section h2 span{background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:570px;color:#b3bfd5;margin:0 auto 28px;font-size:16px}.primary-btn{display:inline-flex;align-items:center;gap:18px;border:0;border-radius:10px;background:linear-gradient(100deg,#8b5cf6,#6366f1);color:white;padding:13px 20px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 8px 30px #6755d333}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.hero-note{color:#8996b0;font-size:12px;margin-top:22px}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.25;pointer-events:none}.orb-one{width:170px;height:170px;border:1px solid #a78bfa;left:8%;top:28%}.orb-two{width:100px;height:100px;border:1px solid #67e8f9;right:12%;top:20%}.ad-area{max-width:980px;margin:22px auto;padding:0 20px}.ad-placeholder{height:92px;border:1px dashed #34415a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#66738d}.ad-placeholder span{font-size:9px;letter-spacing:2px}.ad-placeholder small{font-size:11px}.tools-section,.why-section{max-width:1160px;margin:85px auto;padding:0 26px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2,.why-section h2{font:700 clamp(26px,4vw,38px)/1.2 Manrope;margin:10px 0 0;letter-spacing:-1.3px}.section-heading p{color:var(--muted);max-width:340px;font-size:13px;margin:0}.workspace{display:grid;grid-template-columns:250px 1fr;gap:18px}.tool-list,.generator{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px}.tool-list{display:flex;flex-direction:column;gap:8px}.tool-tab{background:transparent;border:1px solid transparent;color:var(--text);text-align:left;padding:13px;border-radius:11px;cursor:pointer;display:grid;grid-template-columns:30px 1fr;align-items:center}.tool-tab>span{grid-row:span 2;color:var(--cyan);font-size:20px}.tool-tab b{font-size:13px}.tool-tab small{grid-column:2;color:#8996b0;font-size:11px}.tool-tab.active{background:#202044;border-color:#51457d}.generator{padding:26px 30px}.generator-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.generator-head h3{font:700 24px Manrope;margin:5px 0}.free-pill{font-size:9px;letter-spacing:1px;border:1px solid #286b67;color:#7be2ce;padding:5px 9px;border-radius:30px}.generator label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.generator textarea{width:100%;min-height:145px;resize:vertical;background:#080f1e;border:1px solid #34415a;border-radius:10px;color:white;padding:14px;font:14px/1.6 "DM Sans";outline:none}.generator textarea:focus{border-color:#9b87ef}.input-meta{display:flex;justify-content:space-between;color:#7f8ba4;font-size:10px;margin-top:6px}.controls{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.controls select{background:#172238;color:#dbe4f7;border:1px solid #34415a;border-radius:9px;padding:0 12px;min-width:190px}.controls .primary-btn{padding:12px 24px}.status{font-size:12px;color:#fbbf72;margin-top:12px;min-height:18px}.result-wrap{margin-top:18px;background:#080f1e;border:1px solid #35415a;border-radius:10px;padding:15px}.result-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:10px}.copy-btn{background:#25304a;color:#dce5fa;border:0;border-radius:7px;padding:7px 10px;cursor:pointer;font-size:11px}.result{white-space:pre-wrap;color:#dce5fa;font-size:13px}.privacy-note{color:#78869e;font-size:10px;margin:18px 0 0}.why-section{text-align:center;margin-top:100px}.why-section h2{font-size:42px;margin:15px 0 35px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.benefits article{padding:23px;background:var(--panel2);border:1px solid var(--line);border-radius:14px}.benefit-icon{font-size:24px;color:var(--cyan)}.benefits h3{font:700 16px Manrope}.benefits p{font-size:12px;color:var(--muted);margin-bottom:0}footer{border-top:1px solid var(--line);padding:35px 26px;text-align:center;color:#8996b0;font-size:12px;margin-top:75px}footer .brand{color:white}footer p{margin:7px}.footer-links{display:flex;justify-content:center;gap:22px;margin:20px 0}.footer-links a:hover,nav a:hover{color:var(--cyan)}footer small{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.topbar{height:66px;padding:0 17px}nav{gap:14px;font-size:12px}.nav-cta{display:none}.hero{padding:80px 18px 65px;min-height:480px}.hero h1{letter-spacing:-2px}.section-heading{display:block}.section-heading p{margin-top:14px}.tools-section,.why-section{padding:0 16px;margin:65px auto}.workspace{grid-template-columns:1fr}.tool-list{display:grid;grid-template-columns:1fr 1fr}.tool-tab{padding:10px 7px;grid-template-columns:23px 1fr}.tool-tab b{font-size:11px}.tool-tab small{font-size:9px}.generator{padding:20px 16px}.controls{flex-direction:column}.controls select{height:42px}.controls .primary-btn{justify-content:center}.benefits{grid-template-columns:1fr}.why-section h2{font-size:34px}.orb-one{left:-90px}.orb-two{right:-30px}}