:root{--surface-0: #000000;--surface-1: #0f172a;--heading: #f1f5f9;--body: #e2e8f0;--muted: #94a3b8;--link: #60a5fa;--border-1: #1e293b;--btn-solid: #f1f5f9;--btn-solid-text: #0f172a;--glow-blue: #3b82f6;--glow-purple: #c084fc;--glow-magenta: #f472b6;--glow-green: #4ade80}body{background:var(--surface-0);color:var(--body);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blob{filter:blur(120px)}@keyframes blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-100px) scale(1.05)}50%{transform:translate(-60px,80px) scale(.98)}75%{transform:translate(100px,60px) scale(1.03)}}.animate-blob{animation:blob 10s infinite ease-in-out}@media (max-width: 640px){.blob{width:15rem!important;height:15rem!important;filter:blur(80px)}}.vpn-hero{background:linear-gradient(135deg,var(--surface-0),var(--surface-1));min-height:clamp(500px,calc(100vh - 73px),700px)}.hero-title{font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.02em;font-weight:400;color:var(--heading);margin:0}.hero-title em{font-style:italic;font-weight:400;color:var(--muted)}.broker-hero{display:flex;flex-direction:column;text-align:center;gap:32px}.broker-hero .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.broker-hero[data-state=flow] .hero-title{font-size:clamp(24px,3.5vw,34px)}.broker-subline{font-size:clamp(13px,1.4vw,15px);line-height:1.55;color:var(--muted);margin:0}.broker-initial{display:flex;flex-direction:column;align-items:center;gap:24px}.broker-initial[hidden]{display:none}.broker-trust{font-size:13px;color:var(--muted);margin:0}.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:999px;background:var(--btn-solid);color:var(--btn-solid-text);border:none;transition:opacity .15s,box-shadow .15s,transform .15s;cursor:pointer}.broker-btn{min-width:160px;box-shadow:0 1px 2px #0000000a,0 4px 12px -4px #00000026}.broker-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000000f,0 12px 24px -8px #00000040;opacity:.88}.broker-progress{display:flex;gap:6px;justify-content:center}.broker-progress[hidden]{display:none}.broker-progress .dot{width:24px;height:3px;background:var(--border-1);border-radius:2px;transition:background .3s ease;display:block}.broker-progress .dot.done,.broker-progress .dot.active{background:var(--heading)}.hp-field{position:absolute;left:-9999px}.broker-flow[hidden]{display:none}.broker-step{display:none;flex-direction:column;text-align:left;width:100%;gap:20px}.broker-step.active{display:flex}.step-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-title{font-family:ui-serif,Georgia,serif;font-style:italic;font-size:22px;line-height:1.2;font-weight:400;color:var(--heading);margin:0}.step-count{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--muted);white-space:nowrap}.broker-hero .field{display:block;width:100%;padding:15px 16px;border:1px solid var(--border-1);border-radius:10px;background:var(--surface-0);font-size:16px;color:var(--heading);outline:none;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #00000005;font-family:inherit}.broker-hero .field::-moz-placeholder{color:var(--muted);opacity:.7}.broker-hero .field::placeholder{color:var(--muted);opacity:.7}.broker-hero .field:focus{border-color:var(--heading);box-shadow:0 0 0 3px #ffffff0f}.broker-hero .field-select{padding-right:36px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.broker-hero .field-row{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 560px){.broker-hero .field-row.two{grid-template-columns:1fr 1fr}}.domain-list{display:flex;flex-direction:column;gap:10px}.add-more{background:none;border:none;font-size:13px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;align-self:flex-start;color:var(--muted);transition:color .15s}.add-more:hover{color:var(--heading)}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:0}.broker-hero .field.field-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.broker-hero .field-error-msg{font-size:12px;color:#ef4444;margin-top:4px;text-align:left}.segmented{display:flex;width:100%;padding:4px;background:var(--border-1);border-radius:999px;gap:2px}.segmented .seg{flex:1;padding:11px 12px;border:none;background:transparent;font-size:13px;cursor:pointer;transition:all .2s;color:var(--muted);font-weight:500;border-radius:999px;white-space:nowrap;font-family:inherit}.segmented .seg:hover{color:var(--heading)}.segmented .seg.selected{background:var(--surface-0);color:var(--heading);box-shadow:0 1px 2px #0000000a,0 2px 6px #0000000f;font-weight:600}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.55;cursor:pointer;color:var(--muted)}.consent input{margin-top:3px;accent-color:var(--heading);flex-shrink:0}.consent a{color:var(--heading);text-decoration:underline;text-underline-offset:2px}.step-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.back{background:none;border:none;font-size:13px;cursor:pointer;padding:10px 0;color:var(--muted);transition:color .15s}.back:hover{color:var(--heading)}.broker-panel{display:flex;flex-direction:column;gap:16px;text-align:center}.broker-panel[hidden]{display:none}.panel-title{font-family:ui-serif,Georgia,serif;font-size:clamp(24px,3.5vw,32px);line-height:1.15;color:var(--heading);margin:0}.panel-body{font-size:15px;line-height:1.55;color:var(--body);margin:0}.vpn-section{background:var(--surface-1);border-top:1px solid var(--border-1)}.vpn-section-alt{background:var(--surface-0);border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}.section-heading{font-family:ui-serif,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;letter-spacing:-.01em;font-weight:400;color:var(--heading);margin-bottom:2rem}.card-title{color:var(--heading);font-weight:600;font-size:1.125rem;margin-bottom:.5rem}.prose-vpn{color:var(--body);line-height:1.65}.tabular-nums{font-variant-numeric:tabular-nums}
