.features-hero{padding:82px 0 76px;background:linear-gradient(118deg,#0a083a 0%,#192a79 70%,#2c45c9 100%)}
.features-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:76px;align-items:center}
.features-hero h1{max-width:720px;color:#fff;font-size:clamp(42px,4.8vw,64px)}.features-hero p{color:#e0e5ff;font-size:18px;line-height:1.72}.features-hero .eyebrow{color:var(--pl-mint)}.feature-outline{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff}
.feature-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:#e6e9ff;font-size:12px;font-weight:600}.feature-proof span:before{content:'✓';margin-right:7px;color:var(--pl-mint);font-weight:800}
.feature-hero-visual{position:relative;display:grid;gap:14px;padding:25px;border:1px solid #d7e0ef;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(10,8,58,.14)}
.signal-card{position:relative;padding:18px 20px;border:1px solid #e0e6f1;border-radius:12px;background:#f9faff;color:var(--ink)}.signal-card small,.panel-copy>span{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.signal-card strong{display:block;margin:7px 0 4px;color:var(--ink);font-size:16px}.signal-card span{color:var(--muted);font-size:12px}.signal-core{border-color:#9fb0ff;background:linear-gradient(135deg,#eef1ff,#fff)}.signal-core b{position:absolute;right:16px;top:16px;border-radius:99px;background:#def8ed;padding:6px 9px;color:#0a8158;font-size:9px}.signal-outcome{border-left:4px solid var(--mint)}.signal-path{height:21px;display:flex;align-items:center;justify-content:center;gap:6px}.signal-path i{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:signalPulse 1.6s infinite}.signal-path i:nth-child(2){animation-delay:.18s}.signal-path i:nth-child(3){animation-delay:.36s}.signal-path.reverse i{background:var(--mint)}
@keyframes signalPulse{0%,100%{opacity:.22;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
.feature-explorer-section{padding-top:92px}.feature-explorer{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(10,8,58,.08)}
.feature-tabs{padding:14px;background:#f5f7fc;border-right:1px solid var(--line)}.feature-tab{display:grid;width:100%;grid-template-columns:36px 1fr;gap:2px 10px;border:0;border-bottom:1px solid #e3e8f1;background:transparent;padding:19px 16px;text-align:left;color:var(--ink);cursor:pointer;border-radius:10px;transition:.2s}.feature-tab>span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#e7ebf7;color:#687696;font-size:10px;font-weight:800}.feature-tab b{font-size:14px}.feature-tab small{color:var(--muted);font-size:11px;line-height:1.45}.feature-tab:hover,.feature-tab.active{background:#fff;box-shadow:0 8px 20px rgba(10,8,58,.07)}.feature-tab.active>span{background:var(--blue);color:#fff}.feature-tab.active b{color:var(--blue)}
.feature-stage{min-width:0;padding:38px}.feature-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center;animation:panelIn .32s ease}.feature-panel[hidden]{display:none}@keyframes panelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.panel-copy h3{margin:10px 0 12px;font-size:30px;line-height:1.14;letter-spacing:-.03em}.panel-copy p{color:var(--muted);font-size:13px;line-height:1.7}.panel-copy ul{list-style:none;margin:20px 0 0;padding:0}.panel-copy li{margin:10px 0;color:#465574;font-size:12px;font-weight:600}.panel-copy li:before{content:'✓';display:inline-grid;width:19px;height:19px;margin-right:8px;place-items:center;border-radius:6px;background:#e5f8f0;color:#07865a;font-size:10px}
.demo-surface{min-height:335px;border:1px solid #dbe2ef;border-radius:15px;background:linear-gradient(145deg,#f8faff,#eef2fb);padding:24px;overflow:hidden}.channel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.channel-row span{padding:12px 6px;border:1px solid #dce3f0;border-radius:8px;background:#fff;text-align:center;color:#35466d;font-size:9px;font-weight:800}.merge-lines{height:70px;background:linear-gradient(120deg,transparent 48%,#b8c4df 49%,#b8c4df 50%,transparent 51%) center/25% 100% no-repeat;position:relative}.merge-lines:after{content:'';position:absolute;left:50%;top:36px;width:1px;height:34px;background:#b8c4df}.data-card{max-width:310px;margin:0 auto;border:1px solid #aebcff;border-radius:12px;background:#fff;padding:20px;box-shadow:0 13px 30px rgba(44,69,201,.12)}.data-card small{color:var(--blue);font-size:9px;font-weight:800}.data-card strong{display:block;margin:7px 0;font-size:18px}.data-card p{margin:0 0 15px;color:var(--muted);font-size:11px}.data-card div{display:flex;gap:6px;flex-wrap:wrap}.data-card b{border-radius:99px;background:#e8f8f1;padding:6px 8px;color:#0c7956;font-size:8px}
.pipeline-head,.connection-health{display:flex;align-items:center;justify-content:space-between}.pipeline-head span{color:var(--muted);font-size:10px}.pipeline-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.pipeline-columns>div{border:1px solid #dce3ef;border-radius:9px;background:#fff;padding:13px 9px}.pipeline-columns small{display:block;height:22px;color:#78859c;font-size:7px;font-weight:800}.pipeline-columns b{font-size:22px}.pipeline-columns i{display:block;width:var(--w);height:4px;margin-top:11px;border-radius:99px;background:var(--blue)}.opportunity-chip{display:flex;align-items:center;gap:10px;border:1px solid #d8e0ee;border-radius:10px;background:#fff;padding:14px}.opportunity-chip>span{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#e5eaff;color:var(--blue);font-size:10px;font-weight:800}.opportunity-chip div{display:grid;gap:3px}.opportunity-chip small{color:var(--muted);font-size:9px}.opportunity-chip em{margin-left:auto;border-radius:99px;background:#ffe9ec;padding:5px 8px;color:#b63749;font-size:8px;font-style:normal;font-weight:800}
.workflow-demo{display:grid;align-content:center}.workflow-node{display:flex;align-items:center;gap:12px;border:1px solid #dce3ef;border-radius:11px;background:#fff;padding:13px}.workflow-node>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#e8ecfb;color:var(--blue);font-size:10px;font-weight:800}.workflow-node small,.workflow-node b{display:block}.workflow-node small{color:#8190a8;font-size:8px;font-weight:800}.workflow-node b{margin-top:3px;font-size:11px}.workflow-node.action{border-color:#94dfc3}.workflow-node.action>span{background:#ddf8ed;color:#087d58}.workflow-link{width:2px;height:21px;margin:auto;background:#bac6db}.workflow-status{margin-top:18px;border-radius:8px;background:#e0f7ec;padding:9px;color:#087b57;text-align:center;font-size:9px;font-weight:800}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-row>div{border:1px solid #dce3ef;border-radius:9px;background:#fff;padding:11px}.metric-row small{display:block;color:#79879f;font-size:7px;font-weight:800}.metric-row b{display:block;margin-top:6px;font-size:20px}.chart{display:flex;height:170px;align-items:flex-end;justify-content:space-around;gap:9px;margin:22px 8px 0;border-bottom:1px solid #cbd5e7}.chart span{width:12%;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#5871df,#2c45c9);transition:.3s}.chart-caption{display:flex;justify-content:space-around;margin:8px 3px;color:#8490a5;font-size:7px}
.integration-orbit{position:relative;width:245px;height:225px;margin:0 auto}.orbit-core{position:absolute;left:50%;top:50%;display:grid;width:72px;height:72px;place-items:center;transform:translate(-50%,-50%);border-radius:22px;background:var(--blue);color:#fff;font-size:30px;font-weight:800;box-shadow:0 15px 30px rgba(44,69,201,.25)}.integration-orbit:before,.integration-orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #aebbd5;border-radius:50%;animation:orbitSpin 18s linear infinite}.integration-orbit:after{inset:62px;animation-direction:reverse}@keyframes orbitSpin{to{transform:rotate(360deg)}}.orbit-item{position:absolute;border:1px solid #dbe2ef;border-radius:9px;background:#fff;padding:9px 11px;font-size:9px;font-weight:800;box-shadow:0 8px 18px rgba(10,8,58,.08)}.orbit-item.meta{left:4px;top:46px}.orbit-item.tiktok{right:0;top:28px}.orbit-item.web{left:18px;bottom:24px}.orbit-item.api{right:15px;bottom:39px}.connection-health{border:1px solid #dce3ef;border-radius:10px;background:#fff;padding:12px}.connection-health>i{width:10px;height:10px;border-radius:50%;background:#18c887;box-shadow:0 0 0 5px #dcf7ed}.connection-health div{margin-right:auto;margin-left:12px}.connection-health b,.connection-health small{display:block}.connection-health b{font-size:10px}.connection-health small{margin-top:3px;color:var(--muted);font-size:8px}.connection-health strong{color:#0b805a;font-size:13px}
.feature-details{padding-top:88px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-grid article{position:relative;min-height:240px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:27px;transition:.2s}.detail-grid article:hover{transform:translateY(-4px);border-color:#aebce9;box-shadow:0 16px 35px rgba(10,8,58,.08)}.detail-grid article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#e9edff;color:var(--blue);font-size:10px;font-weight:800}.detail-grid h3{margin:20px 0 10px;font-size:18px}.detail-grid p{color:var(--muted);font-size:12px;line-height:1.7}.detail-grid b{position:absolute;left:27px;right:27px;bottom:25px;color:var(--blue);font-size:11px}.feature-final-actions{display:flex;gap:10px}.feature-dark-outline{border-color:rgba(255,255,255,.55);color:#fff}.feature-dark-outline:hover{border-color:var(--mint);color:var(--mint)}.plan-cta-note{display:block;margin:10px 0 6px;text-align:center;color:var(--muted);font-size:10px}.plan-detail-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:var(--blue);font-size:11px;font-weight:700}.plan-detail-link:hover{color:var(--blue-dark)}
@media(max-width:1000px){.features-hero-grid{grid-template-columns:1fr;gap:44px}.feature-hero-visual{max-width:650px}.feature-explorer{grid-template-columns:280px 1fr}.feature-panel{grid-template-columns:1fr}.demo-surface{min-height:305px}}
@media(max-width:760px){.feature-explorer{display:block}.feature-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.feature-tab{min-width:235px}.feature-stage{padding:25px 18px}.detail-grid{grid-template-columns:1fr 1fr}.feature-final-actions{width:100%;flex-direction:column}.feature-final-actions .button{width:100%}}
@media(max-width:540px){.features-hero{padding:58px 0}.features-hero h1{font-size:38px}.features-hero .hero-actions{display:grid}.feature-proof{display:grid}.feature-hero-visual{padding:16px}.signal-core b{position:static;display:inline-block;margin-top:10px}.channel-row{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.pipeline-columns{grid-template-columns:1fr 1fr}.demo-surface{padding:16px}.panel-copy h3{font-size:26px}}