.one2026 .hero-v2 .hero-inner{grid-template-columns:1fr 1.12fr;gap:36px;min-height:735px;padding-block:22px}
.one2026 .hero-system{position:relative;width:100%;max-width:640px;justify-self:end;min-width:0;perspective:1200px;isolation:isolate}
.one2026 .system-scene{position:relative;aspect-ratio:600/620;width:100%;container-type:inline-size;transform:rotateX(var(--system-rx,0deg)) rotateY(var(--system-ry,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.one2026 .system-aura{position:absolute;inset:17% 8% 11% 0;background:radial-gradient(ellipse,#edfaffc9 0%,#b0e9ff44 43%,transparent 71%);filter:blur(12px);pointer-events:none}
.one2026 .system-orbit{position:absolute;left:7%;top:13%;width:80%;aspect-ratio:1;border:1px solid #f5fcff89;border-radius:50%;transform:rotate(-25deg) scaleY(.91);box-shadow:0 0 0 33px #f4fcff14,0 0 0 66px #f4fcff0b;pointer-events:none}
.one2026 .system-orbit i{position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#fff9;animation:system-orbit 42s linear infinite}
.one2026 .system-orbit i:before{content:'';position:absolute;top:13%;left:13%;width:5px;height:5px;background:#e2faff;border-radius:50%;box-shadow:0 0 15px #fff}
.one2026 .system-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.one2026 .connection-track{stroke:#6e9cce70;stroke-width:1.6}
.one2026 .connection-flow{stroke:url(#connection-blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:30 210;animation:system-flow 5s linear infinite;filter:drop-shadow(0 0 3px #c1f6ff);opacity:.9}
.one2026 [data-system-path="messages"] .connection-flow{animation-delay:-1.7s;animation-direction:reverse}
.one2026 [data-system-path="leads"] .connection-flow{animation-delay:-3.4s}
.one2026 .system-connections g{transition:opacity .3s}
.one2026 .hero-system[data-active] .system-connections g{opacity:.28}
.one2026 .hero-system[data-active="content"] [data-system-path="content"],.one2026 .hero-system[data-active="messages"] [data-system-path="messages"],.one2026 .hero-system[data-active="leads"] [data-system-path="leads"]{opacity:1}
.one2026 .system-core{position:absolute;left:43%;top:50%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;padding:7px;background:linear-gradient(145deg,#f7fcffc9,#92bce87d);border:1px solid #ffffffb3;box-shadow:0 18px 35px -15px #23496d55,inset 0 0 18px #ffffff7d;z-index:2}
.one2026 .system-core:before{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px solid #f4fcff80;animation:core-breathe 6s ease-in-out infinite}
.one2026 .core-surface{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 20%,#fff,#f0f8ff 46%,#dcebf9 90%);box-shadow:inset 0 2px 2px #fff,inset 0 -5px 10px #7b9fc330}
.one2026 .core-surface>span{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(24px,6.6cqw,43px);letter-spacing:-.07em;line-height:1.25;font-weight:800;background:linear-gradient(120deg,#19436f,#3d90d2);background-clip:text;-webkit-background-clip:text;color:transparent;padding-right:3px}
.one2026 .core-surface>small{color:#6e8cab;font-size:clamp(8px,1.7cqw,11px);letter-spacing:.035em;margin-top:4px}
.one2026 .system-node{position:absolute;display:block;--node-turn:0deg;transform:rotate(var(--node-turn));border:1px solid #ffffffdb;box-shadow:0 22px 48px -24px #2b537c70,0 3px 10px #2443630b;background:linear-gradient(145deg,#fffffffa,#f4f9ffed);border-radius:17px;padding:18px;color:#25496e;z-index:3;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.one2026 .system-node:hover,.one2026 .system-node:focus-visible{transform:rotate(0deg) translateY(-6px);border-color:#fff;box-shadow:0 25px 55px -19px #22538a8c,0 0 0 4px #ffffff3d;outline-offset:5px}
.one2026 .node-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(12px,2.4cqw,15px);font-weight:600;line-height:1.4;letter-spacing:.02em}
.one2026 .node-heading>svg{width:15px;height:15px;stroke:#7b9cbd;stroke-width:1.5;fill:none;transition:transform .3s}
.one2026 .system-node:hover .node-heading>svg{transform:translate(2px,-2px)}
.one2026 .content-node{left:1%;top:5%;width:48%;height:33%;--node-turn:-5deg}
.one2026 .content-composition{display:grid;grid-template-columns:1.02fr 1fr;gap:13px;height:64%;margin-top:14px}
.one2026 .content-composition>img{width:100%;height:100%;object-fit:cover;border-radius:8px;object-position:67% 50%}
.one2026 .content-pages{display:flex;flex-direction:column;gap:10px;min-width:0}
.one2026 .mini-article{padding:9px 10px;background:#f0f4f9;border:1px solid #e2e9f3;border-radius:7px;flex:1}
.one2026 .mini-article>span,.one2026 .mini-social>span{font-size:clamp(9px,1.75cqw,11px);font-weight:500;line-height:1.2;display:block;color:#627e9b}
.one2026 .mini-article i{display:block;background:#bfcede;border-radius:2px;height:3px;margin-top:7px;width:100%}
.one2026 .mini-article i:nth-of-type(2){width:83%}.one2026 .mini-article i:nth-of-type(3){width:57%}
.one2026 .mini-social{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-inline:2px}
.one2026 .mini-social>div{display:flex;align-items:center;gap:5px}
.one2026 .mini-social b{font-family:Arial,sans-serif;font-weight:bold;font-size:16px;color:#718dad;line-height:1}
.one2026 .mini-social svg{width:15px;height:15px;fill:none;stroke:#718dad;stroke-width:1.7}
.one2026 .node-footer{display:flex;align-items:center;gap:6px;color:#7690aa;font-size:clamp(9px,1.65cqw,11px);line-height:1.3;margin-top:12px;white-space:nowrap}
.one2026 .small-spark{color:#6b9cda;font-size:14px}
.one2026 .messages-node{left:64%;top:26%;width:35%;height:35%;--node-turn:5deg;padding:17px}
.one2026 .message-composition{display:flex;flex-direction:column;gap:12px;padding-top:22px}
.one2026 .message-bubble{font-size:clamp(9px,1.85cqw,12px);line-height:1.6;padding:10px 12px;max-width:96%;border-radius:12px}
.one2026 .customer-bubble{align-self:flex-start;color:#64788e;background:#e8eff6;border-bottom-left-radius:3px}
.one2026 .ai-bubble{align-self:flex-end;background:linear-gradient(120deg,#3d7fc0,#568ec9);color:#fff;border-bottom-right-radius:3px;min-width:76%;box-shadow:0 5px 12px #3a73a81b}
.one2026 .reply-presence{display:flex;gap:3px;align-items:center;white-space:nowrap;margin-top:1px}
.one2026 .reply-presence>i{width:3px;height:3px;border-radius:50%;background:#73a4cc}
.one2026 .reply-presence>span{font-size:clamp(8px,1.52cqw,10px);color:#7c94ad;margin-left:3px}
.one2026 .leads-node{left:8%;top:72%;width:67%;height:23%;--node-turn:-3deg;background:linear-gradient(120deg,#143b64,#286299);border-color:#96c5ec66;color:#f0f8ff;padding:18px 24px;box-shadow:0 24px 42px -23px #1b446aaa}
.one2026 .leads-node:hover,.one2026 .leads-node:focus-visible{border-color:#b8dafa}
.one2026 .line-connection{font-size:clamp(8px,1.65cqw,11px);font-weight:400;display:flex;gap:6px;align-items:center;color:#cae6fa;white-space:nowrap}
.one2026 .line-connection i{width:5px;height:5px;background:#73d8b2;border-radius:50%;box-shadow:0 0 0 3px #79dfb90d}
.one2026 .lead-composition{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.one2026 .lead-composition>div{display:flex;align-items:center;flex-direction:column;gap:6px;flex-shrink:0}
.one2026 .lead-composition svg{width:23px;height:23px;stroke:#a2d0f4;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;fill:none}
.one2026 .lead-composition span{font-size:clamp(9px,1.9cqw,12px);color:#d9ebfa;white-space:nowrap}
.one2026 .lead-composition>i{height:1px;flex:1;min-width:8px;background:linear-gradient(90deg,#86b7df66,#c5eaff);margin-top:-16px;position:relative}
.one2026 .lead-composition>i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #c5eaff;border-top:1px solid #c5eaff;transform:rotate(45deg)}
.one2026 .system-caption{text-align:center;font-size:13px;color:#577b9e;margin-top:-5px;letter-spacing:.02em;padding-bottom:14px}
.one2026 .system-caption strong{font-weight:500;color:#305e88}
.one2026 .audience .section-intro strong{font-weight:600;color:#486986}
@keyframes system-flow{to{stroke-dashoffset:-240}}
@keyframes system-orbit{to{transform:rotate(360deg)}}
@keyframes core-breathe{50%{transform:scale(1.06);opacity:.5}}
@media(min-width:801px) and (max-width:1100px){.one2026 .hero-v2 .hero-inner{grid-template-columns:1.02fr 1fr;gap:20px;min-height:660px}.one2026 .system-node{padding:13px;border-radius:13px}.one2026 .content-composition{gap:9px;margin-top:10px}.one2026 .node-footer{margin-top:8px;gap:3px}.one2026 .message-composition{padding-top:15px;gap:9px}.one2026 .message-bubble{padding:8px 9px}.one2026 .leads-node{padding:13px 16px}.one2026 .lead-composition{margin-top:13px;gap:8px}.one2026 .lead-composition svg{width:20px;height:20px}.one2026 .system-caption{font-size:11px}.one2026 .mini-article{padding:6px}.one2026 .mini-article i{margin-top:5px}.one2026 .mini-social{gap:2px}.one2026 .mini-social>div{gap:3px}}
@media(max-width:800px){.one2026 .hero-v2 .hero-inner{grid-template-columns:1fr;gap:5px;padding-block:0;min-height:0}.one2026 .hero-system{justify-self:center;max-width:530px;margin-top:12px;margin-bottom:25px}.one2026 .system-caption{margin-top:6px}.one2026 .hero-v2 .hero-copy{padding-bottom:0}}
@media(max-width:480px){.one2026 .hero-system{width:calc(100% + 12px);max-width:none;margin-top:22px;margin-bottom:18px}.one2026 .system-node{padding:11px;border-radius:12px}.one2026 .node-heading{font-size:12px;gap:3px}.one2026 .node-heading>svg{width:12px;height:12px}.one2026 .content-node{top:calc(3% - 12px);height:35%;width:49%}.one2026 .content-composition{margin-top:9px;gap:8px;height:62%}.one2026 .content-composition>img{border-radius:5px}.one2026 .content-pages{gap:7px}.one2026 .mini-article{padding:6px;border-radius:5px}.one2026 .mini-article i{height:2px;margin-top:5px}.one2026 .mini-social{gap:1px;padding:0}.one2026 .mini-social>div{gap:3px}.one2026 .mini-social b{font-size:12px}.one2026 .mini-social svg{width:12px;height:12px}.one2026 .node-footer{gap:3px;margin-top:8px;font-size:8px}.one2026 .small-spark{font-size:10px}.one2026 .messages-node{left:64%;top:25%;width:35%;height:37%;padding:10px}.one2026 .message-composition{padding-top:15px;gap:8px}.one2026 .message-bubble{padding:6px 7px;font-size:9px;border-radius:8px}.one2026 .customer-bubble{border-bottom-left-radius:2px}.one2026 .ai-bubble{border-bottom-right-radius:2px}.one2026 .reply-presence{gap:2px}.one2026 .reply-presence>i{width:2px;height:2px}.one2026 .reply-presence>span{font-size:7px;margin-left:2px}.one2026 .system-core{width:23%;padding:5px}.one2026 .system-core:before{inset:-8px}.one2026 .core-surface>small{font-size:7px;margin-top:2px}.one2026 .leads-node{left:6%;width:70%;height:24%;padding:13px 14px}.one2026 .lead-composition{margin-top:15px;gap:9px}.one2026 .lead-composition>div{gap:5px}.one2026 .lead-composition svg{width:18px;height:18px}.one2026 .lead-composition span{font-size:9px}.one2026 .line-connection{font-size:8px;gap:4px}.one2026 .system-caption{font-size:11px;margin-top:8px;padding-bottom:5px}.one2026 .system-orbit{box-shadow:0 0 0 23px #f4fcff14,0 0 0 46px #f4fcff0b}}
@media(max-width:360px){.one2026 .system-node{padding:9px}.one2026 .node-heading{font-size:11px}.one2026 .content-node{height:37%}.one2026 .node-footer{font-size:7px;margin-top:6px}.one2026 .mini-social>span{font-size:8px}.one2026 .mini-social>div{gap:2px}.one2026 .mini-social svg{width:10px}.one2026 .message-composition{padding-top:11px;gap:7px}.one2026 .message-bubble{font-size:8px;padding:6px}.one2026 .reply-presence>span{font-size:6px}.one2026 .leads-node{padding:11px 13px;height:25%}.one2026 .lead-composition{margin-top:12px;gap:7px}.one2026 .lead-composition svg{width:16px;height:16px}.one2026 .lead-composition span{font-size:8px}.one2026 .system-core{width:24%}.one2026 .core-surface>span{font-size:23px}.one2026 .system-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.one2026 .system-scene,.one2026 .system-node,.one2026 .node-heading>svg{transform:none!important;transition:none!important}.one2026 .system-orbit i,.one2026 .connection-flow,.one2026 .system-core:before{animation:none!important}.one2026 .connection-flow{stroke-dasharray:none;opacity:.5}}
.one2026 .motion-off .system-orbit i,.one2026 .motion-off .connection-flow,.one2026 .motion-off .system-core:before{animation:none}.one2026 .motion-off .system-scene{transform:none}
.one2026 .hero-system.is-offscreen .system-orbit i,.one2026 .hero-system.is-offscreen .connection-flow,.one2026 .hero-system.is-offscreen .system-core:before{animation-play-state:paused}