:root{--ink:#081633;--ink-soft:#12234a;--canvas:#f7f8fc;--surface:#fff;--muted:#60708f;--line:#dfe4ef;--violet:#5b5ce2;--cyan:#31bde6;--radius:20px;--shadow:0 18px 50px rgba(7,20,51,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);line-height:1.55}a{color:inherit}.landing-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(223,228,239,.8);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.site-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-brand img{display:block;width:154px;height:auto}.nav-panel{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:18px}.nav-links a,.nav-login{color:#41516f;font-size:.9rem;font-weight:700;text-decoration:none}.nav-links a:hover,.nav-login:hover{text-decoration:underline}.locale-picker select{width:auto;border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff;color:var(--ink)}.nav-toggle{display:none}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 17px;border:1px solid transparent;border-radius:11px;font-weight:800;text-decoration:none}.button-primary{color:#fff;background:linear-gradient(135deg,var(--violet),#6f55dd)}.button-primary:hover{filter:brightness(.95)}.button-secondary{border-color:#cbd4e6;background:#fff;color:var(--ink)}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding-block:88px 76px}.eyebrow{margin:0 0 11px;color:#4d50c9;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1,.section h2,.final-cta h2{margin:0;line-height:1.05;letter-spacing:-.055em}.hero h1{max-width:650px;font-size:clamp(2.8rem,5vw,4.85rem)}.hero-lede{max-width:580px;margin:22px 0 30px;color:var(--muted);font-size:1.13rem}.product-stage{position:relative}.product-stage:before{content:"";position:absolute;inset:-8% -6%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(99,88,229,.18),transparent 65%)}.browser-frame{overflow:hidden;border:1px solid #b5c0d8;border-radius:17px;background:#f7f9fd;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.browser-top{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#0d1d40;color:#dce5fc;font-size:.7rem}.browser-top span{width:7px;height:7px;border-radius:50%;background:#7a87a8}.browser-top b{margin-inline-start:auto;margin-inline-end:auto}.mockup-body{display:grid;grid-template-columns:70px 1fr;min-height:326px}.mockup-body aside{display:grid;align-content:start;justify-items:center;gap:18px;padding:14px 11px;background:#101d3a}.mockup-body aside img{width:35px;height:35px}.mockup-body aside i{display:block;width:28px;height:5px;border-radius:5px;background:#53627e}.mockup-body section{padding:24px}.mockup-heading{display:flex;justify-content:space-between;gap:14px}.mockup-heading small,.mockup-card small,.mockup-stats small{display:block;color:#7c89a2;font-size:.66rem}.mockup-heading strong{display:block;font-size:1.3rem}.mockup-heading em{align-self:start;padding:5px 8px;border-radius:99px;background:#edf8f5;color:#16835e;font-size:.62rem;font-style:normal}.mockup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.mockup-stats div{padding:10px;border-radius:8px;background:#eef1f8}.mockup-stats b{font-size:1.15rem}.mockup-card{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e1e6f1;border-radius:10px;background:#fff}.post-thumb{height:54px;border-radius:7px;background:linear-gradient(135deg,#9b84f4,#31bde6)}.mockup-card b{display:block;font-size:.78rem}.mockup-card p{margin:2px 0 0;color:#697796;font-size:.65rem}.mockup-card>span{padding:4px 6px;border-radius:99px;background:#f0efff;color:#514abc;font-size:.58rem;font-weight:800}.value-strip{border-block:1px solid #e6eaf2;background:#fbfcff}.value-strip .landing-container{display:flex;justify-content:space-between;gap:16px;padding-block:20px;color:#445373;font-size:.85rem;font-weight:800}.section{padding-block:96px}.section-tint{background:var(--canvas)}.section-dark{background:var(--ink);color:#fff}.section-dark .eyebrow{color:#9eacff}.section-dark p{color:#bdc7dd}.section-intro{max-width:640px;margin-bottom:35px}.section h2{font-size:clamp(2rem,3.6vw,3.3rem)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 6px 22px rgba(8,22,51,.04)}.feature-card>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eeedff;color:#5148c6;font-size:.75rem;font-weight:900}.feature-card h3{margin:16px 0 7px;font-size:1.05rem}.feature-card p,.split-section p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}.steps li{position:relative;padding-inline-end:16px}.steps li:not(:last-child):after{content:"";position:absolute;top:20px;inset-inline-start:46px;width:calc(100% - 44px);height:1px;background:#cbd3e4}.steps span{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--violet);color:#fff;font-weight:900}.steps h3{margin:16px 0 6px;font-size:1rem}.steps p{margin:0;color:var(--muted);font-size:.92rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.scope-pill{display:inline-block;margin-top:22px;padding:6px 10px;border:1px solid #cbc7ff;border-radius:99px;background:#f4f3ff;color:#5148c6;font-size:.8rem;font-weight:800}.flow-card,.automation-flow{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;border-radius:var(--radius);background:#f3f5fb}.flow-card span,.automation-flow span{padding:9px 10px;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(8,22,51,.08);font-size:.78rem;font-weight:800}.flow-card b{color:var(--violet)}.automation-flow{display:grid;grid-template-columns:1fr;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18)}.automation-flow span{text-align:center;color:var(--ink)}.automation-flow i{height:14px;text-align:center;color:#9eacff;font-style:normal}.engagement-panel{padding:22px;border-radius:var(--radius);background:#111f41;color:#fff;box-shadow:var(--shadow)}.engagement-tabs{display:flex;gap:9px;margin-bottom:20px}.engagement-tabs span{padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.11);font-size:.72rem}.engagement-panel ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.engagement-panel li{padding:12px;border-radius:9px;background:rgba(255,255,255,.08);font-weight:700}.connection-label{margin-top:26px!important}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px}.faq-list{display:grid;gap:9px}.faq-list details{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{margin:10px 0 0;color:var(--muted)}.final-cta{padding-block:72px;background:linear-gradient(115deg,#121c60,#5a52d8);color:#fff}.final-cta .landing-container{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.final-cta img{width:72px;height:72px}.final-cta h2{font-size:clamp(2rem,3vw,3rem)}.final-cta p{margin:8px 0 0;color:#dce3ff}.final-cta .button-secondary{border-color:rgba(255,255,255,.45);background:transparent;color:#fff}.site-footer{padding-block:44px;background:#07132d;color:#d9e0f3}.site-footer .landing-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.site-footer img{width:150px;height:auto}.site-footer p{margin:10px 0 0;color:#96a4c4}.site-footer b{display:block;margin-bottom:10px;color:#fff}.site-footer a{display:block;margin:7px 0;color:#b7c1da;font-size:.9rem;text-decoration:none}.site-footer a:hover{text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-toggle:focus-visible,.site-nav a:focus-visible,.button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #72cfff;outline-offset:3px}html[dir="rtl"] .browser-frame{transform:perspective(1000px) rotateY(4deg) rotateX(2deg)}
@media(max-width:900px){.hero,.split-section,.faq-wrap{grid-template-columns:1fr;gap:38px}.hero{padding-block:64px}.product-stage{max-width:620px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);row-gap:34px}.steps li:nth-child(2):after{display:none}.value-strip .landing-container{display:grid;grid-template-columns:repeat(2,1fr)}.final-cta .landing-container{grid-template-columns:auto 1fr}.final-cta .button-row{grid-column:1/-1}.site-footer .landing-container{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-nav{min-height:66px}.site-brand img{width:136px}.nav-toggle{display:grid;gap:4px;padding:8px;border:0;background:transparent}.nav-toggle span{display:block;width:23px;height:2px;background:var(--ink)}.nav-panel{position:absolute;top:66px;inset-inline:0;display:none;align-items:stretch;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 12px 24px rgba(8,22,51,.08)}.nav-panel[data-open="true"]{display:flex;flex-direction:column}.nav-links{display:grid;gap:12px}.locale-picker select{width:100%}.nav-cta{width:100%}.hero h1{font-size:clamp(2.55rem,13vw,3.4rem)}.hero-lede{font-size:1rem}.mockup-body{grid-template-columns:54px 1fr;min-height:280px}.mockup-body section{padding:16px}.mockup-heading em{display:none}.mockup-card{grid-template-columns:46px 1fr}.mockup-card>span{display:none}.feature-grid,.steps{grid-template-columns:1fr}.steps li:not(:last-child):after{top:44px;inset-inline-start:20px;width:1px;height:20px}.value-strip .landing-container{grid-template-columns:1fr;gap:8px}.flow-card{align-items:stretch;flex-direction:column}.flow-card b{transform:rotate(90deg);text-align:center}.section{padding-block:68px}.final-cta .landing-container,.site-footer .landing-container{grid-template-columns:1fr}.final-cta img{width:58px;height:58px}.button-row .button{flex:1}.site-footer{padding-block:36px}}
