@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Inter:wght@300;400;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400&display=swap");:root{--bg-deep:#06090e;--panel-bg:#10141d;--copper:#b87333;--copper-hover:#d68a45;--copper-hi:#d68a45;--copper-lo:#8e4c22;--copper-dim:rgba(184,115,51,.3);--copper-10:rgba(184,115,51,.1);--copper-20:rgba(184,115,51,.2);--copper-30:rgba(184,115,51,.3);--copper-45:rgba(184,115,51,.45);--text-main:#f6f8fb;--text-muted:#9ba3b5;--status-good:#22c55e;--status-warn:#f59e0b;--status-bad:#ef4444;--status-neutral:#6b7280;--radius:10px;--shadow-lg:0 22px 60px rgba(0,0,0,.55);--shadow-md:0 4px 12px rgba(0,0,0,.35);--font-display:"Tenor Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;--display-tracking:.015em;--font-body:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono","Menlo","Consolas","DejaVu Sans Mono","Liberation Mono","Noto Sans SC","PingFang SC","Microsoft YaHei",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px}*,:after,:before{box-sizing:border-box}html{color-scheme:dark}body{margin:0;padding:0;color:var(--text-muted);font-family:var(--font-body);background:radial-gradient(900px 520px at 10% 10%,rgba(184,115,51,.11),transparent 60%),radial-gradient(800px 460px at 75% 40%,hsla(0,0%,100%,.05),transparent 65%),radial-gradient(900px 620px at 50% 110%,rgba(0,0,0,.65),transparent 55%),linear-gradient(180deg,#05070b,#05080f);min-height:100vh}a{color:var(--copper);text-decoration:none}a:hover{color:var(--copper-hover);text-decoration:underline}h1,h2,h3{color:var(--text-main);font-family:var(--font-display);font-weight:400;letter-spacing:var(--display-tracking);margin-top:0}main{min-height:100vh}.page{margin:0 auto;max-width:1000px;padding:3rem 2rem;flex-direction:column;gap:1.5rem}.nav,.page{display:flex}.nav{align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 .5rem;margin-bottom:.5rem}.brand{display:inline-block;height:35px}.brand img{height:35px;width:auto;display:block}.nav-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;border:1px solid transparent;background:transparent;color:inherit;font:600 .95rem/1 var(--font-body);letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;text-decoration:none}.btn:focus-visible{outline:2px solid rgba(184,115,51,.75);outline-offset:3px}.btn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.1;mix-blend-mode:overlay}.btn:after,.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.btn:after{background:linear-gradient(180deg,hsla(0,0%,100%,.32),hsla(0,0%,100%,0) 60%);opacity:.15}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-portal{padding:12px 28px;color:var(--copper);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01)),rgba(26,31,43,.55);border-color:var(--copper-30);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 16px 30px rgba(0,0,0,.35)}.btn-portal:after{opacity:.2;background:linear-gradient(180deg,rgba(184,115,51,.2),rgba(184,115,51,0) 70%)}.btn-portal:hover{color:var(--text-main);border-color:var(--copper);background:linear-gradient(180deg,rgba(184,115,51,.12),rgba(184,115,51,.04)),rgba(32,38,53,.65);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 18px 35px rgba(0,0,0,.42),0 0 16px rgba(184,115,51,.12)}.btn-copper{padding:14px 32px;border-radius:8px;color:#0b0d10;background:linear-gradient(180deg,#d4944a 0,var(--copper) 100%);border-color:rgba(184,115,51,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2),0 0 20px rgba(184,115,51,.12)}.btn-copper:before{opacity:.06}.btn-copper:after{opacity:.1}.btn-copper:hover{color:var(--text-main,#f6f8fb);text-decoration:none;background:linear-gradient(180deg,#c8883e,#a66828);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),0 4px 12px rgba(0,0,0,.25),0 0 30px rgba(184,115,51,.28);transform:translateY(-1px)}.btn-copper:active{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 3px rgba(0,0,0,.15),0 0 10px rgba(184,115,51,.08)}.pill{padding:12px 28px;color:var(--copper);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01)),rgba(26,31,43,.55);border:1px solid var(--copper-30);border-radius:6px;font:600 .95rem/1 var(--font-body);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;display:inline-flex;align-items:center;min-height:44px}.pill,.pill:hover{text-decoration:none}.pill:hover{color:var(--text-main);border-color:var(--copper);background:linear-gradient(180deg,rgba(184,115,51,.12),rgba(184,115,51,.04)),rgba(32,38,53,.65);box-shadow:0 0 16px rgba(184,115,51,.12);transform:translateY(-1px)}.pill.active{color:#0b0d10;border-color:rgba(184,115,51,.45);background:linear-gradient(180deg,#d4944a 0,var(--copper) 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 2px 6px rgba(0,0,0,.2),0 0 12px rgba(184,115,51,.1)}.button{position:relative;border-radius:6px;padding:12px var(--space-md);font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-family:var(--font-body);letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.button.primary{padding:14px 32px;border-radius:8px;color:#0b0d10;background:linear-gradient(180deg,#d4944a 0,var(--copper) 100%);border-color:rgba(184,115,51,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2),0 0 20px rgba(184,115,51,.12)}.button.primary:hover:not(:disabled){color:var(--text-main,#f6f8fb);background:linear-gradient(180deg,#c8883e,#a66828);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),0 4px 12px rgba(0,0,0,.25),0 0 30px rgba(184,115,51,.28);transform:translateY(-1px)}.button.secondary{border-color:var(--copper-30);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01)),rgba(26,31,43,.55);color:var(--copper)}.button.secondary:hover:not(:disabled){color:var(--text-main);border-color:var(--copper);background:linear-gradient(180deg,rgba(184,115,51,.12),rgba(184,115,51,.04)),rgba(32,38,53,.65);box-shadow:0 0 16px rgba(184,115,51,.12);transform:translateY(-1px)}.button.ghost{border-color:transparent;background:transparent;color:var(--copper);font-weight:500}.button.ghost:hover:not(:disabled){text-decoration:underline}.button:disabled{opacity:.4;cursor:not-allowed}.panel{position:relative;border-radius:var(--radius);border:1px solid var(--copper-30);overflow:hidden;background:radial-gradient(1000px 420px at 18% 18%,hsla(0,0%,100%,.05),transparent 60%),radial-gradient(900px 440px at 85% 5%,rgba(184,115,51,.08),transparent 55%),linear-gradient(135deg,hsla(0,0%,100%,.025),rgba(0,0,0,.2)),var(--panel-bg);box-shadow:var(--shadow-lg)}.panel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),inset 0 0 0 2px rgba(0,0,0,.25);pointer-events:none}.hero-panel{padding:clamp(34px,5vw,56px) clamp(28px,4vw,48px)}.hero-panel h1{font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1.12;text-wrap:balance;margin-bottom:1rem;text-transform:none}.hero-panel h1:lang(zh){font-size:clamp(1.45rem,3.6vw,2.15rem);line-height:1.3;text-wrap:wrap}.hero-panel p{font-size:1.05rem;margin-bottom:2.5rem;max-width:600px;line-height:1.55;color:rgba(246,248,251,.7)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;padding:1rem .5rem}.feature-item{display:flex;flex-direction:column;gap:.75rem}.feature-item h3{font-size:1.05rem;margin:0;font-family:var(--font-display);font-weight:400;color:var(--text-main);text-transform:none;display:flex;align-items:center;gap:10px}.feature-icon{width:22px;height:22px;flex:0 0 auto;opacity:.95}.feature-item p{margin:0;font-size:.92rem;line-height:1.6}.pricing-panel{text-align:center;padding:clamp(42px,5.5vw,64px) clamp(22px,4vw,42px);justify-content:center}.pricing-content,.pricing-panel{display:flex;flex-direction:column;align-items:center}.pricing-content{position:relative;z-index:2;gap:10px}.price-text{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.6vw,3.05rem);letter-spacing:var(--display-tracking);color:var(--copper);margin-bottom:0}.pricing-panel p{margin-top:0;margin-bottom:18px;font-size:1rem;color:rgba(246,248,251,.65)}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.65;pointer-events:none}.timeline-wrapper{margin-top:2rem;padding:0 .5rem}.timeline{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:800px}.timeline:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--copper-30);z-index:0}.timeline-step{gap:12px;background-color:var(--bg-deep);padding:6px 14px;z-index:1;border-radius:999px}.step-circle,.timeline-step{display:flex;align-items:center}.step-circle{width:30px;height:30px;border:1px solid rgba(184,115,51,.8);border-radius:50%;justify-content:center;color:var(--copper);font-size:.9rem;font-weight:700;line-height:1}.step-text{color:var(--text-main);font-size:1rem;font-weight:400}.legal-text{margin-top:3rem;font-size:.95rem;color:rgba(246,248,251,.55)}.legal-link{color:var(--copper);text-decoration:none;transition:color .2s ease}.legal-link:hover{color:var(--copper-hover);text-decoration:underline}.dropdown-wrap{position:relative;display:inline-block}.dropdown-trigger{position:relative;border-radius:8px;padding:12px 24px;font-weight:600;font-size:.95rem;border:1px solid rgba(184,115,51,.45);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#0b0d10;background:linear-gradient(180deg,#d4944a 0,var(--copper) 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2),0 0 20px rgba(184,115,51,.12);font-family:var(--font-body);letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.dropdown-trigger:hover{color:var(--text-main,#f6f8fb);transform:translateY(-1px);background:linear-gradient(180deg,#c8883e,#a66828);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),0 4px 12px rgba(0,0,0,.25),0 0 30px rgba(184,115,51,.28)}.dropdown-trigger.connect-trigger-highlight{border-color:rgba(74,222,128,.92);animation:connect-trigger-guide 3s ease-out}@keyframes connect-trigger-guide{0%{box-shadow:0 0 0 2px rgba(74,222,128,.55),0 0 18px rgba(74,222,128,.35),inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2)}32%{box-shadow:0 0 0 5px rgba(74,222,128,0),0 0 14px rgba(74,222,128,.22),inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2)}65%{box-shadow:0 0 0 2px rgba(74,222,128,.32),0 0 12px rgba(74,222,128,.16),inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2)}to{box-shadow:0 0 0 0 rgba(74,222,128,0),0 0 0 rgba(74,222,128,0),inset 0 1px 0 hsla(0,0%,100%,.18),0 2px 6px rgba(0,0,0,.2),0 0 20px rgba(184,115,51,.12)}}.dropdown-trigger:after{content:"▾";font-size:.8em;margin-left:2px}.dropdown-trigger.dropdown-trigger-direct:after{content:"";margin:0}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:var(--panel-bg);border:1px solid rgba(184,115,51,.2);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 1px hsla(0,0%,100%,.06);z-index:100;padding:4px 0;display:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dropdown-wrap.open .dropdown-menu{display:block;z-index:220}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;text-align:left;padding:10px 14px;margin:0 4px;width:calc(100% - 8px);border:none;background:none;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-muted);text-decoration:none;font-family:var(--font-body);transition:background .12s ease,color .12s ease}.dropdown-menu a:hover,.dropdown-menu button:hover{background:rgba(184,115,51,.08);color:var(--text-main)}.dropdown-menu .menu-highlight{color:#bbf7d0;background:rgba(74,222,128,.14);box-shadow:inset 0 0 0 1px rgba(74,222,128,.45);animation:dropdown-menu-highlight 3s ease-out}@keyframes dropdown-menu-highlight{0%{color:#bbf7d0;background:rgba(74,222,128,.18);box-shadow:inset 0 0 0 1px rgba(74,222,128,.65)}10%,20%,43%,53%,76%,86%{color:#dcfce7;background:rgba(74,222,128,.28);box-shadow:inset 0 0 0 1px rgba(74,222,128,.95)}31%,64%,97%{color:#bbf7d0;background:rgba(74,222,128,.12);box-shadow:inset 0 0 0 1px rgba(74,222,128,.45)}to{box-shadow:inset 0 0 0 1px rgba(74,222,128,.05),0 0 0 6px rgba(74,222,128,0);color:var(--text-muted);background:transparent}}.dropdown-help{border-top:1px solid var(--copper-10);padding:8px var(--space-md);font-size:.8rem}.dropdown-help.dropdown-help-top{border-top:0;border-bottom:1px solid var(--copper-10)}.dropdown-help a{color:var(--copper);text-decoration:none}.dropdown-help a:hover{text-decoration:underline}.overflow-wrap{position:relative;display:inline-block}.overflow-trigger{min-width:40px;min-height:40px;border-radius:var(--radius);border:1px solid var(--copper-30);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01)),rgba(26,31,43,.55);cursor:pointer;font-size:1.1rem;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;color:var(--copper);transition:border-color .18s ease,background .18s ease}.overflow-trigger:hover{border-color:rgba(184,115,51,.55);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02)),rgba(32,38,53,.65)}.overflow-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--panel-bg);border:1px solid var(--copper-30);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;padding:var(--space-xs) 0;display:none}.overflow-wrap.open .overflow-menu{display:block;z-index:220}.overflow-menu a,.overflow-menu button{display:block;width:100%;text-align:left;padding:10px var(--space-md);border:none;background:none;cursor:pointer;font-size:.9rem;color:var(--text-muted);text-decoration:none;font-family:var(--font-body)}.overflow-menu a:hover,.overflow-menu button:hover{background:hsla(0,0%,100%,.04);color:var(--text-main)}.overflow-menu button:disabled{opacity:.4;cursor:not-allowed}.grid{display:grid;grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;border:1px solid var(--copper-30);border-radius:var(--radius);overflow:hidden;background:radial-gradient(1000px 420px at 18% 18%,hsla(0,0%,100%,.05),transparent 60%),radial-gradient(900px 440px at 85% 5%,rgba(184,115,51,.08),transparent 55%),linear-gradient(135deg,hsla(0,0%,100%,.025),rgba(0,0,0,.2)),var(--panel-bg);padding:var(--space-lg);--card-shadow:var(--shadow-md);box-shadow:var(--card-shadow)}.card h3,.card h4{margin:0 0 var(--space-sm);font-family:var(--font-display);font-weight:400;letter-spacing:var(--display-tracking);color:var(--text-main)}.vpn-card-elevated{position:relative;border:1px solid var(--copper-30);border-radius:var(--radius);overflow:visible;background:radial-gradient(1000px 420px at 18% 18%,hsla(0,0%,100%,.05),transparent 60%),radial-gradient(900px 440px at 85% 5%,rgba(184,115,51,.08),transparent 55%),linear-gradient(135deg,hsla(0,0%,100%,.025),rgba(0,0,0,.2)),var(--panel-bg);padding:var(--space-lg);--card-shadow:var(--shadow-lg);box-shadow:var(--card-shadow)}.vpn-card-elevated:has(.dropdown-wrap.open),.vpn-card-elevated:has(.overflow-wrap.open){z-index:10}.card.instance-highlight,.vpn-card-elevated.instance-highlight{--highlight-border:rgba(74,222,128,.78);animation:instance-highlight-pulse 1.7s ease-out}.vpn-card-elevated.instance-highlight{border-color:var(--highlight-border);box-shadow:0 0 0 2px rgba(74,222,128,.32),0 0 20px rgba(74,222,128,.24),var(--card-shadow)}.vpn-card-elevated.instance-connected{--highlight-border:var(--copper-30);border-color:var(--copper-30);background:radial-gradient(680px 260px at 88% 10%,rgba(74,222,128,.1),transparent 60%),radial-gradient(1000px 420px at 18% 18%,hsla(0,0%,100%,.05),transparent 60%),radial-gradient(900px 440px at 85% 5%,rgba(184,115,51,.08),transparent 55%),linear-gradient(135deg,hsla(0,0%,100%,.025),rgba(0,0,0,.2)),var(--panel-bg);box-shadow:inset 0 0 0 1px rgba(74,222,128,.2),var(--shadow-lg)}@keyframes instance-highlight-pulse{0%{border-color:var(--highlight-border);box-shadow:0 0 0 0 rgba(74,222,128,.5),0 0 0 2px rgba(74,222,128,.34),var(--card-shadow)}to{border-color:var(--highlight-border);box-shadow:0 0 0 10px rgba(74,222,128,0),0 0 0 2px rgba(74,222,128,.2),var(--card-shadow)}}@property --sweep-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card.instance-setting-up,.vpn-card-elevated.instance-setting-up{overflow:visible;box-shadow:0 0 24px rgba(184,115,51,.14),var(--card-shadow)}.card.instance-setting-up:before,.vpn-card-elevated.instance-setting-up:before{content:"";position:absolute;inset:-1px;padding:2px;border-radius:var(--radius)}.card.instance-setting-up:before,.progress-ring-sweep,.vpn-card-elevated.instance-setting-up:before{--sweep-angle:0deg;background:conic-gradient(from var(--sweep-angle),var(--copper-30) 0deg,var(--copper-30) 170deg,var(--copper) 260deg,rgba(74,222,128,.95) 325deg,rgba(74,222,128,.95) 348deg,var(--copper-30) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:instance-setting-up-sweep 2.4s linear infinite}@keyframes instance-setting-up-sweep{to{--sweep-angle:360deg}}@media (prefers-reduced-motion:reduce){.card.instance-setting-up,.vpn-card-elevated.instance-setting-up{box-shadow:0 0 0 1px var(--copper-20),0 0 26px var(--copper-30),var(--card-shadow)}.card.instance-setting-up:before,.progress-ring-sweep,.vpn-card-elevated.instance-setting-up:before{animation:none;background:var(--copper)}.card.instance-highlight,.vpn-card-elevated.instance-highlight,.vpn-card-elevated.instance-setting-up .status.pulse:before{animation:none}}.muted{color:var(--text-muted)}.combobox-status,.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.code{font-family:var(--font-mono);font-size:.84rem;overflow-wrap:anywhere;color:var(--text-muted)}.billing-ip-link{border:0;background:transparent;color:var(--status-good);text-decoration:underline;text-decoration-thickness:1.25px;cursor:pointer;padding:0;font:inherit}.billing-ip-link:hover{color:#86efac}.status{font-weight:600;display:inline-flex;align-items:center;gap:6px}.status:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.status.good{color:var(--status-good)}.status.good:before{background:var(--status-good)}.status.warn{color:var(--status-warn)}.status.warn:before{background:var(--status-warn)}.status.pulse:before{animation:status-pulse 1.5s ease-in-out infinite}.status.bad{color:var(--status-bad)}.status.bad:before{background:var(--status-bad)}.status.neutral{color:var(--status-neutral)}.status.neutral:before{background:var(--status-neutral)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}.form{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.form label{font-size:.9rem;color:var(--text-muted);display:grid;grid-gap:6px;gap:6px}.input,.select{border:1px solid var(--copper-30);background:rgba(16,20,29,.8);border-radius:var(--radius);padding:12px;font-size:.98rem;min-height:44px;color:var(--text-main);font-family:var(--font-body);transition:border-color .18s ease}.input:focus,.select:focus{outline:none;border-color:var(--copper)}.input::placeholder{color:var(--text-muted);opacity:.6}.address-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px var(--space-md);gap:12px var(--space-md)}.address-grid .address-field,.address-grid label{font-size:.9rem;color:var(--text-muted);display:grid;grid-gap:6px;gap:6px;align-content:start;min-width:0}.address-grid .address-span{grid-column:1/-1}.address-grid .input,.address-grid .select{width:100%;min-width:0}.combobox{position:relative;min-width:0}.combobox .input{display:block;padding-right:44px}.combobox-toggle{position:absolute;top:0;right:0;bottom:0;width:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0 var(--radius) var(--radius) 0;background:transparent;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.combobox-toggle:hover,.combobox[data-open] .combobox-toggle{color:var(--copper)}.combobox-toggle:disabled{cursor:default;opacity:.5}.combobox-toggle svg{transition:transform .18s ease}.combobox[data-open] .combobox-toggle svg{transform:rotate(180deg)}.combobox-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:220;margin:0;padding:var(--space-xs) 0;list-style:none;max-height:min(336px,60vh);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:var(--panel-bg);border:1px solid var(--copper-30);border-radius:var(--radius);box-shadow:var(--shadow-md)}.combobox[data-place=above] .combobox-list{top:auto;bottom:calc(100% + 4px)}.combobox-list[hidden]{display:none}.combobox-empty,.combobox-option{padding:9px 12px;font-size:.95rem;line-height:22px}.combobox-option{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-main);cursor:pointer}.combobox-check{flex:none;display:flex;width:14px;color:var(--copper)}.combobox-name{flex:1 1;min-width:0}.combobox-option[data-current] .combobox-name{font-weight:600}.combobox-option code{flex:none;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.combobox-option[aria-selected=true]{background:var(--copper-20);box-shadow:inset 3px 0 0 var(--copper)}.combobox-empty{color:var(--text-muted)}@media (pointer:coarse){.combobox .input{font-size:16px}.combobox-option{min-height:44px}}@media (prefers-reduced-motion:reduce){.combobox-toggle svg{transition:none}}.card:has(.combobox[data-open]){overflow:visible}.input.invalid,.select.invalid{border-color:rgba(239,68,68,.6)}.field-error{color:#fca5a5;font-size:.8rem}.field-hint{display:block;margin-top:4px;font-size:.8rem;color:var(--text-muted)}.address-lines{margin:0;color:var(--text-main);line-height:1.5}.summary-lines{display:grid;grid-gap:4px;gap:4px;font-size:.92rem;color:var(--text-muted)}.summary-lines>div{display:flex;justify-content:space-between;gap:var(--space-md)}.summary-lines .summary-amount{color:var(--text-main);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bypass-add-row{display:flex;gap:8px;align-items:center}.bypass-add-row .input{flex:1 1 auto}.bypass-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.bypass-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--copper-30);background:rgba(16,20,29,.72);color:var(--text-main);border-radius:999px;padding:6px 10px;max-width:100%}.bypass-chip>span{overflow-wrap:anywhere;font-size:.84rem}.bypass-chip>button,.success.dismissible>button{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0}.bypass-chip>button:hover,.success.dismissible>button:hover{color:var(--copper)}.segmented{display:inline-flex;border:1px solid var(--copper-30);border-radius:var(--radius);overflow:hidden}.segmented-item{border:0;background:rgba(26,31,43,.55);color:var(--text-muted);padding:10px 14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background .18s ease,color .18s ease}.segmented-item.active{background:var(--copper);color:#0b0d10}.checkbox-row{display:flex;gap:10px;align-items:flex-start}.checkbox-row input{margin-top:2px;accent-color:var(--copper)}.checkbox-row a{color:var(--copper);text-decoration:underline}.legal-accept{display:flex;align-items:center;gap:var(--space-md);padding:14px var(--space-md);border:1px solid var(--copper-30);border-radius:var(--radius);cursor:pointer;transition:border-color .18s,background .18s;min-height:48px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.legal-accept:hover{border-color:var(--copper-45)}.legal-accept:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.legal-accept.checked{border-color:var(--copper);background:rgba(184,115,51,.06)}.legal-accept .check-indicator{width:22px;height:22px;flex-shrink:0;border:2px solid var(--copper-30);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;transition:background .18s,border-color .18s}.legal-accept.checked .check-indicator{background:var(--copper);border-color:var(--copper);color:#0b0d10}.legal-accept a{color:var(--copper);text-decoration:underline}.stack-row{border-top:1px solid var(--copper-30);padding-top:10px;margin-top:10px}.list{margin:0;padding-left:1.2rem}.list.compact li{margin-bottom:.45rem;color:var(--text-muted)}.trust-strip{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.vpn-card{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.vpn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.vpn-head-status{display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px}.vpn-identity{border:1px solid var(--copper-30);border-radius:var(--radius);background:rgba(16,20,29,.5);padding:10px;display:flex;align-items:center;gap:10px}.vpn-name-form{display:flex;gap:var(--space-sm);flex-wrap:wrap}.vpn-name-form .input{flex:1 1 240px}.ip-token{min-width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#0b0d10;background:linear-gradient(180deg,#e3b073 0,var(--copper) 52%,var(--copper-lo) 100%)}.ip-display{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;letter-spacing:.02em;color:var(--text-main)}.ip-display.connected{color:#7cf2af;text-shadow:0 0 14px rgba(124,242,175,.28)}.vpn-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tech-details{border-top:1px dashed var(--copper-30);padding-top:10px}.tech-details>summary{color:var(--text-muted);cursor:pointer;font-size:.88rem}.details-row{margin-top:7px;padding-left:8px;display:flex;align-items:baseline;gap:8px;font-size:.85rem;line-height:1.35}.details-row-first{margin-top:8px}.details-key{color:var(--text-muted);min-width:98px;flex:0 0 auto}.details-value{color:var(--text-soft);min-width:0;word-break:break-word}.details-row-inline-action{align-items:center}.details-inline-button{min-height:26px;padding:2px 10px;border-radius:8px;border:1px solid var(--copper-30);background:rgba(22,27,38,.45);color:var(--text-soft);cursor:pointer;font-size:.85rem;line-height:1.2;white-space:nowrap}.details-inline-button:hover{border-color:rgba(184,115,51,.55);background:rgba(28,34,47,.65)}@media (max-width:700px){.details-row{gap:6px}.details-key{min-width:88px}}.overlay{position:fixed;inset:0;background:rgba(6,9,14,.75);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.overlay-card{width:min(100%,420px);border-radius:var(--radius);border:1px solid var(--copper-30);background:radial-gradient(600px 300px at 50% 0,rgba(184,115,51,.08),transparent 60%),var(--panel-bg);padding:var(--space-lg);box-shadow:var(--shadow-lg)}.usage-overlay-card{width:min(100%,900px)}.usage-range-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.usage-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.usage-summary-item{border:1px solid var(--copper-30);border-radius:var(--radius);padding:10px;background:rgba(16,20,29,.5);display:flex;flex-direction:column;gap:4px}.usage-summary-label{color:var(--text-muted);font-size:.78rem}.usage-chart-wrap{border:1px solid var(--copper-30);border-radius:var(--radius);background:rgba(16,20,29,.44);padding:10px 12px}.usage-chart{width:100%;height:230px;display:block}.usage-chart-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:.78rem}.qr-image{width:240px;height:240px;border-radius:var(--radius);border:1px solid var(--copper-30);display:block;margin:0 auto var(--space-md);background:#fff}.notice{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.08);color:#fca5a5;border-radius:var(--radius)}.notice,.success{padding:var(--space-md)}.success{border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.08);color:#86efac;border-radius:var(--radius)}.success.dismissible{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.notice-info{border:1px solid var(--copper-30);background:rgba(184,115,51,.07);color:#e3c9ae;border-radius:var(--radius);padding:var(--space-md)}.notice-warn{border:1px solid rgba(245,158,11,.32);background:rgba(245,158,11,.08);color:#fcd34d;border-radius:var(--radius);padding:var(--space-md)}.notice-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-wrap{overflow-x:auto;border:1px solid var(--copper-30);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:560px}td,th{text-align:left;border-bottom:1px solid var(--copper-30);padding:10px 12px;font-size:.88rem}th{color:var(--text-muted);font-weight:600;background:rgba(16,20,29,.5)}.legal-card{margin-top:var(--space-md)}.legal-toc{margin:0;padding-left:1.2rem;column-count:2;gap:20px}.legal-toc li{margin-bottom:var(--space-sm)}.legal-toc a{color:var(--copper)}.legal-section{border-top:1px solid var(--copper-30);padding-top:var(--space-md);margin-top:var(--space-md)}.legal-section:first-child{border-top:0;padding-top:0;margin-top:0}.legal-section h2{margin:0 0 var(--space-sm);font-size:1.15rem;font-family:var(--font-display);font-weight:400}.legal-footer-card a,.legal-inline a{color:var(--copper);text-decoration:underline}.legal-inline{margin-top:var(--space-md);margin-bottom:0}.secondary-nav{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-md) 0;border-top:1px solid var(--copper-30);margin-top:var(--space-lg)}.secondary-nav button{border:none;background:none;color:var(--text-muted);font-weight:500;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:.9rem;font-family:var(--font-body);transition:background .18s ease,color .18s ease}.secondary-nav button:hover{background:hsla(0,0%,100%,.04);color:var(--text-main)}.secondary-nav button.active{color:var(--copper);font-weight:700;background:var(--copper-10)}.secondary-nav .support-tickets-link{color:var(--text-muted);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:.9rem;font-family:var(--font-body);text-decoration:none;transition:background .18s ease,color .18s ease;display:inline-flex;align-items:center;gap:4px;margin-left:auto}.secondary-nav .support-tickets-link:hover{background:hsla(0,0%,100%,.04);color:var(--copper)}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--space-md)}.inline-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;color:var(--copper);cursor:pointer;font:inherit;text-decoration:underline}.inline-link-btn:hover{color:var(--copper-hover)}.connect-store-grid{display:flex;flex-wrap:wrap;gap:10px}.store-badge{min-width:210px;padding:10px 12px;border-radius:10px;border:1px solid var(--copper-30);background:rgba(16,20,29,.55);display:inline-flex;align-items:center;gap:10px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.store-badge,.store-badge:hover{color:var(--text-main);text-decoration:none}.store-badge:hover{border-color:var(--copper);background:rgba(30,36,50,.72);transform:translateY(-1px)}.store-icon{width:24px;height:24px;color:var(--copper);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.store-icon svg{width:24px;height:24px;display:block}.store-copy{display:inline-flex;flex-direction:column;gap:2px}.store-eyebrow{color:var(--text-muted);font-size:.72rem;line-height:1.05}.store-title{color:var(--text-main);font-size:.92rem;line-height:1.1}.pricing-card{position:relative;border:1px solid var(--copper-30);border-radius:var(--radius);padding:14px var(--space-md);cursor:pointer;background:rgba(16,20,29,.5);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pricing-card:hover{border-color:rgba(184,115,51,.55)}.pricing-card.selected{border-color:var(--copper);background:linear-gradient(135deg,rgba(184,115,51,.06),transparent 60%),rgba(16,20,29,.6);box-shadow:0 0 16px rgba(184,115,51,.08)}.pricing-card[aria-disabled=true]{cursor:default;opacity:.6}.pricing-card .badge,.save-badge{font-size:.75rem;font-weight:700;color:#0b0d10;background:linear-gradient(180deg,#e3b073,var(--copper));padding:3px 10px;border-radius:4px;white-space:nowrap}.checkout-section-title{font-family:var(--font-display);font-weight:400;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-sm)}.password-rules{display:flex;flex-wrap:wrap;gap:4px var(--space-md);font-size:.78rem;margin-top:4px}.password-rules span{color:var(--text-muted);opacity:.6}.password-rules span.met{color:var(--status-good);opacity:1}.provision-steps{--step-marker:32px;--step-gap:28px;display:flex;flex-direction:column;gap:var(--step-gap);margin:0;padding:var(--space-md) 0;list-style:none}.provision-step{position:relative;display:flex;align-items:flex-start;gap:var(--space-md)}.provision-step-dot{fill:var(--copper-hi)}.provision-step.pending .provision-step-dot{fill:rgba(155,163,181,.3)}.step-label{min-width:0;padding-top:calc((var(--step-marker) - .95rem * 1.5) / 2);color:var(--text-main);font-weight:600;font-size:.95rem;line-height:1.5}.provision-step.pending .step-label{color:var(--text-muted);opacity:.5}.step-line{position:absolute;top:calc(var(--step-marker) + 5px);bottom:calc(5px - var(--step-gap));left:calc(var(--step-marker) / 2 - 1px);width:2px;overflow:hidden;border-radius:1px;background:rgba(155,163,181,.16)}.step-line:after,.step-line:before{content:"";position:absolute;inset:0;transform:scaleY(0);transform-origin:top}.step-line:before{background:var(--copper)}.step-line:after{background:rgba(74,222,128,.95)}.step-line.is-copper:before,.step-line.is-green:after,.step-line.is-green:before{transform:none}.step-line.draws-copper:before{animation:step-line-draw .45s ease-out .45s both}.step-line.is-green.draws-green:after{animation:step-line-draw .4s ease-out both}@keyframes step-line-draw{0%{transform:scaleY(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.step-line.draws-copper:before,.step-line.is-green.draws-green:after{animation:none}}.stat-row-copper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.stat-card-copper{border:1px solid var(--copper-30);border-radius:var(--radius);padding:var(--space-md);background:rgba(16,20,29,.5);text-align:center}.stat-card-copper .stat-value{font-family:var(--font-display);font-weight:400;font-size:1.35rem;letter-spacing:var(--display-tracking);color:var(--copper);margin:0}.stat-card-copper .stat-label{font-size:.8rem;color:var(--text-muted);margin:4px 0 0}.invite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.invite-card{border:1px solid var(--copper-30);border-radius:var(--radius);padding:var(--space-md);background:rgba(16,20,29,.5);display:flex;flex-direction:column;gap:var(--space-sm)}.invite-card .invite-code{font-family:var(--font-mono);font-size:1.05rem;color:var(--copper);letter-spacing:.04em;word-break:break-all}.invite-card .invite-status{font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content}.invite-card .invite-status.active{color:var(--status-good);background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25)}.invite-card .invite-status.used{color:var(--text-muted);background:hsla(220,9%,46%,.12);border:1px solid hsla(220,9%,46%,.25)}.invite-card .invite-qr{width:140px;height:140px;border-radius:6px;background:#fff;display:block;margin:4px 0}.invite-card .invite-actions{display:flex;gap:6px;flex-wrap:wrap}.invite-card .invite-actions button{border:1px solid var(--copper-30);background:transparent;color:var(--copper);font-size:.78rem;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:var(--font-body);transition:border-color .18s ease,background .18s ease}.invite-card .invite-actions button:hover{border-color:var(--copper);background:rgba(184,115,51,.08)}.invite-card .invite-used-by{font-size:.8rem;color:var(--text-muted)}.invite-carousel{display:flex;align-items:center;gap:var(--space-md);justify-content:center;margin-top:var(--space-md)}.invite-card-focus{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-width:260px;max-width:320px;padding:var(--space-lg);border:1px solid var(--copper-30);border-radius:var(--radius);background:rgba(16,20,29,.5);touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.invite-card-focus .invite-code{font-family:var(--font-mono);font-size:1.05rem;color:var(--copper);letter-spacing:.04em;word-break:break-all}.invite-card-focus .invite-status{font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:4px;display:inline-block}.invite-card-focus .invite-status.active{color:var(--status-good);background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25)}.invite-card-focus .invite-status.used{color:var(--text-muted);background:hsla(220,9%,46%,.12);border:1px solid hsla(220,9%,46%,.25)}.invite-card-focus .invite-qr{width:160px;height:160px;border-radius:6px;background:#fff;display:block;margin:4px 0}.invite-card-focus .invite-used-by{font-size:.8rem;color:var(--text-muted)}.invite-copy-link{border:1px solid var(--copper-30);background:transparent;color:var(--copper);font-size:.82rem;padding:6px 14px;border-radius:4px;cursor:pointer;font-family:var(--font-body);transition:border-color .18s ease,background .18s ease}.invite-copy-link:hover{border-color:var(--copper);background:rgba(184,115,51,.08)}.invite-nav{background:rgba(184,115,51,.12);border:1.5px solid var(--copper-45);color:var(--copper);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:0 0 8px rgba(184,115,51,.15)}.invite-nav:disabled{opacity:.25;cursor:default;box-shadow:none}.invite-nav:not(:disabled):hover{border-color:var(--copper);background:rgba(184,115,51,.22);box-shadow:0 0 12px rgba(184,115,51,.25)}.invite-dots{display:flex;gap:8px;justify-content:center;margin-top:var(--space-md)}.invite-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;padding:0;background:var(--copper-30);transition:background .15s}.invite-dot.active{background:var(--copper)}.invite-dot.used{background:var(--text-muted);opacity:.4}.invite-dot.used.active{opacity:.7}.invite-code-row{display:flex;align-items:center;gap:8px}.clipboard-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:4px;display:inline-flex;transition:color .15s,background .15s}.clipboard-btn:hover{color:var(--copper);background:rgba(184,115,51,.08)}.cancel-link{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.82rem;text-decoration:underline;margin-top:8px;padding:0;font-family:var(--font-body)}.cancel-link:hover{color:var(--copper)}.cancel-confirm{margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--copper-30);border-radius:var(--radius);background:rgba(16,20,29,.5)}.renewal-notice{color:var(--text-muted)}.renewal-notice.outstanding{color:var(--status-warn)}.renew-action-row{display:flex;align-items:center;gap:10px;margin-top:8px}.pill.renew-action{padding:4px 14px;min-height:30px;font-size:.8rem;border-radius:999px}.pill .save-badge{margin-left:8px;padding:2px 8px;font-size:.7rem}.payment-method{margin-bottom:var(--space-md);padding:var(--space-md);border:1px solid var(--copper-30);border-radius:var(--radius);background:rgba(16,20,29,.5)}.payment-method-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.payment-method-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.payment-method-card{margin-top:4px;font-family:var(--font-mono);font-size:.95rem}.payment-method-note{margin-top:2px;font-size:.8rem}.payment-method-alert{margin:var(--space-md) 0 0;font-size:.88rem}.payment-method-reason{margin:6px 0 0;font-size:.82rem;opacity:.85}.payments-details{margin-top:8px}.payment-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.payment-row{display:grid;grid-template-columns:6.5em minmax(0,1fr) auto;grid-template-areas:"date kind amount" ". card receipt";grid-column-gap:12px;column-gap:12px;grid-row-gap:2px;row-gap:2px;padding:6px 0;border-bottom:1px solid var(--copper-10);font-size:.84rem}.payment-row:last-child{border-bottom:0}.payment-date{grid-area:date;font-family:var(--font-mono);color:var(--text-muted)}.payment-kind{grid-area:kind;display:flex;flex-direction:column}.payment-period{font-size:.78rem}.payment-amount{grid-area:amount;font-family:var(--font-mono);text-align:right}.payment-amount.refund{color:var(--status-good)}.payment-card{grid-area:card;font-size:.78rem}.payment-receipt{grid-area:receipt;text-align:right}.receipt-link{border:0;background:transparent;color:var(--copper);text-decoration:underline;cursor:pointer;padding:0;font:inherit;font-size:.8rem}.receipt-link:hover{color:var(--copper-hover)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:var(--space-md)}.upgrade-card{width:min(100%,520px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}.upgrade-rows{margin:0;display:grid;grid-gap:8px;gap:8px;font-size:.9rem}.upgrade-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.upgrade-rows dt{display:flex;flex-direction:column;color:var(--text-muted)}.upgrade-rows dd{margin:0;text-align:right;font-family:var(--font-mono)}.upgrade-sub{font-size:.8rem}.upgrade-rule{border-top:1px solid var(--copper-30);padding-top:8px}.upgrade-total dd,.upgrade-total dt{color:var(--text-main);font-weight:700;font-size:1rem}.upgrade-then{margin:var(--space-md) 0 0;font-size:.86rem}.upgrade-consent{display:flex;align-items:flex-start;gap:10px;margin-top:var(--space-md);padding:12px var(--space-md);border:1px solid var(--copper-30);border-radius:var(--radius);font-size:.88rem;cursor:pointer}.upgrade-consent input{margin-top:3px;accent-color:var(--copper);flex-shrink:0}.progress-ring{--ring-band:calc(var(--ring-size) / 24);--ring-stroke:3;position:relative;width:var(--ring-size);height:var(--ring-size);flex-shrink:0;border-radius:50%;box-shadow:0 0 24px rgba(184,115,51,.14)}.progress-ring-sweep{position:absolute;inset:0;padding:var(--ring-band);border-radius:50%;transition:opacity .3s ease-out}.progress-ring-sweep.is-stopped{animation:none}.progress-ring-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.progress-ring-circle{stroke:rgba(74,222,128,.95);stroke-width:calc(var(--ring-stroke) * 1px);stroke-dasharray:100 101;stroke-dashoffset:100}.progress-ring-core{transition:opacity .2s ease-out}.progress-ring-check{stroke:#4ade80;stroke-width:calc(var(--ring-stroke) * 7px / 6);stroke-dasharray:100 101;stroke-dashoffset:100}.progress-ring.is-idle{box-shadow:none}.progress-ring.is-idle .progress-ring-sweep{animation:none;background:rgba(155,163,181,.28)}.progress-ring.is-done{box-shadow:0 0 22px rgba(74,222,128,.18)}.progress-ring.is-done .progress-ring-core,.progress-ring.is-done .progress-ring-sweep{opacity:0}.progress-ring.is-done .progress-ring-check,.progress-ring.is-done .progress-ring-circle{stroke-dashoffset:0}.progress-ring.is-landing{animation:progress-ring-glow 1.1s ease-out .75s backwards}.progress-ring.is-landing .progress-ring-circle{animation:progress-ring-draw .4s ease-out both}.progress-ring.is-landing .progress-ring-check{animation:progress-ring-draw .45s ease-out .3s both}@keyframes progress-ring-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes progress-ring-glow{0%{box-shadow:0 0 0 0 rgba(74,222,128,.45),0 0 22px rgba(74,222,128,.18)}40%{box-shadow:0 0 0 8px rgba(74,222,128,.16),0 0 34px rgba(74,222,128,.34)}to{box-shadow:0 0 0 14px rgba(74,222,128,0),0 0 22px rgba(74,222,128,.18)}}@media (prefers-reduced-motion:reduce){.progress-ring-core,.progress-ring-sweep{transition:none}.progress-ring.is-landing,.progress-ring.is-landing .progress-ring-check,.progress-ring.is-landing .progress-ring-circle{animation:none}}.charge-progress{display:grid;justify-items:center;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-md) 0 var(--space-xs);text-align:center}.charge-emblem-shield{stroke:var(--copper-hi);stroke-width:2;fill:var(--copper-10)}.charge-progress-step{margin:0;min-height:1.5em;color:var(--text-main)}.charge-progress-step>span{display:inline-block;animation:charge-rise .3s ease-out both}[role=status][tabindex="-1"]:focus{outline:none}.charge-progress .cta-row{justify-content:center}.charge-progress-message{width:100%;margin:0}.charge-progress.is-landing .charge-progress-message{animation:charge-rise .35s ease-out .75s both}.charge-progress.is-landing .cta-row{animation:charge-rise .35s ease-out .85s both}@keyframes charge-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.upgrade-card>.charge-progress{--charge-reserve:18rem;min-height:var(--charge-reserve);align-content:start}.upgrade-card.is-held{display:flex;flex-direction:column}.upgrade-card.is-held>.charge-progress{margin-block:auto}.charge-progress.compact{grid-template-columns:auto minmax(0,1fr);justify-items:stretch;align-items:center;gap:12px;margin-top:8px;padding:0;text-align:left;font-size:.88rem}@media (prefers-reduced-motion:reduce){.charge-progress-step>span,.charge-progress.is-landing .charge-progress-message,.charge-progress.is-landing .cta-row{animation:none}}.receipt-card{width:min(100%,620px);max-height:90vh;overflow-y:auto}.receipt-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.82rem;line-height:1.5;padding:var(--space-md);border:1px solid var(--copper-30);border-radius:var(--radius);background:rgba(16,20,29,.5)}@media (max-width:640px){.payment-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date amount" "kind kind" "card receipt"}}@media (max-width:900px){.features-grid{grid-template-columns:1fr;gap:18px}.timeline{flex-direction:column;align-items:flex-start;gap:10px}.timeline:before{display:none}.timeline-step{padding-inline:0;background:transparent}}@media (max-width:640px){.page{padding:2rem 1rem}.grid.three,.grid.two,.stat-row-copper{grid-template-columns:1fr}.legal-toc{column-count:1}.overlay{align-items:flex-end;padding:0}.overlay-card{width:100%;border-radius:var(--radius) var(--radius) 0 0;max-height:90vh;overflow-y:auto}.upgrade-card>.charge-progress{--charge-reserve:21rem}.usage-summary-grid{grid-template-columns:1fr}.usage-chart{height:180px}.address-grid{grid-template-columns:1fr}.bypass-add-row{flex-direction:column;align-items:stretch}.bypass-add-row .button{width:100%}}@media (prefers-reduced-motion:reduce){.btn,.btn-copper,.btn-portal,.button,.dropdown-trigger,.overflow-trigger,.pill{transition:none}.btn-copper:hover,.btn-portal:hover,.btn:hover,.button:hover,.dropdown-trigger:hover,.pill:hover{transform:none}}.pay-frame-wrap{display:flex;flex-direction:column;gap:var(--space-sm);min-height:100dvh;padding:var(--space-md);max-width:720px;margin:0 auto}.pay-frame-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pay-frame-title{font-weight:600;color:var(--text-main)}.pay-frame{flex:1 1;width:100%;min-height:560px;border:1px solid var(--copper-30);border-radius:var(--radius);background:#fff}.pay-frame-note{margin:0;font-size:.85rem;text-align:center}.pay-frame-brand{display:inline-flex;align-items:center;gap:var(--space-md)}.pay-frame-brand img{height:35px;width:auto;display:block}.declined-step h1{margin-bottom:12px}.declined-step p{max-width:62ch}.declined-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 16px}