/* Precision / vivid premium finish. Scoped to public marketing pages only. */
body.pi-premium {
  --bg:#060d1c; --bg2:#0c1930; --card:#11213d; --glass:rgba(255,255,255,.045);
  --line:rgba(93,154,230,.27); --text:#f5f9ff; --dim:#b7c7df;
  --buyhi:#76caff; --teal:#35e7d0; --gold:#ffc857;
  background:radial-gradient(ellipse at 88% 3%,rgba(0,138,255,.24),transparent 760px),radial-gradient(ellipse at 8% 10%,rgba(74,65,231,.16),transparent 620px),#060d1c;
  color:var(--text); font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.65;padding:0;
}
.pi-premium ::selection {background:#8ad7c7;color:#080d14}
.pi-premium a {text-underline-offset:4px}
.pi-premium :where(a,button,input,select,textarea,summary):focus-visible {
  outline:2px solid #8ad7c7;outline-offset:5px;
}
.pi-premium :where(section,[id]) {scroll-margin-top:98px}
.pi-premium .aurora {opacity:.45}
.pi-premium .aurora i {animation:none}
.pi-premium .pinav {background:rgba(8,13,20,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.pi-premium .pinav.stuck {background:rgba(8,13,20,.97);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.pi-premium .pinav:after {display:none}
.pi-premium .pinav .wrap,.pi-premium .pinav.stuck .wrap {height:76px;max-width:1200px}
.pi-premium .pilogo {font-size:12px;letter-spacing:.1em;gap:10px}
.pi-premium .pilogo b {color:#46dcff}
.pi-premium .pilogo img {width:30px;height:30px}
.pi-premium .pilink {font-weight:500;color:#a9b6c4;font-size:13px;padding:10px 14px}
.pi-premium .pilink.on,.pi-premium .pilink:hover {color:#fff}
.pi-premium .pilink:before {height:1px;background:#8ad7c7}
.pi-premium .pidropmenu {background:#111a25;border-radius:12px;border-color:var(--line);box-shadow:0 24px 60px #0008}
.pi-premium .pidropmenu a {border-radius:7px}
.pi-premium .pidropmenu small {color:#b7c7df}
.pi-premium .picta,.pi-premium .btn.primary,.pi-premium .picap-btn {
  background:linear-gradient(115deg,#35dcff,#40f0c2);color:#061727;border:1px solid #6ceeff;border-radius:8px;
  box-shadow:0 1px 0 #ffffff66 inset,0 0 0 3px #32dcff12,0 8px 26px #00c5ff35;
  font-weight:750;letter-spacing:0;
}
.pi-premium .picta {padding:11px 19px;font-size:12px}
.pi-premium .picta:after,.pi-premium .btn.primary:after {display:none}
.pi-premium .picta:hover,.pi-premium .btn.primary:hover,.pi-premium .picap-btn:hover:not(:disabled) {
  background:linear-gradient(115deg,#76eaff,#6af5d4);color:#061727;box-shadow:0 0 0 3px #32dcff29,0 10px 32px #00c5ff55;transform:translateY(-2px);
}
.pi-premium .btn {padding:13px 23px;font-size:14px;font-weight:600;border-radius:8px;line-height:1.5;min-height:48px}
.pi-premium .btn.ghost {background:#102b59;color:#edf5ff;border-color:#3b73b5}
.pi-premium .btn.ghost:hover {border-color:#60cfff;background:#18437e;box-shadow:0 6px 22px #187bdf26}
.pi-premium .btn.gold {background:linear-gradient(115deg,#ffd875,#ffb92e);color:#231500;box-shadow:0 0 0 3px #ffbf3712,0 8px 24px #ffb52e29;border-color:#ffdc83;font-weight:750}
.pi-premium .btn.gold:hover {background:linear-gradient(115deg,#ffe59d,#ffcf61);box-shadow:0 8px 30px #ffb52e44}
.pi-premium .btnrow {gap:10px}
.pi-premium h1,.pi-premium h2,.pi-premium h3 {letter-spacing:-.035em;text-wrap:balance}
.pi-premium h1 {font-weight:650}
.pi-premium h2 {font-weight:600;line-height:1.16;font-size:clamp(28px,3.3vw,40px)}
.pi-premium h3 {font-weight:600;letter-spacing:-.02em}
.pi-premium:not(.pi-marketing) > .wrap {padding:48px 22px}
.pi-premium:not(.pi-marketing) h1 {font-size:clamp(30px,3.2vw,40px);line-height:1.2;margin-bottom:18px}
.pi-premium:not(.pi-marketing) h2 {font-size:24px;line-height:1.3}
.pi-premium .guide h2 {margin-top:34px;margin-bottom:12px}
.pi-premium:not(.pi-marketing) footer .wrap {padding-left:22px;padding-right:22px}
.pi-premium p {text-wrap:pretty}
.pi-premium .hero {padding:78px 0 64px}
.pi-premium .hero:before {display:none}
.pi-premium .hero h1 {font-size:clamp(38px,4.7vw,60px);line-height:1.09;letter-spacing:-.047em;font-weight:650;max-width:960px;margin:22px auto}
.pi-premium .hero h1 em {background:none;color:#3cddff;animation:none;font-style:normal;text-shadow:0 0 34px #05b9ff28}
.pi-premium .hero .kicker {display:inline-flex;align-items:center;gap:10px;font:600 10px/1.5 var(--mono);letter-spacing:.16em;color:#62e7ff}
.pi-premium .hero .kicker:before {content:'';width:6px;height:6px;background:#32efc5;box-shadow:0 0 0 4px #32efc51c,0 0 14px #32efc570;border-radius:50%;flex:none}
.pi-premium .hero p.sub {font-size:17px;line-height:1.8;max-width:700px;color:#b7c7df;margin-bottom:27px}
.pi-premium.pi-marketing > section {padding:82px 0}
.pi-premium.pi-marketing .wrap {max-width:1160px}
.pi-premium .lead {color:#b7c7df;font-size:16px;line-height:1.8;max-width:690px;margin-bottom:38px}
.pi-premium .center h2 {max-width:800px;margin-left:auto;margin-right:auto}
.pi-premium .herogrid {grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}
.pi-premium .herogrid h1 {margin-left:0}
.pi-premium .trust {gap:8px 20px;font-size:11px;line-height:1.6;color:#9caaba;margin-top:24px}
.pi-premium .trust b {font-weight:500;color:#cfdae4}
.pi-premium .hero-nt {color:#94a4b6;line-height:1.65}
.pi-premium .hero-nt span {opacity:1!important;color:#94a4b6}
.pi-premium .hero-nt a {color:#c1cbd3!important}
.pi-premium .ticker {background:#0c141c;border-color:#b4cce51c;padding:15px 0}
.pi-premium .ticker-inner {animation-duration:65s;color:#7d919f;font-size:10px;letter-spacing:.15em}
.pi-premium .ticker-inner b {color:#769f99}
.pi-premium .story {background:#0c131c;border-color:#b4cce516}
.pi-premium .card,.pi-premium .step,.pi-premium .price {
  background:linear-gradient(140deg,#142b4b,#0c172d);border:1px solid var(--line);
  border-radius:14px;box-shadow:0 1px 0 #ffffff05 inset;
}
.pi-premium .card {padding:30px;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.pi-premium .card:hover {transform:translateY(-3px);border-color:#38ccffa6;box-shadow:0 12px 35px #008cde20}
.pi-premium .card h3 {font-size:20px;margin-bottom:10px}
.pi-premium .card p {font-size:14px;line-height:1.8}
.pi-premium .grid {gap:20px}
.pi-premium .ico,.pi-premium .card .ico,.pi-premium .card:nth-child(n) .ico {
  width:44px;height:44px;border-radius:10px;color:#45dfff;background:#05baff1c;
  border:1px solid #34d6ff70;box-shadow:0 0 20px #00b7ff15;margin-bottom:22px;
}
.pi-premium .ico svg {width:22px;height:22px}
.pi-premium .step {padding:28px}
.pi-premium .step:before {background:#172934;color:#b3ddd3;border:1px solid #87b9b244;font-size:12px}
.pi-premium .step h3 {font-size:18px}
.pi-premium .step p {line-height:1.8}
.pi-premium .prices {gap:22px}
.pi-premium .price {text-align:left;padding:36px;transition:border-color .2s}
.pi-premium .price:hover {transform:none;border-color:#9dafbd55}
.pi-premium .price.feat {border-color:#ffc857a6;background:linear-gradient(140deg,#34291b,#172440 70%);box-shadow:0 0 0 1px #ffc85712,0 12px 40px #ffb52e10}
.pi-premium .price .badge {border-radius:5px;background:#ffc857;color:#231500;padding:5px 12px;font-size:10px;letter-spacing:.08em;white-space:nowrap}
.pi-premium .price h3 {font-size:19px;color:#cad5df}
.pi-premium .price .amt {font-size:52px;letter-spacing:-.05em;font-weight:600;margin-top:16px}
.pi-premium .price .per {font-size:12px;line-height:1.7;color:#b7c7df}
.pi-premium .price ul {border-top:1px solid #b4cce51c;padding-top:18px;font-size:13px}
.pi-premium .price li {padding-top:8px;padding-bottom:8px}
.pi-premium .price li:before {color:#8ad7c7}
.pi-premium details {border-radius:10px;border-color:var(--line);background:#111a24}
.pi-premium details summary {padding:20px 56px 20px 22px;line-height:1.5;font-size:15px;font-weight:550}
.pi-premium details summary:after {top:18px;right:22px;color:#8ad7c7}
.pi-premium details p {padding:0 22px 22px;line-height:1.8}
.pi-premium .picap {margin-top:66px;margin-bottom:30px}
.pi-premium .picap-in {background:linear-gradient(115deg,#103947,#102344);border-color:#29d8ed80;border-radius:14px;padding:34px;box-shadow:0 12px 40px #00c4e212}
.pi-premium .picap-in:before {background:linear-gradient(90deg,transparent,#8ad7c766,transparent)}
.pi-premium .picap-say h3 {font-size:24px;font-weight:600;letter-spacing:-.03em}
.pi-premium .picap-say p {font-size:14px;line-height:1.75}
.pi-premium .picap-tag {background:#23e5c51a;border-color:#2debd27a;color:#5cffdb;font-weight:700}
.pi-premium .picap-fine {color:#9cacbb;font-size:12px}
.pi-premium .picap-form input {border-radius:8px;background:#0a141d;min-height:46px}
.pi-premium .picap-form input::placeholder {color:#96a4b4;opacity:1}
.pi-premium footer {background:#070c12;border-top:1px solid var(--line);padding:44px 0 50px;color:#8e9dad}
.pi-premium footer h4 {font-size:10px;letter-spacing:.12em;font-weight:600;color:#adbdcc;margin-top:24px}
.pi-premium footer p {font-size:12px;line-height:1.85}
.pi-premium .foot-top {padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid #b4cce519;font-size:12px}
.pi-premium .foot-top a {color:#b8c9d7}
.pi-premium .reveal {opacity:1;transform:none}
.pi-premium .showcase img,.pi-premium .heroimg {border-color:#b4cce529;box-shadow:0 25px 60px #0005;border-radius:12px}
.pi-premium .slider {border-radius:14px;box-shadow:0 20px 60px #0003;background:#101a25}
.pi-premium video {max-width:100%;height:auto}
.pi-premium .mbp {min-width:0}
.pi-premium .livepulse {color:#8ad7c7;font-size:10px;letter-spacing:.1em}
.pi-premium .livepulse i {animation:none}
/* The product preview retains its original control colors and proportions. */
.pi-premium .panel,.pi-premium .n-panel,.pi-premium .sig-panel {
  --dim:#8fa3c4;--text:#d7e3f4;--buyhi:#8fb8ff;--gold:#f0c34c;--teal:#3fd8cf;
}
.pi-home .hero {padding-top:60px;padding-bottom:60px}
.pi-home .hero h1 {font-size:clamp(40px,4.3vw,56px);max-width:610px}
.pi-home .hero p.sub {max-width:520px;font-size:16px;margin-left:0;margin-bottom:20px}
.pi-home .hero .btnrow {display:grid;grid-template-columns:1fr 1fr;max-width:500px;margin-top:24px}
.pi-home .hero .btnrow .btn {font-size:13px;padding:14px 15px;min-height:52px}
.pi-home .hero .btnrow .btn:nth-child(n+3) {background:#11264a;border-color:#3774b3;color:#bfe9ff;box-shadow:none;padding:10px 12px;min-height:42px;margin:0;font-size:12px;justify-content:center}
.pi-home .hero .btnrow .btn:nth-child(n+3):hover {color:#fff;background:#174479;border-color:#4bcfff}
.pi-home .imgframe {padding:50px 26px 28px;border:1px solid #349add77;border-radius:16px;background:linear-gradient(140deg,#16426799,#0c1736);box-shadow:0 35px 65px #0004,0 0 55px #008bdf1a}
.pi-home .imgframe:before {inset:0;filter:none;z-index:0;background:linear-gradient(#8faec309 1px,transparent 1px),linear-gradient(90deg,#8faec309 1px,transparent 1px);background-size:28px 28px;pointer-events:none;border-radius:inherit}
.pi-home .imgframe:after {content:'PRECISION / ORDER PANEL';position:absolute;top:16px;left:24px;color:#6cdcff;font:9px/1.5 var(--mono);letter-spacing:.15em;pointer-events:none}
.pi-home .heropanel-link {position:relative;z-index:1}
.pi-home .heropanel {max-width:350px}
.pi-home .heropanel-cap {font-size:11px;color:#9cb8c8;margin-top:20px;font-weight:400}
.pi-home #tools .lineup4 {counter-reset:product}
.pi-home #tools .card {position:relative;counter-increment:product;overflow:hidden;padding:32px}
.pi-home #tools .card:after {content:'0' counter(product);position:absolute;top:30px;right:30px;color:#61b6e8;font:11px var(--mono);letter-spacing:.12em;pointer-events:none}
.pi-home #tools .card .btnrow {margin-top:14px;gap:10px}
.pi-home #tools .card .btn {font-size:12px;padding:11px 16px;min-height:42px}
.pi-home #tools .card .ico {margin-bottom:26px}
.pi-home #demo .lead {max-width:700px}
/* Stronger visual priority for trial, demo, and package actions. */
.pi-premium .hero .btn.primary {box-shadow:0 0 0 4px #29dcff1a,0 10px 34px #00caff55}
.pi-premium .hero .btn.ghost[href="/demo/"],.pi-premium #demo .btn.primary {background:#17499e;color:#fff;border-color:#599fff;box-shadow:0 8px 26px #2b71ff35}
.pi-premium .hero .btn.ghost[href="/demo/"]:hover,.pi-premium #demo .btn.primary:hover {background:#215dbb;border-color:#7fcaff;color:#fff}
.pi-home .hero .btnrow .btn:nth-child(4) {background:#342916;border-color:#d6a63c;color:#ffda77}
.pi-home .hero .btnrow .btn:nth-child(4):hover {background:#4a3818;border-color:#ffd875;color:#fff0c9}
.pi-home #tools .card:nth-child(2) .ico {color:#a8acff;background:#7376ff25;border-color:#8c90ff80}
.pi-home #tools .card:nth-child(3) .ico {color:#ffc857;background:#ffbe3020;border-color:#ffc85775}
.pi-home #tools .card:nth-child(4) .ico {color:#37efb1;background:#20dc9c20;border-color:#37efb175}
.pi-premium .price .amt {color:#f5f9ff}
.pi-premium .price.feat .amt {color:#ffd16d}
@media(min-width:941px){.pi-premium .pinav .pimcta{display:none}}
@media(max-width:940px){
  .pi-premium .pinav .wrap,.pi-premium .pinav.stuck .wrap {height:64px}
  .pi-premium .pimenu {top:64px;max-height:calc(100dvh - 64px);background:#0c141e}
  .pi-premium .pidropmenu {background:none;border:0;box-shadow:none}
  .pi-premium .pimenu:not(.open) .pidropmenu,.pi-premium .pidrop:not(.open) .pidropmenu {visibility:hidden}
  .pi-premium .herogrid {grid-template-columns:1fr;gap:40px}
  .pi-premium .herogrid>div {min-width:0}
  .pi-home .hero h1 {max-width:750px;font-size:clamp(40px,6.9vw,60px)}
  .pi-home .hero p.sub {max-width:680px}
  .pi-home .imgframe {max-width:530px;width:100%;margin:auto}
}
@media(max-width:900px){.pi-premium .mbstage{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){
  .pi-premium .wrap {padding-left:22px;padding-right:22px}
  .pi-premium .pinav .wrap {padding-left:18px;padding-right:18px;gap:10px}
  .pi-premium .pilogo {font-size:10px;letter-spacing:.06em;gap:7px}
  .pi-premium .pilogo img {width:25px;height:25px}
  .pi-premium .piright {gap:4px}
  .pi-premium .hero,.pi-home .hero {padding:44px 0 38px}
  .pi-premium .hero h1,.pi-home .hero h1 {font-size:clamp(32px,8.6vw,48px);line-height:1.13;letter-spacing:-.043em;margin:20px auto}
  .pi-premium .hero .kicker {font-size:8px;letter-spacing:.12em;gap:8px}
  .pi-premium .hero p.sub,.pi-home .hero p.sub {font-size:15px;line-height:1.75}
  .pi-premium.pi-marketing > section {padding:54px 0}
  .pi-premium .btnrow .btn {flex:1 1 100%;padding:13px 16px;text-align:center;font-size:14px}
  .pi-home .hero .btnrow .btn:nth-child(n+3) {flex:1 1 42%;font-size:11px;margin:0;padding:10px 7px;min-height:44px}
  .pi-home .hero .btnrow .btn:nth-child(-n+2) {grid-column:1/-1}
  .pi-home .imgframe {padding:44px 14px 20px;border-radius:12px}
  .pi-home .imgframe:after {left:16px;font-size:8px}
  .pi-home .heropanel-cap {font-size:10px}
  .pi-premium .trust {gap:8px 16px;font-size:10px}
  .pi-premium .lead {font-size:15px;margin-bottom:28px}
  .pi-premium .card,.pi-home #tools .card {padding:24px}
  .pi-premium .card h3 {font-size:19px}
  .pi-premium .price {padding:30px 24px}
  .pi-premium .price .amt {font-size:44px}
  .pi-premium .picap-in {padding:24px 20px}
  .pi-premium .picap-do {min-width:0;width:100%;flex-basis:100%}
  .pi-premium .picap-form>* {min-width:0;max-width:100%}
  .pi-premium .picap-btn {width:100%;min-height:46px}
  .pi-premium .picap-say h3 {font-size:22px}
  .pi-premium details summary {padding:18px 50px 18px 20px;font-size:14px}
  .pi-premium details p {padding:0 20px 20px;font-size:14px}
  .pi-premium footer {padding:35px 0}
}
@media(prefers-reduced-motion:reduce){
  .pi-premium *,.pi-premium *:before,.pi-premium *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .pi-premium .card:hover,.pi-premium .btn:hover,.pi-premium .picta:hover {transform:none}
}