/* Closexa marketing experience */
.landing{min-height:100vh;background:#fff}.landing-hero{min-height:760px;color:#fff;background:radial-gradient(circle at 70% 50%,rgba(25,197,139,.15),transparent 35%),linear-gradient(135deg,#061426,#0b233b);overflow:hidden}.landing-nav{height:86px;max-width:1510px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.landing-links{display:flex;gap:38px}.landing-links a{color:#c8d2de;text-decoration:none;font-size:13px;font-weight:650}.landing-actions{display:flex;align-items:center;gap:22px}.landing-signin{border:0;background:transparent;color:#fff;font-weight:700}.landing-hero-inner{max-width:1510px;margin:auto;padding:68px 5vw 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.hero-copy{position:relative;z-index:3}.hero-copy h1{font-size:clamp(48px,5vw,78px);line-height:1.02;letter-spacing:-4px;margin:25px 0 24px}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:18px;line-height:1.65;color:#b3c0d0;max-width:620px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-button{padding:15px 21px;font-size:14px}.watch-button{display:flex;align-items:center;gap:10px;background:transparent;color:#fff;border:0;font-weight:750}.watch-button span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #8ea0b4;border-radius:50%;font-size:11px}.industries{margin-top:62px}.industries small{display:flex;align-items:center;gap:14px;color:#73869e;text-transform:uppercase;letter-spacing:2px;font-size:9px;font-weight:800}.industries small:after{content:"";height:1px;flex:1;background:#29405a}.industries div{display:flex;gap:30px;margin-top:20px;color:#d0d9e3;font-size:12px}.hero-product{height:510px;position:relative}.hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(25,197,139,.16);filter:blur(80px);right:15%;top:10%}.product-window{position:absolute;left:0;right:7%;top:20px;background:#eef3f7;border:1px solid rgba(255,255,255,.25);border-radius:16px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.3);transform:perspective(1200px) rotateY(-3deg)}.product-bar{height:32px;background:#132940;display:flex;align-items:center;gap:5px;padding:0 12px;color:#71849a;font-size:8px}.product-bar i{width:6px;height:6px;border-radius:50%;background:#45596f}.product-bar span{margin:auto}.product-body{height:410px;display:flex}.product-side{width:132px;background:#0a1c31;padding:18px 12px;display:flex;flex-direction:column;gap:12px;color:#71839a;font-size:8px}.product-side b{color:#fff;margin-bottom:12px;font-size:10px}.product-side span{padding:8px;border-radius:6px}.product-side .active{background:rgba(25,197,139,.15);color:#a8efd6}.mini-logo{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--green);color:#063025;border-radius:6px;margin-right:5px}.product-canvas{flex:1;padding:25px;background:#f7f9fb;color:var(--ink)}.product-canvas h3{font-size:17px;margin:0}.product-canvas>p{font-size:8px;color:#8593a3;margin:4px 0 18px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-stats>div{background:#fff;border:1px solid #e3e9ef;border-radius:8px;padding:12px;display:flex;flex-direction:column}.preview-stats small{font-size:7px;color:#718096}.preview-stats b{font-size:18px;margin:7px 0}.preview-stats em{font-size:7px;color:#0a9b6b;font-style:normal}.preview-chart{background:#fff;border:1px solid #e3e9ef;border-radius:9px;margin-top:13px;padding:13px}.preview-chart>div:first-child{display:flex;justify-content:space-between;font-size:8px}.preview-bars{height:125px;display:flex;align-items:end;gap:8px;padding-top:15px;border-bottom:1px solid #dce3ea}.preview-bars i{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#19c58b,#9ce5ca)}.hero-phone{position:absolute;right:-2px;bottom:5px;width:198px;height:400px;background:#fff;border:7px solid #0b1118;border-radius:30px;color:var(--ink);padding:35px 12px 12px;box-shadow:0 30px 70px rgba(0,0,0,.38);z-index:2}.phone-notch{position:absolute;top:0;left:52px;width:82px;height:18px;background:#0b1118;border-radius:0 0 12px 12px}.hero-phone>b{display:block;text-align:center;font-size:10px;margin-bottom:27px}.phone-message{font-size:8px;line-height:1.45;padding:9px;border-radius:9px;margin:9px 0;max-width:85%}.phone-message.left{background:#eef1f5}.phone-message.right{background:var(--green);color:#073226;margin-left:auto}.phone-input{position:absolute;bottom:11px;left:10px;right:10px;border:1px solid #dce3e9;border-radius:99px;padding:9px;color:#a0abb7;font-size:7px}.phone-input span{float:right;color:var(--green2)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;padding:48px 20px}.proof-strip div{text-align:center;border-right:1px solid var(--line)}.proof-strip div:last-child{border:0}.proof-strip b{display:block;font-size:38px;letter-spacing:-2px}.proof-strip span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.landing-section{padding:90px 5vw;text-align:center;background:#f7f9fb}.landing-section .overline{color:var(--green2)}.landing-section h2{font-size:38px;letter-spacing:-1.5px;margin:16px 0 10px}.landing-section>p{color:var(--muted);font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:45px auto 0}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;text-align:left}.feature-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--green-soft);color:var(--green2);font-weight:900}.feature-grid h3{font-size:16px;margin:18px 0 8px}.feature-grid p{font-size:12px;line-height:1.65;color:var(--muted)}.landing-footer{min-height:150px;padding:35px 5vw;background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:#8394a8}.landing-footer p{font-size:12px}

/* Guided onboarding */
.onboarding-shell{min-height:100vh;display:grid;grid-template-columns:350px 1fr;background:#fff}.onboarding-side{background:radial-gradient(circle at 0 100%,#12304e,transparent 35%),linear-gradient(160deg,#07172a,#0a2038);color:#fff;padding:42px 34px;display:flex;flex-direction:column}.onboarding-side h2{font-size:28px;line-height:1.25;margin:48px 0 20px;letter-spacing:-.8px}.side-accent{display:block;width:52px;height:3px;background:var(--green);border-radius:3px;margin-bottom:33px}.onboarding-side ol{list-style:none;padding:0;margin:0;position:relative}.onboarding-side ol:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:1px;background:#28415d}.onboarding-side li{display:flex;align-items:center;gap:14px;min-height:70px;color:#8498af;position:relative}.onboarding-side li>span{width:39px;height:39px;border:1px solid #55708e;border-radius:50%;display:grid;place-items:center;background:#0a2038;font-weight:800;z-index:1}.onboarding-side li div{display:flex;flex-direction:column}.onboarding-side li small{text-transform:uppercase;letter-spacing:1px;font-size:8px;color:#5f758e}.onboarding-side li b{font-size:12px;margin-top:3px}.onboarding-side li.active{color:#fff}.onboarding-side li.active>span,.onboarding-side li.complete>span{background:var(--green);border-color:var(--green);color:#052b20;box-shadow:0 0 0 6px rgba(25,197,139,.08)}.onboarding-side li.complete{color:#c9d5df}.remaining{color:#70859d;font-size:10px;margin-top:22px}.onboarding-side blockquote{margin:auto 0 0;color:#8294a8;font-size:15px;line-height:1.6;border-left:3px solid var(--green);padding-left:15px}.onboarding-main{display:grid;place-items:center;padding:42px;overflow:auto}.onboarding-main>#onboarding-content{width:min(1050px,100%)}.onboarding-step-label{color:#4e6c94;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.onboarding-heading h1{font-size:36px;letter-spacing:-1.5px;margin:12px 0 8px}.onboarding-heading p{color:var(--muted);font-size:14px;margin:0}.onboarding-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;margin-top:34px}.onboarding-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onboarding-form .field.full{grid-column:1/-1}.service-picks{display:flex;gap:7px;flex-wrap:wrap}.service-pick{border:1px solid #bfead9;background:var(--green-soft);color:#19795c;border-radius:99px;padding:7px 10px;font-size:10px}.message-preview{background:#f6f8fb;border:1px solid var(--line);border-radius:14px;padding:23px;min-height:420px}.message-preview h3{margin:0;font-size:17px}.message-preview>p{color:var(--muted);font-size:11px;line-height:1.5}.preview-phone{width:235px;height:315px;margin:25px auto 0;border:7px solid #111b27;border-radius:28px;background:#fff;padding:42px 16px 15px;position:relative}.preview-phone:before{content:"";position:absolute;top:0;left:66px;width:90px;height:17px;background:#111b27;border-radius:0 0 11px 11px}.preview-phone b{display:block;text-align:center;font-size:10px;margin-bottom:28px}.preview-bubble{background:#eef1f4;border-radius:13px 13px 13px 3px;padding:12px;font-size:10px;line-height:1.5}.onboarding-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.onboarding-actions .button{min-width:125px}.connect-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.connect-card{border:1px solid var(--line);border-radius:14px;padding:22px}.connect-card.active{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.connect-card span{width:42px;height:42px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;color:var(--green2);font-size:19px}.connect-card h3{font-size:15px;margin:15px 0 7px}.connect-card p{font-size:11px;color:var(--muted);line-height:1.6}.test-panel{max-width:700px;margin:35px auto 0;border:1px solid var(--line);border-radius:15px;padding:28px;background:#fbfcfd}.test-conversation{display:flex;flex-direction:column;gap:9px;margin:24px 0}.test-conversation .preview-bubble{max-width:72%}.test-conversation .customer{align-self:flex-end;background:var(--green);color:#073226;border-radius:13px 13px 3px 13px}.success-orbit{width:70px;height:70px;margin:auto;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;color:var(--green2);font-size:30px;box-shadow:0 0 0 10px rgba(25,197,139,.06)}

/* Rich conversation workspace */
.conversation-layout.three-column{grid-template-columns:300px minmax(390px,1fr) 285px}.conversation-layout.three-column .message.outbound{align-self:flex-start;background:#eef2f5;color:var(--ink);border-color:#e4e9ef}.conversation-layout.three-column .message.inbound{align-self:flex-end;background:var(--green);color:#073226;border-color:var(--green)}.conversation-layout.three-column .message.inbound time{color:#3a826d}.lead-rail{border-left:1px solid var(--line);background:#fff;padding:18px}.lead-rail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.lead-rail-head h3{margin:0;font-size:13px}.rail-person{border:1px solid var(--line);border-radius:11px;padding:14px}.rail-person-top{display:flex;align-items:center;gap:9px}.rail-person .initial{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green2);font-size:11px;font-weight:850}.rail-person h4{font-size:12px;margin:0}.rail-person p{font-size:9px;color:var(--muted);margin:3px 0}.rail-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.rail-data{margin:16px 0}.rail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:10px;color:var(--muted);border-bottom:1px solid #eef1f4}.rail-row b{color:var(--ink)}.rail-activity{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.rail-activity h4{font-size:12px;margin:0 0 12px}.rail-event{display:flex;gap:9px;padding:8px 0}.rail-event>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green2);font-size:9px}.rail-event b{font-size:9px;display:block}.rail-event small{font-size:8px;color:var(--muted)}.conversation-head-person{display:flex;gap:10px;align-items:center}.conversation-head-person .initial{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green2);font-size:10px;font-weight:850}.ai-pill{background:#eaf2ff;color:#3574ce;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.mobile-conversation-back{display:none}.mobile-nav{display:none}

@media(max-width:1100px){.landing-hero-inner{grid-template-columns:1fr}.hero-copy{max-width:730px}.hero-product{display:none}.landing-hero{min-height:auto}.conversation-layout.three-column{grid-template-columns:280px 1fr}.lead-rail{display:none}.onboarding-grid{grid-template-columns:1fr}.message-preview{display:none}}
@media(max-width:780px){body{padding-bottom:64px}.landing:not(.hidden)~.mobile-nav,.auth-shell:not(.hidden)~.mobile-nav{display:none}.landing-nav{height:70px}.landing-links{display:none}.landing-signin{display:none}.landing-hero-inner{padding-top:45px}.hero-copy h1{font-size:48px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.industries div{display:grid;grid-template-columns:1fr 1fr}.proof-strip{gap:5px;padding:35px 10px}.proof-strip b{font-size:27px}.proof-strip span{font-size:10px}.feature-grid{grid-template-columns:1fr}.landing-section{padding:60px 20px}.landing-section h2{font-size:30px}.landing-footer{flex-direction:column;gap:18px;text-align:center}.onboarding-shell{grid-template-columns:1fr}.onboarding-side{display:none}.onboarding-main{padding:25px 18px}.onboarding-heading h1{font-size:28px}.onboarding-form{grid-template-columns:1fr}.onboarding-form .field.full{grid-column:auto}.connect-cards{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:30;justify-content:space-around;padding:5px 7px env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:#7a899a;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:8px}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:var(--green2);font-weight:800}.topbar{background:var(--navy);color:#fff;border:0}.topbar p{color:#6f849d}.top-actions .button{background:var(--green);color:#062b20}.content{padding-bottom:78px}.welcome{background:linear-gradient(145deg,#0b2038,#07172b);margin:-20px -16px 17px;padding:25px 16px 20px;color:#fff}.welcome p{color:#9cafc2}.stat-card:nth-child(4){grid-column:span 2}.conversation-layout.three-column{grid-template-columns:1fr;border:0;border-radius:0;margin:-20px -16px}.conversation-list{display:none}.conversation-layout.show-list .conversation-list{display:block;max-height:none;border:0}.conversation-layout.show-list .conversation-panel{display:none}.conversation-head{height:68px}.mobile-conversation-back{display:grid}.message-stream{padding:16px;min-height:480px}.message{max-width:82%}.app-shell:has(.conversation-layout) .topbar{display:none}}