:root{color-scheme:light dark;--paper:#f7f8fa;--ink:#191b26;--muted:#52586b;--line:#dce0e9;--soft:#eeebff;--accent:#c8bdff;--button:#4932bf;--button-text:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}a,button,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #a94f00;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(42px,6.6vw,84px);font-weight:650;max-width:880px}h2{font-size:clamp(32px,4vw,50px);font-weight:600}h3{font-size:25px;font-weight:600}p{max-width:68ch}p+p{margin-top:18px}.wrap{width:min(1200px,100% - 64px);margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:8px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:750;text-decoration:none}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:#4932bf;border-radius:8px;font-size:27px}.navlinks{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:14px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.navlinks a[aria-current]{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;background:var(--button);color:var(--button-text);border:1px solid var(--button);border-radius:7px;font-weight:650;text-decoration:none;line-height:1.5;text-align:center}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding-block:85px}.hero p.lead{font-size:20px;margin-top:26px;max-width:42ch;color:var(--muted)}.note{font-size:13px;color:var(--muted);margin-top:18px}.window{background:var(--soft);padding:16px;border:1px solid var(--line);border-radius:12px}.window-bar{display:flex;gap:5px;padding:0 0 13px}.window-bar span{height:7px;width:7px;border-radius:100%;background:#879385}.preview{height:450px;overflow:hidden;border-radius:3px;background:#f5eee5;border:1px solid var(--line)}.preview img{width:100%;display:block}.window figcaption{font-size:12px;margin-top:14px;color:var(--muted)}.section{padding-block:72px;border-top:1px solid var(--line)}.section>.lead{margin-top:20px;color:var(--muted)}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.columns p{margin-top:16px;color:var(--muted)}.number{font-size:13px;color:var(--muted);display:block;margin-bottom:25px}.examples{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:38px}.example{min-width:0}.example .preview{height:330px}.example h3,.example h2{margin-top:24px;font-size:25px}.example p{margin-top:12px;color:var(--muted)}.example .actions{margin-top:16px;font-size:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0 24px}.plan{border:1px solid var(--line);padding:30px 26px;border-radius:8px;min-width:0}.plan.featured{border-color:var(--button);background:var(--soft)}.price{font-size:44px;letter-spacing:-.05em;line-height:1.1;margin:26px 0 12px}.price small{font-size:15px;letter-spacing:0;font-weight:400}.plan ul{padding-left:20px;font-size:15px;margin:24px 0 0}.plan li{margin:10px 0}.plan .button{width:100%}.wide-title{padding-block:72px 38px}.wide-title p:last-child{margin-top:24px;color:var(--muted);font-size:20px}.prose{max-width:780px;padding-block:30px 70px}.prose h1{font-size:48px;margin-bottom:28px}.prose h2{font-size:28px;letter-spacing:-.025em;margin:38px 0 18px}.prose p{margin:0 0 18px}.prose li{margin:12px 0}.prose a{overflow-wrap:anywhere}.faq{max-width:850px;margin-top:32px}details{border-top:1px solid var(--line);padding:18px 0}summary{font-size:19px;font-weight:600;cursor:pointer;min-height:44px;padding-block:8px}details p{margin-top:12px;color:var(--muted)}.callout{background:var(--soft);padding:36px;border-radius:8px}.callout p{margin-top:20px}.footer{border-top:1px solid var(--line);padding-block:32px 42px;display:flex;justify-content:space-between;gap:28px;font-size:13px;color:var(--muted)}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{min-height:44px;display:inline-flex;align-items:center}.access{font-size:13px;padding:12px 20px;background:var(--soft);text-align:center}.comparison{overflow-x:auto;margin-top:28px}table{border-collapse:collapse;width:100%;font-size:15px}td,th{border-bottom:1px solid var(--line);text-align:left;padding:16px 12px}th{font-weight:650}.lang-example{font-size:18px}.preview-page{padding-block:30px}.example-frame{width:100%;height:760px;border:1px solid var(--line);background:white;margin-top:28px}.view-help{font-size:14px;color:var(--muted);margin-top:14px}@media(prefers-color-scheme:dark){:root{--paper:#171c19;--ink:#eff2e9;--muted:#b5bfb3;--line:#475248;--soft:#232e26;--button:#c8bdff;--button-text:#4932bf}.window{background:#29352d}a:focus-visible,summary:focus-visible{outline-color:#e5ac67}}@media(max-width:900px){.hero{gap:30px}.preview{height:360px}.columns{gap:24px}.plans{gap:14px}.plan{padding:24px 18px}.navlinks{gap:16px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.masthead{align-items:flex-start;flex-direction:column;gap:8px;padding-block:20px}.navlinks{gap:18px;justify-content:space-between;width:100%}.hero{grid-template-columns:1fr;padding-block:45px;gap:36px}.hero p.lead{font-size:18px}.preview{height:390px}.columns,.examples,.plans{grid-template-columns:1fr}.columns{gap:38px}.section{padding-block:48px}.number{margin-bottom:12px}.example .preview{height:310px}.plan{padding:28px}.footer{flex-direction:column;gap:16px}.wide-title{padding-top:48px}.wide-title p:last-child{font-size:18px}.callout{padding:24px}.prose h1{font-size:38px}.example-frame{height:650px}.price{font-size:44px}.comparison table{font-size:14px}td,th{padding:12px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.preview-size{border:0;padding:0;margin:30px 0 0;min-width:0}.preview-size legend{font-size:14px;color:var(--muted);margin-bottom:12px}.preview-size label{display:inline-block;min-height:44px;padding:8px 18px 8px 5px}.preview-size input{accent-color:var(--button);width:18px;height:18px}.preview-size #narrow:checked~.example-frame{width:min(390px,100%);display:block;margin-inline:auto}

.brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:29px;letter-spacing:-1.1px}.mark{flex:none;background:none}
.localized-help{overflow-wrap:anywhere}.help-main{padding-block-end:1rem}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:36px 60px}.help-card{min-inline-size:0;border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--soft)}.help-card h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin-block-end:18px}.help-card p{font-size:16px}.help-contact p{margin-block-start:18px}.help-language{flex:1 1 14rem;max-inline-size:32rem;min-inline-size:0}.help-language summary{cursor:pointer;min-block-size:44px;padding-block:10px;font-size:14px}.help-language ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;max-block-size:20rem;overflow:auto;list-style:none;margin:8px 0 0;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.help-language a{display:flex;min-block-size:44px;padding:8px}.help-language li{min-inline-size:0}.localized-help .navlinks{min-inline-size:0;flex:1;justify-content:flex-end}.localized-help .wide-title{padding-block-end:20px}@media(max-width:700px){.help-grid{grid-template-columns:1fr;gap:18px}.help-card{padding:20px}.localized-help .navlinks{justify-content:flex-start}.help-language{flex-basis:100%;max-inline-size:100%}}

