.demo{--demo-bg:#f7f7f3;--demo-ink:#20251e;--demo-accent:#cceb8e;--demo-soft:#e9eddf;--demo-muted:#66705f;background:var(--demo-bg);color:var(--demo-ink)}.demo-wrap{width:min(1220px,calc(100% - 100px));margin-inline:auto}.demo-banner{min-height:45px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#153f32;color:white;font-size:12px}.demo-banner>span{font-size:10px;letter-spacing:1px;color:#cfe4c7}.demo-banner-link{color:#d6f58b;text-decoration:underline;text-underline-offset:4px}.demo-header{height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-brand{font-size:36px;line-height:1;font-weight:750;letter-spacing:-1.5px}.demo-brand>span{display:block;font-size:9px;font-weight:400;letter-spacing:2.8px;margin-top:10px}.demo-header nav{display:flex;gap:30px;font-size:14px}.demo-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.demo-button,.plans button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 23px;background:var(--demo-accent);color:var(--demo-ink);border:0;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s}.demo-button:hover,.plans button:hover{transform:translateY(-3px)}.demo-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:28px 70px}.demo-hero h1{font-size:clamp(56px,6.3vw,87px);line-height:1.01;letter-spacing:-4px;font-weight:600;margin:0 0 26px}.demo-hero-copy>p:not(.eyebrow){color:var(--demo-muted);font-size:18px;line-height:1.8;max-width:430px;margin:0 0 30px}.demo-hero .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:27px}.demo-hero-image{position:relative;height:590px;overflow:hidden;border-radius:5px}.demo-hero-image img{width:100%;height:100%;object-fit:cover}.demo-hero-image>span{position:absolute;bottom:25px;left:25px;color:white;background:#172319a8;padding:10px 14px;font-size:10px;letter-spacing:2px;backdrop-filter:blur(6px)}.demo-hero-note{font-size:10px;letter-spacing:1.3px;margin-top:40px;color:var(--demo-muted)}.demo-section{padding-block:95px}.demo-section h2,.demo-end h2,dialog h2{font-size:48px;line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:0 0 30px}.demo-section .eyebrow,.demo-end .eyebrow{font-size:11px;margin-bottom:22px}.demo-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:45px}.demo-cols article{border-top:1px solid #9ba58f70;padding:25px 0}.demo-cols article>span{font-size:14px;color:var(--demo-muted)}.demo-cols h3{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:28px 0 16px;font-weight:500}.demo-section p{color:var(--demo-muted);line-height:1.8}.demo-cols p{font-size:16px;margin-bottom:0}.demo-alt{background:var(--demo-soft)}.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.demo-split>img{width:100%;height:460px;object-fit:cover;border-radius:5px}.demo-split>div>p{margin:20px 0 30px}.demo-small{font-size:12px!important;line-height:1.7!important}.plan-toggle,.menu-tabs{display:flex;gap:8px;margin-top:32px}.plan-toggle button,.menu-tabs button{border:1px solid #87987560;padding:11px 25px;color:var(--demo-ink);background:transparent;cursor:pointer;border-radius:4px}.plan-toggle button.active,.menu-tabs button.active{background:var(--demo-ink);color:var(--demo-bg)}.plans{grid-template-columns:1fr 1fr;max-width:900px;margin-top:30px}.plans article{background:var(--demo-bg);padding:30px;border-radius:5px;border:1px solid #87987560;position:relative}.plans h3{margin:15px 0 8px}.plans p{margin-bottom:18px}.plans strong{font-size:46px;font-weight:500;letter-spacing:-2px}.plans article>span.plan-label{font-size:10px;letter-spacing:1px;position:absolute;top:16px;right:20px;color:var(--demo-ink)}.plans button{display:flex;margin-top:25px}.plan-toggle{width:max-content}.demo-end{padding:75px 0;background:var(--demo-ink);color:var(--demo-bg)}.demo-end p:not(.eyebrow){margin-bottom:26px;opacity:.8}.demo-back{display:inline-block;margin-left:25px;text-decoration:underline;text-underline-offset:5px;font-size:14px}.demo footer{color:var(--demo-muted);padding-block:35px}.demo footer .demo-brand{color:var(--demo-ink);font-size:27px}.demo footer p{font-size:12px}.demo-gym{--demo-bg:#141a15;--demo-ink:#f1f5e9;--demo-accent:#d6f58b;--demo-soft:#20291f;--demo-muted:#aab8a4}.demo-gym .demo-button,.demo-gym .plans button{color:#16251a}.demo-gym .demo-hero h1{font-weight:800;font-size:clamp(58px,6.7vw,94px)}.demo-gym .demo-hero-image img{object-position:50% 42%}.demo-gym .demo-end{background:#d6f58b;color:#142219}.demo-gym .demo-end .demo-button{background:#142219;color:#d6f58b}.demo-restaurant{--demo-bg:#fff9ed;--demo-ink:#692a20;--demo-accent:#e8bc8d;--demo-soft:#f1e7d5;--demo-muted:#806658}.demo-restaurant h1,.demo-restaurant h2,.demo-restaurant .demo-brand{font-family:Georgia,serif;font-weight:400}.demo-restaurant .demo-brand{font-size:35px;letter-spacing:-2px}.demo-restaurant .demo-brand span{font-family:Outfit,sans-serif;letter-spacing:2px}.demo-restaurant .demo-hero-image{border-radius:220px 220px 5px 5px}.demo-restaurant .demo-hero h1{font-size:85px;letter-spacing:-4px}.restaurant-story{max-width:790px;text-align:center}.restaurant-story .eyebrow{justify-content:center}.restaurant-story p:not(.eyebrow){font-size:21px}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;margin-top:35px}.menu-item{padding:24px 0;border-bottom:1px solid #692a2030;display:grid;grid-template-columns:1fr auto;gap:8px 20px}.menu-item h3{font-size:22px;font-weight:500;margin:0}.menu-item p{grid-column:1/-1;font-size:15px;margin:0}.menu-item strong{font-size:20px;font-weight:500}.hours{display:grid;grid-template-columns:1fr auto;gap:15px;border-block:1px solid #692a2030;padding:20px 0;font-size:15px}.hours strong{font-weight:500}.demo-lawyer{--demo-bg:#f4f5f4;--demo-ink:#1c344c;--demo-accent:#decaac;--demo-soft:#e6e9eb;--demo-muted:#63727c}.demo-lawyer .demo-brand{font-family:Georgia,serif;font-size:28px;letter-spacing:5px;font-weight:400}.demo-lawyer .demo-brand span{font-family:Outfit,sans-serif;letter-spacing:4px;text-align:center}.demo-lawyer h1,.demo-lawyer h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.demo-lawyer .demo-hero h1{font-size:68px}.demo-lawyer .demo-hero-image{height:565px;border-radius:0}.legal-areas{max-width:900px;margin-top:40px}.legal-areas details{border-color:#82918060}.legal-areas summary{font-size:21px}.legal-areas p{color:var(--demo-muted)}.demo-steps{padding-left:24px;line-height:1.9;color:var(--demo-muted)}.demo-steps li{padding:9px 0 9px 10px}.demo-steps strong{color:var(--demo-ink);font-weight:500}.demo-nutrition{--demo-bg:#f5f8ef;--demo-ink:#284f3c;--demo-accent:#cee297;--demo-soft:#e5edda;--demo-muted:#657760}.demo-nutrition .demo-brand{font-size:48px;font-weight:450;letter-spacing:-3px}.demo-nutrition .demo-hero-image{border-radius:180px 180px 10px 10px}.demo-nutrition .demo-hero h1{font-weight:450;font-size:78px}.demo-nutrition .demo-split img{border-radius:25px}.demo-nutrition .demo-cols article{border:0;background:var(--demo-soft);border-radius:14px;padding:30px}.demo dialog{border:0;border-radius:15px;padding:48px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:var(--demo-bg);color:var(--demo-ink);box-shadow:0 25px 100px #0006}.demo dialog::backdrop{background:#081910ab;backdrop-filter:blur(5px)}.demo dialog h2{font-size:38px}.demo dialog p{color:var(--demo-muted);line-height:1.7}.demo dialog .eyebrow{font-size:10px;margin-bottom:18px}.dialog-close{position:absolute;top:10px;right:14px;font-size:31px;border:0;background:transparent;color:var(--demo-ink);cursor:pointer;width:40px;height:40px}.demo .skip{color:#153f32;background:white}.demo [hidden]{display:none}
@media(max-width:1000px){.demo-wrap{width:calc(100% - 60px)}.demo-hero{gap:30px}.demo-hero h1,.demo-restaurant .demo-hero h1,.demo-lawyer .demo-hero h1,.demo-nutrition .demo-hero h1{font-size:57px}.demo-hero-image{height:490px}.demo-header nav{gap:18px}.demo-split{gap:40px}.demo-section h2{font-size:42px}.demo-cols{gap:24px}}@media(max-width:767px){.demo-wrap{width:calc(100% - 40px)}.demo-banner{font-size:11px;padding:12px 20px;gap:10px;flex-wrap:wrap}.demo-banner>span{font-size:8px;order:3;width:100%;text-align:center;letter-spacing:1.2px}.demo-header{height:auto;padding-block:24px;flex-wrap:wrap;gap:20px}.demo-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #88958050;padding-top:18px;font-size:13px}.demo-brand{font-size:30px}.demo-brand>span{font-size:8px}.demo-header>.demo-button{padding:12px;font-size:12px}.demo-hero{grid-template-columns:1fr;gap:32px;padding-block:20px 50px}.demo-hero h1,.demo-gym .demo-hero h1,.demo-restaurant .demo-hero h1,.demo-lawyer .demo-hero h1,.demo-nutrition .demo-hero h1{font-size:clamp(48px,12vw,70px);letter-spacing:-2px}.demo-hero-copy>p:not(.eyebrow){font-size:17px}.demo-hero-image,.demo-lawyer .demo-hero-image{height:400px}.demo-hero-note{margin-top:25px;font-size:9px}.demo-hero .eyebrow{font-size:9px}.demo-section{padding-block:60px}.demo-section h2,.demo-end h2{font-size:36px;letter-spacing:-1px}.demo-cols,.demo-split{grid-template-columns:1fr;gap:20px}.demo-cols{margin-top:30px}.demo-cols article{padding:20px 0}.demo-cols h3{margin-top:15px}.plans article{padding:25px}.demo-split>img{height:330px}.demo-split>div>p{margin:15px 0 24px}.restaurant-story p:not(.eyebrow){font-size:18px}.menu-items{grid-template-columns:1fr}.menu-tabs{gap:5px}.menu-tabs button{padding:10px 18px}.demo-end{padding:55px 0}.demo-back{display:block;margin:25px 0 0}.demo-end .eyebrow{font-size:9px}.demo footer{flex-direction:column;align-items:start}.legal-areas summary{font-size:18px}.demo dialog{padding:42px 25px 30px}.demo dialog h2{font-size:32px}.demo-nutrition .demo-cols article{padding:25px}.demo-restaurant .demo-hero-image,.demo-nutrition .demo-hero-image{border-radius:140px 140px 5px 5px}}
@media(prefers-color-scheme:dark){.demo-restaurant{--demo-bg:#2c211c;--demo-ink:#f0dcc2;--demo-accent:#b97951;--demo-soft:#382a22;--demo-muted:#c4ae96}.demo-lawyer{--demo-bg:#172632;--demo-ink:#e0e7eb;--demo-accent:#d4ba94;--demo-soft:#213442;--demo-muted:#afbdc7}.demo-lawyer .demo-button,.demo-nutrition .demo-button{color:#172b23}.demo-nutrition{--demo-bg:#1a3025;--demo-ink:#e0ecd6;--demo-accent:#c9df97;--demo-soft:#294032;--demo-muted:#acbea1}.demo-end{background:var(--demo-soft);color:var(--demo-ink)}.demo-gym .demo-end{background:#d6f58b;color:#142219}}

.embedded .demo-banner{display:none}.embedded .demo-header{height:95px}.embedded .demo-hero{padding-top:15px}.embedded .demo-hero-image{height:580px}.embedded .demo-hero-copy h1{font-size:78px}.embedded .demo-hero{gap:55px}.embedded .demo-hero-note{display:none}.embedded .demo-hero-copy>p:not(.eyebrow){font-size:19px}.embedded .demo-hero-copy .eyebrow{font-size:12px}
