:root{--px-ink:#00123d;--px-blue:#2e6aeb;--px-cyan:#45d9ff;--px-lime:#72f2b1;--px-panel:#fff;--px-muted:#60667c;--px-line:#dce5f2;--px-soft:#f3f7fd}.px-shell{position:relative;padding:5rem 0;overflow:hidden;background:linear-gradient(180deg,#f6f9fc 0%,#edf4ff 100%)}.px-shell:before{content:"";position:absolute;width:34rem;height:34rem;right:-14rem;top:-17rem;border-radius:50%;background:radial-gradient(circle,rgba(69,217,255,.23),transparent 68%)}.px-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid rgba(46,106,235,.22);border-radius:999px;background:rgba(255,255,255,.72);color:var(--px-blue);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.px-kicker:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--px-lime);box-shadow:0 0 0 .3rem rgba(114,242,177,.2)}.px-title{max-width:780px;margin:1rem auto .75rem;color:var(--px-ink);font-size:clamp(2rem,4vw,3.35rem);line-height:1.06}.px-lead{max-width:720px;margin:0 auto 2rem;font-size:1.08rem}.px-console{position:relative;border:1px solid rgba(46,106,235,.14);border-radius:1.5rem;background:rgba(255,255,255,.94);box-shadow:0 2rem 5rem -2.5rem rgba(0,32,94,.35);overflow:hidden}.px-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.55rem;background:#071b4b}.px-tab{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.65rem;border:0;border-radius:.85rem;background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:.2s}.px-tab:hover,.px-tab[aria-selected=true]{background:rgba(255,255,255,.12);color:#fff}.px-tab[aria-selected=true]{box-shadow:inset 0 0 0 1px rgba(69,217,255,.35)}.px-panel{display:none;padding:clamp(1.25rem,3vw,2.5rem)}.px-panel.is-active{display:block}.px-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:2rem;align-items:start}.px-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.px-field{display:flex;flex-direction:column;gap:.45rem}.px-field-wide{grid-column:1/-1}.px-field label{color:var(--px-ink);font-size:.86rem;font-weight:700}.px-field input,.px-field select{width:100%;min-height:3.15rem;padding:.7rem .9rem;border:1px solid var(--px-line);border-radius:.75rem;background:#fff;color:var(--px-ink);font:inherit;outline:0}.px-field input:focus,.px-field select:focus{border-color:var(--px-blue);box-shadow:0 0 0 .22rem rgba(46,106,235,.12)}.px-action{display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:.75rem 1.15rem;border:0;border-radius:.75rem;background:linear-gradient(135deg,#3475ef,#1748dc);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 .75rem 1.5rem -.75rem rgba(46,106,235,.7)}.px-action:hover{color:#fff;transform:translateY(-1px)}.px-action-secondary{background:#eaf1ff;color:var(--px-blue);box-shadow:none}.px-action-secondary:hover{color:var(--px-blue)}.px-result{min-height:12rem;padding:1.35rem;border:1px solid var(--px-line);border-radius:1rem;background:linear-gradient(145deg,#f9fbff,#edf5ff)}.px-result h3{font-size:1.15rem}.px-result-big{display:block;margin:.4rem 0;color:var(--px-ink);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1}.px-result ul{padding-left:1.15rem;margin-bottom:1rem}.px-note{margin-top:1rem;padding:.8rem 1rem;border-radius:.75rem;background:#fff8e8;color:#6d5520;font-size:.88rem}.px-status{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;color:var(--px-ink);font-weight:700}.px-status-dot{width:.75rem;height:.75rem;border-radius:50%;background:#f2b84b;box-shadow:0 0 0 .35rem rgba(242,184,75,.18)}.px-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.25rem}.px-metric{padding:1rem;border:1px solid var(--px-line);border-radius:.9rem;background:#fff}.px-metric strong{display:block;color:var(--px-ink);font-size:1.25rem}.px-range{accent-color:var(--px-blue)}.px-checks{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.px-check{display:flex;gap:.55rem;align-items:center;padding:.7rem;border:1px solid var(--px-line);border-radius:.75rem;background:#fff}.px-check input{width:auto;min-height:0}.px-progress{height:.65rem;margin:.9rem 0;border-radius:999px;background:#dfe8f5;overflow:hidden}.px-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--px-blue),var(--px-cyan));transition:width .35s}.px-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.px-trust-card{padding:1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(255,255,255,.07);color:#fff}.px-trust-card strong{display:block;font-size:1.45rem}.px-hero-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1.6rem;padding:0;list-style:none}.px-hero-proof li{padding:.48rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(2,19,60,.4);color:#fff;font-size:.82rem;backdrop-filter:blur(8px)}.px-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.px-hero-actions .btn-outline-light{border-color:rgba(255,255,255,.45)}.px-plan-tag{display:inline-flex;margin-bottom:.6rem;padding:.3rem .55rem;border-radius:.5rem;background:#e6efff;color:var(--px-blue);font-size:.75rem;font-weight:800;text-transform:uppercase}.px-hidden{display:none!important}.dark-mode .px-shell{background:linear-gradient(180deg,#182031,#111a2a)}.dark-mode .px-title,.dark-mode .px-field label,.dark-mode .px-result,.dark-mode .px-result-big,.dark-mode .px-metric strong,.dark-mode .px-status{color:#fff}.dark-mode .px-console,.dark-mode .px-panel,.dark-mode .px-field input,.dark-mode .px-field select,.dark-mode .px-result,.dark-mode .px-metric,.dark-mode .px-check{background:#1d2638;border-color:rgba(255,255,255,.12)}.dark-mode .px-result{background:#162139}.dark-mode .px-action-secondary{background:#26395f;color:#9db8ff}.dark-mode .px-kicker{background:rgba(29,38,56,.75)}@media(max-width:991.98px){.px-tabs{grid-template-columns:repeat(2,1fr)}.px-tab:last-child{grid-column:1/-1}.px-grid{grid-template-columns:1fr}.px-trust{grid-template-columns:1fr 1fr}}@media(max-width:575.98px){.px-shell{padding:3.5rem 0}.px-tabs,.px-form-grid,.px-checks,.px-metrics,.px-trust{grid-template-columns:1fr}.px-tab:last-child{grid-column:auto}.px-tab{justify-content:flex-start;min-height:2.7rem}.px-panel{padding:1rem}.px-console{border-radius:1rem}.px-hero-actions .btn{width:100%}}
