/* VONSAWEB · 12.10.2026 · presentation only, scoped by page family. */
[data-vw-layout] :is(h1,h2,h3,h4){overflow-wrap:break-word;text-wrap:balance}
[data-vw-layout] :is(button,.btn,.primary-button,.outline-button){max-width:100%;text-align:center}
[data-vw-layout] img[data-vw-logo]{display:block;object-fit:contain;object-position:center;flex-shrink:0;filter:none;mix-blend-mode:normal}
.vw-brand-name{font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:900;letter-spacing:-.5px;white-space:nowrap;color:#f6f9ff;line-height:1.2}

/* The same mark and an uncrowded navigation on the domain/account pages. */
[data-vw-layout="flow"] .topbar .nav{gap:18px}
[data-vw-layout="flow"] .topbar .brand{min-width:190px;flex-shrink:0}
[data-vw-layout="flow"] .topbar .brand-word{font-size:22px;white-space:nowrap}
[data-vw-layout="flow"] .topbar .navlinks{gap:16px;justify-content:center}
[data-vw-layout="flow"] .topbar .navlinks a{white-space:nowrap;text-align:center}
[data-vw-layout="flow"] .nav-actions{flex-shrink:0}
[data-vw-layout="flow"] .circle-icon,[data-vw-layout="flow"] .step-bubble{flex-shrink:0}
[data-vw-layout="flow"] .hero-grid>*,[data-vw-layout="flow"] .auth-grid>*{min-width:0}
[data-vw-layout="flow"] .hero-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;max-width:620px;margin-inline:auto}
[data-vw-layout="flow"] .mini-badge{flex-direction:column;gap:8px;line-height:1.45}
[data-vw-layout="flow"] .hero-badges:has(>.mini-badge:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
[data-vw-layout="flow"] .plan-head{flex-direction:column;gap:12px;min-height:100px}
[data-vw-layout="flow"] .plan-head .small{margin-top:6px;line-height:1.5}
[data-vw-layout="flow"] .auth-benefit{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;max-width:490px;margin:22px auto}
[data-vw-layout="flow"] .auth-benefit .small{line-height:1.6;margin-top:4px}
[data-vw-layout="flow"] .feature-strip .item{flex-direction:column;gap:9px;line-height:1.45}
[data-vw-layout="flow"] .feature-list li{line-height:1.55}
[data-vw-layout="flow"] .footer-grid .brand{display:flex;flex-direction:column;gap:8px}
[data-vw-layout="flow"] .footer-grid .brand img{margin-inline:auto}
[data-vw-layout="flow"] .footer-grid .brand-word{font-size:23px}
[data-vw-layout="flow"] .footer-grid .brand-sub{margin-top:4px}
[data-vw-layout="flow"] .summary-line{gap:14px;line-height:1.45}
[data-vw-layout="flow"] .summary-line>strong{flex-shrink:0}

/* Restore a comfortable reading width in the about panel. */
[data-vw-layout="subpage"] .about-panel>p{width:100%;max-width:680px;margin:8px auto 0;font-size:16px;line-height:1.7}
[data-vw-layout="subpage"] .about-panel h2{max-width:740px;margin-inline:auto}
[data-vw-layout="subpage"] .card:not(.about-panel)>p{min-height:3.2em}
[data-vw-layout="subpage"] .card h2{min-height:2.5em;display:flex;align-items:center;justify-content:center;width:100%;line-height:1.25}
[data-vw-layout="subpage"] .about-panel h2{min-height:0;display:block}
[data-vw-layout="subpage"] .about-steps{width:100%}
[data-vw-layout="subpage"] .card ul{margin-inline:auto}
[data-vw-layout="subpage"] .form .field :is(input,textarea){text-align:left}
[data-vw-layout="subpage"] .contactDetails a{overflow-wrap:anywhere;max-width:100%;text-align:center}

/* Keep the small service label and its headline on the same page axis. */
[data-vw-layout="service"] .hero h1{margin-left:auto;margin-right:auto;text-align:center}
[data-vw-layout="service"] .hero .eyebrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 9px;width:fit-content;max-width:100%;margin-inline:auto;text-align:center;letter-spacing:.12em;line-height:1.6}
[data-vw-layout="service"] .vw-eyebrow-brand{white-space:nowrap}
[data-vw-layout="service"] .vw-eyebrow-copy{min-width:0;text-wrap:balance}

