:root{--vau-bg:#fbfbff;--vau-ink:#1a1830;--vau-muted:#6f7085;--vau-line:rgba(26,24,48,.1);--vau-violet:#7657ff;--vau-pink:#ee88ce;--vau-cyan:#6cd8e8;--vau-radius:24px;--vau-shadow:0 18px 60px rgba(50,35,100,.1)}
[hidden]{display:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--vau-bg);color:var(--vau-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.vau-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.vau-shell--narrow{max-width:820px}.vau-skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:10px 16px;border-radius:10px}.vau-skip-link:focus{top:20px}.vau-header{position:sticky;top:0;z-index:20;background:rgba(251,251,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.vau-header.is-scrolled{border-color:var(--vau-line);box-shadow:0 8px 30px rgba(40,30,80,.05)}.vau-header__inner{min-height:76px;display:flex;align-items:center;gap:25px}.vau-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;font-weight:800;letter-spacing:-.04em}.vau-brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--vau-violet),var(--vau-pink) 58%,var(--vau-cyan));color:white;font-size:20px;font-style:italic}.vau-brand__text{display:flex;flex-direction:column;line-height:1.05}.vau-brand__name{font-size:22px}.vau-brand__tagline{font-size:9px;font-weight:600;letter-spacing:.01em;color:var(--vau-muted);margin-top:3px;white-space:nowrap}.vau-brand .custom-logo{max-height:38px;width:auto}.vau-nav{margin-left:0}.vau-menu{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.vau-menu__item{position:relative}.vau-menu__trigger{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--vau-ink);font:inherit;font-size:13px;padding:12px 10px;border-radius:12px;cursor:pointer}.vau-menu__trigger:hover,.vau-menu__trigger:focus-visible{background:#fff;outline:2px solid rgba(118,87,255,.28);outline-offset:2px}.vau-menu__chevron{font-size:16px;color:var(--vau-muted);transition:transform .2s}.vau-menu__trigger[aria-expanded=true] .vau-menu__chevron{transform:rotate(180deg)}.vau-menu__panel{position:absolute;left:0;right:auto;top:calc(100% + 13px);width:min(570px,calc(100vw - 40px));padding:20px;background:#fff;border:1px solid var(--vau-line);border-radius:20px;box-shadow:var(--vau-shadow);display:grid;grid-template-columns:170px 1fr;gap:20px}.vau-menu__panel-intro{display:flex;flex-direction:column;gap:8px;padding:10px 2px}.vau-menu__panel-intro strong{font-size:16px;line-height:1.3}.vau-menu__links{display:grid;gap:3px}.vau-menu__links ul{list-style:none;margin:0;padding:0}.vau-menu__link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border-radius:12px;font-size:13px}.vau-menu__link:hover,.vau-menu__link:focus-visible{background:#f6f3ff;outline:0}.vau-menu__link strong,.vau-menu__link small{display:block}.vau-menu__link small{color:var(--vau-muted);font-size:11px;margin-top:2px}.vau-login,.vau-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.vau-login{padding:11px 16px;background:var(--vau-ink);color:#fff;white-space:nowrap}.vau-login:hover,.vau-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(26,24,48,.14)}.vau-mobile-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:8px}.vau-mobile-toggle i{display:block;width:24px;height:2px;background:var(--vau-ink);margin:5px;border-radius:4px}.vau-hero{position:relative;overflow:hidden;padding:130px 0 115px}.vau-hero__inner{position:relative;z-index:1;text-align:center;max-width:860px}.vau-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--vau-line);box-shadow:0 8px 30px rgba(50,35,100,.06);padding:7px 13px;border-radius:100px;font-size:11px;font-weight:700;color:var(--vau-muted)}.vau-pill__dot{width:7px;height:7px;border-radius:50%;background:var(--vau-pink);box-shadow:0 0 0 4px rgba(238,136,206,.16)}h1,h2,h3,p{margin-top:0}.vau-hero h1{font-size:clamp(48px,8vw,92px);line-height:1.06;letter-spacing:-.075em;margin:28px 0 25px}.vau-hero h1 em,.vau-section h2 em,.vau-cta h2 em,.vau-404 h1 em{font-style:normal;background:linear-gradient(100deg,var(--vau-violet),var(--vau-pink) 60%,#68cbdc);-webkit-background-clip:text;background-clip:text;color:transparent}.vau-hero__lead{max-width:610px;margin:0 auto;color:var(--vau-muted);font-size:18px}.vau-hero__actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.vau-button{padding:14px 21px;cursor:pointer;text-decoration:none}.vau-button:focus-visible{outline:3px solid rgba(118,87,255,.42);outline-offset:3px}.vau-button--primary{background:var(--vau-violet);color:#fff}.vau-button--secondary{background:#fff;color:var(--vau-ink);border:1px solid rgba(118,87,255,.3)}.vau-button--secondary:hover{background:#f5f2ff;border-color:rgba(118,87,255,.55)}.vau-button--ghost{border:1px solid var(--vau-line);background:#fff}.vau-button--light{background:#fff;color:var(--vau-ink)}.vau-hero__note{margin-top:25px;color:var(--vau-muted);font-size:12px}.vau-hero__note span{color:var(--vau-violet)}.vau-orb{position:absolute;filter:blur(1px);border-radius:50%;opacity:.48}.vau-orb--one{width:500px;height:500px;left:-170px;top:80px;background:radial-gradient(circle,#d7d1ff,transparent 68%)}.vau-orb--two{width:600px;height:600px;right:-180px;top:-80px;background:radial-gradient(circle,#fbd7ec,transparent 68%)}.vau-section{padding:100px 0}.vau-section--soft{background:#f3f2fa}.vau-section__heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.vau-section__heading h2{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.06em;margin:10px 0 0}.vau-section__heading>p{max-width:300px;color:var(--vau-muted);margin:0}.vau-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--vau-violet)}.vau-card-grid{display:grid;gap:16px}.vau-card-grid--three{grid-template-columns:repeat(3,1fr)}.vau-feature-card{min-height:320px;border-radius:var(--vau-radius);padding:26px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.8);transition:transform .25s,box-shadow .25s}.vau-feature-card:hover{transform:translateY(-5px);box-shadow:var(--vau-shadow)}.vau-feature-card--violet{background:linear-gradient(145deg,#e9e5ff,#f9f7ff)}.vau-feature-card--pink{background:linear-gradient(145deg,#ffe5f4,#fff8fc)}.vau-feature-card--cyan{background:linear-gradient(145deg,#dff9fb,#f8ffff)}.vau-card-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#fff;color:var(--vau-violet);font-size:27px;margin-bottom:auto;box-shadow:0 5px 15px rgba(50,35,100,.07)}.vau-feature-card h3{font-size:22px;line-height:1.15;letter-spacing:-.04em;margin:13px 0 9px}.vau-feature-card p{font-size:13px;color:var(--vau-muted);margin-bottom:20px}.vau-card-link{font-size:12px;font-weight:800;margin-top:auto}.vau-tool-list{border-top:1px solid var(--vau-line)}.vau-tool-list>a{display:grid;grid-template-columns:65px 1fr 30px;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid var(--vau-line);transition:padding .2s}.vau-tool-list>a:hover{padding-left:10px}.vau-tool-list__number{color:var(--vau-violet);font-size:12px;font-weight:800}.vau-tool-list strong,.vau-tool-list small{display:block}.vau-tool-list strong{font-size:15px}.vau-tool-list small{font-size:12px;color:var(--vau-muted);margin-top:3px}.vau-tool-list__arrow{text-align:right;font-size:19px}.vau-cta{padding:80px 0;background:linear-gradient(120deg,#7657ff,#8b70fa 40%,#ee88ce);color:#fff}.vau-cta__inner{display:flex;align-items:center;gap:25px}.vau-cta__spark{font-size:42px}.vau-cta h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.06em;margin:10px 0 0}.vau-cta h2 em{background:linear-gradient(100deg,#fff,#d9faff);-webkit-background-clip:text;background-clip:text}.vau-cta .vau-button{margin-left:auto}.vau-footer{padding:58px 0 25px;background:#fff;border-top:1px solid var(--vau-line)}.vau-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.vau-footer p{color:var(--vau-muted);font-size:12px;max-width:220px;margin:18px 0 0}.vau-footer__grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:13px}.vau-footer__grid .vau-eyebrow{margin-bottom:4px}.vau-footer__bottom{display:flex;justify-content:space-between;border-top:1px solid var(--vau-line);padding-top:18px;margin-top:45px;color:var(--vau-muted);font-size:11px}.vau-content-page{padding:100px 0;min-height:58vh}.vau-content-page h1{font-size:clamp(40px,6vw,70px);line-height:1;letter-spacing:-.06em;margin:15px 0 35px}.vau-prose{font-size:17px}.vau-prose a{color:var(--vau-violet);text-decoration:underline;text-underline-offset:3px}.vau-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vau-post-card{background:#fff;border:1px solid var(--vau-line);border-radius:18px;padding:25px}.vau-post-card h2{font-size:22px;line-height:1.15;margin:15px 0}.vau-post-card p{color:var(--vau-muted);font-size:13px}.vau-404{text-align:center}.vau-404 p{color:var(--vau-muted)}
@media (max-width:900px){.vau-nav{order:3;width:100%;display:none}.vau-nav.is-open{display:block}.vau-header__inner{flex-wrap:wrap}.vau-mobile-toggle{display:block}.vau-login{margin-left:0}.vau-menu{display:block;padding:8px 0 16px}.vau-menu__trigger{width:100%;justify-content:space-between;padding:14px 4px}.vau-menu__panel{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid var(--vau-line);border-radius:0;padding:12px 0 8px;grid-template-columns:1fr}.vau-menu__panel-intro{display:none}.vau-card-grid--three,.vau-post-grid{grid-template-columns:1fr}.vau-section__heading{display:block}.vau-section__heading>p{margin-top:20px}.vau-cta__inner{align-items:flex-start;flex-direction:column}.vau-cta .vau-button{margin-left:0}.vau-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vau-shell{width:min(100% - 32px,1180px)}.vau-header__inner{min-height:68px;gap:12px}.vau-brand__name{font-size:20px}.vau-login{padding:9px 12px;font-size:12px}.vau-hero{padding:92px 0 80px}.vau-hero h1{font-size:52px;line-height:1.04}.vau-hero__lead{font-size:16px}.vau-hero__actions{flex-direction:column}.vau-button{width:100%}.vau-section{padding:72px 0}.vau-feature-card{min-height:270px}.vau-tool-list>a{grid-template-columns:38px 1fr 20px;gap:10px}.vau-tool-list small{font-size:11px}.vau-footer__grid{grid-template-columns:1fr}.vau-footer__bottom{display:block}.vau-footer__bottom span{display:block;margin-top:5px}}
/* Mega-menu: shared left edge and contextual preview. */
.vau-nav{position:relative}
.vau-menu>li{position:static}
.vau-menu__panel{left:0;right:auto;width:min(820px,calc(100vw - 300px));grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;padding:20px}
.vau-menu__panel::before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}
.vau-menu__preview{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:26px;border:1px solid #ebe7f5;border-radius:14px;background:linear-gradient(145deg,#f4f1fd,#fceff7);min-height:260px}
.vau-menu__preview-title{font-size:20px;line-height:1.25;letter-spacing:-.025em}
.vau-menu__preview-text{font-size:14px;color:#59596c;line-height:1.6;margin:0}
.vau-menu__preview-mark{font-size:42px;color:#a395d2;margin-top:auto}
.vau-menu__chevron{flex-shrink:0;width:14px;height:14px;transition:transform .18s ease;color:currentColor}
.vau-menu__link:focus-visible{outline:2px solid var(--vau-violet);outline-offset:-2px}
@media(max-width:900px){.vau-nav{position:static}.vau-menu__panel{width:100%;grid-template-columns:1fr}.vau-menu__panel::before{display:none}.vau-menu__preview{display:none}.vau-menu__link small{display:block}}
@media(prefers-reduced-motion:reduce){.vau-menu__chevron{transition:none}}
.vau-menu__section-title{display:block;padding:4px 12px 14px;color:var(--vau-muted);font-size:12px;font-weight:500;line-height:1.4}
.vau-menu__links{align-content:start}
.vau-menu__panel .vau-menu__link{padding:13px 12px}
.vau-menu__placeholder{display:flex;align-items:center;padding:12px 10px;font-size:13px;line-height:1.6;border-radius:12px;cursor:default}
.vau-header__inner{width:min(1320px,calc(100% - 48px));gap:24px}
.vau-nav{min-width:0}
.vau-menu>li{min-width:0}
.vau-menu__trigger{text-align:left}
@media(min-width:901px){.vau-menu>li{flex:0 1 auto}.vau-menu__placeholder{max-width:185px}.vau-menu__trigger,.vau-menu__placeholder{padding-left:7px;padding-right:7px}}
@media(max-width:900px){.vau-menu__placeholder{padding:14px 4px}.vau-header__inner{gap:12px}}
@media(max-width:560px){.vau-header__inner{width:calc(100% - 32px)}}

/* Final visual layer: quiet geometry and compact controls inspired by the reference layout. */
:root{
  --vau-bg:#fdfcfb;
  --vau-ink:#161616;
  --vau-muted:#737373;
  --vau-line:rgba(22,22,22,.12);
  --vau-radius:18px;
  --vau-shadow:0 12px 34px rgba(22,22,22,.08);
}
body{background:var(--vau-bg);color:var(--vau-ink)}
.vau-header{background:rgba(253,252,251,.9);border-bottom-color:rgba(22,22,22,.06);backdrop-filter:blur(16px)}
.vau-header__inner{width:min(1180px,calc(100% - 40px));min-height:64px;gap:22px}
.vau-brand{gap:9px}.vau-brand .custom-logo,.vau-brand img{max-height:34px;width:auto}
.vau-brand__name{font-size:21px}.vau-brand__tagline{font-size:8px;color:#858585}
.vau-menu{gap:2px}.vau-menu__trigger,.vau-menu__placeholder{font-size:14px;font-weight:450;padding:7px 9px;border-radius:8px}
.vau-menu__trigger:hover,.vau-menu__trigger:focus-visible,.vau-menu__placeholder:hover{background:#fff;outline:1px solid rgba(22,22,22,.14);outline-offset:0}
.vau-menu__chevron{width:11px;height:11px;color:#666}
.vau-header__actions{gap:8px}.vau-order{border-radius:8px;padding:7px 11px;font-size:14px;font-weight:500;line-height:1.35;background:#fff;color:#292929;border-color:rgba(22,22,22,.18)}
.vau-order:hover{background:#f6f4f2;border-color:rgba(22,22,22,.28);box-shadow:0 5px 14px rgba(22,22,22,.1)}
.vau-order--accent{background:#171717;color:#fff;border-color:#171717}.vau-order--accent:hover{background:#303030;border-color:#303030}
.vau-menu__panel{top:calc(100% + 8px);width:min(820px,calc(100vw - 240px));padding:16px;border-radius:18px;border-color:rgba(22,22,22,.12);box-shadow:0 18px 46px rgba(22,22,22,.12);background:#fff}
.vau-menu__panel .vau-menu__link{padding:10px 11px;border-radius:8px;font-size:14px}.vau-menu__link:hover,.vau-menu__link:focus-visible{background:#f5f3f1}
.vau-menu__section-title{padding:2px 11px 10px;font-size:12px;color:#737373}.vau-menu__preview{padding:20px;min-height:230px;border-radius:12px;border-color:rgba(22,22,22,.08);background:#f6f4f1}.vau-menu__preview-title{font-size:17px}.vau-menu__preview-text{font-size:13px;color:#737373}.vau-menu__preview-mark{display:none}
.vau-hero{padding:125px 0 110px;background:radial-gradient(720px 330px at 50% 76%,rgba(89,119,255,.52),transparent 66%),radial-gradient(760px 300px at 50% 100%,rgba(241,74,181,.42),transparent 70%)}
.vau-hero__inner{max-width:820px}.vau-hero h1{font-weight:600;letter-spacing:-.055em}.vau-hero__lead{font-size:17px;color:#747474}.vau-button{border-radius:8px;padding:11px 17px;font-size:14px;font-weight:500}.vau-button--primary{background:#171717}.vau-button--primary:hover{background:#303030}.vau-button--ghost{border-color:rgba(22,22,22,.18)}
.vau-section{padding:88px 0}.vau-section__heading h2{font-weight:600;letter-spacing:-.045em}.vau-feature-card{border-radius:18px;box-shadow:0 8px 24px rgba(22,22,22,.06);transition:transform .18s,box-shadow .18s}.vau-feature-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(22,22,22,.1)}
.vau-feature-card h3{font-weight:600}.vau-tool-list>a:hover{padding-left:0;background:#f7f5f3}.vau-cta{background:linear-gradient(120deg,#7657ff,#8c72f4 45%,#ee88ce)}

/* Service pages share the same quiet surface and typography as the front page. */
.vau-service-page{background:radial-gradient(720px 320px at 50% 0%,rgba(118,87,255,.12),transparent 70%),var(--vau-bg);padding-top:28px}
.vau-service-shell .noise,.vau-service-shell canvas#bokeh,.vau-service-shell .hero-grad{display:none}
.vau-service-shell .hero2026{background:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(22,22,22,.08);border-color:rgba(22,22,22,.1);border-radius:18px}
.vau-service-shell .hero2026__grid{opacity:.035}.vau-service-shell .card,.vau-service-shell .module,.vau-service-shell .tool-card{border-radius:18px;box-shadow:0 8px 26px rgba(22,22,22,.06);background:rgba(255,255,255,.94)}
.vau-service-shell h1.page-title,.vau-service-shell .module-head h1{font-weight:600;letter-spacing:-.045em}.vau-service-shell h2,.vau-service-shell h3{font-weight:600}.vau-service-shell button,.vau-service-shell .btn,.vau-service-shell [type=submit]{border-radius:8px;box-shadow:none}.vau-service-shell button:hover,.vau-service-shell .btn:hover,.vau-service-shell [type=submit]:hover{box-shadow:0 7px 18px rgba(22,22,22,.1)}
.vau-service-shell input,.vau-service-shell select,.vau-service-shell textarea{border-radius:8px;box-shadow:none}.vau-service-shell .vau-page-notice{border-radius:12px;box-shadow:0 8px 22px rgba(22,22,22,.06)}
@media(max-width:900px){.vau-header__inner{width:min(100% - 32px,1180px)}.vau-menu__panel{width:100%;border-radius:0}.vau-hero{padding:92px 0 78px}}

/* Keep navigation beside the brand; remaining space belongs before sign-in. */
@media(min-width:901px){
  .vau-header__inner>.vau-login{margin-left:auto;flex-shrink:0}
  .vau-menu{gap:8px}
  .vau-menu__trigger,.vau-menu__placeholder{line-height:1.4}
  .vau-menu__placeholder{text-wrap:balance}
}
.vau-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.vau-order{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ded7f6;background:#f1edff;color:#503b99;border-radius:100px;padding:11px 16px;font:inherit;font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.vau-order:hover{background:#e7e1ff;border-color:#c9baf4;transform:translateY(-1px);box-shadow:0 8px 20px rgba(80,59,153,.14)}
.vau-order:focus-visible{outline:3px solid rgba(118,87,255,.42);outline-offset:3px}.vau-order--accent{background:var(--vau-violet);border-color:var(--vau-violet);color:#fff}.vau-order--accent:hover{background:#6546ed;border-color:#6546ed;box-shadow:0 8px 20px rgba(118,87,255,.25)}
@media(max-width:900px){.vau-header__actions{order:4;width:100%;margin:0;padding-bottom:14px;justify-content:flex-end}.vau-header__actions .vau-order{flex:1}}

a.vau-menu__placeholder{cursor:pointer}
a.vau-menu__placeholder:hover{background:#fff}
a.vau-menu__placeholder:focus-visible{outline:2px solid var(--vau-violet);outline-offset:2px}
/* Shared VAU service surface: original tools inherit the homepage visual system. */
@font-face{font-family:VAUInter;src:url('./Inter-roman.var.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body.vau-site{font-family:VAUInter,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--vau-bg,#fbfbff);color:var(--vau-ink,#1a1830)}
.vau-service-page{position:relative;min-height:calc(100vh - 76px);padding:16px 0 90px;background:radial-gradient(760px 420px at 92% 0%,rgba(118,87,255,.09),transparent 65%),radial-gradient(700px 420px at 0% 40%,rgba(238,136,206,.07),transparent 68%)}
.vau-service-assets{display:none}
.vau-service-shell{position:relative;z-index:1}
.vau-service-shell>main,.vau-service-shell>section,.vau-service-shell>.page-wrap{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}
.vau-service-shell h1,.vau-service-shell h2,.vau-service-shell h3,.vau-service-shell h4{font-family:inherit;color:var(--vau-ink,#1a1830);letter-spacing:-.04em}
.vau-service-shell p,.vau-service-shell li,.vau-service-shell label{color:var(--vau-muted,#6f7085)}
.vau-service-shell input,.vau-service-shell select,.vau-service-shell textarea{font:inherit;border:1px solid var(--vau-line,rgba(26,24,48,.1));border-radius:12px;background:#fff;color:var(--vau-ink,#1a1830);padding:10px 12px;box-shadow:0 4px 16px rgba(50,35,100,.04)}
.vau-service-shell input:focus,.vau-service-shell select:focus,.vau-service-shell textarea:focus{border-color:var(--vau-violet,#7657ff);outline:3px solid rgba(118,87,255,.18)}
.vau-service-shell button,.vau-service-shell .btn,.vau-service-shell [type=submit]{font:inherit;border-radius:12px;border:1px solid transparent;padding:10px 16px;background:var(--vau-violet,#7657ff);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.vau-service-shell button:hover,.vau-service-shell .btn:hover,.vau-service-shell [type=submit]:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(50,35,100,.14)}
.vau-service-shell .source-class-mode-btn:hover,
.vau-service-shell .source-class-mode-btn:focus-visible,
.vau-service-shell .source-class-delimiter-btn:hover,
.vau-service-shell .source-class-delimiter-btn:focus-visible{transform:none;box-shadow:none}
.vau-service-shell .source-term-split-btn,
.vau-service-shell .source-term-join-btn{width:5.8rem;min-width:5.8rem;padding:.3rem .45rem;white-space:nowrap;box-sizing:border-box;line-height:1.2}
.vau-service-shell .source-term-split-btn{font-size:.75rem}
.vau-service-shell .source-term-join-btn{font-size:1.1rem}
.vau-header{z-index:1000}
/* На страницах инструментов переходы между шагами не должны менять вид шапки. */
body:has(.vau-service-page) .vau-header.is-scrolled{border-bottom-color:rgba(22,22,22,.06);box-shadow:none}
.vau-service-shell .card,.vau-service-shell .panel,.vau-service-shell .workspace,.vau-service-shell .tool-card,.vau-service-shell .hero2026{border:1px solid var(--vau-line,rgba(26,24,48,.1));border-radius:var(--vau-radius,24px);background:rgba(255,255,255,.88);box-shadow:var(--vau-shadow,0 18px 60px rgba(50,35,100,.1))}
.vau-service-shell .hero2026{padding:30px;margin-bottom:24px}
.vau-service-shell .page-title{font-size:clamp(24px,3.5vw,32px);line-height:1.2}
.vau-service-shell .hero2026 .page-title{max-width:none;width:100%;}

.vau-service-shell .hero2026 .page-title{font-size:clamp(24px,3.5vw,32px);line-height:1.2}
.vau-service-shell .chip{border-color:var(--vau-line,rgba(26,24,48,.1));background:#fff;color:var(--vau-ink,#1a1830);border-radius:100px}
.vau-service-shell .module{border:1px solid var(--vau-line,rgba(26,24,48,.1));border-radius:var(--vau-radius,24px);background:rgba(255,255,255,.9);box-shadow:0 12px 40px rgba(50,35,100,.07);padding:clamp(20px,3vw,34px);margin:0 0 18px}
.vau-service-shell .module-head{margin-bottom:20px}.vau-service-shell .section-kicker{color:var(--vau-violet,#7657ff);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vau-service-shell .total-toggle{border:1px solid rgba(118,87,255,.24);border-radius:14px;background:#f3f1ff;box-shadow:none;padding:4px;gap:4px}
.vau-service-shell .toggle-button{min-height:42px;border:0;border-radius:10px;padding:10px 16px;background:transparent;color:#30285f;font-weight:750;line-height:1.2;white-space:nowrap}
.vau-service-shell .toggle-button:hover{background:#e7e1ff;color:#20164d;box-shadow:none;transform:none}
.vau-service-shell .toggle-button.is-active{background:var(--vau-violet,#7657ff);color:#fff;box-shadow:0 6px 14px rgba(118,87,255,.25)}
.vau-service-shell .toggle-button:focus-visible{outline:3px solid rgba(118,87,255,.35);outline-offset:2px}
.vau-service-shell .primary-total{border:1px solid rgba(118,87,255,.16);border-radius:18px;background:linear-gradient(135deg,#f5f2ff,#fff);padding:20px}
.vau-service-shell .print-button{border:1px solid rgba(118,87,255,.28);border-radius:12px;padding:10px 15px;background:#f3f1ff;color:#3d2ca8;text-transform:none}
.vau-service-shell .print-button:hover{background:var(--vau-violet,#7657ff);color:#fff;border-color:var(--vau-violet,#7657ff)}
.vau-service-shell .bar-track{background:#eceaf5;border-radius:99px}.vau-service-shell .bar{border-radius:99px}
.vau-service-shell .table-wrap{border-color:var(--vau-line,rgba(26,24,48,.1));border-radius:18px;box-shadow:0 10px 30px rgba(50,35,100,.05)}
.vau-service-shell .table-wrap table{border:0;border-radius:0;box-shadow:none}
.vau-service-shell table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--vau-line,rgba(26,24,48,.1));border-radius:16px;background:#fff}
.vau-service-shell th{background:#f3f2fa;color:var(--vau-ink,#1a1830)}
.vau-service-shell td,.vau-service-shell th{border-color:var(--vau-line,rgba(26,24,48,.1));padding:10px 12px}
.vau-service-shell table tbody tr{cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}
.vau-service-shell table tbody tr:hover{background:#f1edff}
.vau-service-shell table tbody tr.is-selected{background:rgba(118,87,255,.13);box-shadow:inset 3px 0 0 var(--vau-violet,#7657ff)}
.vau-service-shell table .row-select{min-width:38px;min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--vau-ink,#1a1830);box-shadow:none;transform:none}
.vau-service-shell table .row-select:hover,.vau-service-shell table .row-select:focus-visible{background:#e7e1ff;color:var(--vau-ink,#1a1830);border-color:rgba(118,87,255,.35);box-shadow:none;transform:none}
.vau-service-shell table tbody tr.is-selected .row-select{background:#e7e1ff;color:var(--vau-ink,#1a1830);border-color:rgba(118,87,255,.42)}
.vau-service-shell .payment-page{box-shadow:0 18px 60px rgba(50,35,100,.12);border-radius:16px}
@media (max-width:700px){.vau-service-page{padding:20px 0 55px}.vau-service-shell{width:min(100% - 28px,1180px)}.vau-service-shell .hero2026{padding:20px}.vau-service-shell input,.vau-service-shell select,.vau-service-shell textarea{max-width:100%}}

/* Unified service states and controls. */
.vau-service-shell .tool-status,.vau-service-shell [role="status"],.vau-service-shell .status-message{border:1px solid var(--vau-line);border-radius:14px;padding:12px 15px;background:#fff;color:var(--vau-ink);box-shadow:0 8px 22px rgba(50,35,100,.05)}
.vau-service-shell .tool-status--loading{background:#f3f1ff;color:#503b99}.vau-service-shell .tool-status--matched,.vau-service-shell .tool-status--ok,.vau-service-shell .status-success{background:#edf9f3;color:#17633d;border-color:#bce7cf}.vau-service-shell .tool-status--error,.vau-service-shell .status-error{background:#fff1f3;color:#8e2634;border-color:#f2c5cd}.vau-service-shell .status-warning{background:#fff8e8;color:#775313;border-color:#f0d897}
.vau-service-shell button:disabled,.vau-service-shell [aria-disabled="true"]{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
.vau-service-shell input[type="checkbox"],.vau-service-shell input[type="radio"]{accent-color:var(--vau-violet);width:1.05em;height:1.05em;box-shadow:none;padding:0}
.vau-service-shell a{color:#5d45c7;text-decoration-thickness:1px;text-underline-offset:3px}.vau-service-shell a:hover{color:#382391}
.vau-service-shell .noise,.vau-service-shell canvas#bokeh,.vau-service-shell .hero-grad{pointer-events:none}
.vau-service-shell .chip,.vau-service-shell .class-chip,.vau-service-shell .btn-toggle,.vau-service-shell .seg__btn,.vau-service-shell .btn-link,.vau-service-shell .payment-purpose-dialog__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid rgba(118,87,255,.2);border-radius:12px;background:#fff;color:#30285f;font:inherit;font-size:13px;font-weight:650;line-height:1.25;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.vau-service-shell .chip:hover,.vau-service-shell .class-chip:hover,.vau-service-shell .btn-toggle:hover,.vau-service-shell .seg__btn:hover,.vau-service-shell .btn-link:hover,.vau-service-shell .payment-purpose-dialog__btn:hover{background:#f1edff;color:#382391;border-color:rgba(118,87,255,.42);transform:translateY(-1px);box-shadow:0 7px 18px rgba(50,35,100,.09)}
.vau-service-shell .btn-toggle[aria-pressed="true"],.vau-service-shell .seg__btn.is-active,.vau-service-shell .seg__btn[aria-pressed="true"],.vau-service-shell .class-chip.is-active{background:var(--vau-violet);color:#fff;border-color:var(--vau-violet);box-shadow:0 7px 18px rgba(118,87,255,.24)}
.vau-service-shell .errors,.vau-service-shell .error,.vau-service-shell .alert-error{border:1px solid #f2c5cd;border-radius:14px;background:#fff1f3;color:#8e2634;padding:12px 15px}

/* Content safety: legacy tools use dense fixed grids. Keep every control readable
   inside the new fluid service surface instead of allowing labels and values to
   collide with borders or force the page wider than the viewport. */
.vau-service-shell,
.vau-service-shell *{min-width:0}
.vau-service-shell img,
.vau-service-shell svg,
.vau-service-shell canvas{max-width:100%}
.vau-service-shell h1,
.vau-service-shell h2,
.vau-service-shell h3,
.vau-service-shell h4,
.vau-service-shell p,
.vau-service-shell li,
.vau-service-shell label,
.vau-service-shell th,
.vau-service-shell td,
.vau-service-shell span,
.vau-service-shell strong{overflow-wrap:anywhere}
.vau-service-shell form,
.vau-service-shell fieldset,
.vau-service-shell .field-wrap,
.vau-service-shell .field-inline,
.vau-service-shell .input-row,
.vau-service-shell .form-row,
.vau-service-shell .calc-grid,
.vau-service-shell .grid{min-width:0}
.vau-service-shell input,
.vau-service-shell select,
.vau-service-shell textarea{width:100%;max-width:100%;min-height:44px;padding:11px 14px;line-height:1.4}
.vau-service-shell textarea{min-height:120px;resize:vertical}
.vau-service-shell input[type="checkbox"],
.vau-service-shell input[type="radio"],
.vau-service-shell input[type="range"]{width:auto;min-height:0;padding:0}
.vau-service-shell button,
.vau-service-shell .btn,
.vau-service-shell [type="submit"],
.vau-service-shell .chip,
.vau-service-shell .class-chip,
.vau-service-shell .btn-toggle,
.vau-service-shell .seg__btn,
.vau-service-shell .btn-link,
.vau-service-shell .payment-purpose-dialog__btn{min-height:44px;white-space:normal;text-align:center;line-height:1.35}
.vau-service-shell .module,
.vau-service-shell .card,
.vau-service-shell .panel,
.vau-service-shell .workspace,
.vau-service-shell .tool-card{overflow:visible}
.vau-service-shell .module-head{padding-bottom:2px}
.vau-service-shell .module-head h1,
.vau-service-shell .module-head h2,
.vau-service-shell .module-head h3{line-height:1.18}
.vau-service-shell .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.vau-service-shell table{width:100%;max-width:100%;table-layout:auto}
.vau-service-shell th,
.vau-service-shell td{padding:12px 14px;line-height:1.45;vertical-align:middle;overflow-wrap:anywhere}
.vau-service-shell .bar-head,
.vau-service-shell .table-head,
.vau-service-shell .field-inline{min-width:0}
.vau-service-shell .bar-head{gap:14px;align-items:flex-start}
.vau-service-shell .bar-head span{flex:1 1 auto}
.vau-service-shell .bar-head strong{flex:0 0 auto;text-align:right}
.vau-service-shell [contenteditable="true"]{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
@media (max-width:700px){
  .vau-service-shell{width:min(100% - 24px,1180px)}
  .vau-service-shell .module{padding:20px 16px}
  .vau-service-shell .table-head{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .vau-service-shell .table-head .print-button{width:100%}
  .vau-service-shell .input-row,
  .vau-service-shell .form-row,
  .vau-service-shell .calc-grid{grid-template-columns:minmax(0,1fr)}
  .vau-service-shell label{white-space:normal}
  .vau-service-shell .right-grid,
  .vau-service-shell .summary-row,
  .vau-service-shell #breakdown .break-row{grid-template-columns:minmax(0,1fr) auto}
  .vau-service-shell .right-grid .right-label{white-space:normal}
  .vau-service-shell th,
  .vau-service-shell td{padding:10px 11px;font-size:13px}
}
@media (max-width:420px){
  .vau-service-shell{width:calc(100% - 20px)}
  .vau-service-shell .module{padding:17px 13px;border-radius:18px}
  .vau-service-shell .toggle-button{flex:1 1 0;padding-inline:9px;font-size:12px}
  .vau-service-shell .total-toggle{display:flex;width:100%}
}

/* Fine spacing for compact legacy controls. */
.vau-service-shell .field-inline input[type="number"],
.vau-service-shell .stepper-input,
.vau-service-shell .text-input{width:auto;max-width:100%}
.vau-service-shell .field-inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vau-service-shell .field-inline input[type="range"]{flex:1 1 220px;min-width:120px}
.vau-service-shell .field-inline input[type="number"]{flex:0 0 86px}
.vau-service-shell .input-row,
.vau-service-shell .form-row{row-gap:10px;column-gap:16px}
.vau-service-shell .calc-form label,
.vau-service-shell .field-wrap label{display:block;margin-bottom:7px;line-height:1.4}
.vau-service-shell .formula-list>div,
.vau-service-shell .explain-list>div{padding:10px 0}
.vau-service-shell .formula-list strong{display:block;margin-top:4px;line-height:1.45}
.vau-service-shell .table-wrap table{min-width:620px}
@media (max-width:700px){.vau-service-shell .table-wrap table{min-width:560px}}

/* Legacy page chrome is replaced by the WordPress shell. */
.vau-service-shell > .page-header,
.vau-service-shell > .site-header,
.vau-service-shell > .skip-link,
.vau-service-shell .legacy-header,
.vau-service-shell .legacy-footer{display:none}

.vau-community-hero{position:relative;overflow:hidden;min-height:58vh;padding:120px 0 130px;text-align:center}
.vau-community-hero__inner{position:relative;z-index:1;max-width:820px}
.vau-community-hero h1{font-size:clamp(46px,7vw,82px);line-height:1.04;letter-spacing:-.07em;margin:24px 0 24px}
.vau-community-hero h1 em{display:inline-block;padding-right:.12em;margin-right:-.12em;font-style:normal;background:linear-gradient(100deg,var(--vau-violet),var(--vau-pink) 60%,#68cbdc);-webkit-background-clip:text;background-clip:text;color:transparent}
.vau-community-hero__lead{max-width:640px;margin:0 auto;color:var(--vau-muted);font-size:19px;line-height:1.6}
.vau-community-cta{display:flex;justify-content:center;gap:12px;margin-top:34px}
.vau-community-cta .vau-button{min-width:190px}
.vau-community-note{margin:22px auto 0;color:var(--vau-muted);font-size:12px}
@media(max-width:560px){.vau-community-hero{padding:90px 0 100px}.vau-community-hero h1{font-size:52px}.vau-community-hero__lead{font-size:16px}.vau-community-cta{flex-direction:column}.vau-community-cta .vau-button{width:100%;min-width:0}}

/* Application document request page. */
.vau-request-page{overflow:hidden;background:var(--vau-bg)}
.vau-request-benefits{max-width:900px;margin:0;padding-left:1.5em;display:grid;gap:22px;color:var(--vau-ink);font-size:var(--vau-text-body,16px);line-height:1.6}
.vau-request-benefits li{padding-left:.5em}
.vau-request-benefits li::marker{font-weight:700;color:var(--vau-violet,#7657ff)}
.vau-request-benefits p{margin:0}
.vau-request-section__intro{max-width:760px;margin:-12px 0 30px;color:var(--vau-muted);font-size:var(--vau-text-body,16px);line-height:1.6}
.vau-request-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:980px;margin-bottom:72px}
.vau-request-value-card{padding:24px 25px;border:1px solid var(--vau-line);border-radius:var(--vau-radius);background:#fff}
.vau-request-value-card h3{margin:0 0 9px;font-size:var(--vau-text-md);line-height:1.25;letter-spacing:-.025em}
.vau-request-value-card p{margin:0;color:var(--vau-muted);font-size:var(--vau-text-secondary,14px);line-height:1.55}
.vau-request-value-card p+p{margin-top:12px}
.vau-request-heading--benefits{margin-top:0}
@media(max-width:700px){.vau-request-value-grid{grid-template-columns:1fr;margin-bottom:48px}.vau-request-value-card{padding:22px}}
.vau-request-hero{position:relative;padding:112px 0 105px;text-align:center;overflow:hidden}.vau-request-hero__inner{position:relative;z-index:1;max-width:900px}.vau-request-hero h1{font-size:clamp(48px,7vw,84px);line-height:1.02;letter-spacing:-.075em;margin:22px 0 25px}.vau-request-hero h1 em,.vau-request-heading h2 em,.vau-request-contact h2 em{font-style:normal;background:linear-gradient(100deg,var(--vau-violet),var(--vau-pink) 60%,#68cbdc);-webkit-background-clip:text;background-clip:text;color:transparent}.vau-request-hero__lead{max-width:640px;margin:0 auto;color:var(--vau-muted);font-size:19px;line-height:1.6}.vau-request-hero__price{display:inline-flex;align-items:baseline;gap:11px;margin-top:28px;padding:13px 20px;border:1px solid var(--vau-line);border-radius:100px;background:#fff;box-shadow:0 8px 30px rgba(50,35,100,.06)}.vau-request-hero__price strong{font-size:25px;letter-spacing:-.04em}.vau-request-hero__price span{font-size:12px;color:var(--vau-muted)}.vau-request-hero__actions{display:flex;justify-content:center;gap:11px;margin-top:28px}
.vau-request-section{padding:92px 0}.vau-request-section--soft{background:#f3f2fa}.vau-request-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.06em;margin:11px 0 34px}.vau-request-grid{display:grid;gap:15px}.vau-request-grid--four{grid-template-columns:repeat(4,1fr)}.vau-request-card{min-height:238px;padding:25px;border:1px solid var(--vau-line);border-radius:var(--vau-radius);background:#fff;box-shadow:0 10px 35px rgba(50,35,100,.05)}.vau-request-card__icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f1edff;color:var(--vau-violet);font-size:14px;font-weight:800}.vau-request-card h3{font-size:19px;line-height:1.18;letter-spacing:-.03em;margin:28px 0 9px}.vau-request-card p{font-size:13px;color:var(--vau-muted);line-height:1.55;margin:0}.vau-request-split{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:75px;align-items:start}.vau-request-steps{display:grid;gap:0;list-style:none;margin:0;padding:0}.vau-request-steps li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--vau-line)}.vau-request-steps li:first-child{padding-top:0}.vau-request-steps>li>span{color:var(--vau-violet);font-weight:800;font-size:12px}.vau-request-steps h3{margin:0 0 5px;font-size:18px}.vau-request-steps p{margin:0;color:var(--vau-muted);font-size:13px}.vau-request-guarantees{display:grid;gap:13px}.vau-request-guarantees p{margin:0;padding:17px 19px;border:1px solid var(--vau-line);border-radius:15px;background:#fff;color:var(--vau-muted);font-size:14px}.vau-request-guarantees strong{color:var(--vau-ink)}.vau-request-note{margin-top:34px;padding-top:20px;border-top:1px solid var(--vau-line);color:var(--vau-muted);font-size:12px;line-height:1.6}.vau-request-note p{max-width:800px;margin:0}.vau-request-contact{padding:73px 0;background:linear-gradient(120deg,#7657ff,#8b70fa 40%,#ee88ce);color:#fff}.vau-request-contact__inner{display:flex;align-items:center;gap:25px}.vau-request-contact h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.06em;margin:10px 0 0}.vau-request-contact .vau-button{margin-left:auto}
@media(max-width:800px){.vau-request-grid--four{grid-template-columns:repeat(2,1fr)}.vau-request-split{grid-template-columns:1fr;gap:25px}.vau-request-contact__inner{display:block}.vau-request-contact .vau-button{margin-top:25px}}@media(max-width:560px){.vau-request-hero{padding:86px 0 82px}.vau-request-hero h1{font-size:52px}.vau-request-hero__lead{font-size:16px}.vau-request-hero__price{flex-direction:column;align-items:center;gap:1px}.vau-request-hero__actions{flex-direction:column}.vau-request-hero__actions .vau-button{width:100%}.vau-request-section{padding:68px 0}.vau-request-grid--four{grid-template-columns:1fr}.vau-request-card{min-height:0}.vau-request-contact{padding:62px 0}}
/* Partners page. */
.vau-partners-page{overflow:hidden;background:var(--vau-bg)}
.vau-partners-hero{position:relative;padding:116px 0 112px;text-align:center;background:radial-gradient(700px 360px at 12% 15%,rgba(108,216,232,.18),transparent 68%),radial-gradient(700px 400px at 86% 10%,rgba(238,136,206,.16),transparent 70%)}
.vau-partners-hero__inner{position:relative;z-index:1;max-width:900px}
.vau-partners-hero h1{font-size:clamp(48px,7vw,84px);line-height:1.02;letter-spacing:-.075em;margin:22px 0 26px}
.vau-partners-hero h1 em,.vau-partners-heading h2 em,.vau-partners-cta h2 em{font-style:normal;background:linear-gradient(100deg,var(--vau-violet),var(--vau-pink) 60%,#68cbdc);-webkit-background-clip:text;background-clip:text;color:transparent}
.vau-partners-hero__lead{max-width:680px;margin:0 auto;color:var(--vau-muted);font-size:19px;line-height:1.6}
.vau-partners-hero__actions{display:flex;justify-content:center;margin-top:32px}
@media(max-width:560px){.vau-partners-hero{padding:88px 0 86px}.vau-partners-hero h1{font-size:52px}.vau-partners-hero__lead{font-size:16px}.vau-partners-hero__actions .vau-button{width:100%}}





/* Paid services directory and appeal request page. */
.vau-paid-services-directory,.vau-appeal-request-page{position:relative;overflow:hidden;background:var(--vau-bg);min-height:58vh}.vau-paid-services-directory__inner,.vau-appeal-request__inner{position:relative;z-index:1;padding-top:105px;padding-bottom:110px}.vau-paid-services-directory h1,.vau-appeal-request__inner h1{font-size:clamp(46px,7vw,78px);line-height:1.03;letter-spacing:-.075em;margin:20px 0 24px}.vau-paid-services-directory h1 em,.vau-appeal-request__inner h1 em{font-style:normal;background:linear-gradient(100deg,var(--vau-violet),var(--vau-pink) 60%,#68cbdc);-webkit-background-clip:text;background-clip:text;color:transparent}.vau-paid-services-directory__lead,.vau-appeal-request__lead{max-width:650px;color:var(--vau-muted);font-size:18px}.vau-paid-services-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px;max-width:900px}.vau-paid-service-card{display:flex;flex-direction:column;min-height:270px;padding:28px;border:1px solid var(--vau-line);border-radius:var(--vau-radius);background:#fff;box-shadow:0 10px 35px rgba(50,35,100,.05);transition:transform .2s,box-shadow .2s,border-color .2s}.vau-paid-service-card:hover{transform:translateY(-4px);box-shadow:var(--vau-shadow);border-color:#cfc4f7}.vau-paid-service-card--accent{background:linear-gradient(145deg,#ede9ff,#fff7fc)}.vau-paid-service-card__icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f1edff;color:var(--vau-violet);font-size:12px;font-weight:800}.vau-paid-service-card h2{font-size:24px;line-height:1.12;letter-spacing:-.04em;margin:30px 0 10px}.vau-paid-service-card p{font-size:14px;color:var(--vau-muted);margin:0}.vau-paid-service-card__link{margin-top:auto;padding-top:22px;font-size:13px;font-weight:800;color:var(--vau-violet)}.vau-appeal-request__lead{max-width:620px}.vau-appeal-request__actions{display:flex;gap:11px;margin-top:30px}.vau-appeal-request__actions .vau-button{cursor:pointer}@media(max-width:700px){.vau-paid-services-directory__inner,.vau-appeal-request__inner{padding-top:82px;padding-bottom:84px}.vau-paid-services-directory h1,.vau-appeal-request__inner h1{font-size:52px}.vau-paid-services-directory__lead,.vau-appeal-request__lead{font-size:16px}.vau-paid-services-directory__grid{grid-template-columns:1fr;margin-top:30px}.vau-appeal-request__actions{flex-direction:column}.vau-appeal-request__actions .vau-button{width:100%}}
.vau-appeal-request__inner{text-align:center;max-width:980px}.vau-appeal-request__lead{margin-left:auto;margin-right:auto}.vau-appeal-request__actions{justify-content:center}
/* Compact footer layout. */
.vau-footer{padding:34px 0 18px}.vau-footer__grid{gap:20px}.vau-footer p{margin-top:10px}.vau-footer__grid>div:not(:first-child){gap:5px}.vau-footer__bottom{flex-wrap:wrap;gap:8px 24px;padding-top:12px;margin-top:24px;line-height:1.4}.vau-footer__bottom span{min-width:0;overflow-wrap:anywhere}@media(max-width:560px){.vau-footer{padding:30px 0 16px}.vau-footer__grid{gap:18px}.vau-footer__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:22px}.vau-footer__bottom span{display:block;max-width:100%}}

/* Unified typography scale: keep page hierarchy compact and predictable. */
:root{
  --vau-type-display:clamp(42px,6vw,72px);
  --vau-type-section:clamp(30px,4vw,48px);
  --vau-type-card:20px;
  --vau-type-small-heading:18px;
  --vau-type-body:16px;
  --vau-type-secondary:14px;
  --vau-type-meta:12px;
}

body{font-size:var(--vau-type-body);line-height:1.6}
.vau-hero h1,
.vau-community-hero h1,
.vau-partners-hero h1,
.vau-request-hero h1,
.vau-paid-services-directory h1,
.vau-appeal-request__inner h1,
.vau-content-page h1{font-size:var(--vau-type-display);line-height:1.08;letter-spacing:-.065em}
.vau-section__heading h2,
.vau-cta h2,
.vau-request-heading h2{font-size:var(--vau-type-section);line-height:1.08;letter-spacing:-.055em}
.vau-feature-card h3,
.vau-paid-service-card h2,
.vau-post-card h2{font-size:var(--vau-type-card);line-height:1.25;letter-spacing:-.035em}
.vau-request-card h3,
.vau-request-steps h3{font-size:var(--vau-type-small-heading);line-height:1.3;letter-spacing:-.025em}
.vau-hero__lead,
.vau-community-hero__lead,
.vau-request-hero__lead,
.vau-partners-hero__lead{font-size:var(--vau-type-body);line-height:1.6}
.vau-feature-card p,
.vau-paid-service-card p,
.vau-post-card p,
.vau-request-card p,
.vau-request-steps p{font-size:var(--vau-type-secondary);line-height:1.55}
.vau-eyebrow,.vau-hero__note,.vau-community-note,.vau-request-note{font-size:var(--vau-type-meta)}

/* Service pages use the same hierarchy while preserving legacy tool layouts. */
.vau-service-shell h1.page-title,
.vau-service-shell .module-head h1{font-size:clamp(24px,3.5vw,32px);line-height:1.2;letter-spacing:-.045em}
.vau-service-shell h1:not(.page-title){font-size:clamp(28px,3.2vw,38px);line-height:1.15}
.vau-service-shell h2,
.vau-service-shell .module-head h2{font-size:24px;line-height:1.25;letter-spacing:-.035em}
.vau-service-shell h3,
.vau-service-shell .module-head h3{font-size:18px;line-height:1.3;letter-spacing:-.02em}
.vau-service-shell h4{font-size:16px;line-height:1.35;letter-spacing:-.01em}
.vau-service-shell p,
.vau-service-shell li,
.vau-service-shell label{font-size:var(--vau-type-secondary);line-height:1.55}
.vau-service-shell .section-kicker{font-size:var(--vau-type-meta)}
.vau-service-shell input,
.vau-service-shell select,
.vau-service-shell textarea{padding:12px 14px;line-height:1.45}
.vau-service-shell button,
.vau-service-shell .btn,
.vau-service-shell [type=submit],
.vau-service-shell .toggle-button,
.vau-service-shell .chip,
.vau-service-shell .class-chip,
.vau-service-shell .btn-toggle,
.vau-service-shell .seg__btn,
.vau-service-shell .btn-link,
.vau-service-shell .payment-purpose-dialog__btn{padding:11px 16px;line-height:1.35}
.vau-service-shell th,
.vau-service-shell td{padding:13px 14px;line-height:1.5}
.vau-service-shell .module{padding:clamp(22px,3vw,36px)}

@media(max-width:700px){
  .vau-hero h1,
  .vau-community-hero h1,
  .vau-partners-hero h1,
  .vau-request-hero h1,
  .vau-paid-services-directory h1,
  .vau-appeal-request__inner h1,
  .vau-content-page h1{font-size:clamp(40px,12vw,48px);line-height:1.08}
  .vau-section__heading h2,
  .vau-cta h2,
  .vau-request-heading h2{font-size:clamp(30px,9vw,38px);line-height:1.1}
  .vau-service-shell h1.page-title,
  .vau-service-shell .module-head h1{font-size:32px}
  .vau-service-shell h2,
  .vau-service-shell .module-head h2{font-size:22px}
  .vau-service-shell h3,
  .vau-service-shell .module-head h3{font-size:17px}
  .vau-service-shell .toggle-button{min-height:44px;padding:11px 14px;white-space:normal}
  .vau-service-shell th,
  .vau-service-shell td{padding:12px 13px;font-size:var(--vau-type-secondary)}
}

@media(max-width:420px){
  .vau-hero h1,
  .vau-community-hero h1,
  .vau-partners-hero h1,
  .vau-request-hero h1,
  .vau-paid-services-directory h1,
  .vau-appeal-request__inner h1,
  .vau-content-page h1{font-size:40px}
  .vau-service-shell .module{padding:20px 15px}
  .vau-service-shell th,
  .vau-service-shell td{padding:11px 12px}
}
/* Header CTAs stay fixed while hovering and clicking; only their surface changes. */
.vau-header__actions .vau-order:hover,.vau-header__actions .vau-order:active{transform:none}
/* Keep header geometry stable when navigating between short and long pages. */
html:has(body.vau-site){height:auto;min-height:100%;overflow-y:scroll}
html body.vau-site{height:auto;min-height:100vh;overflow-x:clip;overflow-y:visible}

/* Align the fee reference rows and keep their content comfortably inset. */
.vau-service-shell .rule-module .explain-list { gap: 12px; }
.vau-service-shell .rule-module .explain-meta,
.vau-service-shell .rule-module .formula-list > div { margin: 0; }
.vau-service-shell .rule-module .explain-meta div,
.vau-service-shell .rule-module .formula-list > div { padding: 13px 16px; }
.vau-service-shell .rule-module .formula-list > div { min-height: 48px; }
.vau-service-shell .rule-module .explain-meta span,
.vau-service-shell .rule-module .formula-list span,
.vau-service-shell .rule-module .formula-list strong { line-height: 1.4; }

/* A calm, reusable update panel for notes about changes made to a tool. */
.vau-service-shell .vau-page-notice {
  position: relative;
  display: block;
  width: 100%;
  margin: 1.35rem 0 0;
  padding: 16px 20px 16px 48px;
  border: 1px solid rgba(124, 58, 237, .16);
  border-left: 4px solid #8b5cf6;
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(245, 243, 255, .96), rgba(239, 246, 255, .9));
  box-shadow: 0 10px 28px rgba(76, 29, 149, .07);
  color: #475569;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.vau-service-shell .vau-page-notice::before {
  content: "i";
  position: absolute;
  top: 17px;
  left: 16px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 999px;
  background: #8b5cf6;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}
.vau-service-shell .calc .right-grid {
  grid-template-columns: minmax(0, 1fr) 10rem;
}
.vau-service-shell .calc .right-grid .right-value {
  width: 10rem;
  justify-content: flex-end;
}
.vau-service-shell .calc .payment-order-btn {
  width: 1.55rem;
  height: 1.55rem;
  min-height: 1.55rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  background: transparent;
  color: var(--vau-violet, #7657ff);
  box-shadow: none;
  transform: none;
}
.vau-service-shell .calc .payment-value {
  display: inline-flex;
  align-items: center;
  gap: .3em;
  line-height: 1.55;
  vertical-align: middle;
}
.vau-service-shell .calc .payment-amount::after {
  content: none;
}
.vau-service-shell .calc .payment-order-btn:hover {
  background: rgba(118, 87, 255, .1);
  color: var(--vau-violet, #7657ff);
  box-shadow: none;
  transform: none;
}
.vau-service-shell .calc .payment-order-btn:focus-visible {
  outline: 2px solid rgba(118, 87, 255, .45);
  outline-offset: 2px;
}
.vau-service-shell .calc .payment-order-icon {
  display: block;
  width: 1rem;
  height: 1rem;
}
.vau-service-shell .calc .class-chip {
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
}
.vau-service-shell .calc .summary-value {
  font-size: 16px;
  line-height: 1.55;
}
.vau-service-shell .calc #breakdown > div {
  padding: 5px 10px;
  line-height: 1.35;
}
.vau-service-shell .calc #classList > div {
  padding: 6px 12px;
}
.vau-service-shell .calc #classList .stepper-btn,
.vau-service-shell .calc #classList .stepper-input,
.vau-service-shell .calc #classList .btn-toggle {
  min-height: 32px;
  height: 32px;
}
.vau-service-shell .calc .payment-amount-group + .payment-amount-group {
  margin-inline-start: .25em;
}
.vau-service-shell .calc .payment-amount::after {
  content: ' ₽';
  user-select: none;
}
.vau-service-shell .errors:empty,
.vau-service-shell .error:empty,
.vau-service-shell .alert-error:empty {
  display: none;
}
@media (max-width: 720px) {
  .vau-service-shell .rule-module .explain-meta div,
  .vau-service-shell .rule-module .formula-list > div { padding: 12px 14px; }
  .vau-service-shell .vau-page-notice {
    margin-top: 1rem;
    padding: 14px 16px 14px 44px;
    border-radius: 15px;
  }
  .vau-service-shell .vau-page-notice::before {
    top: 15px;
    left: 14px;
  }
  .vau-service-shell .calc .right-grid {
    grid-template-columns: minmax(0, 1fr) 8.5rem;
  }
  .vau-service-shell .calc .right-grid .right-value {
    width: 8.5rem;
  }
}

/* Final VAU design system: restrained scale and stable responsive layout. */
:root{
  --vau-text-xl:clamp(42px,6vw,72px);
  --vau-text-lg:clamp(30px,4vw,48px);
  --vau-text-md:20px;
  --vau-text-sm:17px;
  --vau-text-body:16px;
  --vau-text-muted:14px;
  --vau-text-meta:12px;
}
body{font-size:var(--vau-text-body);line-height:1.6;overflow-x:hidden}
.vau-header__inner{display:flex;min-width:0}
.vau-brand{flex:0 1 auto;min-width:0}
.vau-brand__text{min-width:0}
.vau-brand__tagline{white-space:normal;line-height:1.35}
.vau-nav{flex:1 1 auto;min-width:0}
.vau-menu{justify-content:flex-start;min-width:0}
.vau-menu__trigger,.vau-menu__placeholder{white-space:normal}
.vau-header__actions{flex:0 0 auto}
.vau-hero h1,.vau-community-hero h1,.vau-request-hero h1,.vau-partners-hero h1,.vau-paid-services-directory h1,.vau-appeal-request__inner h1,.vau-content-page h1{font-size:var(--vau-text-xl);line-height:1.08;letter-spacing:-.055em}
.vau-section__heading h2,.vau-cta h2,.vau-request-heading h2,.vau-request-contact h2{font-size:var(--vau-text-lg);line-height:1.12;letter-spacing:-.045em}
.vau-feature-card h3,.vau-request-card h3,.vau-request-steps h3,.vau-post-card h2{font-size:var(--vau-text-md);line-height:1.25;letter-spacing:-.025em}
.vau-prose,.vau-hero__lead,.vau-community-hero__lead,.vau-request-hero__lead,.vau-partners-hero__lead{font-size:var(--vau-text-body);line-height:1.65}
.vau-feature-card p,.vau-request-card p,.vau-request-steps p,.vau-post-card p,.vau-paid-service-card p{font-size:var(--vau-text-muted);line-height:1.55}
.vau-eyebrow,.vau-hero__note,.vau-community-note,.vau-request-note{font-size:var(--vau-text-meta)}
.vau-button,.vau-order{min-height:42px;line-height:1.3}
.vau-service-shell{font-size:var(--vau-text-body);line-height:1.55}
.vau-service-shell h1,.vau-service-shell .page-title{font-size:clamp(24px,3.5vw,32px);line-height:1.2}
.vau-service-shell h2{font-size:clamp(24px,3vw,32px);line-height:1.2}
.vau-service-shell h3{font-size:var(--vau-text-md);line-height:1.25}
.vau-service-shell h4,.vau-service-shell label{font-size:var(--vau-text-sm);line-height:1.4}
.vau-service-shell small,.vau-service-shell .hint,.vau-service-shell .help-text{font-size:var(--vau-text-muted);line-height:1.5}
.vau-service-shell .module,.vau-service-shell .card,.vau-service-shell .panel,.vau-service-shell .tool-card{padding:clamp(20px,3vw,32px)}
.vau-service-shell input,.vau-service-shell select,.vau-service-shell textarea{font-size:var(--vau-text-body);padding:12px 14px}
.vau-service-shell th,.vau-service-shell td{padding:12px 14px;line-height:1.45}
.vau-service-shell .table-wrap{overflow-x:auto;overflow-y:hidden}
.vau-service-shell table{min-width:620px}
.vau-service-shell .table-wrap table{margin:0}
.vau-service-shell .bar-head strong,.vau-service-shell .summary-row strong{white-space:nowrap}
.vau-footer{font-size:var(--vau-text-muted)}
.vau-footer__bottom{font-size:var(--vau-text-meta)}
@media (min-width:901px){
  .vau-header__inner{gap:18px}
  .vau-menu{gap:2px}
  .vau-menu__trigger,.vau-menu__placeholder{padding-inline:7px;font-size:13px}
  .vau-header__actions{gap:8px}
}
@media (max-width:900px){
  .vau-nav{flex-basis:100%}
  .vau-menu__trigger,.vau-menu__placeholder{font-size:var(--vau-text-body)}
}
@media (max-width:560px){
  .vau-shell{width:calc(100% - 28px)}
  .vau-hero h1,.vau-community-hero h1,.vau-request-hero h1,.vau-partners-hero h1,.vau-paid-services-directory h1,.vau-appeal-request__inner h1,.vau-content-page h1{font-size:clamp(38px,12vw,48px);line-height:1.08}
  .vau-section__heading h2,.vau-cta h2,.vau-request-heading h2,.vau-request-contact h2{font-size:clamp(28px,9vw,38px)}
  .vau-service-shell{font-size:15px}
  .vau-service-shell h1,.vau-service-shell .page-title{font-size:clamp(24px,8vw,32px)}
  .vau-service-shell h2{font-size:24px}
  .vau-service-shell .module,.vau-service-shell .card,.vau-service-shell .panel,.vau-service-shell .tool-card{padding:18px 14px}
  .vau-service-shell th,.vau-service-shell td{padding:10px 11px;font-size:13px}
}
@media (min-width:1100px){
  .vau-menu__trigger,.vau-menu__placeholder{white-space:nowrap}
  .vau-menu__trigger{font-size:13px}
}

/* Keep the CTA label readable against its violet background. */
.vau-cta .vau-eyebrow{color:#fff}

/* Header signature starts below the icon and stays on one line. */
.vau-header .vau-brand{position:relative;display:grid;grid-template-columns:34px auto;column-gap:9px;flex:0 0 auto;min-width:145px;letter-spacing:normal}
.vau-header .vau-brand__text{display:contents}
.vau-header .vau-brand__name{position:absolute;left:50%;transform:translateX(-50%);letter-spacing:-.04em;line-height:1.05}
.vau-header .vau-brand__tagline{position:absolute;top:calc(100% + 3px);left:0;white-space:nowrap;margin-top:0;line-height:1.35}

/* One spacing rhythm for every service page. */
.vau-service-shell .hero2026 { margin-bottom: 16px; }
.vau-service-shell .module,
.vau-service-shell .card,
.vau-service-shell .panel,
.vau-service-shell .tool-card { margin-bottom: 16px; }
.vau-service-shell .vau-news-strip { margin-top: 0; margin-bottom: 16px; }
.vau-service-shell .calc > section.mt-8,

.vau-service-shell .vau-page-notice { margin-top: 16px; margin-bottom: 16px; }

/* Hero links use the same text rhythm and left edge as the subtitle above them. */
.vau-service-shell .hero-links {
  margin-top: 10px;
  row-gap: 8px;
}
.vau-service-shell .hero-links a.page-subtitle {
  margin: 0;
  padding: .15rem 0;
  line-height: 1.5;
}
.vau-service-shell .hero2026 p.page-subtitle {
  margin: 10px 0 0;
  line-height: 1.55;
}
/* Legacy service templates use a few different wrapper classes; normalize their
   hero title and link rows to the same component geometry. */
.vau-service-shell .hero2026 h2.page-title,
.vau-service-shell .hero2026 h2.text-3xl,
.vau-service-shell .hero2026 h2.text-4xl {
  margin: 0;
  max-width: none;
  width: 100%;
  font-size: clamp(24px, 3.5vw, 32px);
  font-weight: 600;
  line-height: 1.2;
}
.vau-service-shell .hero2026 > .relative.z-10 > p {
  margin: 10px 0 0;
  line-height: 1.55;
}
.vau-service-shell .hero2026 > .relative.z-10 > p.text-slate-600 {
  color: var(--vau-muted, #6f7085);
}
.vau-service-shell .hero2026 > .relative.z-10 > .flex.flex-col,
.vau-service-shell .hero2026 > .relative.z-10 > .flex.flex-wrap:has(a.page-subtitle) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 12px;
  margin-top: 10px;
}
.vau-service-shell .hero2026 > .relative.z-10 > .flex.flex-col > a.page-subtitle,
.vau-service-shell .hero2026 > .relative.z-10 > .flex.flex-wrap > a.page-subtitle {
  margin: 0;
  padding: .15rem 0;
  line-height: 1.5;
}
.vau-service-shell .status-active { color: #15803d; font-weight: 600; }
.vau-service-shell .fee-details { margin-top: .25rem; }
.vau-service-shell .break-word { overflow-wrap: anywhere; }
.vau-service-shell .help-spacing { margin-top: .75rem; }
.vau-service-shell .is-hidden[hidden] { display: none; }
.vau-service-shell .qr-warning { display: none; margin-top: .5rem; color: #b91c1c; }
/* Flat service surfaces: structure comes from tone and spacing, not decoration. */
.vau-service-page { background: var(--vau-bg, #f7f7f5); }
.vau-service-shell .hero2026__grid { display: none; }
.vau-service-shell .hero2026,
.vau-service-shell .module,
.vau-service-shell .card,
.vau-service-shell .panel,
.vau-service-shell .workspace,
.vau-service-shell .tool-card { box-shadow: none; }
.vau-service-shell .primary-total { background: #f7f5ff; }
/* Keep native hidden state authoritative after the menu panel display rules. */
.vau-menu__panel[hidden] { display: none; }
@media (max-width: 700px) {
  .vau-service-shell .vau-news-strip {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .vau-service-shell .vau-news-strip__badge {
    grid-row: auto;
    align-self: start;
  }
  .vau-service-shell .hero2026,
  .vau-service-shell .module,
  .vau-service-shell .card,
  .vau-service-shell .panel,
  .vau-service-shell .tool-card { margin-bottom: 16px; }
}
@media (max-width: 560px) {
  .vau-service-shell .hero2026 .page-title {
    font-size: 24px;
    line-height: 1.2;
  }
}

/* Shared service surfaces: every tool uses the same shell geometry. The
   higher-specificity selectors keep old utility classes from changing the
   shared card treatment on individual pages. */
.vau-service-shell .card.p-6,
.vau-service-shell .panel.p-6,
.vau-service-shell .tool-card.p-6,
.vau-service-shell .workspace > .module {
  padding: 24px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .88);
  box-shadow: none;
}

.vau-service-shell .hero2026 p.page-subtitle {
  font-size: 14px;
  line-height: 1.55;
}

.vau-service-shell .card.p-6,
.vau-service-shell .panel.p-6,
.vau-service-shell .tool-card.p-6,
.vau-service-shell .workspace > .module {
  margin-bottom: 16px;
}

/* Shared service type scale: compact labels, readable body copy, and one
   clear display level for the service title. */
.vau-service-shell .vau-news-strip__badge {
  font-size: 11px;
  line-height: 1.3;
}

.vau-service-shell .hero2026 p.page-subtitle {
  font-size: 15px;
  line-height: 1.5;
}

.vau-service-shell .workspace > .hero2026 p.page-subtitle {
  font-size: 15px;
  line-height: 1.5;
}

.vau-service-shell .hero-links a.page-subtitle {
  font-size: 15px;
  line-height: 1.5;
}

.vau-service-shell .workspace > .hero2026 .hero-links a.page-subtitle {
  font-size: 15px;
  line-height: 1.5;
}

.vau-service-shell .section-kicker {
  font-size: 11px;
  line-height: 1.45;
}

.vau-service-shell .workspace > .module .section-kicker {
  font-size: 11px;
  line-height: 1.45;
}

.vau-service-shell .workspace > .module h2,
.vau-service-shell .workspace > .card h2,
.vau-service-shell .workspace > .card h3,
.vau-service-shell .workspace > .tool-card h2,
.vau-service-shell .workspace > .tool-card h3 {
  font-size: 18px;
  line-height: 1.3;
}

.vau-service-shell .toggle-button,
.vau-service-shell .btn,
.vau-service-shell button,
.vau-service-shell [type="submit"] {
  font-size: 15px;
  line-height: 1.4;
}

.vau-service-shell table th {
  font-size: 12px;
  line-height: 1.4;
}

.vau-service-shell table td {
  font-size: 14px;
  line-height: 1.45;
}


/* Migrated inline styles from term-fee-calculator.php */

            /* Локальная, только для этой карточки */
            #tm-apply-help {
              font-size: .95rem;
              line-height: 1.6;
            }

            #tm-apply-help .card-title {
              margin-bottom: 1rem;
            }

            #tm-apply-help ol {
              margin: 0;
              padding-left: 1.25rem;
            }

            #tm-apply-help li+li {
              margin-top: .75rem;
            }

            #tm-apply-help .muted {
              font-size: inherit;
              color: #64748b;
            }

            /* <-- ключевая строка */
            #tm-apply-help a {
              color: inherit;
              text-decoration: underline;
              text-underline-offset: 2px;
            }
          

/* Migrated inline styles from trademark-changes.php */

            #changesList label { flex-wrap: wrap; }
            #changesList .change-explanation-link { color: var(--vau-violet, #7657ff); font-size: inherit; text-decoration: underline; text-underline-offset: 3px; }
            #changesList .change-explanation-link:hover { color: #5038c7; }
            #changesList .change-explanation-link:focus-visible { outline: 2px solid var(--vau-violet, #7657ff); outline-offset: 3px; border-radius: 3px; }
            #fees-notes .note-section { scroll-margin-top: 100px; }
            #fees-notes .note-section:focus-visible { outline: 2px solid var(--vau-violet, #7657ff); outline-offset: 3px; }
            /* Стили только для элементов внутри карточки выбора */
            #changesCard .seg {
              display: grid;
              gap: .5rem;
              margin: .5rem 0 0 2rem;
            }

            #changesCard .seg__label {
              font-size: .875rem;
              color: #334155;
              font-weight: 600;
            }

            #changesCard .seg__group {
              display: inline-flex;
              gap: 4px;
              background: #f1f5f9;
              border: 1px solid #e2e8f0;
              padding: 4px;
              border-radius: 9999px;
            }

            #changesCard .seg__btn {
              border: 1px solid #cbd5e1;
              background: #fff ;
              color: #334155;
              box-shadow: none;

              padding: .35rem .75rem;
              border-radius: 9999px;
              font-weight: 600;
              line-height: 1.1;
              cursor: pointer;
            }

            #changesCard .seg__btn[aria-pressed="true"] {
              background: #7657ff ;
              color: #fff;
              border-color: #7657ff;
              box-shadow: 0 2px 5px rgba(118, 87, 255, .25);
            }

            #changesCard .seg__hint {
              font-size: .75rem;
              color: #64748b;
            }
              .payment-amount .amount-group { margin-left: .28em; }

/* Migrated inline styles from trademark-changes.php */

            /* Стили только для этого блока */
            #fees-notes #notesWrap {
              display: grid;
              gap: 1rem;
            }

            #fees-notes .note-section {
              padding: 1rem;
              border: 1px solid #cfc4f7;
              border-left: 4px solid #7657ff;
              border-radius: 12px;
              background: #f8f7ff;
              box-shadow: 0 3px 10px rgba(118, 87, 255, .08);
            }

            #fees-notes .note-section > .card-subtitle {
              margin-bottom: .75rem;
              padding-bottom: .5rem;
              border-bottom: 1px solid #ddd6fe;
            }

            #fees-notes .note-item {
              display: grid;
              gap: 2px;
            }

            #fees-notes .note-item p {
              margin: 0;
              line-height: 1.45;
            }

            #fees-notes .note-item+.note-item {
              margin-top: .75rem;
              padding-top: .5rem;
              border-top: 1px dashed #e2e8f0;
            }

            #fees-notes a {
              color: inherit;
              text-decoration: underline;
              text-underline-offset: 2px;
            }
              .payment-amount .amount-group { margin-left: .28em; }

/* Migrated inline styles from trademark-changes.php */

          #department42-notes .recommendation-lead { margin: 0 0 1rem; color: #7c3aed; font-weight: 600; }
          #department42-notes h4 { margin: 1rem 0 .35rem; font-size: 1rem; }
          #department42-notes p { margin: 0 0 .6rem; }
          #department42-notes ul { margin: .35rem 0 .85rem 1.25rem; padding: 0; }
          #department42-notes li { margin: .3rem 0; }
          #department42-notes .warning { color: #9a3412; font-weight: 600; }
            .payment-amount .amount-group { margin-left: .28em; }

/* Migrated inline styles from trademark-changes.php */

            /* Единая сетка расчёта для ровного выравнивания всех строк */
            #calcCard .calc-grid {
              display: grid;
              grid-template-columns: 1fr auto;
              row-gap: .5rem;
              /* равно gap-y-2 */
            }

            #calcCard .calc-block-title {
              grid-column: 1 / -1;
              margin: 0;
              /* чтобы отступ был ровно как между строками сетки */
            }

            #calcCard .calc-sep {
              grid-column: 1 / -1;
            }

            #calcCard .calc-note {
              grid-column: 1 / -1;
            }
              .payment-amount .amount-group { margin-left: .28em; }
.vau-service-shell .vau-page-notice + section { margin-top: 24px; }

/* Shared payment service columns and block rhythm. */
.vau-service-shell main > section.payment-layout, .vau-service-shell main.calc > section.payment-layout { margin-top: 0; gap: 16px; align-items: start; }
.vau-service-shell .payment-layout > :is(div, aside) { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.vau-service-shell .payment-layout > :is(div, aside) > .card { margin: 0; width: 100%; }

/* Three QR actions stay on one row at every viewport. */
.vau-service-shell .qr-actions.qr-actions--three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.vau-service-shell .qr-actions.qr-actions--three .btn { min-width: 0; padding-inline: 6px; white-space: nowrap; font-size: 13px; }

.vau-service-page.vau-service-page--compact { padding-bottom: 16px; }

/* Payment search controls share the service form layout. */
.vau-service-shell .payment-form .date-wrapper { position: relative; min-width: 0; }
.vau-service-shell .payment-form .date-wrapper > .va-input { width: 100%; padding-right: 52px; }
.vau-service-shell .payment-form .date-wrapper .calendar-btn { position: absolute; right: 7px; top: 7px; width: 34px; height: 34px; min-height: 0; padding: 6px; }
.vau-service-shell .payment-form .calendar-icon { width: 20px; height: 20px; }
.vau-service-shell .payment-form .native-date { position: absolute; left: 0; bottom: 0; width: 0; height: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }
.vau-service-shell .payment-layout .hist-list { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.vau-service-shell .payment-layout .hist-empty { padding: 14px; border-radius: 12px; background: #f8f7fc; color: var(--vau-muted); font-size: 14px; }
.vau-service-shell .payment-layout .hist-item { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid var(--vau-line); border-radius: 12px; }
.vau-service-shell .payment-layout .hist-item:hover { background: #f8f7fc; }
.vau-service-shell .payment-layout .hist-meta { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 14px; line-height: 1.5; }
.vau-service-shell .payment-layout .hist-del { padding: 6px; color: var(--vau-violet); background: transparent; box-shadow: none; font-size: 13px; }
.vau-service-shell .payment-layout .hist-del:hover { background: #f0ecff; }
.vau-service-shell .payment-layout .hist-del:focus-visible { outline: 2px solid var(--vau-violet); outline-offset: 2px; }
.vau-service-shell .payment-layout .hist-del:disabled { opacity: .45; cursor: default; }
/* Literal responses returned by the payment search endpoint. */
.vau-service-shell .payment-search-result { display: flex; align-items: center; gap: 10px; margin-top: 10px; line-height: 1.5; }
.vau-service-shell .payment-search-status { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 68px; width: 68px; white-space: nowrap; min-height: 34px; padding: 5px 10px; border: 1px solid; border-radius: 8px; font-family: ui-monospace, monospace; font-size: 16px; font-weight: 700; line-height: 1.4; }
.vau-service-shell .payment-search-status--found { color: #166534; background: #ecfdf3; border-color: #b6e3c6; }
.vau-service-shell .payment-search-status--missing { color: #a92335; background: #fff1f2; border-color: #f3c1ca; }
/* Compact payment search: consistent label and input columns. */
.vau-service-shell .payment-search-card .payment-parameters-card__heading { max-width: 460px; }
.vau-service-shell .payment-search-card .payment-parameters-card__heading .card-title { line-height: 1.35; }
.vau-service-shell .payment-search-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.vau-service-shell .payment-search-form .field { grid-template-columns: 48px minmax(0, 1fr); column-gap: 12px; row-gap: 6px; align-items: center; align-content: start; }
.vau-service-shell .payment-search-form .field > label { grid-column: 1; grid-row: 1; }
.vau-service-shell .payment-search-form .field > :is(.va-input, .date-wrapper) { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; }
.vau-service-shell .payment-search-form .field > :is(.va-help, .field-error) { grid-column: 2; }
.vau-service-shell .payment-search-form #paymentDateHelp { grid-column: 2; margin-top: 0; line-height: 1.5; text-align: center; }
.vau-service-shell .payment-search-form .field:last-child { grid-column: 1 / -1; grid-template-columns: 48px minmax(0, 280px); }
.vau-service-shell .payment-search-form .field > .btn-row { grid-column: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 4px; }
.vau-service-shell .payment-form.payment-search-form .btn-row .btn { min-width: 0; width: 100%; padding-inline: 12px; }
@media (max-width: 1100px) {
  .vau-service-shell .payment-search-form { grid-template-columns: 1fr; gap: 16px; }
  .vau-service-shell .payment-search-form .field { grid-template-columns: 48px minmax(0, 1fr); column-gap: 12px; }
  .vau-service-shell .payment-search-form .field > .btn-row { grid-column: 1 / -1; }
}

.vau-service-shell .payment-layout .hist-select { flex: 1; min-width: 0; display: grid; gap: 6px; padding: 0; border: 0; background: transparent; color: var(--vau-ink); text-align: left; box-shadow: none; cursor: pointer; overflow-wrap: anywhere; }
.vau-service-shell .payment-layout .hist-select:hover { background: transparent; box-shadow: none; }
.vau-service-shell .payment-layout .hist-select:focus-visible { outline: 2px solid var(--vau-violet); outline-offset: 4px; }
.vau-service-shell .payment-layout .hist-title { font-size: 14px; font-weight: 600; line-height: 1.5; }
.vau-service-shell .payment-layout .hist-details, .vau-service-shell .payment-layout .hist-saved { color: var(--vau-muted); font-size: 12px; line-height: 1.5; }
.vau-service-shell .payment-layout .hist-select-label { justify-self: start; margin-top: 3px; color: var(--vau-violet); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .vau-service-shell .payment-layout .hist-item { flex-direction: column; align-items: stretch; }
  .vau-service-shell .payment-layout .hist-del { align-self: flex-end; }
}
.vau-service-shell .payment-search-form .payment-search-name { grid-column: 1 / -1; }
.vau-community-hero__lead>span{display:block}
.vau-community-hero__lead>span+span{margin-top:10px}
/* Equal community links with a fixed two-line hierarchy. */
.vau-community-cta .vau-button{position:relative;flex:0 1 360px;min-width:0;display:flex;flex-direction:column;gap:5px;padding:16px 18px;border:1px solid transparent;border-radius:12px;background:var(--vau-violet,#7657ff);color:#fff;line-height:1.4;text-align:center}
.vau-community-cta__title{font-size:16px;font-weight:650}
.vau-community-cta__sub{font-size:13px;font-weight:400}

.vau-community-cta .vau-button:hover{background:#6546ed;transform:none}
.vau-community-cta .vau-button:focus-visible{outline:3px solid rgba(118,87,255,.42);outline-offset:4px}
.vau-community-cta .vau-button[aria-disabled=true]{opacity:.55;pointer-events:none;box-shadow:none}
@media(max-width:560px){.vau-community-cta .vau-button{flex:auto}}
.vau-community-hero__lead{max-width:760px;text-wrap:balance}
.vau-partners-page .vau-button--primary{background:var(--vau-violet,#7657ff);color:#fff;border-color:transparent}
.vau-partners-page .vau-button--primary:hover{background:#6546ed;color:#fff}

/* Static community page: the WordPress header and footer are intentionally omitted. */
.vau-community-page { min-height: 100vh; }