@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050b14;--panel:#0a1626;--panel2:#0d1c30;--text:#eef7ff;--muted:#9ab0c6;--line:rgba(152,189,219,.16);--cyan:#15e6c1;--violet:#8f7cff;--blue:#37a9ff;--danger:#ff668f;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 8%,rgba(79,52,170,.18),transparent 28%),radial-gradient(circle at 10% 25%,rgba(0,196,177,.12),transparent 25%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;background:#fff;color:#000;padding:10px 16px;z-index:999}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:100;background:rgba(5,11,20,.8);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:42px;height:38px;border:2px solid var(--cyan);border-radius:11px;position:relative;box-shadow:0 0 20px rgba(21,230,193,.18)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:12px;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.brand-mark:before{left:9px}.brand-mark:after{right:9px}.brand-mark span{position:absolute;width:17px;height:3px;background:var(--violet);bottom:8px;left:10px;border-radius:4px}.brand-mark i{position:absolute;width:2px;height:9px;background:var(--cyan);top:-10px;left:18px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font:700 16px Space Grotesk}.brand-copy small{font-size:12px;color:var(--cyan);letter-spacing:.18em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{padding:10px 14px;color:var(--muted);font-weight:600;font-size:14px;border-radius:11px}.main-nav a:hover,.main-nav a.active{color:var(--text);background:rgba(255,255,255,.055)}.nav-toggle{display:none;width:46px;height:42px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:10px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--text);margin:4px 0;border-radius:3px;transition:.2s}.hero{padding:80px 0 48px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid rgba(21,230,193,.25);border-radius:999px;color:var(--cyan);font-size:13px;font-weight:700;background:rgba(21,230,193,.05)}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1,h2,h3{font-family:Space Grotesk,Manrope,sans-serif;line-height:1.12;margin-top:0}.hero h1{font-size:clamp(43px,6vw,72px);margin:24px 0 20px;letter-spacing:-.05em}.gradient-text{background:linear-gradient(110deg,var(--cyan),#86e8ff 48%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px}.hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.hero-points span{font-size:13px;color:#cbd9e6}.hero-points span:before{content:"✓";color:var(--cyan);margin-right:8px}.robot-visual{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(21,230,193,.14);border-radius:50%;inset:35px;animation:spin 18s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.orbit:before{width:9px;height:9px;top:25px;left:70px}.orbit:after{width:6px;height:6px;right:20px;bottom:80px;background:var(--violet)}.robot-head{width:250px;height:218px;border:1px solid rgba(145,185,218,.25);border-radius:48px;background:linear-gradient(145deg,#13263e,#07111e);box-shadow:var(--shadow),inset 0 0 35px rgba(55,169,255,.08);position:relative}.robot-head:before{content:"";position:absolute;width:5px;height:55px;background:var(--violet);top:-55px;left:122px}.robot-head:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--violet);top:-70px;left:116px;box-shadow:0 0 22px var(--violet)}.eye{position:absolute;top:65px;width:42px;height:29px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px rgba(21,230,193,.5),inset 0 0 12px rgba(21,230,193,.2)}.eye.left{left:50px}.eye.right{right:50px}.mouth{position:absolute;left:45px;right:45px;bottom:48px;height:38px;display:flex;align-items:center;gap:6px}.mouth i{display:block;flex:1;height:10px;border-radius:7px;background:linear-gradient(var(--cyan),var(--blue));animation:wave 1s ease-in-out infinite}.mouth i:nth-child(2),.mouth i:nth-child(6){animation-delay:.15s}.mouth i:nth-child(3),.mouth i:nth-child(5){animation-delay:.3s}.mouth i:nth-child(4){animation-delay:.45s}.tool-section{padding:28px 0 86px}.tool-shell{background:linear-gradient(145deg,rgba(16,35,57,.97),rgba(7,18,31,.97));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.tool-topbar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.tool-title{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:#cfe0ee}.tool-title i,.status-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.tool-status{font-size:12px;color:var(--muted)}.generator-grid{display:grid;grid-template-columns:1.1fr .9fr}.input-panel,.control-panel{padding:28px}.input-panel{border-right:1px solid var(--line)}.field-label{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px;font-size:13px;font-weight:700}.char-count{color:var(--muted);font-weight:500}.voice-text{width:100%;min-height:250px;resize:vertical;background:#06101c;color:var(--text);border:1px solid var(--line);border-radius:17px;padding:20px;outline:none;transition:.2s}.voice-text:focus{border-color:rgba(21,230,193,.45);box-shadow:0 0 0 4px rgba(21,230,193,.06)}.quick-lines{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quick-lines button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:12px;cursor:pointer}.quick-lines button:hover{color:var(--text);border-color:rgba(143,124,255,.45)}.control-group{margin-bottom:21px}.control-group label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.control-group select{width:100%;background:#071321;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}.range-row{display:grid;grid-template-columns:64px 1fr 42px;gap:10px;align-items:center;margin:12px 0}.range-row label{margin:0;color:var(--muted);font-weight:600}.range-row output{text-align:right;color:var(--cyan);font-size:13px}.range-row input{accent-color:var(--cyan);width:100%}.action-row{display:flex;gap:11px;margin-top:25px}.btn{border:0;border-radius:13px;padding:13px 17px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn-primary{background:linear-gradient(110deg,var(--cyan),#6fd8ff);color:#04121a;flex:1;box-shadow:0 9px 28px rgba(21,230,193,.18)}.btn-secondary{background:rgba(143,124,255,.13);border:1px solid rgba(143,124,255,.3);color:#dcd6ff}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.tool-note{font-size:12px;color:var(--muted);margin:14px 0 0}.wave-display{height:64px;display:flex;align-items:center;gap:4px;padding:0 28px 22px}.wave-display i{display:block;flex:1;height:8px;border-radius:5px;background:linear-gradient(180deg,var(--violet),var(--cyan));opacity:.55}.wave-display.active i{animation:wave .8s ease-in-out infinite}.wave-display i:nth-child(3n){animation-delay:.15s}.wave-display i:nth-child(4n){animation-delay:.3s}.section{padding:86px 0}.section-alt{background:rgba(255,255,255,.018);border-block:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:40px}.section-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;margin-bottom:14px}.section-head p,.prose p{color:var(--muted)}.feature-grid,.use-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(14,31,51,.8),rgba(7,17,29,.82));border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(21,230,193,.25)}.card-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:rgba(21,230,193,.1);color:var(--cyan);font-weight:800;margin-bottom:20px}.card h3{font-size:20px;margin-bottom:10px}.card p{color:var(--muted);font-size:14px;margin-bottom:0}.use-card{position:relative;padding-top:62px}.use-card .num{position:absolute;top:22px;left:24px;font:700 12px Space Grotesk;color:var(--violet);letter-spacing:.15em}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.step-list{display:flex;flex-direction:column;gap:15px}.step{display:flex;gap:16px;padding:19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.step b{min-width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(143,124,255,.14);color:#c8bfff}.step h3{font-size:17px;margin:0 0 4px}.step p{font-size:14px;color:var(--muted);margin:0}.faq-list{display:grid;gap:12px}.faq{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);overflow:hidden}.faq button{width:100%;background:none;border:0;color:var(--text);text-align:left;padding:19px 21px;display:flex;justify-content:space-between;gap:20px;font-weight:800;cursor:pointer}.faq button span:last-child{color:var(--cyan)}.faq-answer{display:none;padding:0 21px 20px;color:var(--muted)}.faq.open .faq-answer{display:block}.page-hero{padding:74px 0 45px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(39px,5vw,62px);margin:15px 0}.page-hero p{max-width:760px;color:var(--muted);font-size:18px}.prose{padding:58px 0 90px;max-width:850px}.prose h2{font-size:30px;margin-top:44px}.prose h3{margin-top:30px}.prose ul{color:var(--muted)}.contact-box{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.site-footer{border-top:1px solid var(--line);padding:55px 0 24px;background:#040912}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:48px}.footer-brand p{max-width:470px;color:var(--muted);font-size:14px}.footer-grid h3{font-size:15px;margin-bottom:14px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div:not(:first-child) a{color:var(--muted);font-size:14px;padding:4px 0}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:38px;padding-top:21px;color:var(--muted);font-size:13px}.footer-bottom p{margin:0}.system-status{display:flex;gap:8px;align-items:center}.system-status i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.toast{position:fixed;right:20px;bottom:20px;background:#eef7ff;color:#07111f;padding:12px 16px;border-radius:12px;font-weight:700;box-shadow:var(--shadow);z-index:999;transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@keyframes wave{0%,100%{height:8px}50%{height:34px}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.nav-toggle{display:block}.main-nav{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:14px;background:#0a1626;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 14px}.hero-grid{gap:25px}.generator-grid{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.feature-grid,.use-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.nav-wrap{height:70px}.main-nav{top:70px;left:14px;right:14px}.brand-copy strong{font-size:14px}.hero{padding-top:50px}.hero-grid{grid-template-columns:1fr}.robot-visual{min-height:330px}.robot-head{transform:scale(.82)}.orbit{inset:18px}.tool-section{padding-top:5px}.input-panel,.control-panel{padding:20px}.voice-text{min-height:210px}.action-row{flex-direction:column}.range-row{grid-template-columns:58px 1fr 35px}.feature-grid,.use-grid,.steps-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.section{padding:64px 0}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.page-hero{padding-top:50px}}