:root{--bg:#0e0c14;--surface:#151120;--surface2:#1b1728;--border:rgba(160,140,220,.17);--border2:rgba(160,140,220,.28);--accent:#9b8cff;--accent2:#b2a7ff;--green:#6ee7b7;--text:#f0eeff;--muted:#aaa2bf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}a{color:var(--accent2)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border);background:rgba(14,12,20,.9);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:650}.brand img{width:30px;height:30px;border-radius:7px}.topnav{display:flex;gap:24px}.topnav a{color:var(--muted);font-size:14px;text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--text)}main{overflow:hidden}.hero,.section,.feature-footer{max-width:1100px;margin:0 auto;padding-left:28px;padding-right:28px}.hero{padding-top:92px;padding-bottom:78px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:64px;align-items:center}.hero-copy{max-width:690px}.eyebrow{font:500 11px "DM Mono",monospace;color:var(--accent2);letter-spacing:.11em;text-transform:uppercase}.hero h1,.hub h1{font-size:clamp(45px,6.5vw,76px);line-height:1.01;letter-spacing:-.05em;margin:17px 0 24px}.lead{font-size:19px;color:var(--muted);max-width:710px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px}.btn-primary{background:linear-gradient(135deg,#8b7cf6,#6d5ce8);color:#fff;box-shadow:0 12px 40px rgba(109,92,232,.25)}.btn-secondary{border:1px solid var(--border2);color:var(--text)}.trust{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font:11px "DM Mono",monospace}.trust span:before{content:'✓';color:var(--green);margin-right:6px}.visual{background:linear-gradient(145deg,var(--surface2),#100d18);border:1px solid var(--border2);border-radius:18px;padding:16px;box-shadow:0 35px 90px rgba(0,0,0,.45)}.visual img{width:100%;height:auto;display:block;border-radius:11px}.mini-window{min-height:320px;padding:26px}.mini-title{font:500 12px "DM Mono",monospace;color:var(--accent2);margin-bottom:20px}.mini-row{display:flex;gap:12px;align-items:center;padding:13px 14px;margin-top:9px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.018);font-size:13px;color:var(--muted)}.mini-row strong{color:var(--text)}.mini-key{margin-left:auto;font:11px "DM Mono",monospace;color:var(--accent2)}.section{padding-top:78px;padding-bottom:78px}.section-border{border-top:1px solid var(--border)}.section h2{font-size:clamp(31px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 18px}.section-intro{max-width:700px;color:var(--muted);font-size:17px}.benefit-grid,.feature-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}.benefit,.feature-card,.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:25px}.benefit h3,.feature-card h2,.feature-card h3,.faq-item h3{font-size:17px;line-height:1.3;margin:0 0 9px}.benefit p,.feature-card p,.faq-item p{font-size:14px;color:var(--muted);margin:0}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}.workflow-step{border-left:2px solid var(--accent);padding-left:18px}.workflow-step span{font:11px "DM Mono",monospace;color:var(--accent2)}.workflow-step h3{font-size:17px;margin:6px 0}.workflow-step p{font-size:14px;color:var(--muted);margin:0}.example{background:#09080d;border:1px solid var(--border);border-radius:12px;padding:20px;color:#d8d2ee;font:13px/1.8 "DM Mono",monospace;white-space:pre-wrap;overflow:auto;margin-top:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.check-list{list-style:none;padding:0;margin:18px 0 0}.check-list li{position:relative;padding:9px 0 9px 27px;color:var(--muted)}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green)}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.related-links a{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:17px;text-decoration:none;font-size:14px}.cta{max-width:1044px;margin:24px auto 88px;padding:52px 28px;text-align:center;border:1px solid var(--border2);border-radius:20px;background:radial-gradient(circle at top,rgba(155,140,255,.13),transparent 60%),var(--surface)}.cta h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:10px 0}.cta p{color:var(--muted)}.hub{max-width:1100px;margin:0 auto;padding:86px 28px 100px}.hub .lead{max-width:760px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:58px}.feature-card{display:block;padding:28px;text-decoration:none;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-3px);border-color:rgba(155,140,255,.55)}.feature-card .icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:9px;background:rgba(155,140,255,.12);margin-bottom:18px}.feature-card h2{color:var(--text);font-size:21px}.feature-card .arrow{display:block;margin-top:18px;font-size:13px;color:var(--accent2)}.feature-footer{border-top:1px solid var(--border);padding-top:34px;padding-bottom:42px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px}.feature-footer a{color:var(--muted)}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:760px}.visual{max-width:650px}.benefit-grid,.faq-grid{grid-template-columns:1fr 1fr}.related-links{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.feature-footer{flex-direction:column}}@media(max-width:580px){.topbar{padding:0 18px}.topnav{gap:14px}.topnav a:nth-child(2){display:none}.hero,.section,.hub{padding-left:19px;padding-right:19px}.hero{padding-top:46px;gap:38px}.hero h1,.hub h1{font-size:42px}.lead{font-size:17px}.benefit-grid,.faq-grid,.feature-grid,.related-links{grid-template-columns:1fr}.mini-window{min-height:260px;padding:18px}.section{padding-top:58px;padding-bottom:58px}.cta{margin-left:19px;margin-right:19px;padding:38px 20px}}