.website-page { background:var(--surface); color:var(--text); }
.website-page [hidden] { display:none!important; }
.w-wrap { max-width:1440px; margin-inline:auto; padding-inline:clamp(24px,5vw,80px); }
.website-page :is(h1,h2,h3) { font-variation-settings:"wdth" 100; font-stretch:normal; text-transform:none; font-weight:520; letter-spacing:-.03em; text-wrap:balance; margin:0; }
.website-page p { color:var(--text-muted); line-height:1.65; }
.website-page svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; flex-shrink:0; }
.website-page a { text-underline-offset:5px; }
.website-page :is(a,button,summary):focus-visible { outline:2px solid var(--text); outline-offset:4px; }
.w-hero { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center; padding-block:64px; }
.w-hero h1 { font-size:clamp(40px,4.4vw,62px); line-height:1.08; }
.w-hero-copy>p { font-size:17px; margin:28px 0; max-width:44ch; }
.w-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; }
.w-button { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:52px; padding:14px 18px; background:var(--orange); color:var(--ink); border-radius:6px; font-size:14px; font-weight:550; text-decoration:none; }
.w-button:hover { background:var(--text); color:var(--surface); }
.w-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; font-size:14px; }
.w-link:hover { color:var(--accent-text); }
.w-hero-copy .w-terms { font-size:12px; margin-bottom:0; }
.w-demo { background:var(--surface-alt); border-radius:12px; overflow:hidden; }
.w-demo-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 24px; font-size:13px; }
.w-demo-top>a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:12px; }
.w-demo-image { background:var(--paper); }
.w-demo-image img { width:100%; height:auto; display:block; }
.w-tabs { display:grid; grid-template-columns:repeat(3,1fr); padding-inline:20px; border-bottom:1px solid var(--line); }
.w-tabs button { min-height:52px; background:transparent; border:0; border-bottom:2px solid transparent; font:inherit; font-size:12px; color:var(--text-muted); padding:12px 0; cursor:pointer; }
.w-tabs button[aria-selected="true"] { color:var(--text); border-bottom-color:var(--orange); font-weight:650; }
.w-panel { padding:24px; }
.w-enhanced .w-panel { min-height:244px; }
.w-panel h2 { font-size:26px; line-height:1.15; }
.w-panel p { margin:14px 0 20px; font-size:14px; }
.w-flow { display:flex; align-items:center; gap:16px; font-size:12px; }
.w-flow i { flex:1; position:relative; height:1px; background:var(--control-line); }
.w-flow i::after { content:''; width:8px; height:8px; position:absolute; top:-4px; right:0; border-radius:50%; background:var(--accent-text); }
.w-playback { display:flex; align-items:center; gap:20px; padding-inline:24px; }
.w-playback button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 0; background:transparent; border:0; color:var(--text); font:inherit; font-size:12px; cursor:pointer; }
.w-playback>span { margin-left:auto; font-size:12px; color:var(--text-muted); }
.w-demo-note { font-size:11px; margin:8px 24px 20px; }
.website-page main>section:not(.w-hero) h2 { font-size:clamp(30px,3.2vw,44px); line-height:1.12; }
.w-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:36px; }
.w-section-heading h2 { max-width:24ch; }
.w-section-heading p { max-width:48ch; font-size:16px; margin:20px 0 0; }
.w-work,.w-builds,.w-care,.w-process { padding-block:64px; }
.w-work { border-block:1px solid var(--line); }
.w-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.w-project-image { display:block; aspect-ratio:1.5; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface-alt); }
.w-project-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.w-project-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; }
.w-project-heading h3 { font-size:24px; }
.w-project-heading>a { min-height:44px; min-width:44px; display:grid; place-items:center; }
.w-work-grid p { font-size:13px; margin:12px 0 0; }
.w-work-grid .w-project-status { font-size:12px; color:var(--accent-text); margin-top:4px; }
.w-small { font-size:12px; margin:24px 0 0; }
.w-process ol { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; list-style:none; padding:0; margin:0; }
.w-process li { border-top:1px solid var(--line); padding-top:20px; }
.w-process li>span { display:block; color:var(--accent-text); font-size:14px; margin-bottom:24px; }
.w-process h3 { font-size:24px; }
.w-process p { font-size:14px; margin:16px 0 0; }
.w-builds,.w-care { background:var(--surface-alt); }
.w-plans { display:grid; grid-template-columns:repeat(var(--columns),minmax(0,1fr)); gap:32px; }
.w-plans article { border-top:1px solid var(--line); padding-top:24px; }
.w-plans h3 { font-size:24px; }
.w-price { margin:16px 0 12px; }
.w-price strong { color:var(--text); font-size:36px; font-weight:520; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.w-price>span { display:block; font-size:12px; }
.w-plan-scope { font-size:13px; min-height:44px; margin:12px 0; }
.website-page summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:54px; padding-block:14px; font-size:14px; cursor:pointer; list-style:none; }
.website-page summary::-webkit-details-marker { display:none; }
.website-page summary>span { font-size:24px; font-weight:350; }
.website-page details[open]>summary>span { transform:rotate(45deg); }
.w-plans ul { font-size:13px; color:var(--text-muted); line-height:1.6; padding-left:16px; margin:0 0 16px; }
.w-plans li { margin-bottom:8px; }
.w-plan-note { font-size:12px; margin:28px 0 0; max-width:100ch; }
.w-standard { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:64px; }
.w-standard>div>p { font-size:16px; margin:24px 0 12px; max-width:45ch; }
.w-standard details { border-top:1px solid var(--line); }
.w-standard summary { min-height:60px; font-size:16px; }
.w-standard details p { font-size:14px; margin:0 0 24px; }
.w-standard>div>.w-small { font-size:12px; max-width:none; }
.w-faq { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:64px; }
.w-faq details { border-bottom:1px solid var(--line); }
.w-faq summary { font-size:16px; min-height:60px; }
.w-faq p { font-size:14px; margin:0 0 24px; }
.w-close { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-block:48px; background:var(--orange); color:var(--ink); }
.w-close h2 { max-width:24ch; }
.w-close p { color:var(--ink); font-size:15px; max-width:44ch; margin:20px 0 0; }
.w-close .w-button { flex-shrink:0; background:var(--ink); color:var(--paper); }
.w-close .w-button:hover { background:var(--paper); color:var(--ink); }
.w-close a:focus-visible { outline-color:var(--ink); }
@media(prefers-reduced-motion:no-preference) {
 .w-enhanced .w-panel:not([hidden]) .w-flow i::after { animation:w-transfer 2000ms cubic-bezier(.16,1,.3,1) both; }
 @keyframes w-transfer { from { right:100%; } to { right:0; } }
}
@media(max-width:1050px) {
 .w-hero { gap:32px; }.w-hero h1 { font-size:44px; }
 .w-standard,.w-faq { gap:40px; }.w-work-grid { gap:24px; }.w-project-heading h3 { font-size:20px; }
 .w-care .w-plans { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 .w-hero { grid-template-columns:1fr; padding-block:40px; gap:28px; }.w-hero h1 { font-size:38px; }.w-hero-copy>p { font-size:16px; margin-block:24px; }
 .w-demo-top { padding:12px 20px; gap:12px; font-size:12px; }.w-demo-top>a { font-size:11px; gap:6px; }
 .w-tabs { padding-inline:12px; }.w-tabs button { font-size:11px; }.w-panel { padding:24px 20px; }.w-panel h2 { font-size:24px; }.w-enhanced .w-panel { min-height:266px; }
 .w-playback { padding-inline:20px; gap:16px; }.w-demo-note { margin-inline:20px; }
 .website-page main>section:not(.w-hero) h2 { font-size:32px; }
 .w-section-heading { flex-direction:column; align-items:start; gap:20px; margin-bottom:28px; }
 .w-work,.w-process,.w-builds,.w-care,.w-standard,.w-faq { padding-block:40px; }
 .w-work-grid { grid-template-columns:1fr; gap:32px; }.w-project-heading h3 { font-size:24px; }
 .w-process ol { grid-template-columns:1fr 1fr; gap:28px 24px; }.w-process h3 { font-size:22px; }
 .w-plans { grid-template-columns:1fr 1fr; gap:28px 24px; }.w-plans h3 { font-size:22px; }.w-price strong { font-size:30px; }.w-plan-scope { font-size:12px; }
 .w-standard,.w-faq { grid-template-columns:1fr; gap:28px; }
 .w-close { flex-direction:column; align-items:start; gap:24px; }
}

/* One connected website price, with page count shown as a simple equation. */
.w-build-formula{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.w-build-formula>div{padding:29px 0 30px}.w-build-formula>div:last-child{padding-left:28px;border-left:1px solid var(--line)}
.w-build-formula>div>span{display:block;font-size:11px;font-weight:650;letter-spacing:.07em;color:var(--text-muted)}
.w-build-formula strong{display:block;margin:8px 0 1px;font-size:clamp(48px,5.3vw,76px);line-height:1;font-weight:520;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.w-build-formula p{font-size:14px;color:var(--text-muted)}
.w-formula-plus{display:grid;place-items:center;font-size:32px;font-weight:350;color:var(--accent-text)}
.w-build-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 40px;border-bottom:1px solid var(--line)}
.w-build-examples>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px 18px 0;font-size:14px}
.w-build-examples>div+div{padding-left:22px;border-left:1px solid var(--line)}
.w-build-examples strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}
.w-build-scope{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.w-build-scope h3{font-size:clamp(28px,2.8vw,38px);line-height:1.08}.w-build-scope p{max-width:48ch;margin:14px 0 0;font-size:16px;line-height:1.55}
.w-build-scope ul{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.w-build-scope li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.w-builds>.w-link{margin-top:14px}
@media(max-width:760px){.w-build-formula{grid-template-columns:1fr 32px 1fr}.w-build-formula>div{padding:22px 0}.w-build-formula>div:last-child{padding-left:14px}.w-build-formula>div>span{font-size:9px}.w-build-formula strong{font-size:clamp(35px,9vw,52px)}.w-build-formula p{font-size:11px}.w-formula-plus{font-size:23px}.w-build-examples{margin-bottom:28px}.w-build-examples>div{display:block;padding:13px 6px 13px 0;font-size:11px}.w-build-examples>div+div{padding-left:10px}.w-build-examples strong{display:block;margin-top:3px;font-size:17px}.w-build-scope{grid-template-columns:1fr;gap:24px}.w-build-scope p{font-size:15px}.w-build-scope li{font-size:13px}}
.w-builds{scroll-margin-top:88px}
.w-build-examples{margin-bottom:0;border-bottom:0}
.w-price-flex{margin:0 0 40px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
@media(max-width:760px){.w-price-flex{margin-bottom:28px;font-size:13px;line-height:1.5}}