/* PVATrade professional layer: loaded after pvt.css */ :root,[data-theme="dark"],[data-theme="light"]{ --pv-radius:14px; --pv-display:'Fraunces',Georgia,serif; } body.pvt,body{font-family:'Manrope',system-ui,sans-serif} body.pvt h1,body.pvt h2,body.pvt h3,body.pvt .title,body.pvt .pd-hero h1,body.pvt .page-hero h1{ font-family:'Fraunces',Georgia,serif;font-optical-sizing:auto;font-weight:600;letter-spacing:-.012em} body.pvt h4,body.pvt .pvt-card h3,body.pvt .pk-card h4{font-family:'Manrope',system-ui,sans-serif;font-weight:700;letter-spacing:-.005em} .pvt-hero h1{font-weight:600!important;letter-spacing:-.02em!important;line-height:1.06!important} .pvt-head h2{font-weight:600!important} .pvt-logo{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important} .pvt-logo b{font-weight:600} /* pill buttons instead of rounded rectangles */ .pvt-btn,.pvt-btn-lg,.pk-order,.send-btn,.qty-preset,.pvt-tabs button,.mk-tab,.co-place,#co-place{border-radius:999px!important} .pvt-btn-gold{color:#04140E!important} /* calmer eyebrows: sentence case, no tracking */ .pvt-eyebrow,.mk-kicker,.pvt-tag-gold,.pvt-tag-soft,.faq-eyebrow{text-transform:none!important;letter-spacing:.01em!important;font-weight:600!important} /* hairline cards */ .pvt-card,.pvt-why>div,.pk-card,.mk-card,.pvt-act,.pvt-fact{border-radius:var(--pv-radius)!important} /* product rating line now carries a plain promise */ .pvt-pd-rating span{color:var(--pv-text2)} ::selection{background:rgba(31,192,142,.35)} /* headings: Fraunces across the site (beats older !important rules) */ html body h1,html body h2,html body h3,html body .title,html body .hero h1,html body .page-hero h1,html body .section-head .title{ font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;font-optical-sizing:auto;font-variation-settings:normal} html body h4,html body .pvt-card h3,html body .mk-card h3,html body .pk-card h4,html body .feature-title,html body .how-title,html body .mk-name,html body .pk-name{ font-family:'Manrope',system-ui,sans-serif!important;font-weight:700!important} html body .pvt-logo,html body .nav-logo,html body .logo{font-family:'Fraunces',Georgia,serif!important} /* three ways to order (Telegram removed) */ .pvt-why-stat b{background:linear-gradient(90deg,#1FC08E,#8FF0CF)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important} .pvt-fc .pi,.pvt-fc svg{color:#1FC08E} /* one calm emerald family for all icon tiles */ :root,[data-theme="dark"],[data-theme="light"]{ --g1:linear-gradient(135deg,#0E8F6B,#22C08F);--g2:linear-gradient(135deg,#127A64,#1FB3A0); --g3:linear-gradient(135deg,#17705C,#3FD3A2);--g4:linear-gradient(135deg,#0F9D74,#7FE6C2); --g5:linear-gradient(135deg,#187F6F,#2FC7A6);--g6:linear-gradient(135deg,#22C08F,#8FF0CF)} .pk-order{white-space:nowrap} /* ===================================================================== PVATrade layer 2: own component designs + readable accents everywhere ===================================================================== */ :root{--acc-ink:#0B7A5A;--acc-soft:#E2F3EC;--paper:#F3F6F4;--ink:#0E1512;--ink2:#4F5D57;--rule:#DCE4E0} /* ---------- 1. readable accent text on light surfaces ---------- */ html[data-theme="light"] body.pvt .pvt-eyebrow, html[data-theme="light"] body.pvt .pvt-tag-gold, html[data-theme="light"] body.pvt .mk-kicker, html[data-theme="light"] body.pvt .faq-eyebrow, html[data-theme="light"] body.pvt .pvt-pill, html[data-theme="light"] body.pvt .bc-cat, html body.pvt .pvt-light .pvt-eyebrow, html body.pvt .pvt-light .mk-kicker, html body.pvt .pvt-light .faq-eyebrow, html body.pvt .pvt-light .pvt-tag-gold, html body.pvt .pvt-light .pvt-pill, html body.pvt .pvt-light .bc-cat{ color:var(--acc-ink)!important;background:var(--acc-soft)!important;border-color:rgba(11,122,90,.22)!important} html[data-theme="light"] body.pvt .pvt-unit, html[data-theme="light"] body.pvt .bc-go, html[data-theme="light"] body.pvt .mk-tag.age, html[data-theme="light"] body.pvt .co-sum strong, html[data-theme="light"] body.pvt .pvt-instock, html body.pvt .pvt-light .pvt-unit, html body.pvt .pvt-light .bc-go, html body.pvt .pvt-light .mk-tag.age, html body .mk-tag.age{color:var(--acc-ink)!important} html body .mk-tag.age{background:var(--acc-soft)!important;border-color:rgba(11,122,90,.2)!important} html[data-theme="light"] body #s-total, html[data-theme="light"] body.pvt .co-summary strong{color:var(--acc-ink)!important} html body .co-pill.alt{color:#fff!important} html[data-theme="light"] body.pvt .co-pill.alt{background:var(--acc-soft)!important;color:var(--acc-ink)!important} html body .btn-primary-big{color:var(--acc-ink)!important} html body .btn-wa-big{background:#0F9D4A!important;color:#fff!important} html body .btn-tg-big{background:#1C7FC0!important;color:#fff!important} html[data-theme="light"] body.pvt .side-card.cta p, html body.pvt .pvt-light .side-card.cta p{color:var(--pv-text2,#4F5D57)!important} html[data-theme="light"] body.pvt .side-card.cta{background:#0E1512!important} html[data-theme="light"] body.pvt .side-card.cta h4, html[data-theme="light"] body.pvt .side-card.cta p{color:#EEF3F1!important} /* ---------- 2. chat buttons: bottom-right, compact ---------- */ html body.pvt .float-chat{left:auto!important;right:18px!important;bottom:18px!important;gap:10px} html body.pvt .float-chat .fc{width:50px!important;height:50px!important} @media (max-width:640px){html body.pvt .float-chat{right:12px!important;bottom:12px!important} html body.pvt .float-chat .fc{width:46px!important;height:46px!important}} /* ---------- 3. Order Ticket as a printed receipt ---------- */ html body.pvt .pvt-hero-visual{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;align-content:center} html body.pvt .pvt-hero-visual .pvt-desk{grid-column:1/-1} html body.pvt .pvt-desk{background:var(--paper)!important;color:var(--ink)!important;border:0!important;border-radius:22px!important;padding:22px!important; box-shadow:0 40px 80px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06)!important;position:relative} html[data-theme="light"] body.pvt .pvt-desk{box-shadow:0 30px 60px -36px rgba(14,21,18,.35),0 0 0 1px var(--rule)!important} html body.pvt .pvt-desk-head{border:0!important;padding:0 0 16px!important;margin:0!important} html body.pvt .pvt-desk-title{color:var(--ink)!important;font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;font-size:1.2rem!important} html body.pvt .pvt-desk-title svg{color:var(--acc-ink)!important} html body.pvt .pvt-live{background:var(--acc-soft)!important;color:var(--acc-ink)!important;border:0!important} html body.pvt .pvt-desk-main{background:#fff!important;border:1px dashed #C7D2CC!important;border-radius:14px!important;box-shadow:none!important;padding:18px!important} html body.pvt .pvt-desk-main *{color:var(--ink)} html body.pvt .pvt-desk-lbl, html body.pvt .pvt-desk-id{color:var(--ink2)!important;font-size:.8rem!important;letter-spacing:.02em} html body.pvt .pvt-desk-id b{color:var(--ink)!important} html body.pvt .pvt-desk-prod small, html body.pvt .pvt-desk-prod span{color:var(--ink2)!important} html body.pvt .pvt-desk-prod b, html body.pvt .pvt-desk-prod strong{color:var(--ink)!important} html body.pvt .pvt-progress{background:#E3E9E6!important;height:4px!important;border-radius:4px!important} html body.pvt .pvt-progress span{background:linear-gradient(90deg,#0E8F6B,#1FC08E)!important} html body.pvt .pvt-steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:16px 0 4px!important;position:relative} html body.pvt .pvt-step{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;gap:8px!important;font-size:.74rem!important;color:var(--ink2)!important;line-height:1.25} html body.pvt .pvt-step i{width:16px!important;height:16px!important;border:2px solid #C7D2CC!important;background:#fff!important;border-radius:50%!important;box-shadow:none!important} html body.pvt .pvt-step.is-done, html body.pvt .pvt-step.done, html body.pvt .pvt-step.on{color:var(--ink)!important;font-weight:600} html body.pvt .pvt-step.is-done i, html body.pvt .pvt-step.done i, html body.pvt .pvt-step.on i, html body.pvt .pvt-step.active i{border-color:#1FC08E!important;background:#1FC08E!important} html body.pvt .pvt-desk-total{border-top:1px dashed #C7D2CC!important;margin-top:14px!important;padding-top:14px!important} html body.pvt .pvt-desk-total span{color:var(--ink2)!important;text-transform:uppercase;font-size:.72rem!important;letter-spacing:.08em} html body.pvt .pvt-desk-total b{color:var(--ink)!important;font-family:'Fraunces',Georgia,serif!important} html body.pvt .pvt-desk-total em{background:var(--acc-soft)!important;color:var(--acc-ink)!important;border:0!important} html body.pvt .pvt-queue{margin-top:14px!important;display:block!important} html body.pvt .pvt-q{background:transparent!important;border:0!important;border-bottom:1px solid var(--rule)!important;border-radius:0!important;padding:11px 4px!important;color:var(--ink)!important;box-shadow:none!important} html body.pvt .pvt-q:last-child{border-bottom:0!important} html body.pvt .pvt-q .pvt-q-n, html body.pvt .pvt-q .pvt-q-p{color:var(--ink)!important} html body.pvt .pvt-q small{color:var(--ink2)!important} html body.pvt .pvt-q.is-active, html body.pvt .pvt-q.active, html body.pvt .pvt-q.on{background:var(--acc-soft)!important;border-radius:10px!important;border-bottom-color:transparent!important} html body.pvt .pvt-q-ico{box-shadow:none!important;border:1px solid var(--rule)!important;background:#fff!important} html body.pvt .pvt-float{position:static!important;transform:none!important;animation:none!important;inset:auto!important; background:rgba(255,255,255,.04)!important;border:1px solid var(--pv-line)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important;padding:12px 14px!important} html[data-theme="light"] body.pvt .pvt-float{background:#fff!important;border-color:var(--rule)!important} /* ---------- 4. One Desk: PVATrade live trade engine ---------- */ html body.pvt .pvt-net.pvt-live{position:relative!important;display:block!important;aspect-ratio:1000/560!important;height:auto!important;min-height:0!important;max-width:1120px;margin:56px auto 0!important;padding:0!important;background:none!important} html body.pvt .pvt-live-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} html body.pvt .pl-grid line{stroke:rgba(230,235,233,.055);stroke-width:1} html body.pvt .pl-chart{fill:none;stroke:url(#ptLine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1300;stroke-dashoffset:1300;animation:plDraw 7s ease-in-out infinite} html body.pvt .pl-chart-head{fill:none;stroke:#8FF0CF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:plHead 7s ease-in-out infinite} @keyframes plDraw{0%{stroke-dashoffset:1300}50%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}} @keyframes plHead{0%,46%{opacity:0}54%,82%{opacity:1}100%{opacity:0}} html body.pvt .pl-paths path{fill:none;stroke:rgba(63,211,162,.24);stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round} html body.pvt .pk-in{fill:#8FF0CF;filter:drop-shadow(0 0 5px #1FC08E)} html body.pvt .pk-out{fill:#F2F5F4;filter:drop-shadow(0 0 5px #8FF0CF)} html body.pvt .pvt-live-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;aspect-ratio:1;display:grid;place-items:center;z-index:2} html body.pvt .pvt-live-core img{width:50%;height:auto;border-radius:24%;box-shadow:0 24px 60px -12px rgba(31,192,142,.5),0 0 0 1px rgba(255,255,255,.08);position:relative;z-index:2} html body.pvt .pvt-live-core .ring{position:absolute;border-radius:50%;inset:0;border:1px dashed rgba(63,211,162,.4);animation:plSpin 26s linear infinite} html body.pvt .pvt-live-core .ring.r2{inset:13%;border:1px solid rgba(63,211,162,.22);border-top-color:#3FD3A2;animation-duration:9s;animation-direction:reverse} html body.pvt .pvt-live-core .ring.r3{inset:-10%;border:1px dotted rgba(230,235,233,.14);animation-duration:40s} @keyframes plSpin{to{transform:rotate(360deg)}} html body.pvt .pvt-live-status{position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:8px; font:600 .76rem/1 'Manrope',sans-serif;letter-spacing:.02em;color:var(--pv-text2,#B3BFBA);background:rgba(14,21,18,.9);border:1px solid var(--pv-line);padding:8px 14px;border-radius:999px;z-index:3} html body.pvt .pvt-live-status i{width:7px;height:7px;border-radius:50%;background:#1FC08E;box-shadow:0 0 0 0 rgba(31,192,142,.6);animation:plPulse 1.8s ease-out infinite} @keyframes plPulse{to{box-shadow:0 0 0 9px rgba(31,192,142,0)}} html body.pvt .pvt-live .pvt-node{position:absolute!important;transform:translateY(-50%)!important;animation:none!important;display:flex!important;flex-direction:row!important;align-items:center!important; gap:10px!important;min-height:0!important;padding:7px 16px 7px 7px!important;border:1px solid var(--pv-line)!important;border-radius:999px!important;background:rgba(14,21,18,.88)!important;z-index:3;text-decoration:none!important;transition:border-color .2s,transform .2s} html body.pvt .pvt-live .pvt-node:hover{border-color:rgba(31,192,142,.6)!important} html body.pvt .pvt-live .pvt-node::after{display:none!important} html body.pvt .pvt-live .pvt-node.side-l{left:0!important;right:auto!important} html body.pvt .pvt-live .pvt-node.side-r{right:0!important;left:auto!important;padding:7px 7px 7px 16px!important} html body.pvt .pvt-live .pvt-node-ico{width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center!important;border:0!important;box-shadow:none!important;animation:none!important;flex:0 0 32px} html body.pvt .pvt-live .pvt-node-ico svg{width:17px;height:17px} html body.pvt .pvt-live .pvt-node b{position:static!important;transform:none!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important; font:700 .84rem/1.1 'Manrope',sans-serif!important;color:var(--pv-text,#EEF3F1)!important;white-space:nowrap!important} html body.pvt .pvt-live-cap{position:absolute;top:-34px;font:700 .7rem/1 'Manrope',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pv-text3,#84918B)} html body.pvt .pvt-live-cap.cap-l{left:6px} html body.pvt .pvt-live-cap.cap-r{right:6px} html body.pvt .pvt-live.is-paused *,html body.pvt .pvt-live.is-paused{animation-play-state:paused!important} @media (prefers-reduced-motion:reduce){html body.pvt .pl-packets{display:none}html body.pvt .pl-chart{stroke-dashoffset:0;animation:none}html body.pvt .pl-chart-head{opacity:1;animation:none}html body.pvt .pvt-live-core .ring,html body.pvt .pvt-ticker-track{animation:none}} html body.pvt .pvt-ticker{margin-top:56px;overflow:hidden;border-top:1px solid var(--pv-line);border-bottom:1px solid var(--pv-line); -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} html body.pvt .pvt-ticker-track{display:flex;width:max-content;animation:plTick var(--dur,100s) linear infinite} html body.pvt .pvt-ticker:hover .pvt-ticker-track{animation-play-state:paused} @keyframes plTick{to{transform:translateX(-50%)}} html body.pvt .pvt-tick{display:inline-flex;align-items:center;gap:9px;padding:15px 24px;border-right:1px solid var(--pv-line);color:var(--pv-text,#EEF3F1);text-decoration:none;white-space:nowrap;font:500 .86rem/1 'Manrope',sans-serif} html body.pvt .pvt-tick b{font-weight:700} html body.pvt .pvt-tick span{color:#3FD3A2;font-variant-numeric:tabular-nums;font-weight:600} html body.pvt .pvt-tick i{color:#1FC08E;font-size:.55rem;font-style:normal} html body.pvt .pvt-tick-ico{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center} html body.pvt .pvt-tick-ico svg{width:13px;height:13px} html body.pvt .pvt-tick:hover b{color:#3FD3A2} html[data-theme="light"] body.pvt .pl-grid line{stroke:rgba(14,21,18,.07)} html[data-theme="light"] body.pvt .pl-paths path{stroke:rgba(11,122,90,.3)} html[data-theme="light"] body.pvt .pk-in{fill:#0E8F6B;filter:none} html[data-theme="light"] body.pvt .pk-out{fill:#1FC08E;filter:none} html[data-theme="light"] body.pvt .pvt-live .pvt-node,html[data-theme="light"] body.pvt .pvt-live-status{background:#fff!important;border-color:var(--rule)!important} html[data-theme="light"] body.pvt .pvt-live .pvt-node-ico,html[data-theme="light"] body.pvt .pvt-tick-ico{box-shadow:0 0 0 1px var(--rule)!important} html[data-theme="light"] body.pvt .pvt-live .pvt-node b,html[data-theme="light"] body.pvt .pvt-tick{color:var(--ink)!important} html[data-theme="light"] body.pvt .pvt-tick span,html[data-theme="light"] body.pvt .pvt-tick i{color:var(--acc-ink)} @media (max-width:820px){ html body.pvt .pvt-net.pvt-live{aspect-ratio:auto!important;display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px!important} html body.pvt .pvt-live-svg,html body.pvt .pvt-live-cap{display:none} html body.pvt .pvt-live-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:min(62vw,260px);margin:0 auto 34px} html body.pvt .pvt-live .pvt-node,html body.pvt .pvt-live .pvt-node.side-r{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;padding:7px 12px 7px 7px!important} html body.pvt .pvt-live .pvt-node.side-r .pvt-node-ico{order:-1} html body.pvt .pvt-live .pvt-node b{white-space:normal!important;display:block!important;opacity:1!important;visibility:visible!important;font-size:.82rem!important} } html body.pvt .pvt-net-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-top:0!important;border-top:0;border-bottom:1px solid var(--pv-line);background:none!important} html body.pvt .pvt-net-stats>div{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;padding:22px 20px!important} html body.pvt .pvt-net-stats>div+div{border-left:1px solid var(--pv-line)!important} html body.pvt .pvt-net-stats b{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;font-size:2.1rem!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:#3FD3A2!important} html[data-theme="light"] body.pvt .pvt-net-stats b{color:var(--acc-ink)!important} @media (max-width:640px){html body.pvt .pvt-net-stats{grid-template-columns:1fr 1fr!important}html body.pvt .pvt-net-stats>div:nth-child(3){border-left:0!important}html body.pvt .pvt-net-stats>div:nth-child(n+3){border-top:1px solid var(--pv-line)}} /* ---------- 5. pricing cards: flat, banded price, filled button ---------- */ html body.pvt .pvt-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;border:1px solid var(--pv-line)!important;box-shadow:none!important;border-radius:16px!important} html body.pvt .pvt-card::before, html body.pvt .pvt-card::after{display:none!important} html body.pvt .pvt-card:hover{border-color:rgba(31,192,142,.5)!important;transform:none!important} html body.pvt .pvt-card-ico{border-radius:12px!important;box-shadow:none!important} html body.pvt .pvt-pill{border-radius:6px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important} html body.pvt .pvt-price{margin-top:16px!important;padding:14px 0 6px!important;border-top:1px dashed var(--pv-line)!important} html body.pvt .pvt-feats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important;padding:14px 0!important;border-top:1px dashed var(--pv-line)!important;border-bottom:0!important} html body.pvt .pvt-feats li{font-size:.82rem!important} html body.pvt .pvt-btn-card{background:linear-gradient(135deg,#0E8F6B,#1FC08E)!important;color:#fff!important;border:0!important} html body.pvt .pvt-btn-card:hover{filter:brightness(1.07)} html[data-theme="light"] body.pvt .pvt-card, html body.pvt .pvt-light .pvt-card{background:#fff!important;border-color:var(--rule)!important} /* ---------- 6. Why cards: editorial columns ---------- */ html body.pvt .pvt-why{background:none!important;box-shadow:none!important;border:0!important;border-left:2px solid #1FC08E!important;border-radius:0!important;padding:6px 6px 6px 26px!important} html body.pvt .pvt-why::before, html body.pvt .pvt-why::after{display:none!important} html body.pvt .pvt-why>svg:first-child, html body.pvt .pvt-why>.pi:first-child{border-radius:12px!important;box-shadow:none!important} html body.pvt .pvt-why-stat{border-top:1px solid var(--pv-line)!important} /* ---------- 7. How it works: numbered timeline ---------- */ html body.pvt .pvt-how-wrap{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:60px!important} html body.pvt .pvt-how-grid{position:relative;gap:28px!important} html body.pvt .pvt-how{background:none!important;border:0!important;border-top:1px solid var(--pv-line)!important;border-radius:0!important;box-shadow:none!important;padding:26px 0 0!important;position:relative} html body.pvt .pvt-how::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#1FC08E;box-shadow:0 0 0 4px rgba(31,192,142,.18)} html body.pvt .pvt-how-n{position:static!important;display:block;font:600 2.4rem/1 'Fraunces',Georgia,serif!important;color:transparent!important;-webkit-text-stroke:1px rgba(63,211,162,.7);margin-bottom:14px;opacity:1!important} /* ---------- 8. Order Desk band ---------- */ html body.pvt .pvt-cmd{background:#0F1714!important;border:1px solid rgba(31,192,142,.28)!important;box-shadow:none!important;border-radius:22px!important;overflow:hidden} html body.pvt .pvt-cmd-glow{display:none!important} html body.pvt .pvt-cmd::before, html body.pvt .pvt-cmd::after{display:none!important} html body.pvt .pvt-act{background:rgba(255,255,255,.03)!important;border:1px solid var(--pv-line)!important;border-radius:14px!important;box-shadow:none!important;transform:none!important} html body.pvt .pvt-act:hover{border-color:rgba(31,192,142,.55)!important;background:rgba(31,192,142,.08)!important} html[data-theme="light"] body.pvt .pvt-cmd{background:#fff!important;border-color:var(--rule)!important} html[data-theme="light"] body.pvt .pvt-act{background:var(--paper)!important;border-color:var(--rule)!important} /* ---------- 9. service packages + catalogue + related ---------- */ html body.pvt .pk-card{border-radius:16px!important;box-shadow:none!important;border:1px solid var(--rule)!important;overflow:hidden} html body.pvt .pk-card .pk-top{background:transparent!important;border-bottom:1px dashed var(--rule)!important} html body.pvt .pk-card:has(.pk-badge){border-color:#1FC08E!important;box-shadow:0 0 0 3px rgba(31,192,142,.14)!important} html body.pvt .pk-badge{border-radius:6px!important;background:#0E8F6B!important;color:#fff!important} html body.pvt .mk-card{box-shadow:none!important;border-radius:16px!important} html body.pvt .mk-card::before, html body.pvt .mk-card::after{display:none!important} html body.pvt .mk-rel{border-radius:14px!important;box-shadow:none!important} html body.pvt .mk-benefit{border-radius:16px!important;box-shadow:none!important;border-left:2px solid #1FC08E!important} /* ---------- 4b. One Desk: trade mark with platforms riding over it ---------- */ html body.pvt .pvt-net.pvt-mark{position:relative!important;display:block!important;aspect-ratio:1000/560!important;height:auto!important;max-width:1120px;margin:40px auto 0!important;padding:0!important;background:none!important} html body.pvt .pvt-mark-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} html body.pvt .pm-grid line{stroke:rgba(230,235,233,.045);stroke-width:1} html body.pvt .pm-box{fill:url(#pmBg);stroke:rgba(230,235,233,.1);stroke-width:1.5;filter:drop-shadow(0 40px 60px rgba(0,0,0,.55))} html body.pvt .pm-box-line{fill:none;stroke:rgba(230,235,233,.13);stroke-width:2} html body.pvt .pm-check{fill:none;stroke:#F2F5F4;stroke-width:48;stroke-linecap:round;opacity:.9} html body.pvt .pm-arrow,html body.pvt .pm-head{fill:none;stroke:url(#pmAcc);stroke-width:48;stroke-linecap:round;stroke-linejoin:round} html body.pvt .pm-track{fill:none;stroke:rgba(63,211,162,.3);stroke-width:1.6;stroke-dasharray:3 9;stroke-linecap:round} html body.pvt .pm-spark{fill:none;stroke:#8FF0CF;stroke-width:3;stroke-linecap:round;stroke-dasharray:70 1100;stroke-dashoffset:1170;animation:pmSpark 5s linear infinite;opacity:.8} @keyframes pmSpark{to{stroke-dashoffset:0}} html body.pvt .pm-halo{fill:rgba(31,192,142,.16);transition:fill .2s} html body.pvt .pm-disc{fill:#fff;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))} html body.pvt .pm-chip{cursor:pointer} html body.pvt .pm-chip:hover .pm-halo{fill:rgba(31,192,142,.5)} html body.pvt .pvt-mark .pvt-live-cap{top:2%} html body.pvt .pvt-mark .pvt-live-cap.cap-l{left:9%} html body.pvt .pvt-mark .pvt-live-cap.cap-r{right:17%;left:auto} html body.pvt .pvt-mark .pvt-live-status{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%)} html body.pvt .pvt-mark.is-paused .pm-spark{animation-play-state:paused} @media (prefers-reduced-motion:reduce){html body.pvt .pm-spark{animation:none;opacity:0}} html[data-theme="light"] body.pvt .pm-grid line{stroke:rgba(14,21,18,.06)} html[data-theme="light"] body.pvt .pm-track{stroke:rgba(11,122,90,.35)} html[data-theme="light"] body.pvt .pm-box{filter:drop-shadow(0 30px 40px rgba(14,21,18,.25))} @media (max-width:820px){ html body.pvt .pvt-net.pvt-mark{aspect-ratio:1000/560!important;display:block!important;margin:24px -8px 0!important} html body.pvt .pvt-mark .pvt-live-cap{display:none} html body.pvt .pvt-mark .pvt-live-status{position:relative;left:auto;bottom:auto;transform:none;margin:18px auto 0;width:max-content;max-width:100%;white-space:normal;text-align:center} } @media (max-width:820px){ html body.pvt .pvt-net.pvt-mark{aspect-ratio:auto!important;height:auto!important;margin:20px -10px 0!important} html body.pvt .pvt-mark .pvt-mark-svg{position:relative;display:block;width:100%;height:auto;aspect-ratio:1000/560} } /* light theme text on the new white components */ html[data-theme="light"] body.pvt .pvt-float b,html[data-theme="light"] body.pvt .pvt-act b,html[data-theme="light"] body.pvt .pvt-cmd h2{color:var(--ink)!important} html[data-theme="light"] body.pvt .pvt-float span,html[data-theme="light"] body.pvt .pvt-act span,html[data-theme="light"] body.pvt .pvt-cmd p, html[data-theme="light"] body.pvt .pvt-cmd-foot,html[data-theme="light"] body.pvt .pvt-cmd-foot span,html[data-theme="light"] body.pvt .pvt-live-status{color:var(--ink2)!important} html[data-theme="light"] body.pvt .pvt-act em,html[data-theme="light"] body.pvt .pvt-act .go{color:var(--acc-ink)!important} html[data-theme="light"] body.pvt .pvt-cmd .pvt-eyebrow{color:var(--acc-ink)!important;background:var(--acc-soft)!important;border-color:rgba(11,122,90,.22)!important} html[data-theme="light"] body.pvt section .pvt-cmd .pvt-head h2,html[data-theme="light"] body.pvt .pvt-cmd .pvt-head h2{color:var(--ink)!important} html[data-theme="light"] body.pvt .pvt-cmd-promo,html[data-theme="light"] body.pvt .pvt-cmd-promo b{color:var(--ink)!important} /* ---------- 10. crisp brand icons (filled glyphs were being drawn as thick outlines) ---------- */ html body svg.pi[fill="currentColor"],html body svg.pi[stroke="none"],html body svg.ic[fill="currentColor"], html body svg[fill="currentColor"][stroke="none"]{fill:currentColor!important;stroke:none!important} html body svg.pi[fill="currentColor"] path,html body svg[fill="currentColor"][stroke="none"] path{fill:currentColor!important;stroke:none!important} html body .pvt-btn,html body .pvt-btn-ghost,html body .pvt-btn-gold,html body .pvt-btn-primary,html body .pvt-btn-install{text-shadow:none!important} html body.pvt .pvt-actions .pvt-btn-ghost{background:#1FAF54!important;border-color:#1FAF54!important;box-shadow:none!important} html body.pvt .pvt-actions .pvt-btn-ghost .pi{color:#fff!important} html body.pvt .pvt-btn-gold,html body.pvt .pvt-btn-primary{box-shadow:0 6px 18px -10px rgba(31,192,142,.7)!important} /* footer contact tiles + social: solid brand colours, white glyphs */ html body.pvt .pvt-fc>.pi{color:#fff!important;border:0!important;box-shadow:none!important;padding:8px!important} html body.pvt .pvt-fc[href*="wa.me"]>.pi{background:#1FAF54!important} html body.pvt .pvt-fc[href*="t.me"]>.pi{background:#229ED9!important} html body.pvt .pvt-fc[href^="mailto"]>.pi{background:#EA4335!important} html body.pvt .pvt-fc-static>.pi{background:#0E8F6B!important} html body.pvt .pvt-foot-social a{color:#fff!important;border:0!important;box-shadow:none!important} html body.pvt .pvt-foot-social a[href*="wa.me"]{background:#1FAF54!important} html body.pvt .pvt-foot-social a[href*="t.me"]{background:#229ED9!important} html body.pvt .pvt-foot-social a[href^="mailto"]{background:#EA4335!important} html body.pvt .pvt-foot-social a:hover{filter:brightness(1.08)} /* drawer order buttons */ html body.pvt .pvt-drawer .pvt-btn-wa{background:#1FAF54!important;color:#fff!important} html body.pvt .pvt-drawer .pvt-btn-tg{background:#229ED9!important;color:#fff!important} html body.pvt .pvt-dlink .pi{color:var(--pv-text2,#B3BFBA)!important} html body.pvt .pvt-dlink.is-active .pi{color:#3FD3A2!important} html[data-theme="light"] body.pvt .pvt-dlink .pi{color:#4F5D57!important} html[data-theme="light"] body.pvt .pvt-dlink.is-active .pi{color:var(--acc-ink)!important} /* contact page cards: brand colours */ html body.pvt .contact-card.wa-card .contact-card-icon{background:#1FAF54!important;color:#fff!important} html body.pvt .contact-card.tg-card .contact-card-icon{background:#229ED9!important;color:#fff!important} html body.pvt .contact-card.em-card .contact-card-icon{background:#EA4335!important;color:#fff!important} html body.pvt .contact-card .contact-card-icon{box-shadow:none!important} html body.pvt .contact-card.wa-card:hover{border-color:#1FAF54!important} html body.pvt .contact-card.tg-card:hover{border-color:#229ED9!important} html body.pvt .contact-card.em-card:hover{border-color:#EA4335!important} html body.pvt .hours-box h4 .ic{color:#1FC08E} /* command-centre tiles use the same brand colours */ html body.pvt .pvt-act-wa>.pi{background:#1FAF54!important;color:#fff!important} html body.pvt .pvt-act-tg>.pi{background:#229ED9!important;color:#fff!important} html body.pvt .pvt-act-mail>.pi{background:#EA4335!important;color:#fff!important} /* Telegram is the main channel in header, drawer and heroes */ html body.pvt .pvt-actions .pvt-btn-ghost.pvt-btn-tgh{background:#229ED9!important;border-color:#229ED9!important} html body.pvt .pvt-actions .pvt-btn-ghost.pvt-btn-tgh:hover{background:#1B8BC2!important} html body.pvt .pvt-btn-tgo .pi{color:#2AABEE!important} html[data-theme="light"] body.pvt .pvt-btn-tgo .pi{color:#1C7FC0!important} /* Tawk.to chat sits bottom-right, so our WhatsApp/Telegram buttons go bottom-left */ html body.pvt .float-chat{right:auto!important;left:18px!important;bottom:18px!important} @media (max-width:640px){html body.pvt .float-chat{left:12px!important;right:auto!important;bottom:12px!important}}