/* Header/footer lockups use the real homepage logo, with live text beside it. */
[data-vw-layout="ai"] .brand{display:inline-flex;align-items:center;gap:9px;width:auto;min-width:190px}
[data-vw-layout="ai"] .brand img[data-vw-logo]{width:44px;height:44px;flex:0 0 44px}
[data-vw-layout="ai"] .main-nav{gap:22px}
[data-vw-layout="ai"] .hero-heading-line{flex-wrap:wrap;white-space:normal}
[data-vw-layout="ai"] .hero .hero-heading{line-height:1.14}
[data-vw-layout="ai"] .feature-card{display:flex;flex-direction:column;align-items:center;text-align:center}
[data-vw-layout="ai"] .feature-card h3{min-height:2.5em;display:flex;align-items:center;justify-content:center;line-height:1.25}
[data-vw-layout="ai"] .hero-mock img{height:auto;object-fit:contain;object-position:center}
[data-vw-layout="builder"] .topbar .brand{gap:9px}
[data-vw-layout="builder"] .topbar img.topbar-logo[data-vw-logo]{width:44px;height:44px;flex:0 0 44px}
[data-vw-layout="support"] .header .mark{background:none;border:0;box-shadow:none;border-radius:0}
[data-vw-layout="support"] .header .mark img{width:40px;height:40px}

