:root { color-scheme: dark; --bg:#111411; --surface:#181b18; --surface-2:#1e221f; --line:#2a2f2b; --line-bright:#39413b; --text:#f2f5f2; --muted:#99a19b; --dim:#68706a; --green:#19e68c; --green-2:#69f3b7; --green-soft:rgb(25 230 140 / 10%); --violet:#a58cff; --amber:#e9bb63; --radius:18px; font-family:Inter,Geist,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; }
* { box-sizing:border-box; }
html { max-width:100%; overflow-x:clip; scroll-behavior:smooth; scroll-padding-top:100px; }
body { width:100%; min-width:320px; max-width:100%; margin:0; overflow-x:clip; background:var(--bg); color:var(--text); font:400 15px/1.55 Inter,Geist,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:100%; overflow:clip; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 74% 6%,rgb(25 230 140 / 7%),transparent 27%),linear-gradient(rgb(255 255 255 / 1.4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 1.4%) 1px,transparent 1px); background-size:auto,64px 64px,64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 70%); }
body::after { content:""; position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.025; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
button { color:inherit; }
.symbol-library { position:absolute; width:0; height:0; overflow:hidden; }
.brand-ink { fill:var(--text); }.brand-green { fill:var(--green); }
.section-shell { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.site-header { position:fixed; top:18px; left:50%; z-index:50; width:min(1280px,calc(100% - 40px)); min-height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; padding:10px 12px 10px 20px; border:1px solid rgb(255 255 255 / 9%); border-radius:17px; background:rgb(17 20 17 / 72%); box-shadow:0 20px 70px rgb(0 0 0 / 22%); backdrop-filter:blur(22px) saturate(130%); transform:translateX(-50%); }
.site-logo { display:block; width:144px; height:44px; }.site-logo svg { width:100%; height:100%; display:block; }
.site-header nav { display:flex; align-items:center; gap:28px; color:var(--muted); font-size:13px; }.site-header nav a,.login-link { transition:color .2s ease; }.site-header nav a:hover,.login-link:hover { color:var(--text); }
.header-actions { justify-self:end; display:flex; align-items:center; gap:18px; }.login-link { color:var(--muted); font-size:13px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:0 22px; border:1px solid var(--green); border-radius:11px; background:var(--green); color:#09130d; font-weight:600; cursor:pointer; box-shadow:0 0 0 0 rgb(25 230 140 / 0%); transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }.button:hover { background:var(--green-2); transform:translateY(-2px); box-shadow:0 13px 38px rgb(25 230 140 / 14%); }.button.small { min-height:40px; padding:0 17px; border-radius:9px; font-size:13px; }
.menu-button { display:none; width:42px; height:42px; place-items:center; border:0; background:transparent; }.menu-button i { position:absolute; width:19px; height:1px; background:var(--text); }.menu-button i:first-child { transform:translateY(-4px); }.menu-button i:last-child { transform:translateY(4px); }
.hero { position:relative; min-height:960px; display:grid; grid-template-columns:minmax(0,.84fr) minmax(560px,1.16fr); align-items:center; gap:30px; padding-top:118px; }
#signal-field { position:absolute; inset:80px 0 auto 30%; z-index:-1; width:70%; height:760px; opacity:.7; pointer-events:none; }
.hero-copy { position:relative; z-index:4; padding-bottom:30px; }
.hero-kicker { width:max-content; display:flex; align-items:center; gap:9px; margin-bottom:28px; padding:7px 12px; border:1px solid var(--line); border-radius:999px; background:rgb(24 27 24 / 75%); color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.hero-kicker i { color:var(--dim); font-style:normal; }.live-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgb(25 230 140 / 9%); }
h1,h2,h3,p { margin-top:0; }.hero h1 { max-width:760px; margin-bottom:27px; font-size:clamp(55px,6vw,94px); font-weight:480; line-height:.96; letter-spacing:-.065em; }.hero h1 em,h2 em { color:var(--muted); font-style:normal; font-weight:400; }.hero-copy>p { max-width:630px; margin-bottom:32px; color:#b0b7b1; font-size:clamp(17px,1.5vw,20px); line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:28px; }.text-link { width:max-content; display:inline-flex; align-items:center; gap:14px; padding:10px 0; border:0; background:transparent; color:var(--text); cursor:pointer; font-weight:500; }.text-link span { color:var(--green); transition:transform .2s ease; }.text-link:hover span { transform:translate(2px,-2px); }
.hero-footnote { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:50px; color:var(--dim); font-size:11px; }.hero-footnote span::before { content:""; display:inline-block; width:4px; height:4px; margin:0 8px 2px 0; border-radius:50%; background:var(--green); }
.hero-visual { position:relative; z-index:2; min-width:0; height:680px; perspective:1100px; --rx:0deg; --ry:0deg; }.scene-glow { position:absolute; inset:20% 5% 5%; border-radius:50%; background:radial-gradient(ellipse,rgb(25 230 140 / 14%),transparent 67%); filter:blur(25px); }.scene-floor { position:absolute; left:5%; right:-20%; bottom:2%; height:58%; border:1px solid rgb(25 230 140 / 8%); border-radius:50%; background:repeating-radial-gradient(ellipse at center,rgb(25 230 140 / 9%) 0 1px,transparent 2px 46px); transform:rotateX(70deg) translateZ(-130px); filter:drop-shadow(0 0 28px rgb(25 230 140 / 7%)); }
.product-plane { position:absolute; inset:86px 3% 84px 0; display:grid; grid-template-columns:72px 1fr; overflow:hidden; border:1px solid rgb(255 255 255 / 14%); border-radius:22px; background:#171a17; box-shadow:0 60px 120px rgb(0 0 0 / 46%),inset 0 1px rgb(255 255 255 / 5%); transform:rotateX(calc(7deg + var(--rx))) rotateY(calc(-10deg + var(--ry))) rotateZ(-1deg); transform-style:preserve-3d; transition:transform .25s ease-out; }
.plane-sidebar { display:flex; flex-direction:column; align-items:center; gap:18px; padding:24px 15px; border-right:1px solid var(--line); background:#141714; }.plane-sidebar b { width:30px; height:7px; border-radius:99px; background:#303630; }.plane-sidebar b:nth-of-type(2) { background:var(--green); opacity:.9; }.mini-brand { width:36px; height:30px; display:flex; align-items:center; justify-content:center; gap:3px; margin-bottom:15px; border:4px solid var(--text); border-right:0; border-radius:12px 0 0 12px; }.mini-brand i { width:4px; height:4px; border-radius:50%; background:var(--green); }
.plane-content { position:relative; overflow:hidden; background-image:radial-gradient(circle,rgb(255 255 255 / 8%) 1px,transparent 1px); background-size:20px 20px; }.plane-top { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid var(--line); background:rgb(23 26 23 / 91%); }.plane-top span { font-size:15px; font-weight:600; }.plane-top i { padding:5px 9px; border-radius:99px; background:var(--green-soft); color:var(--green); font-size:9px; font-style:normal; }
.flow-lines { position:absolute; inset:64px 0 0; width:100%; height:calc(100% - 64px); fill:none; stroke:rgb(25 230 140 / 53%); stroke-width:2; }.flow-card { position:absolute; width:150px; min-height:102px; padding:13px; border:1px solid var(--line-bright); border-radius:12px; background:#202420; box-shadow:0 14px 40px rgb(0 0 0 / 28%); }.flow-card strong,.flow-card small { display:block; }.flow-card strong { margin:12px 0 3px; font-size:11px; }.flow-card small { color:var(--muted); font-size:8px; }.node-type { padding:4px 6px; border-radius:5px; background:rgb(255 255 255 / 7%); color:#c1c8c2; font-size:7px; text-transform:uppercase; }.node-type.green { background:var(--green-soft); color:var(--green); }.node-type.violet { background:rgb(165 140 255 / 13%); color:var(--violet); }.node-type.amber { background:rgb(233 187 99 / 12%); color:var(--amber); }.port { position:absolute; right:-5px; top:47px; width:9px; height:9px; border:2px solid #151815; border-radius:50%; background:var(--green); }.port.left { right:auto; left:-5px; }.card-start { left:5%; top:24%; }.card-message { left:36%; top:48%; }.card-form { right:4%; top:24%; }.card-action { right:4%; bottom:11%; }
.floating-card { position:absolute; z-index:4; border:1px solid rgb(255 255 255 / 14%); border-radius:15px; background:rgb(31 35 31 / 90%); box-shadow:0 25px 70px rgb(0 0 0 / 42%); backdrop-filter:blur(15px); }.delivery-card { top:25px; right:-15px; width:184px; padding:15px; transform:translateZ(90px) rotate(3deg); animation:float-a 6s ease-in-out infinite; }.delivery-card small,.delivery-card strong { display:block; }.delivery-card small { margin:12px 0 2px; color:var(--muted); font-size:8px; }.delivery-card strong { font-size:24px; font-weight:500; }.service-pair { display:flex; }.service-pair span { width:32px; height:32px; display:grid; place-items:center; margin-right:-5px; border:2px solid var(--surface); border-radius:9px; background:#229ed9; color:white; transform:rotate(-7deg); }.service-pair span+span { background:linear-gradient(135deg,#477eff,#8458ed); transform:rotate(8deg); }.service-pair svg { width:17px; height:17px; fill:currentColor; }.progress { height:4px; margin-top:11px; overflow:hidden; border-radius:99px; background:#3a403b; }.progress i { display:block; width:86%; height:100%; background:var(--green); }
.lead-card { right:5%; bottom:35px; display:flex; align-items:center; gap:10px; padding:12px 14px; transform:translateZ(70px) rotate(-2deg); animation:float-b 7s ease-in-out infinite; }.lead-avatar { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:var(--green-soft); color:var(--green); font-size:11px; }.lead-card small,.lead-card strong { display:block; }.lead-card small { color:var(--muted); font-size:8px; }.lead-card strong { font-size:10px; }.lead-card b { margin-left:10px; color:var(--green); font-size:11px; }.orbit { position:absolute; border:1px solid rgb(25 230 140 / 16%); border-radius:50%; pointer-events:none; }.orbit-one { width:46px; height:46px; top:14%; left:-1%; }.orbit-two { width:14px; height:14px; right:4%; top:48%; background:var(--green); box-shadow:0 0 28px var(--green); }
@keyframes float-a { 50% { transform:translate3d(0,-12px,90px) rotate(1deg); } } @keyframes float-b { 50% { transform:translate3d(0,10px,70px) rotate(1deg); } }
.product-strip { min-height:94px; display:flex; align-items:center; justify-content:center; gap:50px; padding:20px 32px; border-block:1px solid var(--line); color:var(--dim); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.product-strip>div { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:13px; }.product-strip b { display:flex; align-items:center; gap:7px; padding:9px 13px; border:1px solid var(--line); border-radius:8px; color:#aab1ab; font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }.product-strip svg { width:14px; height:14px; fill:currentColor; }
.product-intro { display:grid; grid-template-columns:1fr 2.2fr; gap:40px; padding-block:170px 85px; }.section-index { color:var(--green); font-size:10px; letter-spacing:.14em; }.product-intro>div { display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:60px; }.product-intro h2,.workflow h2,.use-copy h2,.control-copy h2,.connect h2 { margin:0; font-size:clamp(38px,5vw,70px); font-weight:450; line-height:1.03; letter-spacing:-.055em; }.product-intro p { margin:0 0 6px; color:var(--muted); font-size:16px; }
.bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }.bento-card { position:relative; min-height:480px; overflow:hidden; padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,#1d211e,#171a18); }.bento-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgb(255 255 255 / 3%),transparent 34%); }.flow-feature { grid-column:span 7; }.chat-feature { grid-column:span 5; }.broadcast-feature { grid-column:span 5; }.data-feature { grid-column:span 7; min-height:390px; }.automation-feature { grid-column:1/-1; min-height:370px; display:grid; grid-template-columns:1fr 1fr; align-items:center; }.card-copy { position:relative; z-index:3; max-width:470px; }.card-copy>span { color:var(--green); font-size:9px; letter-spacing:.15em; }.card-copy h3 { margin:13px 0 10px; font-size:clamp(24px,2.4vw,36px); font-weight:470; line-height:1.12; letter-spacing:-.04em; }.card-copy p { max-width:420px; color:var(--muted); }
.mini-flow { position:absolute; inset:190px 20px 18px; border-radius:13px; background-image:radial-gradient(circle,rgb(255 255 255 / 10%) 1px,transparent 1px); background-size:18px 18px; }.mf-node { position:absolute; width:126px; padding:15px; border:1px solid var(--line-bright); border-radius:11px; background:#242824; color:#c6ccc7; font-size:11px; box-shadow:0 15px 40px rgb(0 0 0 / 25%); }.mf-node b { position:absolute; right:-5px; top:19px; width:9px; height:9px; border-radius:50%; background:#6b736c; }.mf-node.active { border-color:rgb(25 230 140 / 50%); color:var(--green); }.mf-node.active b { background:var(--green); }.n1 { left:4%; top:45%; }.n2 { left:39%; top:16%; }.n3 { right:3%; top:54%; }.mf-line { position:absolute; height:1px; background:var(--green); transform-origin:left; opacity:.5; }.l1 { width:31%; left:23%; top:51%; transform:rotate(-17deg); }.l2 { width:29%; left:58%; top:29%; transform:rotate(24deg); }
.chat-demo { position:absolute; left:50%; bottom:-24px; width:min(330px,82%); min-height:310px; padding:20px; border:1px solid var(--line-bright); border-radius:22px 22px 0 0; background:#202420; transform:translateX(-50%) rotate(-2deg); box-shadow:0 -20px 60px rgb(0 0 0 / 20%); }.chat-head { display:flex; align-items:center; gap:9px; padding-bottom:15px; border-bottom:1px solid var(--line); }.chat-avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:#101710;font-weight:700; }.chat-head b,.chat-head small { display:block; }.chat-head b { font-size:11px; }.chat-head small { color:var(--muted); font-size:8px; }.chat-demo p { width:83%; margin:18px 0 11px; padding:12px; border-radius:5px 13px 13px 13px; background:#2a302b; font-size:11px; }.chat-demo button { width:100%; margin-top:6px; padding:9px; border:1px solid rgb(25 230 140 / 30%); border-radius:8px; background:var(--green-soft); color:var(--green); font-size:9px; }.typing { display:flex; gap:3px; }.typing i { width:4px;height:4px;border-radius:50%;background:var(--muted); }
.calendar-demo { position:absolute; left:24px; right:24px; bottom:22px; padding:17px; border:1px solid var(--line); border-radius:13px; background:#202420; }.calendar-demo header,.week,.days { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; }.calendar-demo header { display:flex; justify-content:space-between; margin-bottom:14px; }.calendar-demo header b { font-size:12px; }.calendar-demo header span { color:var(--muted); }.week i,.days>i { padding:7px 3px; font-size:8px; font-style:normal; text-align:center; }.week i { color:var(--dim); }.days>i { min-height:66px; border:1px solid var(--line); border-radius:6px; color:var(--muted); }.days .today { color:#101710; background:var(--green); }.days .event { position:relative; border-color:rgb(25 230 140 / 38%); color:var(--text); }.days .event b { display:block; margin-top:13px; padding:4px 2px; border-radius:3px; background:var(--green-soft); color:var(--green); font-size:6px; font-weight:500; }
.people-stack { position:absolute; left:31px; bottom:98px; display:flex; align-items:center; }.people-stack span { width:62px;height:62px;display:grid;place-items:center;margin-right:-13px;border:3px solid #1b1f1c;border-radius:19px;background:#2d3430;color:var(--text);font-size:12px;transform:rotate(-5deg); }.people-stack span:nth-child(2) { background:#31473c; transform:rotate(5deg); }.people-stack span:nth-child(3) { background:#36323f; transform:rotate(-3deg); }.people-stack b { margin-left:27px; color:var(--green); font-size:24px; font-weight:450; }.segment-chip { position:absolute; right:32px; bottom:99px; padding:11px 14px; border:1px solid var(--line); border-radius:99px; background:#202420; color:#bbc1bc; font-size:10px; }.segment-chip i { width:6px;height:6px;display:inline-block;margin-right:7px;border-radius:50%;background:var(--green); }
.event-stack { position:relative; z-index:2; display:grid; gap:8px; }.event-stack>div { display:grid; grid-template-columns:12px 1fr auto; align-items:center; gap:11px; padding:14px 16px; border:1px solid var(--line); border-radius:10px; background:#202420; }.event-stack i { width:7px;height:7px;border-radius:50%;background:#657067; }.event-stack .pulse { background:var(--green); box-shadow:0 0 0 6px var(--green-soft); }.event-stack span { font-size:12px; }.event-stack b { color:var(--muted); font-size:9px; font-weight:400; }
.workflow { padding-block:180px; }.workflow-heading { display:grid; grid-template-columns:1fr 2.2fr; gap:40px; margin-bottom:100px; }.workflow-heading h2 { max-width:920px; }.steps { border-top:1px solid var(--line); }.steps article { display:grid; grid-template-columns:1fr 2.2fr; gap:40px; padding:36px 0; border-bottom:1px solid var(--line); }.steps article>span { color:var(--green); font-size:11px; }.steps article>div { display:grid; grid-template-columns:1fr 1fr; gap:50px; }.steps h3 { margin:0; font-size:24px; font-weight:450; letter-spacing:-.03em; }.steps p { margin:0; color:var(--muted); }
.use-cases { padding-bottom:170px; }.use-copy { display:grid; grid-template-columns:1fr 2.2fr; gap:40px; margin-bottom:68px; }.use-copy h2 { max-width:630px; }.use-copy p { align-self:end; max-width:430px; margin:0; color:var(--muted); }.use-copy>span { grid-row:1 / 3; }.use-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }.use-grid article { position:relative; min-height:280px; padding:31px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#171a18; }.use-grid article:nth-child(even) { border-right:0; }.use-grid article:nth-child(n+3) { border-bottom:0; }.use-grid span { color:var(--green); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }.use-grid h3 { max-width:450px; margin:62px 0 0; font-size:25px; font-weight:440; line-height:1.25; letter-spacing:-.035em; }.use-grid i { position:absolute; right:26px; top:24px; color:#3f4640; font-size:42px; font-style:normal; font-weight:300; }
.control-section { min-height:760px; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:90px; padding-block:80px; }.control-visual { position:relative; height:610px; display:grid; place-items:center; }.radar { position:absolute; width:460px; height:460px; border:1px solid rgb(25 230 140 / 15%); border-radius:50%; }.radar::before,.radar::after,.radar i { content:"";position:absolute;inset:12%;border:1px solid rgb(255 255 255 / 7%);border-radius:50%; }.radar::after { inset:30%; }.radar i:nth-child(1) { inset:50% 0 auto;width:100%;height:1px;border:0;border-top:1px solid rgb(255 255 255 / 7%);border-radius:0; }.radar i:nth-child(2) { inset:0 auto 0 50%;width:1px;height:100%;border:0;border-left:1px solid rgb(255 255 255 / 7%);border-radius:0; }.radar i:nth-child(3) { inset:calc(50% - 9px);width:18px;height:18px;border:0;background:var(--green);box-shadow:0 0 45px var(--green); }.radar b { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,rgb(25 230 140 / 18%),transparent 24%); animation:radar 6s linear infinite; }.radar-label { position:absolute;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#1b1f1c;color:var(--muted);font-size:10px; }.r1{top:14%;left:18%}.r2{top:31%;right:10%}.r3{bottom:19%;right:18%}.r4{bottom:30%;left:7%}@keyframes radar{to{transform:rotate(360deg)}}
.control-copy p { max-width:510px; margin:28px 0 22px; color:var(--muted); font-size:17px; }.control-copy .section-index { display:block; margin-bottom:28px; }
.connect { display:grid; grid-template-columns:.82fr 1.18fr; gap:100px; padding-block:180px 150px; }.connect-copy h2 { margin-top:28px; }.connect-copy>p { max-width:490px; margin:26px 0 40px; color:var(--muted); font-size:17px; }.contact-note { display:flex; flex-direction:column; gap:8px; color:#c3c9c4; font-size:12px; }.contact-note span::before { content:"✓"; margin-right:9px; color:var(--green); }
.request-panel { min-height:650px; padding:32px; border:1px solid var(--line-bright); border-radius:22px; background:#191d1a; box-shadow:0 40px 100px rgb(0 0 0 / 25%); }.form-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid var(--line); }.form-heading span { font-size:18px; font-weight:550; }.form-heading b { color:var(--muted); font-size:9px; font-weight:400; }.request-panel label { display:block; margin-bottom:15px; }.request-panel label>span,.request-panel legend { display:block; margin-bottom:7px; color:var(--muted); font-size:10px; letter-spacing:.02em; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.request-panel input,.request-panel textarea,.request-panel select { width:100%; min-height:47px; padding:11px 13px; border:1px solid var(--line); border-radius:9px; outline:none; background:#141714; color:var(--text); transition:border-color .2s ease,box-shadow .2s ease; }.request-panel textarea { resize:vertical; }.request-panel input:focus,.request-panel textarea:focus,.request-panel select:focus { border-color:rgb(25 230 140 / 60%); box-shadow:0 0 0 3px var(--green-soft); }.request-panel input::placeholder,.request-panel textarea::placeholder { color:#59605a; }.request-panel fieldset { display:flex; gap:8px; margin:1px 0 16px; padding:0; border:0; }.check-card { margin:0!important; }.check-card input { position:absolute; opacity:0; pointer-events:none; }.check-card>span { min-width:130px; display:flex!important; align-items:center; gap:9px; margin:0!important; padding:8px 10px; border:1px solid var(--line); border-radius:9px; color:var(--muted)!important; cursor:pointer; }.check-card input:checked+span { border-color:rgb(25 230 140 / 48%); background:var(--green-soft); color:var(--text)!important; }.check-card i { width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#229ed9;color:white; }.check-card i.max { background:linear-gradient(135deg,#477eff,#8458ed); }.check-card svg { width:15px;height:15px;fill:currentColor; }.consent { display:flex!important; align-items:flex-start; gap:9px; margin-top:4px; }.consent input { flex:none;width:15px;height:15px;min-height:0;margin:3px 0 0;accent-color:var(--green); }.consent span { margin:0!important; line-height:1.5; }.honey { position:absolute!important;left:-9999px!important; }.submit-button { width:100%; margin-top:7px; border:0; }.form-status { min-height:18px; margin:9px 0 -9px; color:#ef8288; font-size:11px; text-align:center; }.form-success { min-height:580px; place-items:center; align-content:center; text-align:center; }.form-success:not([hidden]) { display:grid; }.form-success>span { width:62px;height:62px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;background:var(--green);color:#0c140f;font-size:28px; }.form-success h3 { margin-bottom:8px; font-size:27px; }.form-success p { max-width:390px; color:var(--muted); }
footer { width:min(1280px,calc(100% - 64px)); min-height:140px; display:grid; grid-template-columns:1fr 1.3fr auto; align-items:center; gap:40px; margin:auto; border-top:1px solid var(--line); color:var(--dim); font-size:11px; }footer .site-logo{width:118px}footer p{margin:0}footer nav{display:flex;gap:20px;color:var(--muted)}footer>span{grid-column:3}
.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s ease,transform .8s cubic-bezier(.22,.7,.2,1); }.reveal.visible { opacity:1; transform:none; }
@media (max-width:1050px) { .site-header { grid-template-columns:1fr auto; }.site-header nav { display:none; }.hero { min-height:auto; grid-template-columns:1fr; padding-top:180px; }.hero-copy { max-width:800px; }.hero-visual { height:640px; }.product-intro,.workflow-heading,.steps article,.use-copy { grid-template-columns:.6fr 2fr; }.product-intro>div { grid-template-columns:1fr; }.flow-feature,.chat-feature,.broadcast-feature,.data-feature { grid-column:span 6; }.automation-feature { grid-template-columns:1fr; }.connect { grid-template-columns:1fr 1.2fr; gap:50px; }.control-section { gap:30px; }.radar { width:380px;height:380px; } }
@media (max-width:760px) { .section-shell { width:min(100% - 32px,1280px); }.site-header { top:10px;width:calc(100% - 20px);min-height:58px;padding:8px 9px 8px 14px; }.site-header .site-logo { width:117px; }.header-actions .button { display:none; }.menu-button { display:grid; }.site-header.menu-open { grid-template-columns:1fr auto; }.site-header.menu-open nav { grid-column:1/-1;display:flex;align-items:flex-start;flex-direction:column;gap:0;padding:10px 0; }.site-header.menu-open nav a { width:100%;padding:11px 5px;border-top:1px solid var(--line); }.site-header.menu-open .login-link { position:absolute;right:62px;top:20px; }.hero { padding-top:145px; }.hero h1 { font-size:clamp(48px,15vw,70px); }.hero-actions { align-items:flex-start;flex-direction:column;gap:8px; }.hero-footnote { margin-top:35px; }.hero-visual { height:500px;margin-inline:-8px; }.product-plane { inset:65px 0 55px;grid-template-columns:48px 1fr; }.plane-sidebar { padding:18px 8px; }.plane-sidebar b { width:22px; }.plane-top { height:50px;padding:0 12px; }.flow-lines { inset-top:50px; }.flow-card { width:105px;min-height:78px;padding:9px; }.flow-card strong { margin:8px 0 2px;font-size:8px; }.card-start{left:3%}.card-message{left:32%}.delivery-card{right:-4px}.lead-card{right:2%}.product-strip { align-items:flex-start;flex-direction:column;gap:15px;padding:24px 16px; }.product-strip>div { justify-content:flex-start; }.product-intro { grid-template-columns:1fr;padding-block:110px 55px; }.product-intro>div { gap:25px; }.bento { grid-template-columns:1fr; }.flow-feature,.chat-feature,.broadcast-feature,.data-feature,.automation-feature { grid-column:1;min-height:430px; }.automation-feature { padding-bottom:28px; }.automation-feature .event-stack { margin-top:40px; }.segment-chip { right:18px;bottom:80px; }.workflow { padding-block:110px; }.workflow-heading,.steps article,.use-copy { grid-template-columns:1fr;gap:24px; }.steps article>div { grid-template-columns:1fr;gap:10px; }.use-copy>span { grid-row:auto; }.use-grid { grid-template-columns:1fr; }.use-grid article { min-height:230px;border-right:0;border-bottom:1px solid var(--line)!important; }.use-grid article:last-child { border-bottom:0!important; }.control-section { grid-template-columns:1fr;min-height:auto;padding-block:20px 100px; }.control-visual { height:500px; }.radar { width:340px;height:340px; }.connect { grid-template-columns:1fr;gap:55px;padding-block:100px; }.request-panel { padding:20px; }.field-grid { grid-template-columns:1fr;gap:0; }.form-heading { align-items:flex-start;flex-direction:column;gap:4px; }.request-panel fieldset { flex-wrap:wrap; }.check-card { flex:1; }.check-card>span { min-width:0; }.form-success { min-height:450px; } footer { width:calc(100% - 32px);grid-template-columns:1fr auto;gap:20px;padding-block:35px; }footer p{grid-column:1/-1;grid-row:2}footer nav{grid-column:1/-1;grid-row:3}footer>span{grid-column:2;grid-row:1} }
@media (max-width:760px) { .flow-lines { top:50px; height:calc(100% - 50px); } }
@media (max-width:760px) {
  body { font-size:14px; }
  .reveal { opacity:1; transform:none; transition:none; }
  .section-shell { width:calc(100% - 32px); }

  .site-header { grid-template-columns:minmax(0,1fr) auto auto; gap:10px; min-height:60px; padding:8px 10px 8px 14px; border-radius:15px; }
  .site-header .site-logo { width:124px; height:40px; }
  .header-actions { display:flex; }
  .header-actions .login-link { font-size:12px; }
  .menu-button { position:relative; grid-column:3; }
  .site-header.menu-open { grid-template-columns:minmax(0,1fr) auto auto; }
  .site-header.menu-open nav { grid-column:1/-1; margin:4px -2px -2px; padding:8px 0 2px; }
  .site-header.menu-open nav a { padding:12px 4px; }
  .site-header.menu-open .login-link { position:static; }

  .hero { display:block; padding-top:118px; }
  .hero-copy { padding-bottom:48px; }
  .hero-kicker { margin-bottom:22px; }
  .hero h1 { max-width:100%; margin-bottom:23px; font-size:clamp(42px,12.2vw,52px); line-height:.99; letter-spacing:-.058em; }
  .hero-copy>p { margin-bottom:26px; font-size:16px; line-height:1.5; }
  .hero-actions { width:100%; gap:7px; }
  .hero-actions .button { width:100%; min-height:52px; justify-content:space-between; }
  .hero-actions .text-link { padding:12px 4px; }
  .hero-footnote { display:grid; gap:9px; margin-top:25px; }
  #signal-field { inset:105px 0 auto 0; width:100%; height:640px; opacity:.45; }

  .hero-visual { height:390px; margin:0; perspective:900px; }
  .scene-floor { display:none; }
  .product-plane { inset:24px 0 40px; grid-template-columns:1fr; border-radius:16px; transform:rotateX(calc(4deg + var(--rx))) rotateY(calc(-3deg + var(--ry))); }
  .plane-sidebar { display:none; }
  .plane-top { height:48px; padding:0 14px; }
  .flow-lines { top:48px; height:calc(100% - 48px); }
  .flow-card { width:96px; min-height:72px; padding:8px; border-radius:9px; }
  .flow-card strong { margin:7px 0 2px; font-size:8px; line-height:1.25; }
  .flow-card small { font-size:6px; }
  .node-type { font-size:6px; }
  .card-start { left:4%; top:22%; }
  .card-message { left:33%; top:49%; }
  .card-form { right:3%; top:23%; }
  .card-action { right:3%; bottom:8%; }
  .delivery-card { top:0; right:-4px; width:142px; padding:11px; }
  .delivery-card strong { font-size:20px; }
  .service-pair span { width:27px; height:27px; }
  .lead-card { right:4px; bottom:5px; max-width:190px; padding:9px 10px; }
  .orbit-one { left:1%; }

  .product-strip { gap:14px; padding:26px 16px; }
  .product-strip>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:8px; }
  .product-strip b { min-width:0; justify-content:center; padding-inline:8px; }

  .product-intro { padding-block:96px 48px; }
  .product-intro>div { gap:20px; }
  .product-intro h2,.workflow h2,.use-copy h2,.control-copy h2,.connect h2 { font-size:clamp(36px,10.5vw,44px); line-height:1.04; }

  .bento { gap:12px; }
  .bento-card { padding:22px; border-radius:15px; }
  .card-copy h3 { font-size:27px; }
  .flow-feature { min-height:390px; }
  .chat-feature { min-height:440px; }
  .broadcast-feature { min-height:370px; }
  .data-feature { min-height:330px; }
  .automation-feature { min-height:auto; padding-block:24px; }
  .mini-flow { inset:180px 10px 14px; }
  .mf-node { width:92px; padding:11px; font-size:9px; }
  .n1 { left:1%; }
  .n2 { left:35%; }
  .n3 { right:1%; }
  .chat-demo { width:calc(100% - 36px); min-height:280px; padding:17px; }
  .calendar-demo { left:12px; right:12px; bottom:13px; padding:12px; }
  .days>i { min-height:54px; }
  .people-stack { left:20px; bottom:90px; }
  .people-stack span { width:50px; height:50px; border-radius:15px; }
  .people-stack b { margin-left:20px; font-size:21px; }
  .segment-chip { right:18px; bottom:28px; }

  .workflow { padding-block:100px; }
  .workflow-heading { margin-bottom:54px; }
  .steps article { padding:27px 0; }
  .steps h3 { font-size:21px; }
  .use-cases { padding-bottom:100px; }
  .use-copy { margin-bottom:38px; }
  .use-grid article { min-height:210px; padding:23px; }
  .use-grid h3 { margin-top:58px; font-size:22px; }

  .control-section { display:flex; flex-direction:column; padding-block:10px 100px; }
  .control-visual { order:2; width:100%; height:370px; }
  .control-copy { order:1; }
  .radar { width:min(310px,84vw); height:min(310px,84vw); }
  .r1 { left:6%; }.r2 { right:2%; }.r3 { right:8%; }.r4 { left:0; }

  .connect { gap:44px; padding-block:92px 80px; }
  .connect-copy>p { margin:22px 0 30px; font-size:16px; }
  .request-panel { min-height:0; padding:18px; border-radius:16px; }
  .request-panel input,.request-panel textarea,.request-panel select { min-height:50px; font-size:16px; }
  .request-panel textarea { min-height:112px; }
  .request-panel fieldset { display:grid; grid-template-columns:1fr 1fr; }
  .check-card>span { min-height:48px; justify-content:flex-start; }
  .consent span { font-size:11px; }
  .form-success { min-height:390px; }

  footer { align-items:start; }
  footer nav { flex-wrap:wrap; gap:12px 20px; }
}
@media (max-width:420px) {
  .header-actions .login-link { display:none; }
  .site-header { grid-template-columns:minmax(0,1fr) auto; }
  .menu-button { grid-column:2; }
  .site-header.menu-open { grid-template-columns:minmax(0,1fr) auto; }
  .site-header.menu-open::after { content:""; }
  .site-header.menu-open .header-actions { display:flex; grid-column:1/-1; grid-row:3; justify-self:stretch; padding:4px; }
  .site-header.menu-open .login-link { width:100%; display:block; padding:10px 0; border-top:1px solid var(--line); }
  .hero h1 { font-size:clamp(40px,11.8vw,48px); }
  .floating-card.lead-card { display:none; }
  .delivery-card { width:132px; }
  .product-strip>div { grid-template-columns:1fr 1fr; }
  .product-strip b:last-child { grid-column:1/-1; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.delivery-card,.lead-card,.radar b{animation:none}.product-plane{transition:none} }