.cp-hero{--cp-accent:#096e91;--cp-soft:#e7f5fb;padding:24px 0 50px;border-bottom:1px solid var(--platform-line);background:radial-gradient(ellipse at 84% 30%,#e2f3faad,transparent 60%),var(--platform-card);overflow:hidden}.cp-desktop{--cp-accent:#365bd6;--cp-soft:#edf0ff;background:radial-gradient(ellipse at 85% 20%,#e9edffba,transparent 62%),var(--platform-card)}.cp-hero .breadcrumbs{flex-wrap:wrap;margin-bottom:38px}.cp-hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:52px;align-items:center}.cp-copy,.cp-showcase{min-width:0}.cp-copy h1{font-size:clamp(35px,3.7vw,54px);line-height:1.14;letter-spacing:-.035em;margin:22px 0 25px;color:var(--platform-ink)}.cp-copy h1>small{display:block;font-size:17px;font-weight:600;letter-spacing:0;color:var(--cp-accent);margin-bottom:17px}.cp-copy h1>span{display:block}.cp-copy h1>span:last-child{color:var(--cp-accent)}.cp-copy .lead{font-size:16px;line-height:1.9;color:var(--platform-muted);max-width:540px}.cp-copy .button-row{align-items:center;gap:18px 23px;margin-top:28px}.cp-text-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:var(--platform-ink);text-decoration:none}.cp-text-link svg{width:16px;height:16px}.cp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.cp-tags>span{border:1px solid var(--platform-line);border-radius:6px;padding:5px 10px;font-size:10px;color:var(--platform-muted)}.cp-showcase{border:1px solid var(--platform-line);border-radius:25px;padding:15px;background:var(--platform-card);box-shadow:0 20px 65px #284c7e0a}.cp-art{height:335px;position:relative;overflow:hidden;direction:ltr;isolation:isolate;border-radius:15px;background:linear-gradient(135deg,var(--cp-soft),var(--platform-card))}.cp-controls{display:flex;gap:4px;border-bottom:1px solid var(--platform-line);margin-top:12px}.cp-controls button{font:inherit;font-size:11px;line-height:1.5;flex:1;cursor:pointer;padding:13px 5px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--platform-muted)}.cp-controls button[aria-pressed=true]{color:var(--cp-accent);border-bottom-color:var(--cp-accent);font-weight:700}.cp-controls button:focus-visible,.cp-text-link:focus-visible,.cp-estimator input:focus-visible{outline:2px solid var(--cp-accent,#2454df);outline-offset:3px;border-radius:5px}.cp-caption{min-height:137px;padding:18px 10px 5px}.cp-caption strong{font-size:13px;color:var(--platform-ink)}.cp-caption p{font-size:12px;line-height:1.8;color:var(--platform-muted);margin:8px 0}.cp-features h2,.cp-check-section h2,.cp-workflow h2,.cp-faq h2,.cp-related h2,.cp-estimator h2{font-size:clamp(25px,2.6vw,35px);line-height:1.3;letter-spacing:-.025em;color:var(--platform-ink)}.cp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:34px}.cp-feature-grid article{border-top:1px solid var(--platform-line);padding-top:22px}.cp-feature-grid article>span{font-size:12px;letter-spacing:.08em;color:#2454df}.cp-feature-grid h3,.cp-check-grid h3,.cp-workflow h3{font-size:17px;line-height:1.5;margin:15px 0 9px;color:var(--platform-ink)}.cp-feature-grid p,.cp-check-grid p,.cp-workflow p{font-size:14px;line-height:1.9;color:var(--platform-muted)}.cp-note{border:1px solid var(--platform-line);border-radius:14px;padding:22px 25px;margin-bottom:25px;background:var(--platform-card)}.cp-note p{font-size:13px;line-height:1.8;margin:0;color:var(--platform-muted)}.cp-note a{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--platform-ink);font-weight:600;margin-top:13px}.cp-note a svg{width:14px;height:14px}.cp-check-section{border-block:1px solid var(--platform-line);background:var(--platform-card)}.cp-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:35px}.cp-check-grid article>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--platform-line);border-radius:9px;background:var(--platform-bg);color:#2454df}.cp-check-grid svg{width:16px;height:16px}.cp-workflow ol{counter-reset:cp-step;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:30px;margin-top:35px}.cp-workflow li{counter-increment:cp-step;padding-inline-start:45px;position:relative}.cp-workflow li:before{content:counter(cp-step,decimal-leading-zero);position:absolute;inset-inline-start:0;top:17px;font-size:12px;font-weight:600;color:#2454df}.cp-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.cp-faq details{border-bottom:1px solid var(--platform-line)}.cp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;font-size:14px;font-weight:600;color:var(--platform-ink);padding:21px 0}.cp-faq summary::-webkit-details-marker{display:none}.cp-faq summary>span{color:#2454df}.cp-faq details[open] summary>span{transform:rotate(45deg)}.cp-faq details p{font-size:14px;line-height:1.9;color:var(--platform-muted);padding-bottom:20px;margin:0}.cp-related{border:1px solid var(--platform-line);border-radius:20px;background:var(--platform-card);padding:30px;margin-bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cp-related h2{font-size:27px}.cp-related .button-row{gap:12px;flex-wrap:wrap}.cp-related .button{font-size:12px}.cp-estimator{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;background:var(--platform-card);border:1px solid var(--platform-line);border-radius:18px;padding:30px;margin-bottom:40px}.cp-estimator[hidden]{display:none}.cp-estimator>div>p{font-size:13px;line-height:1.8;color:var(--platform-muted)}.cp-estimator-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.cp-estimator label{font-size:12px;font-weight:600;color:var(--platform-ink)}.cp-estimator input{font:inherit;font-size:15px;width:100%;padding:13px;border:1px solid var(--platform-line);background:var(--platform-bg);color:var(--platform-ink);border-radius:8px;margin-top:9px;direction:ltr}.cp-volume{grid-column:1/-1;padding-top:17px;border-top:1px solid var(--platform-line);display:flex;align-items:center;justify-content:space-between;gap:15px}.cp-volume>span{font-size:12px;color:var(--platform-muted)}.cp-volume output{font-size:28px;font-weight:600;letter-spacing:-.03em;color:var(--platform-ink);direction:ltr;white-space:nowrap}
/* Traffic: braided routes pass through a translucent volume core. */
.cp-flow-grid{position:absolute;inset:0;background:radial-gradient(circle,#5c95b122 .8px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.cp-flow-routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7eb3ce;stroke-width:1;opacity:.55}.cp-network-core{position:absolute;top:78px;left:calc(50% - 85px);width:170px;height:177px;border:1px solid #9dc8dc;border-radius:31px;background:linear-gradient(135deg,#f6fcffed,#e5f3fbed);box-shadow:0 14px 35px #1a79921c,inset 0 0 0 9px #ffffff73;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;z-index:2}.cp-network-core:before{content:'';position:absolute;inset:-12px;border:1px solid #80bad334;border-radius:40px;animation:cp-network-glow 5s ease-in-out infinite;animation-play-state:paused}.cp-loop{width:102px;height:53px}.cp-loop svg{width:100%;height:100%;fill:none;stroke:#087aa2;stroke-width:3;stroke-linejoin:round}.cp-network-core strong{font-size:12px;letter-spacing:.14em;color:#17445e}.cp-network-core>span{font-size:7px;letter-spacing:.09em;color:#46667d}.cp-flow-lane{position:absolute;left:-40px;right:-40px;height:1px;background:#70a9c629;top:50%}.cp-lane-a{transform:rotate(16deg)}.cp-lane-c{transform:rotate(-16deg)}.cp-flow-lane i{position:absolute;left:0;top:-1px;width:15px;height:3px;background:#1280a6;box-shadow:0 0 12px #3aa3c97a;animation:cp-transfer 4.5s linear infinite;animation-play-state:paused;border-radius:5px}.cp-flow-lane i:nth-child(2){animation-delay:-2.25s}.cp-lane-a i{animation-delay:-.8s}.cp-lane-c i{animation-delay:-1.6s}.cp-route-label{position:absolute;top:141px;font-size:8px;font-weight:600;letter-spacing:.1em;color:#436880;border:1px solid #bdd8e6;background:var(--platform-card);padding:10px;border-radius:7px;z-index:3}.cp-label-in{left:5%}.cp-label-out{right:5%}.cp-network-foot{position:absolute;left:10%;right:10%;bottom:23px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#416782}.cp-network-foot>span{padding:6px 10px;border:1px solid transparent;border-radius:5px}.cp-art[data-cp-scene="0"] .cp-network-foot>span:nth-child(1),.cp-art[data-cp-scene="1"] .cp-network-foot>span:nth-child(2),.cp-art[data-cp-scene="2"] .cp-network-foot>span:nth-child(3){border-color:#7aaec9;background:var(--platform-card);color:var(--platform-ink)}
/* Desktop: a floating workspace with access and image layers. */
.cp-desktop-aura{position:absolute;inset:25px 30px 35px;border-radius:50%;background:radial-gradient(ellipse,#8ba4ef42,transparent 69%)}.cp-desktop-orbit{position:absolute;inset:22px 45px 28px;border:1px solid #8b9ce426;border-radius:50%;transform:rotate(-14deg)}.cp-desktop-window{position:absolute;top:48px;left:12%;width:76%;height:228px;border:1px solid #a0b0d6;border-radius:13px;overflow:hidden;background:var(--platform-card);box-shadow:8px 12px 0 #a3b3df2b,0 15px 35px #34548614;transform:perspective(900px) rotateY(-9deg) rotateX(4deg)}.cp-desktop-bar{height:27px;background:var(--platform-card);border-bottom:1px solid var(--platform-line);display:flex;align-items:center;gap:5px;padding:0 12px}.cp-desktop-bar span{margin-right:auto;font-size:7px;letter-spacing:.06em;color:var(--platform-muted)}.cp-desktop-bar i{width:4px;height:4px;border-radius:50%;background:#899bc3}.cp-desktop-wallpaper{height:166px;background:linear-gradient(130deg,#e8eeff,#cbdcff 55%,#e7e6ff);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cp-window-mark{display:grid;grid-template-columns:26px 26px;grid-template-rows:26px 26px;gap:4px;transform:perspective(500px) rotateY(-12deg);z-index:1}.cp-window-mark i{background:#366be2;border-radius:1px;box-shadow:0 0 25px #366be21c}.cp-window-ribbon{position:absolute;width:210px;height:210px;bottom:-138px;right:-20px;border:1px solid #7c9ee844;border-radius:50%;box-shadow:0 0 0 17px #7698e112,0 0 0 35px #7698e10a;}.cp-taskbar{height:33px;display:flex;align-items:center;gap:9px;padding:0 13px;background:var(--platform-card);border-top:1px solid var(--platform-line)}.cp-taskbar i{width:8px;height:8px;border-radius:2px;background:#8fa9de}.cp-taskbar i:nth-child(2n){background:#b0bce0}.cp-taskbar>span{font-size:7px;margin-left:auto;color:var(--platform-muted)}.cp-access-tile,.cp-image-tile{position:absolute;z-index:2;border:1px solid #a0b2df;background:var(--platform-card);border-radius:11px;box-shadow:0 8px 20px #254e9b09;width:71px;height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cp-access-tile{left:4%;bottom:37px}.cp-image-tile{right:4%;top:28px}.cp-access-tile svg,.cp-image-tile svg{width:27px;height:27px;fill:none;stroke:#3c65c5;stroke-width:1.5}.cp-access-tile>span,.cp-image-tile>span{font-size:6px;letter-spacing:.1em;color:var(--platform-muted)}.cp-desktop-foot{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.13em;color:#526b9a}.cp-desktop .cp-art[data-cp-scene="0"] .cp-access-tile,.cp-desktop .cp-art[data-cp-scene="1"] .cp-image-tile{outline:2px solid #9bb0e5;outline-offset:4px}.cp-desktop .cp-art[data-cp-scene="2"] .cp-desktop-window{border-color:#627dc5}.cp-motion .cp-art *,.cp-motion .cp-art *:before,.cp-motion .cp-art *:after{animation-play-state:running}.cp-art *{transition:border-color .2s,outline-color .2s}
html[data-theme=dark] .cp-hero{--cp-accent:#8acde6;--cp-soft:#153346;background:radial-gradient(ellipse at 84% 30%,#18516b24,transparent 60%),var(--platform-card)}html[data-theme=dark] .cp-desktop{--cp-accent:#a5baff;--cp-soft:#1d2c50;background:radial-gradient(ellipse at 85% 20%,#35578f24,transparent 62%),var(--platform-card)}html[data-theme=dark] .cp-network-core{background:linear-gradient(135deg,#223e54,#1b3044);border-color:#64859d;box-shadow:0 14px 35px #091c2b1c,inset 0 0 0 9px #b7dcf008}html[data-theme=dark] .cp-network-core strong{color:#c0e9fa}html[data-theme=dark] .cp-network-core>span,html[data-theme=dark] .cp-network-foot,html[data-theme=dark] .cp-route-label{color:#aacddf}html[data-theme=dark] .cp-loop svg{stroke:#8acde6}html[data-theme=dark] .cp-feature-grid article>span,html[data-theme=dark] .cp-check-grid article>span,html[data-theme=dark] .cp-workflow li:before,html[data-theme=dark] .cp-faq summary>span{color:#9bb8ff}html[data-theme=dark] .cp-desktop-wallpaper{background:linear-gradient(130deg,#22365f,#294d80 55%,#38365f)}html[data-theme=dark] .cp-window-mark i{background:#9ebfff}html[data-theme=dark] .cp-access-tile svg,html[data-theme=dark] .cp-image-tile svg{stroke:#a4bcf1}html[data-theme=dark] .cp-desktop-foot{color:#b2c4e7}
@keyframes cp-transfer{from{transform:translateX(0);opacity:0}10%,90%{opacity:1}to{transform:translateX(680px);opacity:0}}@keyframes cp-network-glow{50%{opacity:.35;transform:scale(1.04)}}@keyframes cp-desktop-bloom{50%{transform:translate(-12px,-9px) scale(1.04);opacity:.6}}
@media(max-width:1050px){.cp-hero-grid{gap:27px}.cp-copy h1{font-size:39px}.cp-art{height:310px}.cp-caption{min-height:150px}.cp-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-related{display:block}.cp-related .button-row{margin-top:23px}.cp-estimator{gap:25px}.cp-network-core{top:76px;width:146px;height:155px;left:calc(50% - 73px)}.cp-desktop-window{left:10%;width:80%;height:218px}.cp-desktop-wallpaper{height:156px}.cp-route-label{font-size:7px;padding:9px}}
@media(max-width:760px){.cp-hero{padding-bottom:32px}.cp-hero .breadcrumbs{margin-bottom:28px}.cp-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.cp-copy h1{font-size:clamp(34px,8vw,45px)}.cp-copy .lead{font-size:15px}.cp-showcase{max-width:590px;width:100%;margin-inline:auto;padding:12px}.cp-art{height:305px}.cp-caption{min-height:0;padding-bottom:8px}.cp-controls button{font-size:10px}.cp-feature-grid,.cp-workflow ol{grid-template-columns:1fr;gap:25px}.cp-check-grid{gap:23px}.cp-faq{grid-template-columns:1fr;gap:18px}.cp-related{padding:25px;margin-bottom:40px}.cp-estimator{grid-template-columns:1fr;padding:24px;gap:20px}.cp-volume output{font-size:26px}.cp-network-core{width:137px;height:149px;left:calc(50% - 68px);top:76px}.cp-network-core strong{font-size:11px}.cp-network-core>span{font-size:6px}.cp-loop{width:87px;height:43px}.cp-network-foot{left:5%;right:5%;font-size:6px}.cp-route-label{font-size:6px;padding:8px}.cp-label-in{left:3%}.cp-label-out{right:3%}.cp-desktop-window{width:82%;left:9%;top:50px;height:209px}.cp-desktop-wallpaper{height:147px}.cp-access-tile,.cp-image-tile{width:62px;height:63px}.cp-access-tile{bottom:32px;left:3%}.cp-image-tile{top:30px;right:3%}.cp-desktop-foot{font-size:6px}.cp-note{padding:20px}.cp-note p{font-size:12px}}
@media(max-width:360px){.cp-check-grid{grid-template-columns:1fr}.cp-art{height:285px}.cp-network-core{width:119px;height:137px;left:calc(50% - 59px);top:73px;gap:10px}.cp-network-core>span{font-size:5px}.cp-network-core strong{font-size:10px}.cp-route-label{top:132px;font-size:5px;padding:7px}.cp-loop{width:75px;height:39px}.cp-network-foot{font-size:5px;bottom:19px}.cp-network-foot>span{padding:6px}.cp-controls button{font-size:9px}.cp-desktop-window{top:43px;height:198px}.cp-desktop-wallpaper{height:136px}.cp-desktop-bar span{font-size:6px}.cp-volume{align-items:flex-start;flex-direction:column;gap:8px}.cp-estimator-controls{grid-template-columns:1fr}.cp-related .button-row .button{width:100%}}
@media(prefers-reduced-motion:reduce){.cp-art *,.cp-art *:before,.cp-art *:after{animation:none!important;transition:none!important}}

/* Desktop motion stays on small indicators; the wallpaper remains stable. */
.cp-access-tile:after{content:'';position:absolute;top:8px;right:8px;width:4px;height:4px;border-radius:50%;background:#3c65c5;animation:cp-access-pulse 3s ease-in-out infinite;animation-play-state:paused}.cp-taskbar i:first-child{animation:cp-access-pulse 4s ease-in-out infinite;animation-play-state:paused}.cp-desktop-orbit:after{content:'';position:absolute;top:24px;left:19%;width:8px;height:3px;border-radius:5px;background:#8fa9de;animation:cp-orbit-glint 6s ease-in-out infinite;animation-play-state:paused}.cp-motion .cp-art *,.cp-motion .cp-art *:before,.cp-motion .cp-art *:after{animation-play-state:running}@keyframes cp-access-pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes cp-orbit-glint{50%{transform:translate(18px,-7px);opacity:.35}}@media(prefers-reduced-motion:reduce){.cp-art *,.cp-art *:before,.cp-art *:after{animation:none!important;transition:none!important}}