@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#07111f;--panel:#0d1a2c;--panel2:#101f34;--line:#20324b;--text:#edf5ff;--muted:#91a4bb;--primary:#69e6c2;--blue:#7aa7ff;--danger:#ff7180;--amber:#f7c66b;--shadow:0 20px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111f;color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20;background:rgba(7,17,31,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#7aa7ff);color:#06111d;font-weight:800;font-size:12px}.site-header nav{display:flex;gap:28px;align-items:center;color:#b8c7d9;font-size:14px}.site-header nav a:hover{color:white}.nav-login{border:1px solid var(--line);padding:10px 15px;border-radius:10px;color:white}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{max-width:1220px;margin:0 auto;padding:110px 28px 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--primary);margin-bottom:15px}.hero h1{font-family:'Space Grotesk';font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.hero h1 span{color:#91aaff}.hero p{font-size:18px;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:13px 18px;cursor:pointer;font-weight:700;color:white;background:transparent}.btn.primary{background:var(--primary);color:#06151b;border-color:var(--primary);box-shadow:0 10px 30px rgba(105,230,194,.12)}.btn.ghost{background:#0b1728}.btn.small{padding:9px 13px;font-size:13px}.btn.full{width:100%}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#8296ae;font-size:12px}.hero-card{position:relative}.window{background:linear-gradient(145deg,#12243b,#0a1525);border:1px solid #27405f;border-radius:22px;padding:18px;box-shadow:var(--shadow);transform:rotate(1deg)}.window-top{display:flex;align-items:center;gap:7px;color:#8da0b8;font-size:11px;margin-bottom:20px}.window-top span{width:7px;height:7px;border-radius:50%;background:#35506f}.window-top b{margin-left:auto;color:#dfeaff}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-metrics>div{background:#0a1728;border:1px solid #1e334e;border-radius:12px;padding:14px}.mini-metrics small,.mini-metrics strong,.mini-metrics em{display:block}.mini-metrics small{color:#7489a2;font-size:10px}.mini-metrics strong{font-size:23px;margin:4px 0}.mini-metrics em{font-style:normal;color:var(--primary);font-size:10px}.chart{height:160px;margin:18px 0;padding:18px;background:#0a1728;border-radius:14px;border:1px solid #1e334e}.bars{height:100%;display:flex;align-items:end;gap:10px}.bars i{display:block;flex:1;background:linear-gradient(#7aa7ff,#69e6c2);border-radius:6px 6px 2px 2px;opacity:.8}.activity{display:grid;gap:8px}.activity>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;background:#0a1728;border-radius:10px;padding:9px 11px;font-size:11px}.activity small{color:#71869f}.dot{width:7px;height:7px;border-radius:50%}.green{background:var(--primary)}.blue{background:var(--blue)}.amber{background:var(--amber)}.logos{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:20px 6%;display:flex;gap:38px;justify-content:center;flex-wrap:wrap;color:#647994;font-size:13px}.logos span{color:#8498b0}.section{max-width:1220px;margin:0 auto;padding:110px 28px}.section-head{max-width:780px;margin-bottom:42px}.section h2,.about h2{font-family:'Space Grotesk';font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin:0 0 15px}.section-head p,.about p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:#0b182a;border:1px solid #1a2e47;padding:28px;border-radius:16px;min-height:210px}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#122943;color:var(--primary);font-weight:700;margin-bottom:24px}.feature-grid h3{margin:0 0 8px;font-size:18px}.feature-grid p{color:#8296ae;margin:0;font-size:14px}.split-section{max-width:1220px;margin:0 auto;padding:70px 28px 120px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-section h2{font-family:'Space Grotesk';font-size:42px;line-height:1.1;letter-spacing:-.04em}.checks{list-style:none;padding:0;display:grid;gap:12px;color:#bdcadd}.checks li:before{content:'✓';color:var(--primary);margin-right:10px}.text-link{display:inline-block;margin-top:22px;color:var(--primary);font-weight:700}.terminal{background:#050c15;border:1px solid #20334c;border-radius:16px;padding:28px;font-family:monospace;color:#9be9d5;box-shadow:var(--shadow)}.terminal div{margin:13px 0}.terminal .muted{color:#61758d}.pricing{background:linear-gradient(180deg,transparent,rgba(18,37,61,.25),transparent);max-width:none;padding-left:max(28px,calc((100vw - 1164px)/2));padding-right:max(28px,calc((100vw - 1164px)/2))}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price{background:#0b182a;border:1px solid #1b2f48;border-radius:18px;padding:30px;position:relative}.price.featured{border-color:#397a71;box-shadow:0 15px 50px rgba(45,212,191,.08)}.popular{position:absolute;right:18px;top:18px;font-size:9px;letter-spacing:.12em;color:#06151b;background:var(--primary);padding:5px 8px;border-radius:20px;font-weight:800}.price h3{margin:0 0 18px}.price-number{font-family:'Space Grotesk';font-size:40px;font-weight:700}.price-number small{font:400 13px 'DM Sans';color:#71849d}.price p{color:#8195ad;min-height:46px}.price ul{padding-left:18px;color:#b6c5d7;display:grid;gap:9px;min-height:120px}.about{max-width:1220px;margin:0 auto;padding:120px 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.about-stats{display:grid;gap:12px}.about-stats div{background:#0b182a;border:1px solid #1b2f48;border-radius:14px;padding:20px;display:grid;grid-template-columns:55px 1fr;column-gap:10px}.about-stats strong{grid-row:span 2;color:var(--primary);font-size:22px}.about-stats span{font-weight:700}.about-stats small{color:#7489a1}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#0b182a;border:1px solid #1d324d;border-radius:22px;padding:44px}.contact-list{display:grid;gap:12px;margin-top:25px}.contact-list div{display:flex;flex-direction:column}.contact-list span{color:#8296ae}.contact form{display:grid;gap:11px}.contact input,.contact textarea,.contact select,.table-toolbar input,.modal-card input,.modal-card textarea,.modal-card select{width:100%;border:1px solid #223852;background:#081523;color:white;border-radius:10px;padding:12px;outline:none}.contact input:focus,.contact textarea:focus,.contact select:focus,.table-toolbar input:focus,.modal-card input:focus,.modal-card textarea:focus{border-color:#4d8d83}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{background:#0b182a;border:1px solid #1b2f48;border-radius:13px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#8397af}.site-header+main{}.legal{max-width:900px;margin:0 auto;padding:90px 28px 120px}.legal h1{font:700 54px 'Space Grotesk';letter-spacing:-.04em}.legal h2{font:700 25px 'Space Grotesk';margin-top:38px}.legal p{color:#93a6bc}.lead{font-size:18px}.legal+.site-header{}.legal~footer,footer{border-top:1px solid rgba(255,255,255,.06);padding:45px 6%;color:#72859c;display:flex;gap:35px;flex-wrap:wrap}footer a{display:block;color:#91a4bb;margin-top:7px}footer b{color:white}.footer-brand{min-width:230px;margin-right:auto}.footer-brand p{font-size:13px}.copyright{width:100%;font-size:12px;margin-top:15px}.success-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#123454,#07111f 55%)}.success-card{width:min(500px,90vw);text-align:center;padding:50px 35px;background:#0b182a;border:1px solid #23405e;border-radius:22px;box-shadow:var(--shadow)}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(105,230,194,.12);color:var(--primary);font-size:30px;margin:0 auto 20px}.success-card h1{font:700 36px 'Space Grotesk'}.success-card p{color:#8da0b8}.success-card .text-link{display:block}.app-body{display:flex;min-height:100vh;background:#07111f}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#081421;border-right:1px solid #182b43;padding:25px 16px;display:flex;flex-direction:column}.side-user{display:flex;gap:10px;align-items:center;margin:30px 8px 25px;padding:12px 0;border-bottom:1px solid #172a41}.side-user b{display:block;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.side-user small{color:#6f849d;font-size:11px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#69e6c2,#7aa7ff);color:#06121d;font-weight:800}.avatar.large{width:52px;height:52px;border-radius:14px}.app-nav{display:grid;gap:5px}.app-nav button,.side-bottom button,.quick-actions button{border:0;background:none;color:#8195ad;text-align:left;padding:12px;border-radius:9px;cursor:pointer}.app-nav button:hover,.app-nav button.active{background:#102238;color:white}.app-nav button.active{box-shadow:inset 3px 0 var(--primary)}.side-bottom{margin-top:auto;display:grid;gap:5px}.side-bottom a,.side-bottom button{font-size:13px;padding:10px}.app-main{margin-left:248px;width:calc(100% - 248px);padding:0 34px 70px}.app-top{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172a41;margin-bottom:28px}.app-top h1{font:700 28px 'Space Grotesk';margin:0}.top-actions{display:flex;align-items:center;gap:15px}.connection{font-size:12px;color:#879ab2}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6e7f92;margin-right:6px}.connection.ok i{background:var(--primary)}.view.hidden{display:none}.banner{display:flex;justify-content:space-between;align-items:center;background:#0e2135;border:1px solid #2c4866;padding:18px 20px;border-radius:14px;margin-bottom:20px}.banner p{margin:3px 0 0;color:#8296ae;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.metric{background:#0b182a;border:1px solid #1a2e47;border-radius:13px;padding:17px}.metric small{display:block;color:#7388a1}.metric strong{font:700 27px 'Space Grotesk';display:block;margin:5px 0}.metric span{font-size:10px;color:#6d829b}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin-bottom:15px}.panel{background:#0b182a;border:1px solid #1a2e47;border-radius:15px;padding:20px;margin-bottom:15px}.panel.wide{min-height:360px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:#70849c;font-size:12px}.icon-btn,.text-btn{border:0;background:none;color:#79e1c1;cursor:pointer}.trend{height:245px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #21334a;padding:0 5px 4px}.trend-bar{flex:1;position:relative;min-width:6px;background:linear-gradient(#7aa7ff,#69e6c2);border-radius:5px 5px 0 0;opacity:.75}.trend-bar span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:9px;color:#647994}.quota{padding:25px 5px}.quota strong{font:700 30px 'Space Grotesk'}.quota p{color:#758aa2;font-size:12px}.progress{height:8px;background:#16283d;border-radius:20px;overflow:hidden;margin:15px 0}.progress i{display:block;height:100%;background:var(--primary);width:0}.quick-actions{display:grid;gap:5px}.quick-actions button{background:#0f2238}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid #182c44;white-space:nowrap}.table th{color:#71859d;font-weight:500}.badge{display:inline-block;border-radius:20px;padding:4px 8px;background:#12263d;color:#9cb0c8;font-size:10px}.badge.completed,.badge.sent,.badge.active{color:#69e6c2}.badge.sending,.badge.scheduled{color:#7aa7ff}.badge.bounced,.badge.failed{color:#ff7180}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar h2{font:700 26px 'Space Grotesk';margin:0}.toolbar p{margin:4px 0 0;color:#758aa2;font-size:13px}.toolbar-actions{display:flex;gap:10px}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.cards-list{display:grid;gap:10px}.campaign-card{background:#0b182a;border:1px solid #1a2e47;border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.campaign-card h3{margin:0 0 5px;font-size:15px}.campaign-card p{margin:0;color:#71869f;font-size:12px}.campaign-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.campaign-actions button{border:1px solid #243952;background:#0d1c2e;color:#bcd0e4;border-radius:8px;padding:8px 10px;font-size:11px;cursor:pointer}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-toolbar input{max-width:330px}.modal{position:fixed;inset:0;background:rgba(1,7,14,.75);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:20px}.modal.hidden{display:none}.modal-card{width:min(680px,95vw);max-height:90vh;overflow:auto;background:#0b182a;border:1px solid #27415f;border-radius:18px;padding:26px;position:relative}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#8196ae;font-size:25px;cursor:pointer}.form-grid{display:grid;gap:12px}.form-grid label{font-size:11px;color:#8296ad}.form-grid input,.form-grid textarea,.form-grid select{margin-top:5px}.checklist{max-height:220px;overflow:auto;border:1px solid #1d334d;border-radius:10px;padding:8px}.checklist label{display:flex;gap:8px;padding:8px;cursor:pointer}.empty{padding:45px;text-align:center;color:#71859d}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile{display:flex;gap:13px;align-items:center;padding:15px 0 20px}.profile p{margin:3px 0;color:#72869f;font-size:12px}.setting-row{display:flex;justify-content:space-between;border-top:1px solid #182c44;padding:13px 0;font-size:12px}.app-prices{grid-template-columns:repeat(4,1fr)}#toast{position:fixed;right:25px;bottom:25px;z-index:100}.toast{background:#0d2237;border:1px solid #31516f;color:white;border-radius:10px;padding:13px 16px;box-shadow:var(--shadow);font-size:12px}.toast.error{border-color:#7e3642}.toast.ok{border-color:#2f7668}
@media(max-width:950px){.hero,.split-section,.about,.contact-card{grid-template-columns:1fr}.hero{padding-top:70px}.feature-grid,.price-grid,.faq-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.app-prices{grid-template-columns:1fr 1fr}.sidebar{width:72px;padding:18px 10px}.sidebar .brand span:last-child,.side-user>div:last-child,.app-nav span,.side-bottom a,.side-bottom button{display:none}.app-main{margin-left:72px;width:calc(100% - 72px)}.app-nav button{text-align:center}.app-nav button.active{box-shadow:none}.top-actions .connection{display:none}}
@media(max-width:650px){.site-header nav{display:none}.menu{display:block}.hero h1{font-size:43px}.hero{padding:55px 20px}.section,.split-section,.about{padding-left:20px;padding-right:20px}.feature-grid,.price-grid,.faq-grid,.settings-grid,.app-prices{grid-template-columns:1fr}.contact-card{padding:25px}.mini-metrics{grid-template-columns:1fr}.logos{gap:15px}.metric-grid{grid-template-columns:repeat(2,1fr)}.app-main{padding:0 14px 50px}.app-top{height:90px}.app-top h1{font-size:23px}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.banner{flex-direction:column;align-items:flex-start;gap:12px}.campaign-card{grid-template-columns:1fr}.campaign-actions{justify-content:flex-start}}