:root {
  --bg:#07131f; --bg-soft:#0a1928; --surface:#0e2032; --surface-alt:#11263a;
  --ink:#f4f8fb; --muted:#91a6b8; --muted-soft:#60778a;
  --line:rgba(149,174,195,.14); --line-strong:rgba(149,174,195,.22);
  --mint:#39d9a4; --mint-strong:#55e7b6; --mint-soft:rgba(57,217,164,.1);
  --purple:#9c8cf7; --purple-soft:rgba(156,140,247,.1);
  --shadow:0 26px 80px rgba(0,0,0,.25); --radius:14px; --radius-lg:20px; --radius-xl:26px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(57,217,164,.055),transparent 32%),linear-gradient(220deg,rgba(245,178,87,.045),transparent 28%),radial-gradient(circle at 1px 1px,rgba(151,176,197,.04) 1px,transparent 0);background-size:auto,auto,31px 31px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.08;letter-spacing:0}
p{color:var(--muted)}
::selection{background:rgba(57,217,164,.28);color:#fff}
a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.shell{width:min(1160px,calc(100% - 32px));margin:0 auto}

.topbar{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(7,19,31,.88);backdrop-filter:blur(20px)}
.topbar-inner{width:min(1160px,calc(100% - 32px));height:68px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand-mark{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#052018;background:linear-gradient(145deg,#56e8b8,#24be8f);box-shadow:0 8px 22px rgba(57,217,164,.17)}
.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:15px;letter-spacing:0}.brand small{margin-top:1px;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.topnav{display:flex;align-items:center;gap:2px}.topnav a{padding:8px 13px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:600;transition:.15s}.topnav a:hover{color:var(--ink);background:rgba(255,255,255,.04)}
.topbar-actions{display:flex;align-items:center;gap:10px}.login-link{padding:8px 10px;color:var(--muted);font-size:12px;font-weight:650}.login-link:hover{color:var(--ink)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius);font-weight:700;line-height:1;white-space:nowrap;transition:transform .15s,filter .15s,box-shadow .15s}
.btn-primary{color:#062219;background:linear-gradient(135deg,#54e7b7,#24bd8e);box-shadow:0 10px 28px rgba(57,217,164,.19)}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 34px rgba(57,217,164,.25)}
.btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:rgba(255,255,255,.025)}.btn-ghost:hover{background:rgba(255,255,255,.055);transform:translateY(-1px)}
.btn-small{min-height:40px;padding:0 16px;font-size:12px}.btn-large{min-height:52px;padding:0 23px;font-size:14px}

.landing-section{padding:78px 0;border-bottom:1px solid var(--line);scroll-margin-top:68px}
.hero-section{padding:82px 0 88px}
.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);align-items:center;gap:56px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 11px;border:1px solid rgba(57,217,164,.16);border-radius:999px;color:var(--mint);background:var(--mint-soft);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(57,217,164,.08)}
.hero-copy h1{font-size:clamp(3rem,5.1vw,4.55rem);font-weight:800;line-height:1.02;letter-spacing:0}.hero-copy h1 span{color:var(--mint)}
.hero-copy>p{max-width:48ch;font-size:16px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.stat-strip{display:flex;flex-wrap:wrap;gap:7px}.stat-strip span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.018);font-size:10px;font-weight:600}.stat-strip strong{color:var(--ink)}