@media (min-width:768px) and (max-width:1279px){
 [data-vw-layout="flow"] .topbar .navlinks{display:none}
 [data-vw-layout="flow"] .topbar .brand{flex:1}
 [data-vw-layout="flow"] .menu-btn{display:block;min-width:44px;min-height:44px}
 [data-vw-layout="flow"] .nav-actions .lang{display:inline-flex}
 [data-vw-layout="flow"] .mobile-menu{position:fixed;top:72px;left:0;right:0;z-index:29;background:#04182b;border-bottom:1px solid #0a4e77;padding:14px 18px;max-height:calc(100dvh - 72px);overflow-y:auto}
 [data-vw-layout="flow"] .mobile-menu.show{display:grid;gap:8px}
 [data-vw-layout="flow"] .mobile-menu a{padding:12px;border-radius:8px;background:#06233e;text-align:center}
}
@media (max-width:1380px){[data-vw-layout="flow"] .vonsa-cart-label{display:none}}

@media (max-width:767px){
 [data-vw-layout] :is(.hero,.section,.card,.plan,.auth-card,.search-panel){min-width:0}
 [data-vw-layout] :is(.eyebrow,.section-kicker){max-width:100%;line-height:1.65;text-align:center;overflow-wrap:break-word}
 /* Give the wordmark its own centered row; controls remain reachable below. */
 [data-vw-layout="flow"] .topbar .nav{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 44px;gap:8px;height:auto;min-height:112px;padding:8px 0}
 [data-vw-layout="flow"] .topbar .brand{width:100%;min-width:0;justify-content:center;text-align:center}
 [data-vw-layout="flow"] .topbar .brand-word{font-size:21px}
 [data-vw-layout="flow"] .topbar .brand-sub{font-size:9px;line-height:1.3;margin-top:3px}
 [data-vw-layout="flow"] .topbar .brand img{width:40px;height:40px;flex-basis:40px}
 [data-vw-layout="flow"] .nav-actions{width:100%;gap:16px;justify-content:center;min-width:0}
 [data-vw-layout="flow"] .nav-actions .btn.primary{display:none}
 [data-vw-layout="flow"] .nav-actions .lang{display:inline-flex;min-width:70px;min-height:42px;font-size:13px}
 [data-vw-layout="flow"] .menu-btn{display:block;min-width:44px;min-height:44px;line-height:1}
 [data-vw-layout="flow"] .mobile-menu{position:fixed;top:112px;max-height:calc(100dvh - 112px);overflow-y:auto}
 [data-vw-layout="flow"] .mobile-menu a{text-align:center}
 [data-vw-layout="flow"] .hero{padding:32px 0 26px}
 [data-vw-layout="flow"] .hero h1{font-size:clamp(29px,7.4vw,38px);line-height:1.18}
 [data-vw-layout="flow"] .hero p{line-height:1.65;margin:16px auto 0;max-width:38rem}
 [data-vw-layout="flow"] .hero-badges{display:flex;flex-wrap:wrap;gap:20px 14px;margin-top:24px}
 [data-vw-layout="flow"] .mini-badge{flex:0 1 calc(50% - 7px);min-width:0;font-size:14px}
 [data-vw-layout="flow"] .mini-badge .small{font-size:12px;line-height:1.55;margin-top:3px}
 [data-vw-layout="flow"] .plan-toggle{flex-wrap:wrap;align-items:center;gap:10px}
 [data-vw-layout="flow"] .plan-toggle .status-pill{flex-basis:100%;max-width:260px}
 [data-vw-layout="flow"] .plan-head{min-height:0}
 [data-vw-layout="flow"] .plan-head>div{width:100%}
 [data-vw-layout="flow"] .plan-head>.circle-icon{width:42px}
 [data-vw-layout="flow"] .auth-wrap{padding:30px 0 38px;min-height:0}
 [data-vw-layout="flow"] .auth-grid{gap:24px}
 [data-vw-layout="flow"] .auth-copy h1{font-size:clamp(30px,8vw,38px);line-height:1.18}
 [data-vw-layout="flow"] .auth-copy p{font-size:16px;line-height:1.65}
 [data-vw-layout="flow"] .auth-benefit{display:flex;flex-direction:column;gap:8px;margin:22px auto;max-width:34rem}
 [data-vw-layout="flow"] .auth-benefit>div:last-child{width:100%}
 [data-vw-layout="flow"] .auth-card{width:100%;padding:22px 18px}
 [data-vw-layout="flow"] .form-section h3{flex-direction:column;gap:10px;line-height:1.35}
 [data-vw-layout="flow"] .summary-line{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:5px;padding:12px 0}
 [data-vw-layout="flow"] .footer-grid p,[data-vw-layout="flow"] .footer-grid a{font-size:14px;line-height:1.65}
 [data-vw-layout="flow"] .footer-grid .newsletter .btn{font-size:13px;line-height:1.4}
 [data-vw-layout="flow"] .feature-list li{max-width:34rem;margin-inline:auto}

 [data-vw-layout="home"] .proTitle{max-width:100%;text-align:center;text-wrap:balance;line-height:1.1}
 [data-vw-layout="home"] .proLead{max-width:38rem;margin-inline:auto;text-align:center;line-height:1.65}
 [data-vw-layout="home"] .vonsaInfoBarInner{width:calc(100% - 28px);max-width:1180px;margin:0 auto;padding:10px 4px;white-space:normal;text-align:center;justify-content:center;animation:none;transform:none;font-size:13px;line-height:1.55;overflow-wrap:break-word}
 [data-vw-layout="home"] #process.vonsaProcessPro .stepHead{display:flex;position:static;justify-content:center;margin:0 auto 10px}
 [data-vw-layout="home"] #process.vonsaProcessPro .step h4{display:block;width:100%;margin:0 auto;text-align:center}
 [data-vw-layout="home"] #process.vonsaProcessPro .step p{max-width:38ch;margin:9px auto 0;text-align:center}
 [data-vw-layout="home"] #work .projectBody :is(h3,p){margin-inline:auto;text-align:center}
 [data-vw-layout="home"] #work .projectTags{justify-content:center}

 [data-vw-layout="service"] .hero{padding:42px 0 30px}
 [data-vw-layout="service"] .hero .eyebrow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;width:100%;font-size:11px;letter-spacing:.08em;line-height:1.55}
 [data-vw-layout="service"] .vw-eyebrow-separator{display:none}
 [data-vw-layout="service"] .vw-eyebrow-brand{letter-spacing:.16em}
 [data-vw-layout="service"] .vw-eyebrow-copy{width:100%;max-width:34ch;margin-inline:auto}
 [data-vw-layout="service"] .hero h1{font-size:clamp(30px,8.4vw,44px);line-height:1.15;letter-spacing:-1px}
 [data-vw-layout="service"] .section{padding:28px 0}
 [data-vw-layout="service"] .card{padding:24px 20px}
 [data-vw-layout="service"] .card h2{font-size:25px;line-height:1.3}
 [data-vw-layout="service"] .card li{list-style:none;padding:10px 0!important;margin:0;border-bottom:1px solid rgba(255,255,255,.09);text-align:center!important}
 [data-vw-layout="service"] .card li:last-child{border-bottom:0}
 [data-vw-layout="service"] .cta{padding:38px 0 44px}
 [data-vw-layout="service"] .actions{width:100%;justify-content:center;gap:10px}
 [data-vw-layout="service"] .actions .btn{width:min(100%,340px)}
 [data-vw-layout="service"] .navlinks a{padding:8px 4px;text-align:center}

 [data-vw-layout="subpage"] .title{font-size:clamp(32px,8.8vw,43px);line-height:1.18}
 [data-vw-layout="subpage"] .card:not(.about-panel)>p{min-height:0;max-width:36rem}
 [data-vw-layout="subpage"] .card h2{min-height:0;font-size:24px}
 [data-vw-layout="subpage"] .about-panel{padding:24px 19px}
 [data-vw-layout="subpage"] .about-panel>p{font-size:15px;line-height:1.7}
 [data-vw-layout="subpage"] .contactDetails{width:100%;max-width:420px;margin-inline:auto}
 [data-vw-layout="subpage"] .formActions .btn{min-width:0;width:100%;line-height:1.4}
 [data-vw-layout="subpage"] .foot .wrap{flex-direction:column;align-items:center;gap:10px}
 [data-vw-layout="subpage"] .foot-links{justify-content:center;gap:10px 16px}

 [data-vw-layout="ai"] .topbar{height:auto;min-height:112px;display:grid;grid-template-columns:44px max-content;grid-template-rows:44px 44px;justify-content:center;padding:8px 0;gap:8px 16px}
 [data-vw-layout="ai"] .topbar>.brand{grid-column:1/-1;justify-content:center;min-width:0}
 [data-vw-layout="ai"] .menu-toggle{margin:0;width:44px;height:44px}
 [data-vw-layout="ai"] .main-nav{top:100%;gap:0;max-height:calc(100dvh - 120px);overflow-y:auto}
 [data-vw-layout="ai"] .header-actions{justify-content:center;width:auto;gap:16px}
 [data-vw-layout="ai"] .lang-button{min-height:44px}
 [data-vw-layout="ai"] .hero .hero-heading{font-size:clamp(29px,7.7vw,44px);letter-spacing:-.03em}
 [data-vw-layout="ai"] .hero-heading-last{font-size:1.1em}
 [data-vw-layout="ai"] .hero h2{line-height:1.5}
 [data-vw-layout="ai"] .hero-checks{gap:12px;line-height:1.5}
 [data-vw-layout="ai"] .hero-checks span{justify-content:center}
 [data-vw-layout="ai"] .hero-visual .hero-mock{width:100%;margin:12px auto}
 [data-vw-layout="ai"] .feature-card h3{font-size:16px;min-height:2.7em}
 [data-vw-layout="ai"] .feature-card p{font-size:14px;line-height:1.55}
 [data-vw-layout="ai"] footer .brand{justify-content:center;margin-inline:auto}
 [data-vw-layout="ai"] .footer-nav{justify-content:center}
 [data-vw-layout="builder"] .topbar .nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:9px 0}
 [data-vw-layout="builder"] .topbar .brand{position:static;transform:none;flex:0 0 100%;justify-content:center;margin:0;max-width:100%}
 [data-vw-layout="builder"] .topbar .top-actions{width:100%;margin:0;justify-content:center;gap:12px}
 [data-vw-layout="builder"] .simple-intro :is(h1,p){text-align:center;margin-inline:auto}
 [data-vw-layout="builder"] #projectTools .project-tools-head{flex-direction:column;align-items:center;text-align:center}
 [data-vw-layout="builder"] #projectTools .project-actions{justify-content:center;text-align:center}
 [data-vw-layout="builder"] #projectTools .project-policy{line-height:1.6}
 [data-vw-layout="support"] .header{flex-wrap:wrap;justify-content:center;gap:12px}
 [data-vw-layout="support"] .header .brand{flex:1 1 100%;justify-content:center;text-align:center}
 [data-vw-layout="support"] .header-actions{justify-content:center;margin-inline:auto}
 [data-vw-layout="support"] .answer-language{justify-content:center;flex-wrap:wrap;text-align:center}
 [data-vw-layout="support"] .suggestions button{white-space:normal;text-align:center;line-height:1.45}
 [data-vw-layout="support"] .privacy{line-height:1.65}
 [data-vw-layout="legal"] .langPanel>h1{text-align:center;font-size:clamp(29px,8vw,38px);line-height:1.25;overflow-wrap:anywhere}
 [data-vw-layout="legal"] .box h2{text-align:center;line-height:1.45}
 [data-vw-layout="legal"] .box p{overflow-wrap:anywhere}
}
@media(max-width:359px){
 [data-vw-layout="ai"] .features{grid-template-columns:1fr}
 [data-vw-layout="ai"] .feature-card h3{min-height:0}
 [data-vw-layout="flow"] .hero-badges{flex-direction:column;align-items:center}
 [data-vw-layout="flow"] .mini-badge{width:100%}
 [data-vw-layout="flow"] .footer-grid{grid-template-columns:minmax(0,1fr)!important}
 [data-vw-layout="flow"] .footer-grid>.newsletter{grid-column:1/-1!important}
}