:root{
  --bg:#031528;--bg2:#061d35;--panel:#07233e;--panel2:#082b49;--line:#0e4f7a;
  --text:#f5f9ff;--muted:#a9bfd4;--blue:#0787ff;--cyan:#2fd6ff;--green:#16c86d;
  --danger:#ff5c6c;--shadow:0 0 28px rgba(0,135,255,.2);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:
radial-gradient(circle at 75% 8%,rgba(0,132,255,.18),transparent 24%),linear-gradient(180deg,#031326 0%,#041a2f 56%,#031426 100%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(2,17,33,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(45,214,255,.12)}
.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand svg{width:48px;height:48px;filter:drop-shadow(0 0 10px rgba(26,160,255,.45))}.brand-word{font-size:25px;font-weight:900;letter-spacing:.2px}.brand-word span{color:#168cff}.brand-sub{font-size:9px;color:#a9bfd4;margin-top:-2px}.navlinks{display:flex;align-items:center;gap:22px;font-size:14px;flex:1}.navlinks a:hover,.navlinks a.active{color:#4fc8ff}.nav-actions{display:flex;align-items:center;gap:12px}.lang{color:#c8d9e9}.btn{border:1px solid #0f6fb2;background:#08223d;color:white;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:700;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:hover{transform:translateY(-1px);border-color:#21afff}.btn.primary{border-color:#0da1ff;background:linear-gradient(180deg,#119aff,#006ff0);box-shadow:0 0 22px rgba(0,133,255,.32)}.btn.ghost{background:transparent}.btn.success{border-color:#18b96b;background:linear-gradient(180deg,#1ccc78,#0e9758)}.btn.wide{width:100%}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px;cursor:pointer}.mobile-menu{display:none}
.hero{padding:54px 0 34px;border-bottom:1px solid rgba(41,164,230,.22);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(15,142,255,.27),rgba(15,142,255,.03) 56%,transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.eyebrow{letter-spacing:4px;font-size:12px;color:#c8e5f8;font-weight:800}.hero h1{font-size:48px;line-height:1.06;margin:14px 0 14px;max-width:760px}.hero h1 .blue{color:#1497ff}.hero p{font-size:17px;line-height:1.65;color:#d2dfeb;max-width:720px}.globe-card{min-height:310px;display:flex;align-items:center;justify-content:center;position:relative}.globe{width:245px;height:245px;border-radius:50%;border:2px solid #0da1ff;background:radial-gradient(circle at 35% 30%,#1bb2ff 0%,#0870bd 27%,#022c55 58%,#01192f 78%);box-shadow:inset 0 0 40px #029cff,0 0 55px rgba(0,147,255,.55);position:relative}.globe:before,.globe:after{content:"";position:absolute;inset:20%;border:1px solid rgba(255,255,255,.38);border-radius:50%}.globe:after{inset:8% 46%;border-radius:50%}.server{position:absolute;right:10px;bottom:18px;width:120px;height:195px;border:2px solid #0e6ea6;border-radius:10px;background:linear-gradient(#051829,#0a243d);box-shadow:0 0 30px rgba(0,136,255,.3)}.server i{display:block;height:18px;margin:10px;border:1px solid #0a7cbc;background:#051b30;border-radius:4px;box-shadow:inset -4px 0 #008cff}.hero-badges{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}.mini-badge{display:flex;gap:10px;align-items:center;color:#d7e8f5}.circle-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #0a7dc0;background:#062542;color:#33d4ff;font-size:21px}.section{padding:34px 0}.section-title{text-align:center;margin-bottom:24px}.section-title .eyebrow{color:#a9c9df}.section-title h2{font-size:34px;margin:8px 0}.section-title p{color:var(--muted);margin:0 auto;max-width:760px}.panel{background:linear-gradient(180deg,rgba(7,35,62,.92),rgba(4,25,45,.92));border:1px solid #0a4c76;border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:22px}.search-panel{padding:22px}.search-row{display:grid;grid-template-columns:1fr 150px 150px;gap:10px}.field{background:#061d34;border:1px solid #0d527d;border-radius:10px;color:#fff;padding:13px 14px;outline:none}.field:focus{border-color:#1baaff;box-shadow:0 0 0 3px rgba(27,170,255,.12)}.result-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:15px 16px;border-radius:12px;background:#061c31;border:1px dashed #0e6498}.status-pill{font-size:12px;padding:6px 10px;border-radius:999px;font-weight:800}.status-pill.ok{background:#0d8f50;color:#fff}.status-pill.info{background:#0d5e9d}.tld-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.tld-card{padding:16px;text-align:center;border:1px solid #0d527d;border-radius:12px;background:#071f38;cursor:pointer;transition:.2s}.tld-card:hover,.tld-card.selected{transform:translateY(-2px);border-color:#19aaff;box-shadow:0 0 22px rgba(0,139,255,.2)}.tld-card strong{font-size:18px;color:#24b9ff}.tld-card b{display:block;font-size:21px;margin-top:6px}.tld-card small{color:var(--muted)}
.plan-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.toggle-btn{padding:9px 18px;border-radius:999px;background:#06233e;border:1px solid #0f5a88;color:#fff;cursor:pointer}.toggle-btn.active{background:#0787ff}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{padding:22px;position:relative}.plan.popular{border-color:#10a8ff;box-shadow:0 0 28px rgba(0,144,255,.28)}.popular-tag{position:absolute;right:12px;top:-11px;background:#0d8cff;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800}.plan-head{display:flex;align-items:center;gap:12px}.plan h3{margin:0}.price{font-size:37px;font-weight:900;margin:22px 0 12px}.price span{font-size:14px;font-weight:600;color:#c6d5e2}.feature-list{list-style:none;padding:0;margin:0 0 22px}.feature-list li{padding:6px 0;color:#e3edf5}.feature-list li::before{content:"✓";color:#28e17f;font-weight:900;margin-right:10px}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.feature-strip .item{display:flex;gap:10px;align-items:center;padding:13px;border-right:1px solid rgba(37,139,193,.24)}.feature-strip .item:last-child{border-right:0}.small{font-size:12px;color:var(--muted)}
.checkout-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.form-section{padding:20px;margin-bottom:16px}.form-section h3{margin:0 0 16px;display:flex;align-items:center;gap:10px}.step-bubble{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#087fff;font-weight:900;box-shadow:0 0 15px rgba(0,143,255,.42)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.payment-options{display:grid;gap:9px}.payment-option{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #0d547f;border-radius:11px;cursor:pointer;background:#061e36}.payment-option.active{border-color:#0ea8ff;box-shadow:0 0 18px rgba(0,145,255,.18)}.payment-option .left{display:flex;gap:12px;align-items:center}.radio{width:18px;height:18px;border-radius:50%;border:2px solid #75a8ca}.payment-option.active .radio{border:6px solid #13b6ff}.order-summary{position:sticky;top:90px;padding:20px}.summary-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(41,137,189,.22)}.summary-total{font-size:24px;color:#2bd9ff;font-weight:900}.trust-list{list-style:none;padding:0;margin:14px 0}.trust-list li{padding:7px 0}.trust-list li::before{content:"✓";color:#20e17b;margin-right:9px}
.auth-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:48px 0}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.auth-copy h1{font-size:45px;margin:0 0 14px}.auth-copy p{font-size:18px;line-height:1.6;color:#c7d8e5}.auth-benefit{display:flex;gap:13px;align-items:flex-start;margin:20px 0}.auth-card{padding:28px;max-width:500px;margin-left:auto}.google-btn{background:#fff;color:#1d1d1f;border:0;border-radius:10px;width:100%;padding:13px;font-weight:800;cursor:pointer;display:flex;justify-content:center;gap:10px;align-items:center}.google-g{font-weight:900;font-size:20px;color:#4285f4}.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#9eb2c5}.divider:before,.divider:after{content:"";height:1px;background:#2a5774;flex:1}.auth-card .field{width:100%;margin-bottom:10px}.auth-meta{display:flex;justify-content:space-between;align-items:center;color:#aac0d2;font-size:13px;margin:6px 0 15px}.auth-meta a{color:#29b6ff}.notice{padding:12px 14px;border-radius:10px;background:#08213a;border:1px solid #0b527f;color:#bcd2e2;font-size:13px;margin-top:12px}
.account-hero{text-align:center;padding:38px 0 20px}.account-hero h1{font-size:42px;margin:0 0 8px}.account-hero h1 span{color:#55c9ff}.account-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.sidebar{padding:10px;min-height:650px}.side-link{display:flex;gap:10px;align-items:center;padding:13px 12px;border-radius:9px;color:#e5eff7}.side-link.active{background:linear-gradient(90deg,#188bff,#056be8);box-shadow:0 0 18px rgba(0,143,255,.27)}.side-link:hover{background:#0a2a49}.account-content{display:grid;gap:16px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat{display:flex;gap:10px;align-items:center;padding:15px}.stat b{font-size:23px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 6px;border-bottom:1px solid rgba(50,137,182,.25);text-align:left;font-size:13px}.tag{display:inline-block;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800}.tag.green{background:#0c8f4b}.tag.blue{background:#0a62b3}.service{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(50,137,182,.25)}.service .grow{flex:1}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick{padding:16px;text-align:center;cursor:pointer}.quick:hover{border-color:#14a7ff}.promo{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:linear-gradient(90deg,#3d1a75,#092d68 65%,#073b70)}
.footer{margin-top:32px;border-top:1px solid rgba(44,159,215,.22);background:#031425}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .7fr 1.3fr;gap:28px;padding:28px 0}.footer h4{margin:0 0 10px}.footer p,.footer a{font-size:13px;color:#c8d7e4;line-height:1.65}.footer a{display:block}.newsletter{text-align:center}.newsletter .field{width:100%;margin-top:8px}.footer-bottom{border-top:1px solid rgba(44,159,215,.22);padding:16px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:#b8c9d7}.payment-logos{display:flex;align-items:center;gap:12px;font-weight:900}.payment-logos .visa{color:#3dbbff}.payment-logos .mc{color:#ff7b33}.toast{position:fixed;right:18px;bottom:18px;background:#071f36;border:1px solid #118bd1;padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:50;display:none}.toast.show{display:block}
@media(max-width:980px){.navlinks{display:none}.menu-btn{display:block}.nav{gap:12px}.brand{min-width:auto;flex:1}.nav-actions .lang,.nav-actions .account-link{display:none}.mobile-menu{position:fixed;left:0;right:0;top:72px;background:#04182b;border-bottom:1px solid #0a4e77;padding:14px 18px;z-index:29}.mobile-menu.show{display:grid;gap:8px}.mobile-menu a{padding:12px;border-radius:8px;background:#06233e}.hero-grid,.auth-grid,.checkout-grid,.account-layout{grid-template-columns:1fr}.globe-card{display:none}.plans{grid-template-columns:1fr 1fr}.tld-grid{grid-template-columns:repeat(3,1fr)}.feature-strip{grid-template-columns:1fr 1fr}.order-summary{position:static}.sidebar{min-height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.newsletter{grid-column:1/-1}.auth-card{margin:0;max-width:none}.hero h1{font-size:39px}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.nav{height:64px}.topbar .brand-word{font-size:20px}.brand svg{width:39px;height:39px}.brand-sub{font-size:8px}.nav-actions .btn{padding:9px 12px;font-size:12px}.mobile-menu{top:64px}.hero{padding:32px 0 24px}.hero h1{font-size:33px}.hero p{font-size:15px}.hero-badges{gap:12px}.search-row{grid-template-columns:1fr}.tld-grid{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.account-hero h1{font-size:31px}.stats{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr}.promo{align-items:flex-start;gap:14px;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.auth-copy h1{font-size:36px}.section-title h2{font-size:28px}.sidebar{grid-template-columns:1fr 1fr}.table th:nth-child(1),.table td:nth-child(1){display:none}}
/* QA hardening */
[hidden]{display:none!important}
.brand img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(26,160,255,.45))}
@media(max-width:640px){.brand img{width:39px;height:39px;flex-basis:39px}}

/* VONSAWEB merged QA: prevent mobile checkout min-content overflow */
@media(max-width:640px){
  .checkout-grid,.checkout-grid>*,.checkout-grid form,.order-summary,.form-section,.form-grid,.form-grid>*,.payment-options,.payment-option,.payment-option .left{min-width:0;max-width:100%}
  .payment-option{gap:10px}
  .payment-option .left{flex:1}
  .payment-option .left+*{flex:0 0 auto}
}
@media(max-width:640px){
  .order-summary .search-row{grid-template-columns:minmax(0,1fr) 88px!important}
  .order-summary .search-row .field{min-width:0;width:100%}
  .order-summary .search-row .btn{min-width:0;width:100%;padding-left:8px;padding-right:8px}
}

/* VONSAWEB secure integration hardening — 2026-09-30 */
.text-button{appearance:none;border:0;background:transparent;color:#38c4ff;font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.text-button:hover{color:#8adfff}
.error-note{border-color:#b84c5b!important;color:#ffd1d7!important;background:#35131d!important}
.status-pill.pending{background:#6b4b0c;color:#ffe5a1}
.checkout-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.side-button{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.empty-state{text-align:center;padding:22px 10px;color:#c8d7e4}
.empty-state .circle-icon{margin:auto}
.empty-cell{text-align:center!important;color:#9eb2c5!important;padding:22px!important}
.footer-bottom a{display:inline;color:inherit}
@media(max-width:640px){.checkout-actions{flex-direction:column}.checkout-actions .btn{width:100%;text-align:center}.auth-meta{gap:12px;align-items:flex-start}}


/* VONSAWEB V3 — approved mobile text centering + desktop hosting hero + language control
   Scope: domain/hosting/checkout/login/account shared stylesheet only.
   Desktop layout is preserved except the first Hosting hero text block requested by the user. */
.lang{
  cursor:pointer;
  user-select:none;
  border:1px solid rgba(79,200,255,.34);
  border-radius:8px;
  padding:7px 9px;
  line-height:1;
  transition:.2s;
}
.lang:hover,.lang:focus-visible{
  color:#fff;
  border-color:#4fc8ff;
  box-shadow:0 0 0 3px rgba(79,200,255,.10);
  outline:none;
}

/* Desktop: only Hosting's first hero text block is centered. */
@media(min-width:981px){
  body[data-page="hosting"] .hero-grid>div:first-child{text-align:center}
  body[data-page="hosting"] .hero h1,
  body[data-page="hosting"] .hero p{margin-left:auto;margin-right:auto;text-align:center}
  body[data-page="hosting"] .hero-badges{justify-content:center}
  body[data-page="hosting"] .mini-badge{justify-content:center;text-align:center}
}

/* Mobile/tablet: approved centered text system; desktop structure stays untouched. */
@media(max-width:980px){
  .mobile-menu a{text-align:center}

  .hero-grid>div:first-child,
  .hero h1,.hero p,.hero .eyebrow{text-align:center}
  .hero h1,.hero p{margin-left:auto;margin-right:auto}
  .hero-badges{justify-content:center}
  .mini-badge{justify-content:center;text-align:center}

  .section>.container,.section-title,.search-panel{text-align:center}
  .result-row{flex-direction:column;justify-content:center;text-align:center}
  .result-row>div:first-child{width:100%;text-align:center}
  .result-row .btn{width:auto;min-width:170px}

  .feature-strip .item{
    flex-direction:column;
    justify-content:center;
    text-align:center;
    border-right:0;
  }

  .plan{text-align:center}
  .plan-head{justify-content:center;text-align:center}
  .feature-list{display:grid;justify-items:center}
  .feature-list li{text-align:center}
  .plan .btn.wide{width:auto;min-width:168px;margin-left:auto;margin-right:auto}

  .checkout-grid{text-align:center}
  .form-section,.order-summary,.checkout-grid .panel.pad{text-align:center}
  .form-section h3,.order-summary h3{justify-content:center;text-align:center}
  .form-section label{display:block;text-align:center}
  .form-section .field{text-align:center}
  .form-section .field::placeholder{text-align:center}
  .checkout-actions{justify-content:center;align-items:center}
  .checkout-actions .btn{width:auto;min-width:min(240px,100%)}
  .summary-line{align-items:center;text-align:center}
  .summary-line>*{text-align:center}
  .trust-list{display:grid;justify-items:center}

  .auth-copy{text-align:center}
  .auth-copy p{margin-left:auto;margin-right:auto}
  .auth-benefit{justify-content:center;text-align:center}
  .auth-benefit>div:last-child{text-align:center}
  .auth-card{text-align:center;margin-left:auto;margin-right:auto}
  .auth-card .field{text-align:center}
  .auth-card .field::placeholder{text-align:center}
  .auth-meta{justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
  .auth-card .btn.wide{width:auto;min-width:190px;margin-left:auto;margin-right:auto}
  .google-btn{max-width:360px;margin-left:auto;margin-right:auto}
  .notice{text-align:center}

  .account-layout{text-align:center}
  .side-link{justify-content:center;text-align:center}
  .stat{flex-direction:column;justify-content:center;text-align:center}
  .account-content>.panel,.account-content .panel.pad{text-align:center}
  .table th,.table td{text-align:center}
  .service{justify-content:center;text-align:center}
  .service .grow{flex:0 1 auto}
  .quick-actions{text-align:center}
  .promo{align-items:center;justify-content:center;text-align:center;gap:18px}
  .promo>div{text-align:center}

  .footer-grid{text-align:center}
  .footer-grid .brand{justify-content:center}
  .footer h4,.footer p,.footer a{text-align:center}
  .footer-bottom{justify-content:center;text-align:center;flex-wrap:wrap}
  .payment-logos{justify-content:center}
}

/* VONSAWEB domain/hosting footer balance + always-visible TR/DE switch — 2026-10-01 */
.lang{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
}
.lang .lang-option{color:#90a9bd;font-weight:700}
.lang .lang-option.active{color:#fff;font-weight:900}
.lang .lang-sep{color:#4fc8ff;opacity:.9}

@media(max-width:980px){
  /* The old mobile rule hid the language control; keep it visible and compact. */
  .nav-actions .lang{display:inline-flex;font-size:12px;padding:7px 8px}
}

@media(max-width:640px){
  /* Brand on its own row, then 4 footer groups in a balanced 2×2 grid. */
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 16px;
    align-items:start;
    text-align:center;
  }
  .footer-grid>div{min-width:0}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid>.newsletter{grid-column:auto}
  .footer-grid .brand{justify-content:center}
  .footer-grid h4{margin-bottom:8px}
  .footer-grid p,.footer-grid a{font-size:12.5px;line-height:1.55}
  .footer-grid a{padding:2px 0}
  .footer-grid .newsletter .btn{width:100%;padding:10px 8px;font-size:12px}
  .footer-bottom{gap:9px;padding:14px 0}
}

/* VONSAWEB hosting overflow guard + balanced footer v2 — 2026-10-01 */
html,body{max-width:100%;overflow-x:hidden}
.nav>*{min-width:0}
.hero-grid>*{min-width:0}
.hero h1,.hero p,.plan h3,.feature-strip b,.footer h4,.footer p,.footer a{overflow-wrap:break-word;word-break:normal}
.btn{max-width:100%;white-space:normal;text-align:center}
.plan,.feature-strip,.feature-strip .item,.dashboard-grid,.dashboard-grid>.panel{min-width:0}

/* Desktop footer: brand is its own row; the four groups below are equal width. */
@media(min-width:981px){
  .footer-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px 30px;
    align-items:start;
  }
  .footer-grid>div:first-child{
    grid-column:1/-1;
    text-align:center;
    padding-bottom:4px;
  }
  .footer-grid>div:first-child .brand{justify-content:center}
  .footer-grid>div:first-child p{margin:8px auto 0;max-width:520px}
  .footer-grid>.newsletter{grid-column:auto;text-align:center}
  .footer-grid>.newsletter .btn{width:100%;max-width:240px;margin-inline:auto}
}

@media(max-width:980px){
  /* Keep language access visible; prevent header controls from squeezing into the logo. */
  .nav-actions{gap:8px;flex:0 0 auto}
  .nav-actions .lang{display:inline-flex!important;flex:0 0 auto}
  .hero-grid>div:first-child{min-width:0}
  .footer-grid>div{min-width:0}
}

@media(max-width:640px){
  /* Mobile header: keep only language + menu next to the logo. */
  .nav-actions .btn.primary{display:none}
  .nav-actions{gap:6px}
  .nav-actions .lang{font-size:11px;padding:7px 7px}
  .menu-btn{flex:0 0 auto}

  /* Strong guards against text or cards colliding on narrow screens. */
  .globe-card{display:none!important}
  .hero h1{font-size:31px;line-height:1.12;max-width:100%}
  .hero p{max-width:100%}
  .plans{grid-template-columns:minmax(0,1fr)!important}
  .plan{width:100%;min-width:0}
  .plan-head>div{min-width:0}
  .feature-strip{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-grid .btn{width:auto;min-width:0;max-width:100%;padding-inline:16px}

  /* Brand row + four equal footer groups in a balanced 2×2 layout. */
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 16px;
    align-items:start;
    text-align:center;
  }
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid>.newsletter{grid-column:auto!important}
  .footer-grid h4{font-size:14px}
  .footer-grid p,.footer-grid a{font-size:12.5px;line-height:1.55}
  .footer-grid .newsletter .btn{width:100%;min-width:0;padding:10px 7px;font-size:11.5px}
  .footer-bottom{display:grid;grid-template-columns:1fr;justify-items:center;gap:8px;text-align:center}
}

/* VONSAWEB DOMAIN FLOW GLOBAL CENTER ALIGN V3 — 2026-10-01 */
/* Match the approved centered homepage rhythm across the complete domain flow.
   Form-entry text stays left-aligned for usability; all display copy, cards and footer are centered. */
main,
.footer,
.hero-grid>div:first-child,
.section,
.section-title,
.search-panel,
.plan,
.form-section,
.order-summary,
.auth-copy,
.auth-card,
.account-content,
.sidebar,
.notice,
.empty-state,
.quick,
.promo{
  text-align:center!important;
}

/* Keep readable line lengths while centering page copy. */
.hero h1,.hero p,
.auth-copy h1,.auth-copy p,
.section-title h2,.section-title p,
.notice,
.footer-grid>div:first-child p{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Center icon/text groups that otherwise keep a left-leaning flex layout. */
.hero-badges,
.mini-badge,
.plan-head,
.feature-strip .item,
.form-section h3,
.auth-benefit,
.stat,
.service,
.side-link,
.side-button,
.checkout-actions{
  justify-content:center!important;
  text-align:center!important;
}
.auth-benefit{align-items:center!important}
.side-button{text-align:center!important}

/* Center lists and tabular/status information without changing behavior. */
.feature-list,
.trust-list{padding-left:0!important;text-align:center!important}
.feature-list li,.trust-list li{ text-align:center!important }
.table th,.table td{ text-align:center!important }
.summary-line{align-items:center;text-align:center!important}
.summary-line>*{text-align:center!important}
.payment-option{text-align:center!important}
.payment-option .left{justify-content:center;text-align:center!important}
.result-row{text-align:center!important}
.result-row>div{flex:1;text-align:center!important}

/* Login/account alignment. */
.auth-card{margin-left:auto!important;margin-right:auto!important}
.auth-meta{justify-content:center!important;gap:18px!important;flex-wrap:wrap}
.account-layout .sidebar{text-align:center!important}
.quick-actions{text-align:center!important}
.promo{justify-content:center!important;text-align:center!important;gap:18px}

/* One identical, centered footer on every domain-flow page. */
.footer-grid,
.footer-grid>div,
.footer-grid h4,
.footer-grid p,
.footer-grid a,
.footer-bottom{
  text-align:center!important;
}
.footer-grid .brand{justify-content:center!important;margin-left:auto;margin-right:auto}
.footer-grid>.newsletter .btn{margin-left:auto!important;margin-right:auto!important}
.footer-bottom{justify-content:center!important;align-items:center!important;flex-wrap:wrap}

/* Do not change text-entry ergonomics. */
input.field,
select.field,
textarea.field{
  text-align:left!important;
}

@media(max-width:640px){
  main,.footer{ text-align:center!important; }
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid>div:first-child{grid-column:1/-1!important}
  .footer-grid>.newsletter{grid-column:auto!important}
  .promo{align-items:center!important}
  .auth-meta{align-items:center!important}
}