.product-preview{position:relative;border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);overflow:visible}
.preview-topbar{height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:#0a1928}.preview-topbar>strong{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.window-dots{display:flex;gap:5px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#ef5b56}.window-dots i:nth-child(2){background:#eabf45}.window-dots i:nth-child(3){background:#45bd70}
.live-badge{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:9px;font-weight:700}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--mint)}
.preview-app{height:410px;display:grid;grid-template-columns:54px 205px 1fr;overflow:hidden;border-radius:0 0 var(--radius-xl) var(--radius-xl)}
.preview-rail{display:flex;flex-direction:column;align-items:center;gap:11px;padding:14px 0;border-right:1px solid var(--line);background:#0a1928}.preview-logo{width:32px;height:32px;display:grid;place-items:center;margin-bottom:5px;border-radius:10px;color:#072119;background:var(--mint)}.rail-item{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.04)}.rail-item.active{background:rgba(57,217,164,.13);box-shadow:inset 3px 0 var(--mint)}
.preview-inbox{border-right:1px solid var(--line);background:#0a1725;overflow:hidden}.preview-heading{height:50px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.preview-heading span{font-size:12px;font-weight:750}.preview-heading small{color:var(--muted);font-size:8px}.preview-search{margin:10px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted-soft);background:rgba(255,255,255,.035);font-size:8px}
.preview-contact{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;margin:2px 7px;padding:8px 7px;border:1px solid transparent;border-radius:10px}.preview-contact.active{border-color:rgba(57,217,164,.13);background:rgba(57,217,164,.075)}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:10px;font-weight:800}.avatar.mint{background:#21b98d}.avatar.blue{background:#249ce1}.avatar.purple{background:#8c55d9}.avatar.orange{background:#ec8c2e}.preview-contact>span{display:flex;flex-direction:column;min-width:0}.preview-contact strong{overflow:hidden;color:var(--ink);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.preview-contact small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.preview-contact time{color:var(--muted);font-size:6.5px}
.preview-conversation{display:flex;flex-direction:column;min-width:0;background:#081522}.conversation-head{height:50px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);background:#0e2032}.conversation-head>span{display:flex;flex-direction:column}.conversation-head strong{font-size:9px}.conversation-head small{display:flex;align-items:center;gap:4px;color:var(--mint);font-size:6.5px}.conversation-head small i{width:4px;height:4px;border-radius:50%;background:var(--mint)}
.conversation-body{flex:1;padding:22px 16px;display:flex;flex-direction:column;gap:9px;background-image:radial-gradient(circle at 1px 1px,rgba(151,176,197,.04) 1px,transparent 0);background-size:24px 24px}.sample-message{max-width:72%;padding:7px 9px;border-radius:9px;color:#dce7ef;background:#14263a;font-size:7.5px}.sample-message.outgoing{align-self:flex-end;background:#116b59}.ai-response{max-width:85%;display:flex;align-items:flex-start;gap:7px;padding:8px;border:1px solid rgba(156,140,247,.17);border-radius:10px;background:rgba(156,140,247,.075)}.ai-response span{padding:3px 5px;border-radius:5px;color:var(--purple);background:var(--purple-soft);font-size:6px;font-weight:800}.ai-response p{color:#b7c5d1;font-size:7px;line-height:1.5}
.conversation-input{height:48px;margin:0;padding:0 10px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);background:#0e2032}.conversation-input>span{flex:1;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted-soft);background:rgba(255,255,255,.035);font-size:7px}.conversation-input>b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#062219;background:var(--mint);font-size:9px}
.preview-float{position:absolute;display:flex;align-items:center;gap:9px;min-width:150px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(12,29,45,.96);box-shadow:0 14px 35px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.preview-float>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--purple);background:var(--purple-soft);font-size:8px;font-weight:800}.preview-float>div{display:flex;flex-direction:column}.preview-float strong{font-size:8px}.preview-float small{margin-top:2px;color:var(--muted);font-size:6.5px}.float-one{right:-24px;top:78px}.float-two{left:-28px;bottom:27px}.float-two>span{color:var(--mint);background:var(--mint-soft)}

.section-intro{margin-bottom:42px}.split-intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:70px}.section-intro h2,.workflow-intro h2,.security-copy h2,.final-cta h2{margin-top:15px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800}.split-intro p{padding-bottom:4px;font-size:14px;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{position:relative;min-height:220px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(17,38,58,.94),rgba(9,25,40,.92));transition:transform .18s,border-color .18s,box-shadow .18s}.feature-card:hover{transform:translateY(-3px);border-color:rgba(57,217,164,.26);box-shadow:0 20px 45px rgba(0,0,0,.15)}.feature-wide{grid-column:span 2;background:linear-gradient(125deg,rgba(57,217,164,.09),rgba(13,31,49,.92))}.secondary-wide{grid-column:auto;background:linear-gradient(125deg,rgba(156,140,247,.08),rgba(13,31,49,.92))}.feature-number{position:absolute;right:20px;top:17px;color:rgba(145,166,184,.25);font-size:11px;font-weight:800}.feature-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:25px;border:1px solid rgba(57,217,164,.16);border-radius:13px;color:var(--mint);background:var(--mint-soft)}.purple-icon{border-color:rgba(156,140,247,.17);color:var(--purple);background:var(--purple-soft)}.feature-card h3{font-size:17px}.feature-card p{max-width:56ch;margin-top:10px;font-size:12.5px;line-height:1.75}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.feature-tags span{padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:rgba(255,255,255,.02);font-size:8px;font-weight:650}

.workflow-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px}.workflow-intro{align-self:start;position:sticky;top:105px}.workflow-intro>p{margin:16px 0 24px;font-size:14px;line-height:1.8}.workflow-list{margin:0;padding:0;list-style:none}.workflow-list li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:0 0 30px;position:relative}.workflow-list li:not(:last-child)::after{content:'';position:absolute;left:23px;top:47px;bottom:4px;width:1px;background:linear-gradient(var(--mint),var(--line))}.workflow-list li>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(57,217,164,.25);border-radius:13px;color:var(--mint);background:var(--mint-soft);font-size:10px;font-weight:800}.workflow-list h3{padding-top:4px;font-size:15px}.workflow-list p{margin-top:7px;font-size:12px;line-height:1.7}