/* Localized acquisition overviews use the product's native-script copy. */
.localized-start :is(h1,h2,h3){letter-spacing:normal;line-height:1.2}
.localized-start .hero>*{min-inline-size:0}
.localized-start .start-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block-start:28px}
.localized-start .start-type{display:block;text-decoration:none;position:relative}
.localized-start .start-type h3{margin-block-end:16px}
.localized-start .start-type span{display:block;margin-block-start:16px}
.localized-start .start-price{font-size:clamp(24px,3vw,34px);overflow-wrap:anywhere}
.localized-start .start-pricing>h3{margin-block:28px 18px}
.localized-start .start-pricing>p{margin-block-start:18px}
.localized-marketing-header{flex-wrap:wrap;padding-block:18px;row-gap:12px}
.localized-marketing-header .navlinks{flex:1 1 32rem;min-inline-size:0;justify-content:flex-end}
.localized-marketing-header .start-language{flex:0 1 13rem;max-inline-size:100%}
@media(max-width:700px){.localized-start .start-types{grid-template-columns:1fr;gap:18px}.localized-marketing-header .navlinks{flex:auto;justify-content:flex-start}.localized-marketing-header .start-language{flex-basis:100%}}

.localized-start .start-allowance{margin-block-start:18px}.localized-start .start-allowance summary{min-block-size:44px;cursor:pointer}.localized-start .start-allowance p{margin-block-start:12px}
.localized-pricing .pricing-price{font-size:clamp(24px,3vw,34px);letter-spacing:normal;overflow-wrap:anywhere}
.localized-pricing .plan h2{font-size:26px;letter-spacing:normal}
.localized-pricing .plan p{margin-block-start:20px}
.localized-pricing .pricing-addresses{padding-inline-start:16px;font-size:14px;overflow-wrap:anywhere}
.localized-pricing .pricing-details>h2{margin-block:40px 20px}
.localized-pricing .pricing-details>p{margin-block-start:18px}
.localized-pricing table{table-layout:fixed;overflow-wrap:anywhere}
.localized-pricing th,.localized-pricing td{text-align:start;vertical-align:top}
.localized-pricing caption{text-align:start;font-size:14px;margin-block-end:16px}

.localized-pricing :is(h1,h2,h3){letter-spacing:normal;line-height:1.2}

.search-guidance p{margin-block-start:20px}.pricing-details .search-guidance{margin-block-start:48px}.pricing-details .search-guidance h2{margin-block-end:20px}

.guided-overview .help-card h3{font-size:clamp(20px,2.6vw,28px);line-height:1.25}.type-example{font-size:15px;opacity:.85}

