:root{--brand: #1a365d;--brand-600: #152a4a;--brand-700: #0f2038;--brand-glow: rgba(26, 54, 93, .22);--accent: #2b6cb0;--accent-dot: #ff5a3c;--bg: #ffffff;--bg-2: #f7fafc;--card: #ffffff;--card-soft: #f7fafc;--line: #e2e8f0;--line-strong: #cbd5e0;--ink: #1a365d;--ink-2: #4a5568;--ink-3: #718096;--success: #16b981;--danger: #e0384c;--radius: 18px;--radius-sm: 12px;--shadow-sm: 0 2px 8px rgba(16, 22, 43, .05);--shadow: 0 16px 40px -20px rgba(16, 24, 51, .22);--shadow-lg: 0 24px 64px -24px rgba(16, 24, 51, .22);--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px 64px}.navbar{width:100vw;background:#fff;border-bottom:1px solid var(--line);margin:0 calc(50% - 50vw) 34px;padding:0 20px;display:flex;justify-content:center}.navbar-inner{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--brand);padding:18px 0}.nav-logo-img{height:30px;width:auto;display:block}.nav-divider{width:1px;height:20px;background:var(--line-strong);margin:0 4px 0 8px}.nav-sub{font-size:13.5px;font-weight:500;color:var(--ink-2);letter-spacing:0}.btn-navlink{font-size:13px;font-weight:600;color:var(--ink-2);padding:10px 18px;border-radius:999px;border:1.5px solid var(--line-strong);transition:all .2s ease}.btn-navlink:hover{border-color:var(--brand);color:var(--brand)}.btn-navlink b{color:var(--brand)}.card-shell{width:100%;max-width:1080px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden}.card-head{padding:34px 34px 0}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.card-head h1{font-size:clamp(24px,3vw,32px);font-weight:800;margin:10px 0 8px;color:var(--brand)}.card-head p.sub{color:var(--ink-2);font-size:15px;max-width:60ch}.card-body{padding:26px 34px 34px}.stepper{display:flex;align-items:center;gap:8px;margin-top:26px}.stepper .step{display:flex;align-items:center;gap:10px}.stepper .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;font-family:var(--font-display);background:var(--card-soft);border:1.5px solid var(--line-strong);color:var(--ink-3);flex-shrink:0;transition:all .3s ease}.stepper .step.active .dot{background:var(--brand);border-color:var(--brand);color:#fff}.stepper .step.done .dot{background:var(--success);border-color:var(--success);color:#fff}.stepper .step .label{font-size:13px;font-weight:600;color:var(--ink-3);white-space:nowrap}.stepper .step.active .label,.stepper .step.done .label{color:var(--ink)}.stepper .bar{flex:1;height:2px;background:var(--line-strong);border-radius:2px;min-width:16px;position:relative;overflow:hidden}.stepper .bar>span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);transform-origin:left}@media (max-width: 640px){.stepper .step .label{display:none}}.controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:22px}.segmented{position:relative;display:inline-flex;background:var(--card-soft);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.segmented button{position:relative;z-index:1;padding:9px 18px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:color .25s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.segmented button.active{color:#fff}.segmented .thumb{position:absolute;z-index:0;top:4px;bottom:4px;border-radius:999px;background:var(--brand)}.segmented .pill{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:#ffffff38}.segmented button:not(.active) .pill{background:#e0fce8;color:#0f8f57}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.plan-grid{grid-template-columns:1fr}}.plan{position:relative;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:20px 18px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease}.plan:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.plan.selected{border-color:var(--brand);box-shadow:0 0 0 3px #16234a1a,var(--shadow)}.plan .tag{position:absolute;top:-10px;right:14px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--accent-dot);padding:4px 10px;border-radius:999px}.plan .cat{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3)}.plan h3{font-size:22px;font-weight:700;color:var(--brand)}.plan .cap{font-size:12.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.plan .price{display:flex;align-items:baseline;gap:5px;margin-top:2px}.plan .price .amt{font-family:var(--font-display);font-size:27px;font-weight:800;color:var(--ink);letter-spacing:-.03em}.plan .price .per{font-size:12.5px;color:var(--ink-3);font-weight:500}.plan .save{font-size:11.5px;font-weight:600;color:#0f8f57;background:#e6faf0;padding:3px 9px;border-radius:999px;align-self:flex-start}.plan ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:2px;border-top:1px dashed var(--line-strong);padding-top:13px}.plan ul li{display:flex;align-items:flex-start;gap:8px;font-size:12.8px;color:var(--ink-2);line-height:1.35}.plan ul li svg{flex-shrink:0;margin-top:1px;color:var(--accent)}.plan .choose{margin-top:auto;padding:10px;border-radius:12px;border:1.5px solid var(--line-strong);font-weight:600;font-size:13.5px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s ease}.plan.selected .choose{background:var(--brand);border-color:var(--brand);color:#fff}.details{display:flex;flex-direction:column;gap:26px}.fieldset-title{font-size:13.5px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;display:flex;align-items:center;gap:7px}.fieldset-title .opt{text-transform:none;letter-spacing:0;font-weight:500}.fieldset-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.fieldset-head .fieldset-title{margin-bottom:0}.same-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink-2)}.same-toggle input{width:16px;height:16px;accent-color:var(--brand)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.field.wide{grid-column:1 / -1}@media (max-width: 620px){.fields{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--ink)}.field label .opt{color:var(--ink-3);font-weight:500}.field input,.field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--card-soft);font-size:14.5px;color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input:disabled{opacity:.55;cursor:not-allowed}.field textarea{resize:vertical;min-height:84px}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #16234a14}.field.invalid input,.field.invalid textarea{border-color:var(--danger);background:#fff5f5}.field .err{font-size:12px;color:var(--danger);font-weight:500}.review{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}@media (max-width: 780px){.review{grid-template-columns:1fr}}.summary{background:linear-gradient(160deg,var(--brand-700) 0%,var(--brand) 100%);color:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.summary h3{font-size:15px;font-weight:600;opacity:.75;position:relative}.summary .plan-name{font-size:30px;font-weight:800;margin:6px 0 2px;position:relative}.summary .plan-sub{font-size:13px;opacity:.8;position:relative}.summary .big-price{display:flex;align-items:baseline;gap:8px;margin:20px 0 4px;position:relative}.summary .big-price .amt{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-.03em}.summary .big-price .per{opacity:.75;font-size:14px}.summary .rows{margin-top:20px;border-top:1px solid rgba(255,255,255,.16);padding-top:16px;display:flex;flex-direction:column;gap:11px;position:relative}.summary .rows .row{display:flex;justify-content:space-between;font-size:13.5px}.summary .rows .row span:first-child{opacity:.72}.summary .rows .row span:last-child{font-weight:600;text-align:right}.summary .saving-chip{margin-top:16px;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;background:#16b98138;color:#b6ffdd;border:1px solid rgba(22,185,129,.4);padding:7px 12px;border-radius:999px;position:relative}.recap{display:flex;flex-direction:column;gap:2px}.recap h4{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--brand);margin-bottom:8px}.recap .recap-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.recap .recap-row .k{color:var(--ink-3);flex-shrink:0}.recap .recap-row .v{color:var(--ink);font-weight:600;text-align:right;word-break:break-word}.consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;padding:14px;border-radius:13px;background:var(--card-soft);border:1px solid var(--line);font-size:13px;color:var(--ink-2);line-height:1.5}.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--brand);flex-shrink:0}.consent.invalid{border-color:var(--danger);background:#fff5f5}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.btn{padding:13px 26px;border-radius:13px;font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;gap:9px;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 14px 30px -14px var(--brand-glow)}.btn-primary:hover{background:var(--brand-600)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--ink-2);border:1.5px solid var(--line-strong)}.btn-ghost:hover{background:var(--card-soft);color:var(--ink)}.spacer{flex:1}.success{text-align:center;padding:26px 20px 12px;display:flex;flex-direction:column;align-items:center}.success .check{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--success),#0f9d6b);display:grid;place-items:center;box-shadow:0 20px 40px -14px #16b98199;margin-bottom:22px}.success h1{font-size:28px;font-weight:700;margin-bottom:10px;color:var(--brand)}.success p{color:var(--ink-2);font-size:15px;max-width:46ch;margin:0 auto 8px}.success .success-card{margin:24px auto 0;max-width:420px;width:100%;text-align:left;background:var(--card-soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.footnote{text-align:center;color:var(--ink-3);font-size:12.5px;margin-top:22px}.payment{max-width:460px;margin:0 auto}.payment-summary{display:flex;justify-content:space-between;align-items:center;background:var(--card-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:18px;font-size:15px}.payment-summary b{font-size:17px;color:var(--brand)}.payment-note{margin-top:16px;font-size:12.5px;color:var(--ink-3);text-align:center}.pay-error{display:block;margin:14px 0 0;padding:10px 14px;border-radius:var(--radius-sm);background:#e0384c14;border:1px solid rgba(224,56,76,.25)}.verifying{text-align:center;padding:80px 24px}.verifying h1{margin-bottom:8px}.paymentWidgets{min-height:220px}.wpwl-button-pay{background:var(--brand)!important;border-color:var(--brand)!important;border-radius:10px!important}.field select{width:100%;padding:11px 13px;border:1.5px solid var(--line-strong);border-radius:10px;font-size:14.5px;color:var(--ink);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2b6cb01f}.file-drop{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px dashed var(--line-strong);border-radius:10px;font-size:13.5px;color:var(--ink-3);cursor:pointer;transition:border-color .2s ease,background .2s ease}.file-drop:hover{border-color:var(--accent);background:var(--card-soft)}.file-drop.has-file{border-style:solid;border-color:var(--accent);color:var(--ink);font-weight:500}.file-drop input[type=file]{display:none}.advance-note{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 16px;border-radius:var(--radius-sm);background:#2b6cb012;border:1px solid rgba(43,108,176,.25);color:var(--ink-2);font-size:13.5px;line-height:1.5}.advance-note svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.advance-note b{color:var(--brand)}.whatsapp-fab{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 20px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:50}.whatsapp-fab:hover{transform:scale(1.08);box-shadow:0 8px 26px #00000042}