.security-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:46px;border:1px solid rgba(57,217,164,.16);border-radius:var(--radius-xl);background:radial-gradient(circle at 0 0,rgba(57,217,164,.1),transparent 40%),linear-gradient(145deg,rgba(17,38,58,.92),rgba(8,23,37,.92));box-shadow:0 22px 60px rgba(0,0,0,.12)}.security-copy p{margin-top:16px;font-size:13px;line-height:1.8}.security-points{display:grid;gap:10px}.security-points>div{display:grid;grid-template-columns:31px 1fr;column-gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.security-points>div>span{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--mint);background:var(--mint-soft);font-size:10px;font-weight:800}.security-points strong{font-size:11px}.security-points p{margin-top:3px;font-size:9px}

.final-cta{text-align:center;border-bottom:0}.final-cta .eyebrow{margin:0 auto}.final-cta h2{font-size:clamp(2.3rem,4.6vw,3.6rem)}.final-cta h2 span{color:var(--mint)}.final-cta>p{max-width:48ch;margin:18px auto 28px;font-size:14px}
.site-footer{border-top:1px solid var(--line);background:#07131f}.footer-inner{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:58px 0 43px;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:48px}.footer-brand>p{max-width:34ch;margin-top:16px;font-size:11px;line-height:1.8}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-column h3{margin-bottom:5px;color:var(--ink);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-column a{color:var(--muted);font-size:11px}.footer-column a:hover{color:var(--mint)}.footer-bottom{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:20px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.footer-bottom p{font-size:9px}

@media(max-width:940px){.hero-grid{grid-template-columns:1fr;gap:58px}.hero-copy{align-items:center;text-align:center}.hero-copy>p{max-width:60ch}.hero-actions,.stat-strip{justify-content:center}.product-preview{width:min(100%,650px);margin:0 auto}.split-intro{grid-template-columns:1fr;gap:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-section{grid-template-columns:1fr;gap:45px}.workflow-intro{position:static}.security-card{grid-template-columns:1fr;gap:35px}.footer-inner{grid-template-columns:1.5fr 1fr 1fr}.footer-column:last-child{display:none}}
@media(max-width:640px){.topbar-inner{height:62px}.topnav{display:none}.login-link{display:none}.brand-mark{width:34px;height:34px}.shell{width:calc(100% - 24px)}.landing-section{padding:68px 0}.hero-section{padding:62px 0 70px}.hero-grid{gap:45px}.hero-copy{gap:23px}.hero-copy h1{font-size:clamp(2.45rem,12vw,3.35rem);line-height:1.05}.hero-copy>p{font-size:14px}.hero-actions{width:100%;flex-direction:column}.hero-actions .btn{width:100%}.stat-strip{gap:6px}.preview-app{height:350px;grid-template-columns:45px 1fr}.preview-inbox{display:none}.preview-rail{padding-top:10px}.float-one{right:-5px;top:66px}.float-two{left:-5px;bottom:16px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-card{min-height:auto}.section-intro h2,.workflow-intro h2,.security-copy h2{font-size:2rem}.security-card{padding:25px}.final-cta h2 br{display:none}.footer-inner{grid-template-columns:1fr 1fr;gap:34px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card,.btn{transition:none}}