.start-type-group{min-inline-size:0;display:flex;flex-direction:column}.start-type-group .start-type{flex:1}.start-type-overview{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding-block:8px}.guide-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:24px}.localized-example-list{padding-block:32px}.localized-example-list figure{margin:0}.localized-site-guide .guide-idea{max-width:900px}.localized-site-guide .help-card p{margin-block:14px}.localized-site-guide .guide-custom{max-width:900px}.localized-site-guide .guide-types h2{font-size:clamp(20px,2vw,28px)}@media(max-width:700px){.guide-types{grid-template-columns:1fr}.start-type-group .start-type{height:auto}}

/* Editorial homepage: real examples, a readable journey, and one clear next step. */
.home-intro{padding-block:70px 44px}.home-intro h1{font-size:clamp(54px,8.8vw,112px);max-width:1100px;letter-spacing:-.065em;line-height:.99}.home-intro em,.home-finale em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--button);letter-spacing:-.07em}.home-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-block-start:34px}.home-intro-bottom .lead{font-size:21px;max-width:47ch;color:var(--muted)}.home-intro-bottom .actions{margin-block-start:0}.home-promise{font-size:13px;color:var(--muted);margin-block-start:12px}.home-showcase{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:24px;margin-block-end:56px}.home-showcase a{color:inherit;text-decoration:none}.showcase-main{padding:22px 22px 0;background:#e4e9d9;border:1px solid #c5cdbb;border-radius:16px;overflow:hidden;display:block}.showcase-label{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.04em;color:#4932bf;margin-block-end:18px}.showcase-image{height:470px;overflow:hidden;border-radius:7px 7px 0 0;box-shadow:0 0 0 1px #b9c2b0,0 12px 30px #4932bf1a}.showcase-image img{display:block;width:100%}.showcase-aside{padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.showcase-native{font-size:clamp(28px,3vw,42px);line-height:1.6;max-width:100%}.showcase-aside>p:not(.eyebrow):not(.showcase-native){font-size:14px;color:var(--muted);margin-block:14px}.showcase-mini{height:135px;overflow:hidden;border:1px solid var(--line);border-radius:5px;margin-block:8px 18px}.showcase-mini img{display:block;width:100%}.showcase-aside>span{font-size:14px;margin-block-start:auto}.showcase-caption{grid-column:1/-1;font-size:12px;color:var(--muted);margin-block-start:-8px}.home-process .lead,.home-language .lead,.home-help .lead{margin-block-start:24px;color:var(--muted);font-size:19px}.home-process-heading{max-width:820px}.home-steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.home-steps>li{border-top:2px solid var(--ink);padding-block-start:24px;min-width:0}.home-steps p{margin-block-start:18px;font-size:16px;color:var(--muted)}.home-steps blockquote{margin:24px 0 0;padding:18px;border-inline-start:3px solid var(--button);background:var(--soft);font:italic 17px/1.6 Georgia,serif}.home-steps cite{display:block;font:12px/1.6 system-ui,sans-serif;color:var(--muted);margin-block-start:10px}.home-language,.home-help{display:grid;grid-template-columns:1fr 1fr;gap:70px}.home-language p{margin-block-end:20px}.language-specimen{align-self:center;display:flex;flex-direction:column;gap:4px;padding-inline-start:46px;border-inline-start:1px solid var(--line)}.language-specimen span{font-size:clamp(30px,4vw,52px);line-height:1.5;letter-spacing:-.03em}.language-specimen span:nth-child(2n){color:var(--muted)}.home-help .faq{margin-block-start:24px}.home-help summary{font-size:17px}.home-finale{padding:60px;background:var(--soft);border-radius:16px}.home-finale h2{font-size:clamp(44px,6.3vw,80px);line-height:1.02}.home-finale>p:not(.eyebrow){margin-block-start:24px}.home-showcase a:hover .showcase-label{text-decoration:underline;text-underline-offset:5px}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:64px;align-items:start}.article-layout .prose{padding-block-start:0}.article-layout .prose h2:first-child{margin-block-start:0}.article-aside{overflow-wrap:anywhere;position:sticky;top:24px;border-top:1px solid var(--line);padding-block-start:20px}.article-aside h2{font-size:19px;letter-spacing:normal}.article-aside a{display:block;margin-block:12px;font-size:14px;min-height:44px}.article-meta{font-size:13px;color:var(--muted);margin-block:20px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin-block:30px 60px}.guide-item{padding-block:26px;border-top:1px solid var(--line)}.guide-item h2{font-size:26px;line-height:1.2}.guide-item p{font-size:16px;color:var(--muted);margin-block-start:16px}.guide-item a{text-decoration:none}.guide-item a:hover{text-decoration:underline}.guide-category{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-block-end:12px}
@media(prefers-color-scheme:dark){.home-intro em,.home-finale em{color:#c8bdff}.showcase-main{background:#334b3e;border-color:#61775d}.showcase-label{color:#e4e9d9}}
@media(max-width:950px){.home-intro-bottom{gap:30px}.home-showcase{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.showcase-label{flex-direction:column;gap:4px}.showcase-aside{padding:22px}.showcase-image{height:430px}.home-help,.home-language{gap:34px}.home-steps{gap:24px}.home-steps h3{font-size:23px}}
@media(max-width:700px){.home-intro{padding-block:44px 30px}.home-intro h1{font-size:clamp(50px,12vw,82px)}.home-intro-bottom,.home-showcase,.home-language,.home-help,.home-steps,.article-layout,.guide-list{grid-template-columns:1fr;gap:30px}.home-intro-bottom .lead{font-size:18px}.home-showcase{margin-block-end:36px;gap:18px}.showcase-main{padding:16px 16px 0}.showcase-image{height:330px}.showcase-aside{padding:24px}.showcase-native{font-size:34px}.showcase-mini{height:150px}.showcase-caption{font-size:12px}.home-steps{gap:34px}.home-steps .number{margin-block-end:18px}.language-specimen{padding-inline-start:24px;display:grid;grid-template-columns:1fr 1fr}.language-specimen span{font-size:24px}.home-finale{padding:30px 24px}.article-aside{position:static}.guide-list{gap:0}.article-layout .prose{padding-block-end:10px}}

.article-languages{display:flex;flex-wrap:wrap;gap:10px 18px;padding-block:24px;border-top:1px solid var(--line)}.article-languages a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.localized-start .article-layout{overflow-wrap:anywhere}

.localized-platform :is(h1,h2,h3){letter-spacing:normal;line-height:1.2;overflow-wrap:anywhere}.localized-platform :is(.home-intro em,.home-finale em){letter-spacing:normal}.localized-platform .home-intro h1{font-size:clamp(48px,7.6vw,100px)}.localized-platform .showcase-label{letter-spacing:normal}.localized-platform .home-intro-bottom>*{min-inline-size:0}

/* VollSite web identity. Shared by information, pricing, help and policy pages. */
:root{--surface:#fff;--tint:#f1eeff;--violet:#4932bf;--shadow:0 16px 44px #25205d12}
body{background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand{font-family:inherit;font-weight:760;letter-spacing:-.055em}
.masthead{gap:20px}
.navlinks>a:not(.button),.footer nav a{border-radius:8px;text-decoration-thickness:1px;text-underline-offset:.3em}
.button{border-radius:12px;box-shadow:0 6px 18px #3e32a326}
.button.secondary{box-shadow:none}
.access{background:var(--tint);color:var(--ink)}
.home-intro{position:relative;isolation:isolate;overflow:hidden;margin-block:clamp(16px,4vw,48px) 24px;padding:clamp(24px,5.6vw,76px);border:1px solid var(--line);border-radius:32px;background:var(--surface);box-shadow:var(--shadow)}
.home-intro em,.home-finale em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--violet)}
.home-intro h1{font-size:clamp(48px,7.8vw,105px);line-height:1.02;overflow-wrap:anywhere}
.home-intro-bottom{align-items:end}
.home-showcase{gap:16px;margin-block:30px 64px}
.showcase-main{background:var(--tint);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.showcase-label{color:var(--ink)}
.showcase-aside{display:grid;grid-template-columns:1fr;gap:14px;padding:0;background:transparent;border:0;min-width:0}
.showcase-aside:hover{background:transparent}
.language-example{display:grid;align-content:start;gap:8px;min-width:0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.language-example>img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:top;border-radius:10px;background:var(--tint)}
.language-example strong{font-size:clamp(17px,2.1vw,24px);line-height:1.3}
.language-example>span:last-child{color:var(--violet)}
.example-language{justify-self:start;background:var(--tint);color:var(--violet);border-radius:100px;padding:4px 10px;font-size:.8rem;font-weight:650}
.home-steps>li,.columns>article,.guide-card,.guide-list>a,.plan,.help-card,.example,.faq details,.prose,.preview-page{border-radius:18px}
.columns>article,.guide-card,.guide-list>a,.plan,.help-card,.example,.prose,.preview-page{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.columns>article{min-width:0;padding:clamp(18px,3vw,28px)}
.prose,.preview-page{padding:clamp(18px,4vw,44px)}
.preview-page{margin-block:clamp(18px,4vw,44px)}
.home-custom,.home-finale,.language-specimen{border-radius:24px;background:var(--tint);border:1px solid var(--line);color:var(--ink)}
.language-specimen{display:grid;align-content:center}
.language-specimen>span{color:var(--ink);font-weight:720}
main :is(p,li,a,label,th,td){overflow-wrap:anywhere}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .button,.language-example,.showcase-main,.help-card{transition:background-color .17s ease,border-color .17s ease,box-shadow .17s ease,translate .17s ease}
  .language-example:hover,.showcase-main:hover,a.help-card:hover{translate:0 -3px;box-shadow:var(--shadow);border-color:var(--violet)}
}
@media(max-width:700px){
  .home-intro{border-radius:22px}
  .home-showcase{margin-block-end:40px}
  .showcase-aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .showcase-aside .language-example{padding:12px}
}
@media(prefers-color-scheme:dark){
  :root{--paper:#101116;--ink:#f4f4fa;--muted:#c0c2d1;--line:#35394a;--soft:#232631;--surface:#191b24;--tint:#28233f;--violet:#c8bdff;--button:#c8bdff;--button-text:#201a4a;--shadow:0 12px 34px #07081552}
}
@media (max-width: 700px) {
  .masthead { gap: 6px; padding-block: 12px; }
  .masthead .navlinks { column-gap: 14px; row-gap: 0; justify-content: flex-start; }
  .masthead .start-language { padding-block: 0; margin-block: 2px 0; }
  .home-intro h1, .localized-platform .home-intro h1 { font-size: clamp(37px, 10vw, 62px); }
  .home-intro-bottom { gap: 12px; }
}

.wide-title h1:lang(en) { letter-spacing: -.05em; }
@media (min-width: 1040px) {
  .examples-gallery, .localized-example-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Public site rhythm, navigation and pricing */
:root {
  --section-space: clamp(36px, 6vw, 82px);
  --card-pad: clamp(19px, 3vw, 36px);
  --shadow: 0 1px 2px #10112410;
}
.masthead { min-height: 76px; padding-block: 12px; }
.brand { gap: 7px; font-size: 23px; letter-spacing: -.045em; }
.brand .mark { inline-size: 30px; block-size: 30px; }
.masthead .navlinks { gap: 4px 7px; }
.masthead .navlinks > a { padding-inline: 11px; white-space: normal; }
.masthead .navlinks > a:hover,
.masthead .navlinks > a[aria-current="page"] {
  background: var(--soft);
  text-decoration: none;
}
.masthead .navlinks > a[href^="https://builder-staging.vollsite.com/create"] {
  background: var(--button);
  color: var(--button-text);
  padding-inline: 14px;
  border-radius: 8px;
  gap: 5px;
}
.masthead .start-language { margin-inline-start: 3px; }
.access { padding: 6px 16px; border-bottom: 1px solid var(--line); }
.section { padding-block: var(--section-space); }
.home-intro {
  border-radius: 19px;
  padding: clamp(24px, 5vw, 68px);
  margin-block: clamp(18px, 4vw, 42px) 24px;
}
.home-intro h1 { font-size: clamp(42px, 7vw, 94px); letter-spacing: -.055em; line-height: 1.06; }
.home-intro-bottom { gap: clamp(20px, 4vw, 56px); }
.actions > a:not(.button) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 10px;
  border-radius: 8px;
  color: var(--violet);
  text-underline-offset: .3em;
}
.actions > a:not(.button):hover { background: var(--soft); }
.button { border-radius: 9px; box-shadow: none; gap: 4px; }
.button:hover { filter: brightness(.94); }
.button.secondary { background: var(--surface); border-color: var(--line); }
.button.secondary:hover { background: var(--soft); }
.home-custom {
  margin-block: 20px var(--section-space);
  padding: clamp(24px, 5vw, 56px);
  border-radius: 18px;
}
.home-custom > .lead { max-inline-size: 60ch; }
.home-process { padding-block-start: 0; border-block-start: 0; }
.home-steps { gap: 16px; }
.home-steps > li { padding: var(--card-pad); border: 1px solid var(--line); background: var(--surface); border-radius: 15px; }
.home-steps h3 { line-height: 1.2; margin-block: 14px 0; }
.home-steps p { margin-block-start: 12px; }
.home-finale { padding-inline: var(--card-pad); }
.language-example, .showcase-main, .example { border-radius: 15px; }
.showcase-main { padding-inline: clamp(13px, 2vw, 22px); }
.showcase-label { gap: 7px 14px; }
.plans { gap: 16px; }
.plan {
  display: flex;
  flex-direction: column;
  padding: var(--card-pad);
  border-radius: 16px;
}
.plan.featured { background: var(--tint); border-color: var(--violet); }
.plan :is(h2,h3) { font-size: clamp(20px, 2.35vw, 29px); line-height: 1.2; }
.plan .price { font-variant-numeric: tabular-nums; line-height: 1.06; margin-block: 14px 8px; }
.plan .price small { font-size: .33em; color: var(--muted); }
.plan ul { padding-inline: 20px 0; border-block-start: 1px solid var(--line); padding-block-start: 10px; }
.plan li::marker { color: var(--violet); }
.plan .actions { margin-block-start: auto; padding-block-start: 22px; }
.plan > :is(a.button,.actions):last-child { align-self: stretch; }
.comparison :is(th,td), .pricing-details :is(th,td) { padding: clamp(8px, 1.8vw, 18px); }
.wide-title { padding-block: clamp(35px, 7vw, 74px) 30px; }
.wide-title > p:last-child { max-inline-size: 65ch; }
.footer {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  margin-block: 24px;
  padding: var(--card-pad);
  display: grid;
  grid-template-columns: minmax(170px, 1fr) minmax(0, 2fr);
}
.footer > div > p:first-child { color: var(--ink); font-weight: 680; }
.footer nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 122px), 1fr)); gap: 2px 14px; }
.footer a { text-decoration: none; line-height: 1.35; padding: 6px 0; }
.footer a:hover { text-decoration: underline; }
@media (max-width: 700px) {
  .masthead { padding-block: 12px; gap: 8px; }
  .masthead .navlinks > a { padding-inline: 8px; }
  .masthead .start-language { margin-inline-start: 0; }
  .home-intro { padding: 22px; }
  .home-intro h1, .localized-platform .home-intro h1 { font-size: clamp(34px, 10vw, 55px); }
  .home-steps { margin-block-start: 24px; }
  .footer { grid-template-columns: 1fr; gap: 14px; }
}
@media (forced-colors: active) {
  .masthead .navlinks > a[aria-current="page"], .plan.featured { outline: 1px solid Highlight; }
}
.faq details {
  margin-block: 10px;
  padding-inline: clamp(12px, 2vw, 20px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 11px;
}
.faq summary { padding-block: 14px; }
.faq details > :last-child:not(summary) { margin-block-end: 16px; }

/* Keep the language list above the page and out of the navigation's layout. */
.masthead { position: relative; z-index: 2; }
.masthead .navlinks { align-items: center; }
.masthead .help-language {
  position: relative;
  flex: 0 1 auto;
  min-inline-size: 0;
  max-inline-size: min(100%, 15rem);
  margin: 0;
  padding: 0;
  border: 0;
}
.masthead .help-language summary {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 9px;
  padding: 8px 11px;
  line-height: 1.3;
  list-style: none;
  overflow-wrap: anywhere;
}
.masthead .help-language summary::-webkit-details-marker { display: none; }
.masthead .help-language summary > svg { flex: none; color: var(--violet); }
.masthead .help-language summary::after {
  content: "";
  flex: none;
  inline-size: 6px;
  block-size: 6px;
  border-inline-end: 1.5px solid;
  border-block-end: 1.5px solid;
  rotate: 45deg;
  margin-inline-start: 3px;
}
.masthead .help-language[open] summary { background: var(--soft); }
.masthead .help-language[open] summary::after { rotate: 225deg; }
.masthead .help-language ul {
  position: absolute;
  inset-block-start: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 1;
  inline-size: min(24rem, 100vw - 36px);
  max-block-size: min(21rem, 45dvh);
  overscroll-behavior: contain;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 4px 8px;
  margin: 0;
  padding: 8px;
  background: var(--surface);
  border-radius: 13px;
  box-shadow: 0 12px 32px #09091433;
}
.masthead .help-language li a {
  display: flex;
  align-items: center;
  inline-size: 100%;
  line-height: 1.35;
  overflow-wrap: anywhere;
  border-radius: 7px;
}
.masthead .help-language li a:hover,
.masthead .help-language li a[aria-current] { background: var(--soft); }
.masthead .help-language li a:focus-visible { outline-offset: -2px; }
.brand-wordmark { display: inline-flex; align-items: center; gap: .01em; }
.brand .brand-wordmark .mark {
  display: inline-block;
  inline-size: 1.06em;
  block-size: .9em;
  object-fit: cover;
  margin-inline-end: -.085em;
  border-radius: 0;
}
.footer-identity { display: grid; align-content: start; gap: 6px; }
.footer .footer-identity .brand { justify-self: start; color: var(--ink); }
.footer .footer-identity .brand:hover { text-decoration: none; }
.footer .footer-identity p { margin: 0; }
.footer .footer-identity p:first-of-type { font-weight: 650; }
.footer nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.footer nav > div { display: grid; align-content: start; }

.examples-gallery { gap: clamp(14px, 2vw, 24px); }
.gallery-card { display: flex; flex-direction: column; }
.gallery-media {
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--tint);
  border-radius: 14px 14px 0 0;
  border-block-end: 1px solid var(--line);
}
.gallery-media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: top;
}
.gallery-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;
  gap: 11px;
  padding: clamp(16px, 2vw, 24px);
}
.gallery-content :is(h2,h3,p) { margin: 0; }
.gallery-content :is(h2,h3) { font-size: clamp(20px, 2vw, 26px); line-height: 1.2; }
.gallery-content p { font-size: .92rem; }
.gallery-content .actions {
  padding-block-start: 7px;
  margin-block-start: auto;
  gap: 4px 10px;
}
.gallery-content .actions > a { min-height: 44px; padding-inline: 12px; }
.gallery-content .actions > a:not(.button) { padding-inline: 2px; }
@media (min-width: 1040px) {
  .gallery-content .actions { flex-direction: column; align-items: start; }
}
.finale-section { padding-block-end: clamp(22px, 4vw, 54px); }
.home-finale {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 68px);
  padding: clamp(24px, 5vw, 60px);
}
.home-finale h2 { font-size: clamp(34px, 4.6vw, 66px); line-height: 1.08; }
.finale-copy > p:not(.eyebrow) { margin-block-start: 18px; }
.finale-art { position: relative; min-inline-size: 0; padding: 8px 9% 16px 0; }
.finale-window, .finale-phone {
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 9px 25px #100b2b24;
}
.finale-window { border-radius: 12px; aspect-ratio: 1.25; }
.finale-bar {
  display: flex;
  align-items: center;
  gap: 4px;
  block-size: 30px;
  padding-inline: 10px;
  border-block-end: 1px solid var(--line);
}
.finale-bar i { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--violet); }
.finale-bar span { inline-size: 40%; block-size: 8px; border-radius: 9px; background: var(--soft); margin-inline: auto; }
.finale-art img { display: block; inline-size: 100%; }
.finale-phone { position: absolute; inset: auto 0 0 auto; inline-size: 27%; aspect-ratio: 5 / 8; border: 4px solid var(--surface); border-radius: 12px; }
.finale-phone img { block-size: 100%; object-fit: cover; object-position: top left; }
@media (max-width: 700px) {
  .masthead .help-language { position: static; }
  .masthead .help-language ul { inset-block-start: 100%; inset-inline-end: 0; }
  .home-finale { grid-template-columns: minmax(0, 1fr); }
  .finale-art { max-inline-size: 27rem; inline-size: 100%; }
  .examples-gallery { grid-template-columns: minmax(0, 1fr); }
}
.home-intro h1:lang(en) { letter-spacing: -.045em; }
.actions > a:not(.button) { gap: 5px; }
@media (min-width: 1040px) {
  .gallery-content .actions { display: grid; grid-template-rows: auto minmax(44px,auto); }
}

