:root{--ink:#141a35;--muted:#57647b;--blue:#175fff;--pale:#f5f7fc;--border:#dce4f0;--green:#078b77;--purple:#7449d2;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--pale)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block}h1,h2,h3,p{margin:0}.container{width:min(1600px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{position:relative;overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;min-height:44px;padding:0 26px;font-size:16px;font-weight:600;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #175fff26}.button-primary{color:white;background:var(--blue);border:1px solid var(--blue)}.button-outline{color:var(--blue);background:white;border:1px solid var(--blue)}.button-white{color:var(--blue);background:#fff;border:1px solid var(--blue)}
.site-header{height:80px;position:sticky;z-index:50;top:0;background:#fffc;border-bottom:1px solid var(--border);box-shadow:0 4px 8px #14264d0d;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;width:156px;height:50px;flex:none;overflow:hidden}.brand img{width:156px;height:auto}.desktop-nav{display:flex;align-items:center;gap:12px}.nav-link{display:flex;align-items:center;justify-content:center;min-width:84px;height:44px;padding:0 16px;border-radius:12px;font-size:16px;font-weight:500;transition:background .2s,color .2s}.nav-link:hover,.nav-link.active{background:var(--pale);color:var(--blue)}.header-actions{display:flex;align-items:center;gap:30px}.header-actions .button{min-width:160px}.login-link{font-size:16px;font-weight:600;white-space:nowrap}.login-link:hover{color:var(--blue)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(138deg,#fcfdff 0%,#edf4ff 74%);padding:52px 0 72px}.ambient{position:absolute;pointer-events:none}.ambient-cyan{width:590px;top:105px;left:3%}.ambient-violet{width:560px;top:60px;right:3%}.grid-mark{position:absolute;width:430px;height:310px;pointer-events:none;opacity:.7;background-image:linear-gradient(to right,#8da7cf24 1px,transparent 1px),linear-gradient(to bottom,#8da7cf24 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse,#000 10%,transparent 73%)}.grid-mark-left{top:150px;left:4%}.grid-mark-right{top:140px;right:4%}.hero-intro{position:relative;text-align:center}.eyebrow{display:inline-flex;color:var(--blue);font-size:12px;font-weight:600}.eyebrow-pill{background:#fff;border:1px solid var(--border);border-radius:20px;padding:4px 10px}.hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.2;letter-spacing:-.035em;margin:15px 0 8px}.hero h1 span{color:var(--blue)}.hero-copy{color:var(--muted);font-size:20px;line-height:1.5}.hero-actions{display:flex;justify-content:center;gap:16px;margin:18px auto 10px}.hero-actions .button:first-child{min-width:200px}.hero-actions .button:last-child{min-width:174px}.capability-tabs{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px auto 22px}.capability-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-width:180px;height:44px;padding:0 15px;border:1px solid transparent;border-radius:22px;background:transparent;color:var(--blue);font-size:16px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.capability-tab img{width:22px;height:22px;object-fit:contain}.capability-tab:nth-child(2){color:var(--green)}.capability-tab:nth-child(3){color:var(--purple)}.capability-tab:hover{transform:translateY(-2px)}.capability-tab.active{background:#fff;border-color:#bfd4ff;box-shadow:0 7px 10px #1436801f}.product-stage{height:400px;position:relative;border-radius:32px;overflow:hidden;background:linear-gradient(157deg,#93d9e3,#8eabfb 38%,#c6b7f8 78%);display:grid;place-items:center}.stage-orbits{position:absolute;top:0;left:0;max-width:100%;height:auto;pointer-events:none}.workspace{background:#fff;border:1.5px solid #bfd4ff;border-radius:18px;overflow:hidden;box-shadow:0 7px 20px #14368030;text-align:left}.workspace-hero{position:relative;width:87.4%;height:310px}.workspace-bar{height:47px;background:linear-gradient(178deg,#172c51,#254d83);display:flex;align-items:center;gap:16px;padding:0 15px;color:#fff;font-size:14px;white-space:nowrap}.workspace-channel{padding:5px 10px;border-radius:100px;background:#e5f7f2;color:var(--green);font-size:13px}.workspace-bar-end{margin-left:auto;font-size:13px}.workspace-body{display:grid;grid-template-columns:20.2% 49.8% 30%;height:calc(100% - 47px);font-size:14px}.inbox{background:var(--pale);padding:18px;overflow:hidden}.inbox strong{display:block;font-size:17px;margin-bottom:9px}.inbox>small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;margin-bottom:8px}.contact{display:flex;align-items:center;gap:10px;padding:5px 4px;border-radius:8px;margin-bottom:3px;min-height:49px}.contact.selected{background:#fff}.contact .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:100%;flex:none;font-weight:600}.avatar.green{background:#e5f7f2;color:var(--green)}.avatar.lilac{background:#f0eaff;color:var(--blue)}.contact b{font-size:12px;font-weight:600;white-space:nowrap}.contact small{display:block;color:var(--muted);font-size:12px;white-space:nowrap}.conversation{padding:18px;display:flex;flex-direction:column;gap:9px;overflow:hidden}.conversation-title{display:flex;gap:20px;align-items:center}.conversation-title strong{font-size:16px}.conversation-title small{font-size:13px;color:var(--muted)}.chat-bubble{border-radius:11px;background:var(--pale);padding:10px 12px;width:72%;display:flex;flex-direction:column;gap:2px;line-height:1.4}.chat-bubble.reply{width:87%}.chat-bubble small{font-size:12px;color:var(--muted)}.conversation-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-bottom>small{color:var(--muted);font-size:13px}.conversation-bottom .button{font-size:15px;min-height:38px;padding:0 21px}.ai-assistant{position:relative;background:linear-gradient(142deg,#f1ecff,#f9f6ff 75%);padding:18px;display:flex;flex-direction:column;gap:9px;overflow:hidden}.ai-assistant>strong{font-size:17px;color:var(--purple);display:flex;align-items:center;justify-content:space-between}.ai-assistant>strong img{width:22px;height:22px}.ai-assistant>small{font-size:13px;color:var(--muted)}.ai-card{background:#fff;padding:13px;border-radius:11px;line-height:1.45}.ai-card b{font-size:13px}.ai-card p{font-size:13px;color:var(--muted);margin-top:6px}.stage-caption{margin:18px 0 0;color:var(--muted);font-size:15px}
.use-cases{background:var(--pale);padding:96px 0 112px}.case-orbit{position:absolute;pointer-events:none}.case-orbit-right{width:700px;right:-300px;top:-260px}.case-orbit-left{width:760px;left:-385px;bottom:-280px}.section-inner{position:relative;text-align:center}.section-kicker{font-size:14px;color:var(--blue);font-weight:600;margin-bottom:8px}.section h2{font-size:clamp(30px,3vw,44px);line-height:1.4;letter-spacing:-.025em}.section-lead{font-size:18px;color:var(--muted);line-height:1.5;margin-top:7px}.cases-layout{display:grid;grid-template-columns:490px minmax(0,1fr);gap:30px;align-items:start;margin-top:50px;text-align:left}.accordion{display:flex;flex-direction:column;gap:15px}.case-item{width:100%;padding:20px 25px;min-height:75px;text-align:left;border:1.25px solid var(--border);border-radius:15px;background:#fff;color:var(--ink);display:flex;flex-direction:column;gap:15px;transition:background .2s,border-color .2s,box-shadow .2s}.case-item:hover{border-color:#97bdff}.case-item.active{min-height:225px;background:#e8f1ff;border-color:#97bdff;box-shadow:0 15px 35px #1a408024}.case-title{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:19px;line-height:1.5;font-weight:700}.case-symbol{color:var(--blue);font-size:24px;font-weight:400}.case-detail{display:none;color:var(--muted);font-size:17px;line-height:1.5}.case-tags{display:none;color:var(--blue);font-size:15px;font-weight:600}.case-item.active .case-detail,.case-item.active .case-tags{display:block}.scene-stage{position:relative;height:495px;overflow:hidden;border-radius:30px;background:linear-gradient(to bottom,#d9f5f2,#a9cefa 50%,#809ffc)}.scene-orbit{position:absolute;left:0;top:0;max-width:100%;height:auto;pointer-events:none}.scene-workspace{position:absolute;top:12%;left:20%;width:90%;height:42%;background:#fff;border:1px solid #bfd4ff;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px #1438802e}.scene-workspace .workspace-bar{height:32px;font-size:10px}.scene-workspace .workspace-channel,.scene-workspace .workspace-bar-end{font-size:9px}.scene-workspace-body{display:grid;grid-template-columns:21% 48% 31%;height:calc(100% - 32px);font-size:11px}.scene-workspace-body>div{padding:13px;overflow:hidden}.scene-workspace-body>div:first-child{background:var(--pale)}.scene-workspace-body>div:last-child{background:#f6f1ff}.scene-workspace-body b{display:block}.scene-workspace-body small{display:block;font-size:9px;color:var(--muted);margin:4px 0}.scene-workspace-body p{font-size:10px;margin-top:10px}.scene-workspace-body .scene-message{background:var(--pale);padding:8px;border-radius:6px}.translation-float,.reply-float{position:absolute;display:flex;flex-direction:column;gap:8px;padding:14px 17px;background:#fff;border-radius:14px;box-shadow:0 11px 25px #365baa26;font-size:13px;line-height:1.35}.translation-float{width:35%;left:3%;top:43%}.reply-float{width:40%;right:4%;bottom:10%}.translation-float strong,.reply-float strong{font-size:15px}.translation-float small,.reply-float small{color:var(--muted)}.float-label{display:flex;align-items:center;gap:6px;color:var(--green);font-weight:600}.float-label.purple{color:var(--purple)}.float-label img{width:19px;height:19px}.channel-pills{position:absolute;left:2.5%;bottom:8%;display:flex;gap:12px}.channel-pills span{height:43px;display:flex;align-items:center;gap:7px;padding:0 16px;border-radius:50px;background:#fff;color:var(--blue);font-size:15px;font-weight:600}.channel-pills span:first-child{color:var(--green)}.channel-pills img{width:19px;height:19px}
.connections{padding:96px 0 88px;background:#fff}.orbit-panel{position:relative;height:663px;overflow:hidden;border-radius:40px;background:linear-gradient(to bottom,#e8f8f5 0%,#a5befa 52%,#6489ea 100%);text-align:center;padding:40px 40px 0}.orbit-header{position:relative;z-index:1}.orbit-header .section-kicker{font-size:16px}.orbit-header h2{font-size:40px}.orbit-header .section-lead{font-size:19px;margin-top:8px}.orbit-header>a{display:inline-block;color:var(--blue);font-size:19px;font-weight:700;margin-top:16px}.orbit-header>a:hover{text-decoration:underline}.orbit-space{position:relative;width:min(1400px,100%);height:400px;margin:0 auto}.orbit-art{position:absolute;top:0;left:0;max-width:100%;height:auto;pointer-events:none}.orbit-center{position:absolute;width:165px;height:165px;top:31%;left:50%;transform:translateX(-50%);border:3px solid #98c0f5;border-radius:50%;background:#fff;box-shadow:0 15px 35px #1a408024;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.orbit-center img{width:151px;height:auto}.orbit-center span{font-size:13px;color:#2e4a7d}.orbit-node{position:absolute;min-width:210px;min-height:82px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border-radius:18px;box-shadow:0 15px 18px #1a408024}.orbit-node img{width:25px;height:25px}.orbit-node span{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.orbit-node strong{font-size:16px;color:var(--blue)}.orbit-node small{font-size:12px;color:var(--muted)}.node-whatsapp{top:19%;left:10%}.node-whatsapp strong{color:var(--green)}.node-telegram{top:19%;right:10%}.node-translation{top:58%;left:3%}.node-ai{top:58%;right:3%}.node-accounts{bottom:1%;left:18%}.node-network{bottom:1%;right:18%}
.demo-section{padding:96px 0;background:var(--pale)}.demo-card{position:relative;min-height:252px;padding:30px 30px 22px;overflow:hidden;border-radius:28px;border:1px solid #4d629bbf;background:linear-gradient(165deg,#1b2d59,#101a38 75%);text-align:center;color:#fff}.demo-card>*:not(.demo-orbit){position:relative}.demo-orbit{position:absolute;pointer-events:none}.demo-orbit-left{width:560px;left:-170px;top:-180px}.demo-orbit-right{width:660px;right:-290px;top:-260px}.demo-card h2{font-size:42px;line-height:1.45}.demo-card p{color:#cfd9ef;font-size:18px;margin-top:3px}.demo-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin:17px auto 10px}.demo-actions .button-white{min-width:180px}.demo-actions .button-primary{min-width:200px}.trust-notes{display:flex;justify-content:center;gap:30px;color:#afc2e4;font-size:14px}
.site-footer{background:var(--ink);color:#fff;padding:36px 0 28px}.footer-top{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid #34425b}.footer-brand{height:52px;width:156px;background:#fff;border-radius:7px}.footer-top nav{display:flex;align-items:center;gap:24px;color:#d8e4f8;font-size:16px}.footer-top nav a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-main{display:flex;justify-content:space-between;gap:30px;padding:24px 0 26px}.footer-main h3{font-size:21px}.subscribe form{height:48px;width:min(520px,100%);display:flex;align-items:center;background:#293249;border-radius:25px;margin-top:12px;padding-left:20px}.subscribe input{border:0;outline:0;background:transparent;color:#fff;flex:1;min-width:0;font-size:16px}.subscribe input::placeholder{color:#c3d1e7}.subscribe button{border:0;background:var(--blue);color:#fff;border-radius:25px;height:44px;min-width:110px;font-weight:600}.form-note{min-height:20px;color:#c3d1e7;font-size:13px;margin-top:5px}.footer-slogan{text-align:right}.footer-slogan h3{font-size:26px}.footer-slogan p{color:#bfd0e9;margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#bacce8;font-size:13px}
@media(max-width:1300px){.container{width:min(100% - 64px,1600px)}.desktop-nav{gap:0}.nav-link{font-size:14px;min-width:75px;padding:0 10px}.header-actions{gap:16px}.workspace-body{grid-template-columns:22% 49% 29%}.cases-layout{grid-template-columns:minmax(330px,34%) minmax(0,1fr)}.case-title{font-size:17px}.case-detail{font-size:15px}.orbit-node{min-width:175px}.node-whatsapp{left:5%}.node-telegram{right:5%}.node-translation{left:0}.node-ai{right:0}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.site-header{height:68px}html{scroll-padding-top:68px}.header-inner{gap:12px}.brand{width:132px}.brand img{width:132px}.desktop-nav,.header-actions{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px}.mobile-nav:not([hidden]){display:flex;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:10px 20px 18px;box-shadow:0 12px 20px #1436801f}.mobile-nav a{padding:12px;border-radius:8px}.mobile-nav a:hover{background:var(--pale);color:var(--blue)}.hero{padding:54px 0 72px}.hero h1{font-size:48px}.hero-copy{font-size:17px}.desktop-break{display:none}.capability-tabs{gap:5px;flex-wrap:wrap;margin-top:24px}.capability-tab{min-width:0;font-size:13px;padding:0 10px}.capability-tab img{width:18px;height:18px}.product-stage{height:auto;padding:30px 20px}.workspace-hero{width:100%;height:290px}.workspace-body{grid-template-columns:23% 50% 27%}.inbox,.conversation,.ai-assistant{padding:12px}.contact b,.contact small,.inbox>small{font-size:10px}.chat-bubble{width:90%;font-size:12px}.chat-bubble.reply{width:100%}.ai-card p{font-size:11px}.use-cases{padding:75px 0}.cases-layout{grid-template-columns:1fr;gap:24px;margin-top:34px}.accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-item.active{min-height:210px}.case-item{min-height:75px}.scene-stage{height:470px}.connections{padding:75px 0}.orbit-panel{height:635px;padding:34px 20px 0}.orbit-header h2{font-size:30px}.orbit-header .section-lead{font-size:16px}.orbit-space{margin-top:20px}.orbit-node{min-width:150px;min-height:65px;padding:8px}.orbit-node strong{font-size:13px}.orbit-node small{font-size:10px}.orbit-node img{width:20px;height:20px}.orbit-center{width:135px;height:135px;top:32%}.orbit-center img{width:125px}.node-accounts{left:10%}.node-network{right:10%}.demo-section{padding:70px 0}.demo-card h2{font-size:31px}.site-footer{padding-top:26px}.footer-main h3{font-size:18px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.hero{padding:47px 0 55px}.ambient-cyan{width:360px;left:-160px}.ambient-violet{width:360px;right:-160px}.grid-mark{display:none}.eyebrow-pill{font-size:10px}.hero h1{font-size:38px;margin-top:22px}.hero-copy{font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px}.hero-actions .button{font-size:13px;min-width:0!important;padding:0 16px}.capability-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px auto}.capability-tab{width:100%;height:40px;border-radius:12px;justify-content:flex-start;font-size:12px}.product-stage{padding:15px;border-radius:20px}.workspace-hero{height:260px}.workspace-bar{height:34px;font-size:9px;padding:0 8px;gap:4px}.workspace-channel,.workspace-bar-end{font-size:8px}.workspace-body{height:calc(100% - 34px);grid-template-columns:30% 70%}.inbox{padding:8px}.inbox strong{font-size:11px;margin-bottom:4px}.inbox>small{font-size:7px;white-space:normal}.contact{gap:3px;padding:4px 0;min-height:45px}.contact .avatar{width:20px;height:20px;font-size:10px}.contact b,.contact small{font-size:7px;white-space:normal;line-height:1.3}.conversation{padding:8px;gap:5px}.conversation-title{display:block}.conversation-title strong{font-size:11px}.conversation-title small{display:block;font-size:8px}.chat-bubble{padding:6px;font-size:9px}.chat-bubble small{font-size:8px}.conversation-bottom>small{font-size:8px}.conversation-bottom .button{font-size:9px;min-height:28px;padding:0 7px}.ai-assistant{display:none}.stage-caption{font-size:11px;line-height:1.5}.use-cases{padding:58px 0}.section h2{font-size:27px;line-height:1.35}.section-lead{font-size:14px}.cases-layout{display:flex;flex-direction:column}.accordion{display:flex;width:100%;gap:10px}.case-item{min-height:62px;padding:13px 15px}.case-item.active{min-height:165px}.case-title{font-size:15px}.case-detail{font-size:13px}.case-tags{font-size:12px}.scene-stage{width:100%;height:310px;border-radius:20px}.scene-workspace{height:40%;top:12%}.scene-workspace .workspace-bar{height:21px;font-size:7px}.scene-workspace .workspace-channel,.scene-workspace .workspace-bar-end{font-size:6px}.scene-workspace-body{height:calc(100% - 21px)}.scene-workspace-body>div{padding:5px}.scene-workspace-body b,.scene-workspace-body p{font-size:7px}.scene-workspace-body small{font-size:6px}.translation-float,.reply-float{padding:8px;gap:3px;font-size:8px;border-radius:8px}.translation-float strong,.reply-float strong{font-size:9px}.float-label img{width:12px;height:12px}.channel-pills{gap:5px}.channel-pills span{height:26px;padding:0 8px;font-size:9px}.channel-pills img{width:12px;height:12px}.connections{padding:58px 0}.orbit-panel{height:495px;border-radius:22px;padding:25px 10px}.orbit-header .section-kicker{font-size:13px}.orbit-header h2{font-size:23px}.orbit-header .section-lead{font-size:12px;line-height:1.5}.orbit-header>a{font-size:12px;margin-top:10px}.orbit-space{height:290px;margin-top:12px}.orbit-art{top:23px}.orbit-center{width:90px;height:90px;top:32%}.orbit-center img{width:84px}.orbit-center span{font-size:8px}.orbit-node{min-width:0;width:110px;min-height:47px;padding:5px;gap:3px;border-radius:9px}.orbit-node img{width:14px;height:14px}.orbit-node strong{font-size:9px}.orbit-node small{font-size:7px}.node-whatsapp{left:0;top:10%}.node-telegram{right:0;top:10%}.node-translation{left:0;top:48%}.node-ai{right:0;top:48%}.node-accounts{left:6%;bottom:0}.node-network{right:6%;bottom:0}.demo-section{padding:55px 0}.demo-card{min-height:0;padding:28px 14px}.demo-card h2{font-size:24px}.demo-card p{font-size:13px;margin-top:8px}.demo-actions{gap:8px;flex-wrap:wrap}.demo-actions .button{font-size:11px;min-width:0;padding:0 12px}.trust-notes{font-size:10px;gap:12px;flex-wrap:wrap}.footer-top{align-items:flex-start;flex-direction:column;gap:14px}.footer-top nav{flex-wrap:wrap;gap:10px 17px;font-size:12px}.footer-main{flex-direction:column;gap:20px}.footer-main h3{font-size:17px}.footer-slogan{text-align:left}.footer-slogan h3{font-size:20px}.footer-slogan p{font-size:12px}.footer-bottom{font-size:10px}.subscribe input{font-size:13px}.subscribe button{min-width:80px;font-size:12px}}
.ambient-cyan{animation:ambient-cyan-drift 18s ease-in-out infinite alternate}
.ambient-violet{animation:ambient-violet-drift 21s ease-in-out infinite alternate}
@keyframes ambient-cyan-drift{from{transform:translate(-16px,8px) scale(.96);opacity:.82}to{transform:translate(24px,-18px) scale(1.07);opacity:1}}
@keyframes ambient-violet-drift{from{transform:translate(18px,-12px) scale(1.04);opacity:.8}to{transform:translate(-24px,20px) scale(.96);opacity:1}}
.grid-mark{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);overflow:hidden;mask-image:radial-gradient(ellipse,#000 5%,transparent 75%)}
.grid-mark .grid-cell{background:rgba(57,132,240,.12);border:1px solid rgba(104,152,214,.05);opacity:0;animation:grid-cell-breathe 5.6s ease-in-out infinite;animation-delay:var(--cell-delay,0s);transition:background .25s ease,opacity .3s ease}
.grid-mark .grid-cell.is-lit{background:rgba(53,153,239,.33);opacity:.55;animation:none}
@keyframes grid-cell-breathe{0%,100%{opacity:0}50%{opacity:var(--cell-opacity,.2)}}
.product-stage,.scene-stage{--spot-x:50%;--spot-y:50%;--spot-strength:0;background-image:radial-gradient(400px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,var(--spot-strength)),transparent 80%),linear-gradient(157deg,#93d9e3,#8eabfb 38%,#c6b7f8 78%);transition:box-shadow .3s ease}
.scene-stage{background-image:radial-gradient(330px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,var(--spot-strength)),transparent 80%),linear-gradient(to bottom,#d9f5f2,#a9cefa 50%,#809ffc)}
.product-stage:hover,.scene-stage:hover{box-shadow:0 18px 50px rgba(56,101,191,.18)}
.orbit-art{animation:orbit-art-breathe 9s ease-in-out infinite alternate;transform-origin:center}
@keyframes orbit-art-breathe{from{opacity:.65;transform:scale(.985)}to{opacity:1;transform:scale(1.015)}}
.orbit-node{cursor:pointer;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.orbit-node:hover,.orbit-node:focus-visible,.orbit-node.is-selected{transform:translateY(-6px);border-color:#8ebaff;box-shadow:0 20px 28px rgba(22,72,169,.22);outline:none}
.orbit-center{transition:box-shadow .25s ease,transform .25s ease}
.orbit-panel:has(.orbit-node.is-selected) .orbit-center{box-shadow:0 18px 42px rgba(23,95,255,.28);transform:translateX(-50%) scale(1.05)}
@media(max-width:600px){.grid-mark{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.grid-mark .grid-cell{display:none}.product-stage,.scene-stage{--spot-strength:0!important}.orbit-node:hover,.orbit-node:focus-visible,.orbit-node.is-selected{transform:none}}

/* CLOUDS2 lives behind the hero and continues animating while the page is open. */
html{scroll-behavior:auto}
.hero{isolation:isolate;background:#173452}
.clouds-background{position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#142b4b 0%,#336e99 47%,#608fc0 100%);pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,28,60,.43) 0%,rgba(15,44,80,.18) 48%,rgba(23,52,96,.45) 100%)}
.hero .ambient{opacity:.3;z-index:-1}
.hero .grid-mark{opacity:.34;z-index:-1}
.hero h1{color:#fff;text-shadow:0 3px 28px rgba(0,18,54,.2)}
.hero h1 span{color:#b9eeff}
.hero-copy{color:#eff8ff;text-shadow:0 2px 16px rgba(0,20,55,.24)}
.hero .eyebrow-pill{color:#eafaff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);backdrop-filter:blur(14px)}
.hero .button-outline{color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.65);backdrop-filter:blur(10px)}
.hero .button-outline:hover{background:rgba(255,255,255,.22)}
.hero .capability-tab{color:#fff;background:rgba(12,42,84,.23);border-color:rgba(255,255,255,.16);backdrop-filter:blur(9px)}
.hero .capability-tab:nth-child(2),.hero .capability-tab:nth-child(3){color:#fff}
.hero .capability-tab.active{color:#123d74;background:#fff;border-color:#fff}
.stage-caption{color:#e7f6ff}
.product-stage{overflow:visible}
.product-atropos{width:87.4%;height:310px;z-index:1}
.product-atropos .workspace-hero{width:100%;height:100%}
.product-atropos .atropos-inner{border-radius:18px}
.scene-atropos{position:absolute;top:12%;left:20%;width:90%;height:42%;z-index:1}
.scene-atropos .scene-workspace{position:relative;top:auto;left:auto;width:100%;height:100%}
.scene-atropos .atropos-inner{border-radius:12px}
@media(max-width:900px){.product-atropos{width:100%;height:290px}}
@media(max-width:600px){.product-atropos{height:260px}.product-stage{overflow:hidden}.scene-atropos{height:40%}}
@media(prefers-reduced-motion:reduce){.clouds-background{background:linear-gradient(145deg,#142b4b 0%,#336e99 47%,#608fc0 100%)}.hero .grid-mark{display:none}}

/* A clearly visible section transition for in-page navigation. */
.nav-wipe{position:fixed;inset:0;z-index:10000;pointer-events:none;display:grid;place-items:center;overflow:hidden;clip-path:polygon(0 0,0 0,0 100%,0 100%);background:linear-gradient(115deg,#071d41 3%,#1458e5 45%,#51bff2 100%);color:#fff}
.nav-wipe::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(118deg,transparent 0 54px,rgba(255,255,255,.09) 55px,transparent 57px 108px);transform:rotate(-5deg)}
.nav-wipe-glow{position:absolute;width:min(74vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(161,236,255,.42),transparent 64%);filter:blur(34px)}
.nav-wipe-title{position:relative;font-size:clamp(28px,4vw,58px);font-weight:800;letter-spacing:.16em;text-shadow:0 8px 32px rgba(0,20,80,.3)}
.nav-wipe-title b{font-weight:800;color:#b9eeff}
.nav-wipe.is-active{pointer-events:auto;animation:nav-wipe-sweep 920ms cubic-bezier(.68,0,.22,1) both}
@keyframes nav-wipe-sweep{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}43%,57%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}
.nav-arrival :is(h1,h2),.nav-arrival.capability-tabs{animation:nav-title-arrive 640ms cubic-bezier(.2,.8,.2,1) both}
@keyframes nav-title-arrive{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.desktop-nav .nav-link{position:relative}
.desktop-nav .nav-link::after{content:"";position:absolute;left:20%;right:20%;bottom:5px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transition:transform .3s ease}
.desktop-nav .nav-link:hover::after,.desktop-nav .nav-link.active::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.nav-wipe,.nav-wipe.is-active{display:none}.nav-arrival :is(h1,h2),.nav-arrival.capability-tabs{animation:none}}

/* Pricing preview: core communication plans and the separately billed AI add-on. */
.pricing-section{padding:110px 0 96px;color:#fff;background:radial-gradient(ellipse at 14% 6%,#174f8e 0%,transparent 34%),radial-gradient(ellipse at 88% 72%,#273e90 0%,transparent 34%),linear-gradient(155deg,#07162f 0%,#0c2450 52%,#101b41 100%)}
.pricing-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(#80c8ff12 1px,transparent 1px),linear-gradient(90deg,#80c8ff12 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#0008,transparent 80%)}
.pricing-glow{position:absolute;pointer-events:none;width:440px;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.22;animation:pricing-float 18s ease-in-out infinite alternate}
.pricing-glow-left{top:18%;left:-240px;background:#27c9ef}.pricing-glow-right{right:-220px;bottom:2%;background:#7f7cf3;animation-delay:-8s}
@keyframes pricing-float{to{transform:translate(40px,-35px) scale(1.12)}}
.pricing-inner{position:relative;z-index:1}.pricing-heading{text-align:center;max-width:770px;margin:0 auto 48px}.pricing-heading .section-kicker{color:#85dfff;letter-spacing:.13em;margin-bottom:12px}.pricing-heading h2{color:#fff;font-size:clamp(34px,3.5vw,52px);line-height:1.25}.pricing-heading .section-lead{color:#c4d7ed;font-size:18px;line-height:1.7;margin-top:15px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1250px;margin:0 auto}.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:425px;padding:28px 28px 26px;border:1px solid #b1d2f58c;border-radius:24px;background:linear-gradient(160deg,#fff,#eef6ff);color:#152643;box-shadow:0 26px 50px #020d2673;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.plan-card:hover{transform:translateY(-7px);box-shadow:0 32px 58px #010a20a6;border-color:#9fe7ff}.plan-card.featured{background:linear-gradient(155deg,#2567f7 0%,#1744ac 67%,#132f78 100%);color:#fff;border-color:#7ccaff;box-shadow:0 29px 55px #0a65eb69}.plan-card.featured:hover{transform:translateY(-7px);box-shadow:0 33px 65px #0a65eb90}.plan-card-top{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:21px}.plan-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ddecff;color:#2061dd;font-size:13px;font-weight:800;letter-spacing:.03em}.featured .plan-icon{background:#ffffff2e;color:#fff}.plan-kind{color:#6a7b9a;font-size:13px;font-weight:700;letter-spacing:.06em}.plan-badge{padding:6px 11px;border-radius:999px;background:#c4efff;color:#13448b;font-size:12px;font-weight:800}.plan-card h3{font-size:26px;line-height:1.2}.plan-description{margin-top:6px;color:#63718c;font-size:14px}.featured .plan-description{color:#d8e8ff}.plan-price{display:flex;align-items:baseline;white-space:nowrap;margin:23px 0 19px}.plan-price .currency{font-size:23px;font-weight:700;margin-right:2px}.plan-price strong{font-size:53px;line-height:1;font-weight:800;letter-spacing:-.07em}.price-decimal{font-size:23px;font-weight:750}.price-period{font-size:13px;font-weight:500;color:#6b7890;margin-left:8px}.featured .price-period{color:#d7e7ff}.plan-card ul{list-style:none;margin:0;padding:17px 0 0;border-top:1px solid #bdd3e7;display:grid;gap:11px}.featured ul{border-color:#ffffff6c}.plan-card li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;line-height:1.45}.plan-card li::before{content:"✓";display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:#d9f6f5;color:#087e77;font-size:11px;font-weight:800}.featured li::before{background:#ffffff2e;color:#fff}.plan-note{margin:18px 0 22px;color:#64738e;font-size:12px;line-height:1.5}.featured .plan-note{color:#d7e8ff}.plan-action{display:flex;align-items:center;justify-content:space-between;min-height:47px;margin-top:auto;padding:0 18px;border-radius:12px;background:#e5efff;color:#1456df;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.plan-action:hover{background:#d1e4ff;transform:translateY(-2px)}.featured .plan-action{background:#fff;color:#1554d7}.featured .plan-action:hover{background:#d9f3ff}
.pricing-more{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:22px;max-width:1250px;margin:20px auto 0;padding:22px 26px;border:1px solid #b4d4f355;border-radius:20px;background:#ffffff12;backdrop-filter:blur(16px)}.pricing-more>div{display:flex;flex-direction:column;gap:4px;min-width:0}.pricing-more-label{color:#8bd9ff;font-size:11px;font-weight:800;letter-spacing:.1em}.pricing-more strong{font-size:17px;white-space:nowrap}.pricing-more em{font-size:14px;font-style:normal;font-weight:650;color:#c9e6ff;margin-left:7px}.pricing-more>div>span:last-child{color:#b6c8e3;font-size:12px;line-height:1.5}.pricing-more>a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:0 20px;border:1px solid #9fdafa;border-radius:999px;color:#fff;font-size:13px;font-weight:750;white-space:nowrap;transition:background .2s}.pricing-more>a:hover{background:#ffffff20}
.addon-panel{max-width:1250px;margin:58px auto 0;padding:30px;border:1px solid #8cc4eb5c;border-radius:26px;background:linear-gradient(130deg,#ffffff1b,#ffffff0b);box-shadow:inset 0 1px #ffffff35;backdrop-filter:blur(18px)}.addon-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.addon-eyebrow{color:#96e4ff;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:6px}.addon-heading h3{font-size:27px}.addon-heading>p{color:#c2d4e8;font-size:14px;line-height:1.5;text-align:right}.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.addon-item{padding:19px 20px;border:1px solid #bedaf033;border-radius:16px;background:#081b3b9c}.addon-featured{border-color:#80d2ff;background:#1452a2a8}.addon-item>span{display:flex;align-items:center;gap:8px;color:#a2e7ff;font-size:12px;font-weight:800;letter-spacing:.08em}.addon-item b{padding:3px 7px;border-radius:999px;background:#d2f3ff;color:#134c9c;font-size:10px;letter-spacing:0}.addon-item strong{display:block;margin-top:10px;font-size:28px;line-height:1.2}.addon-item strong small{font-size:12px;color:#b9cfe7;font-weight:500}.addon-item p{color:#c8d7e9;font-size:12px;line-height:1.5;margin-top:8px}.addon-link{display:inline-flex;gap:10px;align-items:center;color:#9ee8ff;font-size:13px;font-weight:700;margin-top:20px}.addon-link:hover{text-decoration:underline}.pricing-disclaimer{max-width:1250px;margin:20px auto 0;color:#a8bbd4;font-size:12px;text-align:center;line-height:1.6}.pricing-disclaimer a{color:#b4eaff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.pricing-grid{gap:14px}.plan-card{padding:23px 20px}.plan-price strong{font-size:44px}.pricing-more{gap:12px;padding:18px}.pricing-more strong{font-size:15px}.pricing-more em{font-size:12px}}
@media(max-width:760px){.pricing-section{padding:72px 0}.pricing-heading{margin-bottom:31px}.pricing-heading h2{font-size:32px}.pricing-heading .section-lead{font-size:15px}.pricing-grid{grid-template-columns:1fr;gap:14px;max-width:520px}.plan-card{min-height:0;padding:24px}.plan-card-top{margin-bottom:14px}.plan-price{margin:18px 0 16px}.plan-price strong{font-size:47px}.plan-note{margin-bottom:18px}.pricing-more{grid-template-columns:1fr 1fr;max-width:520px;gap:18px}.pricing-more>a{grid-column:1/-1}.addon-panel{max-width:520px;margin-top:42px;padding:22px}.addon-heading{display:block}.addon-heading>p{text-align:left;margin-top:9px}.addon-grid{grid-template-columns:1fr}.addon-item{padding:16px}.addon-item strong{font-size:24px}}
@media(max-width:480px){.pricing-heading h2{font-size:29px}.pricing-more{grid-template-columns:1fr;gap:16px}.pricing-more>a{grid-column:auto}.pricing-more strong{font-size:16px}.addon-heading h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pricing-glow{animation:none}.plan-card,.plan-card:hover,.plan-card.featured:hover{transform:none}}

/* The official raster logo has a near-white matte. Blend it into each surface. */
.brand img,.orbit-center img{mix-blend-mode:multiply}
.orbit-center{isolation:isolate;overflow:hidden}
.orbit-center img{width:128px;max-width:82%}
@media(max-width:900px){.orbit-center img{width:108px}}
@media(max-width:600px){.orbit-center img{width:72px}}