/* Dark product ecosystem with upright visuals and an interface-only platform preview */
#ptx-system.eco-section{background:#061a13;color:#e2f2e8;padding:80px 0 60px!important;overflow:hidden;position:relative}
#ptx-system.eco-section::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#234c3538,transparent 60%)}
.eco-section .ptx-container{position:relative}
.eco-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:60px;margin-bottom:12px}
.eco-eyebrow{display:flex;gap:9px;align-items:center;color:#87a393;font-size:10px;letter-spacing:.14em;font-weight:600;margin-bottom:22px}
.eco-eyebrow i{height:6px;width:6px;background:#3b9560;border-radius:50%}
.eco-heading h2{color:#ecf7ef;font-size:clamp(30px,3.5vw,48px);line-height:1.18;letter-spacing:-.05em;font-weight:600;margin:0}
.eco-heading h2 span{color:#81ba96}html[lang="ka"] .eco-heading h2{font-size:clamp(27px,2.7vw,38px);line-height:1.4}
.eco-heading>p{margin:0;max-width:380px;font-size:14px;line-height:1.9;color:#a2b5aa}
.eco-orbit{position:relative;height:840px;isolation:isolate}
.eco-grid{display:contents}
.eco-orbit-ring{position:absolute;inset:145px 145px;border:1px solid #91bf9b20;border-radius:50%;pointer-events:none}
.eco-orbit-ring::before{content:'';position:absolute;inset:55px;border:1px solid #91bf9b10;border-radius:50%}
.eco-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:144px;height:144px;border-radius:50%;background:#103323;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 15px 45px #0003,0 0 0 10px #78ba9008;z-index:1}
.eco-hub svg{width:32px;height:32px;fill:none;stroke:#b7e2aa;stroke-width:1.4}.eco-hub strong{font-size:21px;color:#fff;letter-spacing:-.055em;font-weight:600}.eco-hub>span{color:#bed0c3;font-size:9px}
.eco-orbit-slot{position:absolute;left:50%;top:50%;width:300px;transform:translate(calc(-50% + var(--ox,0px)),calc(-50% + var(--oy,-260px)));z-index:2;will-change:transform}
.eco-orbit-slot:nth-child(2){--ox:350px;--oy:130px}.eco-orbit-slot:nth-child(3){--ox:-350px;--oy:130px}
.eco-card{position:relative;display:flex;flex-direction:column;min-width:0;height:286px;background:#0e241b;color:#e3f2e8!important;text-decoration:none!important;border:1px solid #91bf9b25;border-radius:28px;overflow:hidden;box-shadow:0 14px 35px -15px #0007;transition:box-shadow .35s,border-color .35s}
.eco-card-top{display:flex;align-items:center;gap:7px;position:absolute;top:17px;left:18px;right:18px;z-index:2;font-size:9px;font-weight:600;color:#b3c9bb;letter-spacing:.035em}
.eco-step{font-size:9px;font-variant-numeric:tabular-nums;color:#7ca38c}.eco-step::after{content:' /';color:#b6c1b9;margin-left:4px}.eco-arrow{margin-left:auto;font-size:17px;color:#aed1ba}
.eco-media{height:207px;flex-shrink:0;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#102a20;padding-top:24px}
.eco-device{width:100%;height:100%;object-fit:contain;transform:scale(1.14);mix-blend-mode:multiply}
.eco-card--1 .eco-media{background:#102a20}
.eco-card--2 .eco-media{background:#102a20}
.eco-phone{position:relative;width:108px;height:210px;overflow:hidden;border-radius:18px;align-self:flex-start;margin-top:14px;box-shadow:0 15px 20px #16382915;transform:none;transition:transform .4s}
.eco-phone img{position:absolute;max-width:none!important;width:899px;height:auto;left:-460px;top:-179px}

.eco-tag{display:none}
.eco-copy{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:0;background:#0e241b}
.eco-copy h3{font-size:19px;line-height:1.4;letter-spacing:-.04em;color:#e6f4eb;margin:0;font-weight:600}
.eco-copy p{display:none}
.eco-more{font-size:0;width:29px;height:29px;border:1px solid #9ec4ab26;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#a8ccb6}
.eco-more>span{font-size:17px}
.eco-motion-toggle{position:absolute;bottom:0;right:0;padding:9px 14px;border:1px solid #9ec4ab26;border-radius:30px;color:#a8bfb0;background:transparent;font:inherit;font-size:10px;cursor:pointer}.eco-motion-toggle[hidden]{display:none}
.eco-flow{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #91bf9b20}
.eco-flow-label{display:flex;align-items:center;gap:14px}.eco-flow-icon{width:36px;height:36px;border-radius:50%;background:#163829;color:#b8d7c2;display:grid;place-items:center;font-size:20px}
.eco-flow-label strong{display:block;font-size:13px;color:#d3e9dc;font-weight:600}.eco-flow-label div>span{display:block;font-size:11px;color:#91ac9a;margin-top:5px}
.eco-flow>a{font-size:12px;color:#b8d7c2;display:flex;gap:25px;align-items:center;text-decoration:none}.eco-flow>a>span{font-size:20px}.eco-disclaimer{font-size:9px;color:#89a493;text-align:right;margin:0}
.eco-card:focus-visible,.eco-flow>a:focus-visible,.eco-motion-toggle:focus-visible{outline:3px solid #477a52;outline-offset:5px}
@media(hover:hover){.eco-card:hover{border-color:#86ba9b55;box-shadow:0 24px 65px -25px #0008}.eco-card:hover .eco-phone{transform:none}.eco-motion-toggle:hover{background:#17392a}}
@media(min-width:1001px) and (max-width:1300px){.eco-hub{width:104px;height:104px}.eco-hub strong{font-size:16px}.eco-hub svg{width:25px;height:25px}.eco-hub>span{font-size:7px}.eco-orbit{height:890px}}
@media(min-width:721px) and (max-width:1000px){.eco-heading{gap:25px;grid-template-columns:1.5fr 1fr}.eco-heading>p{font-size:12px}.eco-orbit{height:800px}.eco-orbit-slot{width:228px}.eco-card{height:248px;border-radius:23px}.eco-media{height:177px}.eco-copy{padding:14px}.eco-copy h3{font-size:16px}.eco-hub{width:100px;height:100px}.eco-hub strong{font-size:15px}.eco-hub svg{width:24px;height:24px}.eco-hub>span{font-size:7px}.eco-orbit-ring{inset:140px 115px}}
@media(max-width:720px){#ptx-system.eco-section{padding:48px 0 35px!important}.eco-heading{grid-template-columns:1fr;gap:15px}.eco-heading h2,html[lang="ka"] .eco-heading h2{font-size:28px}.eco-heading>p{font-size:12px;line-height:1.8;max-width:100%}.eco-eyebrow{font-size:8px;margin-bottom:16px}.eco-orbit{height:640px}.eco-orbit-slot{width:112px}.eco-card{height:163px;border-radius:17px}.eco-card-top{top:9px;left:10px;right:10px;font-size:7px;gap:3px}.eco-step{font-size:7px}.eco-step::after{margin-left:2px}.eco-arrow{display:none}.eco-media{height:112px;padding-top:19px}.eco-phone{width:60px;height:117px;margin-top:5px;border-radius:10px}.eco-phone img{width:499px;left:-256px;top:-99px}.eco-copy{padding:9px;gap:3px}.eco-copy h3{font-size:10px;line-height:1.5}.eco-more{display:none}.eco-hub{width:48px;height:48px;gap:3px;box-shadow:0 0 0 6px #78ba9010}.eco-hub strong{font-size:8px}.eco-hub svg{width:16px;height:16px}.eco-hub>span{display:none}.eco-orbit-ring{inset:112px 53px}.eco-orbit-ring::before{inset:20px}.eco-motion-toggle{font-size:9px;padding:8px 11px}.eco-flow{align-items:flex-start;flex-direction:column;gap:18px;margin-top:18px;padding:20px 0}.eco-flow>a{width:100%;justify-content:space-between}.eco-flow-label strong{font-size:12px}.eco-flow-label div>span{font-size:10px}.eco-disclaimer{text-align:left;font-size:8px}.eco-orbit-slot:first-child{--oy:-215px}.eco-orbit-slot:nth-child(2){--ox:90px;--oy:105px}.eco-orbit-slot:nth-child(3){--ox:-90px;--oy:105px}}
@media(prefers-reduced-motion:reduce){.eco-section *{transition:none!important;animation:none!important}}
/* The platform crop excludes the laptop casing, keyboard and camera notch */
.eco-platform{width:calc(100% - 28px);border:1px solid #8aac9a38;border-radius:11px;overflow:hidden;background:#17362a;box-shadow:0 10px 24px #0003;margin-top:10px}
.eco-window-bar{height:22px;display:flex;align-items:center;gap:4px;padding:0 9px;color:#a9c4b4}
.eco-window-bar>span{width:4px;height:4px;border-radius:50%;background:#658675}
.eco-window-bar b{margin:auto;font-size:8px;letter-spacing:.04em;font-weight:500;padding-right:19px}
.eco-screen{position:relative;width:100%;aspect-ratio:1215/748;overflow:hidden;background:#eff6f1}
.eco-screen-image{position:absolute;max-width:none!important;width:119.177%;height:auto;left:-9.547%;top:-23.663%;transform:none!important}
.eco-device{mix-blend-mode:normal;transform:none;object-fit:contain}
.eco-card--0 .eco-media{background:#102a20}
.eco-card--0 .eco-device{height:calc(100% - 10px);width:calc(100% - 28px);border-radius:10px;object-fit:cover;object-position:center}
.eco-phone{transform:none!important}
@media(max-width:720px){.eco-platform{width:calc(100% - 12px);border-radius:6px;margin-top:5px}.eco-window-bar{height:12px;padding:0 4px;gap:2px}.eco-window-bar>span{width:2px;height:2px}.eco-window-bar b{font-size:4px;padding-right:8px}.eco-card--0 .eco-device{width:calc(100% - 12px);border-radius:6px}}

.eco-card-top{line-height:1.2}
.eco-card--0 .eco-media{padding-top:40px}.eco-card--0 .eco-device{height:155px;max-height:100%;width:calc(100% - 28px)}
.eco-card--2 .eco-media{padding-top:40px;align-items:flex-start}.eco-platform{width:calc(100% - 56px);margin-top:0}.eco-window-bar{height:18px}
@media(max-width:1000px) and (min-width:721px){.eco-card--0 .eco-device{height:130px}}
@media(max-width:720px){.eco-card--0 .eco-media,.eco-card--2 .eco-media{padding-top:24px}.eco-card--0 .eco-device{height:82px;width:calc(100% - 12px)}.eco-platform{width:calc(100% - 12px);margin-top:7px}.eco-window-bar{height:12px}}
/* Final visual layer: brand-led center, fine signal paths and restrained lighting */
#ptx-system.eco-section{background:#061710;padding-top:72px!important}
#ptx-system.eco-section::before{background:radial-gradient(ellipse at 50% 54%,#123e294d 0,transparent 57%),radial-gradient(ellipse at 90% 65%,#1043541a,transparent 45%)}
.eco-heading{max-width:1100px;margin:0 auto 18px;gap:70px}
.eco-heading h2{font-weight:600;letter-spacing:-.045em}.eco-heading>p{color:#99ada0;font-size:13px}
.eco-eyebrow{letter-spacing:.17em;color:#86b49a}
.eco-card{border-radius:24px;border-color:#91bf9b29;background:linear-gradient(145deg,#15372a,#0b231a);box-shadow:0 2px 3px #0001,0 22px 42px -20px #0009,inset 0 1px #d7ffe90a;transition:box-shadow .4s,border-color .4s}
.eco-card::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),#a2e8c411,transparent 70%);opacity:0;transition:opacity .35s}
.eco-card-top{top:18px;color:#9dc3af;font-weight:500;letter-spacing:.06em}
.eco-card--0 .eco-media,.eco-card--1 .eco-media,.eco-card--2 .eco-media{background:transparent}
.eco-copy{background:linear-gradient(180deg,#0b241900,#0b241966);border-top:1px solid #a2d8b80b}
.eco-copy h3{font-size:18px;font-weight:600;letter-spacing:-.025em}.eco-more{background:#90cba408;border-color:#a9d7b821;transition:background .3s,color .3s}
.eco-platform{box-shadow:0 12px 25px #0004;border-color:#aec6bb38}.eco-window-bar{background:#1a382d;color:#adccbb}
.eco-hub{background:radial-gradient(circle at 40% 20%,#1c4633,#09271d 80%);border:1px solid #8ccb9d4a;box-shadow:inset 0 1px #caffe51a,0 0 0 9px #88d7a105,0 0 55px #71d79a0d;gap:13px}
.eco-hub-logo{display:block;width:82%;height:auto;position:relative;filter:brightness(1.35);z-index:1}
.eco-hub>span{font-size:9px;letter-spacing:.05em;color:#93b8a2}
.eco-hub-halo{position:absolute;inset:-18px;border:1px solid #83cf9e1a;border-radius:50%;pointer-events:none}
.eco-hub-signal{height:12px;display:flex;align-items:center;gap:3px}
.eco-hub-signal i{width:2px;height:4px;background:#85cda0;border-radius:2px;opacity:.7}
.eco-hub-signal i:nth-child(2),.eco-hub-signal i:nth-child(4){height:8px}.eco-hub-signal i:nth-child(3){height:12px}
.eco-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.eco-track{fill:none;stroke:url(#eco-line-gradient);stroke-opacity:.2;stroke-width:1}.eco-track-inner{stroke-opacity:.06;stroke-dasharray:2 9}
.eco-connection{fill:none;stroke:url(#eco-line-gradient);stroke-width:1;stroke-opacity:.18}
.eco-packet{fill:#a1e4be;filter:drop-shadow(0 0 4px #7ce7a9);opacity:.8}
.eco-motion-toggle{background:#0e251a;border-color:#9ec4ab20;padding:10px 16px;color:#9cb9a8}
.eco-flow{margin-top:12px;padding:24px 8px}.eco-flow-label strong{font-weight:500}.eco-flow-icon{border:1px solid #9ed0b018;background:#9acda207}
@keyframes eco-wave{0%,100%{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1);opacity:.9}}
@media(prefers-reduced-motion:no-preference){.eco-orbit[data-running="true"] .eco-hub-signal i{animation:eco-wave 1.8s ease-in-out infinite}.eco-orbit[data-running="true"] .eco-hub-signal i:nth-child(2){animation-delay:-.3s}.eco-orbit[data-running="true"] .eco-hub-signal i:nth-child(3){animation-delay:-.6s}.eco-orbit[data-running="true"] .eco-hub-signal i:nth-child(4){animation-delay:-.9s}.eco-orbit[data-running="true"] .eco-hub-signal i:nth-child(5){animation-delay:-1.2s}}
@media(hover:hover){.eco-card:hover{border-color:#91d2ab6b;box-shadow:0 15px 55px -15px #0009,inset 0 1px #ceffe62b}.eco-card:hover::after{opacity:1}.eco-card:hover .eco-more{background:#a0e3b4;color:#133421}}
@media(max-width:1300px) and (min-width:721px){.eco-hub{gap:8px}.eco-hub>span{font-size:7px}.eco-hub-signal{height:9px}.eco-hub-signal i{transform:scaleY(.7)}}
@media(max-width:1000px) and (min-width:721px){.eco-copy h3{font-size:15px}.eco-heading{gap:25px}}
@media(max-width:720px){#ptx-system.eco-section{padding-top:48px!important}.eco-heading{gap:16px}.eco-heading>p{font-size:12px}.eco-card{border-radius:16px}.eco-copy h3{font-size:10px}.eco-hub{gap:0}.eco-hub-logo{width:90%;filter:brightness(1.5)}.eco-hub-signal,.eco-hub>span{display:none}.eco-hub-halo{inset:-6px}.eco-card-top{top:10px;letter-spacing:0}.eco-packet{r:1.5}.eco-flow{padding-inline:0}.eco-motion-toggle{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.eco-packet{display:none}}
/* Clockwise information transfer on the orbit, inward transfer on all spokes */
.eco-route{fill:none;stroke:#72c6ae;stroke-width:1.3;stroke-opacity:.25}
.eco-route-trail{fill:none;stroke:#7de4c7;stroke-width:2;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 4px #73dcba)}
.eco-route-packet{fill:#b1f3dc;filter:drop-shadow(0 0 5px #7ee7be)}
.eco-route-packet path,.eco-route-arrow{fill:none;stroke:#8adeba;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.eco-route-arrow{opacity:.65}
.eco-connection{stroke-opacity:.28}.eco-packet{fill:#87cfff;filter:drop-shadow(0 0 5px #58bfe6);opacity:1}
.eco-flow-label div>span{line-height:1.7}
@media(max-width:720px){.eco-route-trail{stroke-width:1.3}.eco-route-packet circle{r:2}.eco-route-packet path{display:none}.eco-route-arrow{stroke-width:1}.eco-flow-label div>span{max-width:245px}}
@media(prefers-reduced-motion:reduce){.eco-route-packet,.eco-route-trail{display:none}}