/* Homepage website choices and localized example cards */
.home-path-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 14px clamp(24px, 4vw, 54px);
  align-items: end;
  margin-block-end: clamp(22px, 3vw, 36px);
}
.home-path-intro .eyebrow { margin-block-end: 12px; }
.home-path-intro .lead { color: var(--muted); max-inline-size: 38ch; }
.home-path-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 22px);
}
.home-path-card {
  display: grid;
  align-content: start;
  gap: clamp(18px, 2.6vw, 30px);
  padding: clamp(17px, 2.5vw, 30px);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  text-decoration: none;
}
.home-path-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.home-path-icon {
  display: grid;
  place-items: center;
  inline-size: 54px;
  block-size: 54px;
  border-radius: 13px;
  background: var(--tint);
  color: var(--violet);
}
.home-path-icon.portfolio { background: #e0f1ec; color: #216352; }
.home-path-icon.business { background: #f8ead9; color: #8a461d; }
.home-path-arrow { color: var(--muted); }
.home-path-card h3 { font-size: clamp(19px, 2vw, 25px); line-height: 1.25; text-wrap: wrap; }
.home-path-card p { margin-block-start: 8px; color: var(--muted); font-size: .94rem; line-height: 1.55; max-inline-size: 35ch; }
.home-path-card:is(:hover,:focus-visible) { border-color: var(--violet); }
.home-path-card:is(:hover,:focus-visible) .home-path-arrow { color: var(--violet); }
@media (prefers-color-scheme: dark) {
  .home-path-icon.portfolio { background: #213a34; color: #a0ddcc; }
  .home-path-icon.business { background: #402e26; color: #fac28f; }
}
@media (max-width: 700px) {
  .home-path-intro, .home-path-cards { grid-template-columns: minmax(0, 1fr); }
  .home-path-card { gap: 13px; }
  .home-path-icon { inline-size: 44px; block-size: 44px; }
  .home-path-icon svg { inline-size: 22px; block-size: 22px; }
}
.localized-example-list .example-language { color: var(--violet); line-height: 1.4; }
.localized-example-list .gallery-content .actions { inline-size: 100%; display: grid; justify-items: start; }
.localized-example-list .gallery-content .example-open { text-align: start; }

/* A balanced introduction, grounded in an actual generated website. */
.home-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 5vw, 64px); overflow: hidden; padding: clamp(28px, 4.5vw, 60px); border-radius: 24px; }
.home-intro-copy { min-width: 0; }
.home-intro .eyebrow { font-size: 11px; line-height: 1.8; max-width: 43ch; margin-block-end: 26px; }
.home-intro h1, .localized-platform .home-intro h1 { font-size: clamp(40px, 4.6vw, 68px); line-height: 1.08; letter-spacing: -.04em; margin: 0; }
.home-intro .lead { font-size: clamp(16px, 1.5vw, 19px); line-height: 1.75; max-width: 43ch; margin-block: 26px; }
.home-intro .actions { align-items: center; gap: 10px; margin-block: 0; }
.home-intro .actions .button { padding: 14px 20px; font-size: 15px; }
.home-intro .actions > a:not(.button) { font-size: 14px; padding-inline: 2px; }
.home-intro .home-promise { margin-block: 16px 0; font-size: 12px; line-height: 1.8; }
.home-intro-preview { margin: 0; width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #f5e8de; box-shadow: 0 18px 40px #00000014; transform: rotate(1.5deg); }
.hero-browser-bar { display: flex; align-items: center; gap: 5px; padding: 12px; background: var(--paper); color: var(--muted); border-bottom: 1px solid var(--line); }
.hero-browser-bar i { width: 5px; height: 5px; border-radius: 50%; background: var(--muted); opacity: .5; }
.hero-browser-bar span { margin-inline-start: 8px; font-size: 10px; }
.hero-preview-window { aspect-ratio: 1 / 1.1; overflow: hidden; }
.hero-preview-window img { display: block; width: 100%; height: auto; }
.masthead .account-nav { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.masthead .account-nav.button { background: var(--button); color: var(--button-text); padding-inline: 16px; }
@media(max-width: 900px) { .masthead { align-items: flex-start; } .masthead .navlinks { justify-content: flex-end; } .home-intro { gap: 28px; padding: 30px; } .home-intro h1, .localized-platform .home-intro h1 { font-size: clamp(36px, 5vw, 52px); } }
@media(max-width: 680px) { .masthead .navlinks { justify-content: flex-start; } .home-intro { grid-template-columns: minmax(0, 1fr); padding: 28px 24px; gap: 32px; } .home-intro h1, .localized-platform .home-intro h1 { font-size: clamp(36px, 9.5vw, 54px); } .home-intro .eyebrow { margin-block-end: 18px; } .home-intro .lead { margin-block: 20px; } .home-intro-preview { max-width: 380px; justify-self: center; transform: none; } .hero-preview-window { aspect-ratio: 1.2; } }
@media(forced-colors: active) { .auth-tabs > button.selected, .account-nav.button { outline: 1px solid ButtonText; } }

/* Public navigation stays one calm row on phones; links expand beneath it. */
.masthead[data-site-menu] { align-items: center; }
.site-menu-toggle { display: none; }
.site-menu-toggle .menu-cross { display: none; }
.site-menu-toggle[aria-expanded="true"] .menu-bars { display: none; }
.site-menu-toggle[aria-expanded="true"] .menu-cross { display: block; }
@media(max-width: 1100px) {
  .masthead[data-site-menu] { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 16px; min-height: 76px; padding-block: 14px; }
  .masthead[data-site-menu] > .brand { justify-self: start; }
  .masthead .site-menu-toggle:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; max-width: 100%; padding: 9px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); font: 600 14px/1.4 system-ui,-apple-system,sans-serif; cursor: pointer; }
  .site-menu-toggle svg { flex-shrink: 0; }
  .site-menu-toggle:focus-visible { outline: 3px solid var(--violet); outline-offset: 3px; }
  .masthead[data-site-menu] .navlinks { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 8px; margin-block-start: 14px; padding: 16px 0 2px; border-top: 1px solid var(--line); align-items: stretch; }
  .masthead[data-menu-ready][data-site-menu="closed"] .navlinks { display: none; }
  .masthead[data-site-menu] .navlinks > a { min-width: 0; min-height: 46px; padding: 11px 13px; border-radius: 10px; line-height: 1.5; overflow-wrap: anywhere; }
  .masthead[data-site-menu] .navlinks > .help-language { grid-column: 1 / -1; width: 100%; max-inline-size: none; margin: 4px 0 8px; position: relative; }
  .masthead[data-site-menu] .help-language summary { min-height: 46px; padding: 11px 13px; font-size: 14px; }
  .masthead[data-site-menu] .help-language summary::after { margin-inline-start: auto; }
  .masthead[data-site-menu] .help-language ul { position: static; inline-size: 100%; max-block-size: min(18rem,45dvh); margin-block-start: 8px; box-shadow: none; border: 1px solid var(--line); }
  .masthead[data-site-menu] .navlinks > .account-nav { border: 1px solid var(--line); text-align: center; }
  .masthead[data-site-menu] .account-nav.button { border-color: var(--button); }
}
@media(forced-colors: active) { .site-menu-toggle { border-color: ButtonText; } .site-menu-toggle:focus-visible { outline-color: Highlight; } }

/* Author styles must preserve the hidden state of account navigation. */
.masthead .account-nav[hidden] { display: none; }
@media (max-width: 1100px) {
  .masthead[data-site-menu] .navlinks > [data-account-member] { grid-column: 1 / -1; }
}