/* Jeevz for beauty (beauty.html). Builds on base, style and future.css; brand colours come from jeevz-tokens.css.
   Light by default, with a dark version under prefers-color-scheme. */
.beauty-page{
  --bz-paper:var(--color-porcelain);--bz-page:#fff;--bz-card:#fff;--bz-soft:#eef3ec;--bz-ink:#17211d;--bz-muted:#56625a;
  --bz-line:oklch(.25 .02 150 / .12);--bz-night:#0b100d;--bz-night-2:#141c18;--bz-on-night:#eef3ee;--bz-on-night-muted:#b4c3b9;
  --bz-grad:var(--jz-gradient);--bz-on-grad:var(--jz-on-gradient);--bz-dot:var(--jz-forest);--bz-glow-opacity:.5;
  background:var(--bz-page);color:var(--bz-ink)
}
.beauty-page .nav-links>a[aria-current=page]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--jz-mint);text-decoration-thickness:3px;text-underline-offset:8px}
.beauty-page .button{background:var(--bz-grad);border-color:transparent;color:var(--bz-on-grad);font-weight:600}
.beauty-page .button:hover{background:var(--bz-grad);border-color:transparent;box-shadow:0 8px 28px #7cf7d455,0 2px 6px #06100c1f}
.beauty-page .button:focus-visible{outline-color:var(--color-text)}

/* Hero */
.bz-hero{position:relative;background:var(--bz-paper);overflow:hidden;isolation:isolate}
.bz-glow{position:absolute;z-index:-1;width:min(760px,80vw);aspect-ratio:1;right:-14%;top:-18%;border-radius:50%;background:var(--bz-grad);filter:blur(90px);opacity:var(--bz-glow-opacity)}
.bz-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;min-height:700px;padding-block:var(--space-12) var(--space-8)}
.bz-hero-copy .eyebrow{letter-spacing:.035em;margin-bottom:var(--space-8)}
.bz-hero h1{font-size:clamp(3.4rem,1.6rem + 4vw,5.75rem);line-height:.98;letter-spacing:-.065em}
.bz-hero h1>.bz-hl{position:relative;display:inline-block;padding:0 .12em;margin-left:-.12em;z-index:0;color:var(--color-text)}
.bz-hl::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:.06em;height:.52em;border-radius:.12em;background:var(--bz-grad);transform:skewX(-8deg)}
.bz-lede{font-size:var(--text-lg);line-height:1.6;max-width:36ch;margin-top:var(--space-8);color:var(--bz-muted)}
.bz-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8)}

.bz-stage{position:relative;min-height:600px;min-width:0}
.bz-site-card{position:absolute;left:0;top:var(--space-10);width:72%;display:block;background:var(--bz-card);border:1px solid #ffffffd9;border-radius:var(--radius-device);overflow:hidden;box-shadow:var(--shadow-object);transform:rotate(-3deg);transition:transform 450ms var(--ease-out),box-shadow 400ms var(--ease-out);color:var(--bz-ink)}
.bz-site-card:hover{transform:rotate(-2deg) translateY(-4px);box-shadow:0 4px 8px #2031280b,0 32px 80px #20312828}
.bz-site-bar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-inline:var(--space-4);background:#f6f8f3;border-bottom:1px solid var(--bz-line);font-size:var(--text-xs);color:#566153}
.bz-site-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5)}
.bz-site-brand>strong{font-family:var(--font-display);font-size:1.6rem;line-height:1;letter-spacing:-.05em}
.bz-site-brand>strong>span{display:block;font-family:var(--font-body);font-weight:500;font-size:.62rem;letter-spacing:.2em;margin-top:var(--space-1)}
.bz-site-brand>span{font-size:var(--text-xs);color:#56625a}
.bz-site-photo{position:relative;display:block;height:330px;overflow:hidden;background:#3b3430}
.bz-site-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.bz-site-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b1512c4,#1b151200 75%)}
.bz-site-photo>span{position:absolute;z-index:1;inset:0;padding:var(--space-6) 40% var(--space-6) var(--space-6);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff}
.bz-site-photo strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.08;letter-spacing:-.04em}
.bz-site-action{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid #ffffff70;background:#1b151270;backdrop-filter:blur(12px);border-radius:var(--radius-small);font-size:var(--text-xs)}
.bz-site-action b{font-weight:400}

.bz-phone{position:absolute;right:0;bottom:var(--space-12);width:292px;padding:10px;border-radius:44px;background:#0a0d0b;box-shadow:0 0 0 1px #ffffff1a inset,0 30px 80px #06100c47,0 6px 18px #06100c2e;transform:rotate(3deg);animation:object-arrival 900ms var(--ease-out) both}
.bz-phone-screen{border-radius:35px;overflow:hidden;background:var(--bz-night-2);color:var(--bz-on-night);padding:var(--space-6) var(--space-4) var(--space-4)}
.bz-app-top{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-1)}
.bz-app-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--jz-radius-mark);background:var(--bz-grad);color:var(--bz-on-grad);font:800 .95rem/1 var(--font-display)}
.bz-app-top>strong{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.04em}
.bz-app-count{margin-left:auto;padding:.2rem .55rem;border-radius:var(--radius-full);background:#c6ff5e1f;color:#c6ff5e;font-size:.7rem;font-weight:600}
.bz-app-list{list-style:none;margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.bz-app-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:14px;background:#ffffff0a;border:1px solid #ffffff10}
.bz-app-list li.is-open{background:#7cf7d414;border-color:#7cf7d466}
.bz-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff1c;font-size:.75rem;font-weight:600}
.bz-app-list li.is-open .bz-avatar{background:var(--bz-grad);color:var(--bz-on-grad)}
.bz-app-list b{display:block;font-size:.78rem;font-weight:600}.bz-app-list b small{font-weight:400;color:var(--bz-on-night-muted);margin-left:var(--space-1)}
.bz-app-list div>span{display:block;font-size:.72rem;color:var(--bz-on-night-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bz-app-list em{font-style:normal;font-size:.62rem;letter-spacing:.04em;padding:.15rem .45rem;border-radius:var(--radius-full);border:1px solid #ffffff2b;color:var(--bz-on-night-muted)}
.bz-draft{margin-top:var(--space-4);padding:var(--space-4);border-radius:18px;background:#0b100d;border:1px solid transparent;background-image:linear-gradient(#0b100d,#0b100d),var(--bz-grad);background-origin:border-box;background-clip:padding-box,border-box}
.bz-draft-label{font-size:.62rem;letter-spacing:.09em;color:#c6ff5e}
.bz-draft p{font-size:.8rem;line-height:1.5;margin-top:var(--space-2)}
.bz-slot{display:inline-block;margin-top:var(--space-2);padding:.15rem .55rem;border:1px dashed currentColor;border-radius:var(--radius-full);font-size:.72em;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.bz-draft .bz-slot{color:#7cf7d4}
.bz-draft-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);font-size:.75rem;font-weight:600}
.bz-draft-actions>span{padding:.45rem .85rem;border-radius:var(--radius-full);border:1px solid #ffffff2b}
.bz-draft-actions>.bz-approve{background:var(--bz-grad);border-color:transparent;color:var(--bz-on-grad)}
.bz-stage-foot{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--bz-muted)}
.bz-stage-foot>span{letter-spacing:.08em}
.bz-stage-foot>a{min-height:44px;display:flex;align-items:center;gap:var(--space-3);color:var(--color-text)}

.bz-index{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--bz-line)}
.bz-index>span{font-size:var(--text-xs);letter-spacing:.065em;color:var(--bz-muted)}
.bz-index>div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6)}
.bz-index a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-display);font-size:clamp(1.25rem,1rem + .8vw,1.75rem);font-weight:700;letter-spacing:-.035em}
.bz-index a:hover{text-decoration:underline;text-decoration-color:var(--jz-mint);text-decoration-thickness:3px;text-underline-offset:6px}
.bz-index i{display:block;width:9px;height:9px;border-radius:50%;background:var(--bz-grad)}

.beauty-page .section h2,.beauty-page .contact-section h2{font-size:clamp(2.2rem,1.3rem + 2.4vw,3.5rem);font-weight:800;letter-spacing:-.055em;line-height:1.02}
.beauty-page .split-heading>p{font-size:var(--text-lg);line-height:1.55;max-width:34ch}

/* 01: a day in the studio */
.bz-day{background:var(--bz-page)}
.bz-day-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-24);align-items:start}
.bz-day-grid>.section-heading{position:sticky;top:120px}
.bz-timeline{list-style:none;position:relative}
.bz-timeline::before{content:"";position:absolute;left:66px;top:var(--space-4);bottom:var(--space-4);width:1px;background:var(--bz-line)}
.bz-timeline li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:var(--space-10);padding-block:var(--space-4)}
.bz-timeline li::before{content:"";position:absolute;left:62px;top:calc(var(--space-4) + .5rem);width:9px;height:9px;border-radius:50%;background:var(--bz-page);border:1px solid #9bab9f}
.bz-timeline time{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--bz-muted);padding-top:.2rem}
.bz-timeline li>div{padding:var(--space-4) var(--space-5);border-radius:var(--radius-medium);background:var(--bz-soft);border:1px solid var(--bz-line)}
.bz-timeline q,.bz-timeline strong{display:block;font-size:var(--text-base);font-weight:500;letter-spacing:-.015em;quotes:"“" "”"}
.bz-timeline li>div>span{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--bz-muted)}
.bz-timeline li.bz-late>div{background:var(--bz-night);border-color:transparent;color:var(--bz-on-night)}
.bz-timeline li.bz-late>div>span{color:var(--bz-on-night-muted)}
.bz-timeline li.bz-late strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em}
.bz-timeline li.bz-late::before{background:var(--bz-grad);border-color:transparent;width:13px;height:13px;left:60px}
.bz-timeline li.bz-late time{color:var(--color-text);font-weight:600}

/* 02: what Jeevz does */
.bz-does{background:var(--bz-paper)}
.bz-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.bz-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:var(--space-8);border-radius:var(--radius-large);background:var(--bz-card);border:1px solid var(--bz-line);box-shadow:0 1px 2px #18291f08}
.bz-card h3{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + .8vw,2rem);font-weight:700;letter-spacing:-.045em;line-height:1.1;margin-top:var(--space-12)}
.bz-card p{margin-top:var(--space-3);color:var(--bz-muted);font-size:var(--text-sm);line-height:1.7;max-width:44ch}
.bz-num{position:absolute;top:var(--space-8);right:var(--space-8);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--bz-muted)}
.bz-status{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;line-height:1.2}
.bz-status::before{content:"";width:7px;height:7px;border-radius:50%;flex:none}
.bz-status-now{background:var(--bz-grad);color:var(--bz-on-grad)}.bz-status-now::before{background:var(--bz-on-grad)}
.bz-status-next{background:transparent;color:var(--color-text);border:1px solid #7fbfa4}.bz-status-next::before{background:#3d9a73}
.bz-status-planned{background:transparent;color:var(--bz-muted);border:1px dashed #98a69c}.bz-status-planned::before{border:1px solid currentColor}
.bz-card-feature{overflow:hidden;isolation:isolate;background:var(--bz-night);color:var(--bz-on-night);border-color:transparent;box-shadow:0 24px 60px #06100c2e}
.bz-card-feature p,.bz-card-feature .bz-num{color:var(--bz-on-night-muted)}
.bz-card-feature::after{content:"";position:absolute;inset:auto -30% -55% auto;width:300px;aspect-ratio:1;border-radius:50%;background:var(--bz-grad);filter:blur(70px);opacity:.28;pointer-events:none;z-index:-1}
.bz-card-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:var(--space-10)}
.bz-card-wide>.bz-status,.bz-card-wide>div{grid-column:1}
.bz-card-wide>.bz-status{justify-self:start}
.bz-chips{grid-column:2;grid-row:2;align-self:end;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start}
.bz-chips li{padding:.55rem .95rem;border-radius:var(--radius-full);border:1px dashed #98a69c;font-size:var(--text-sm);color:var(--bz-muted);background:var(--bz-paper)}

/* 03: your rules */
.bz-rules{position:relative;overflow:hidden;background:var(--bz-night);color:var(--bz-on-night);padding-block:var(--section-space);isolation:isolate}
.bz-rules::before{content:"";position:absolute;z-index:-1;width:620px;aspect-ratio:1;left:-12%;bottom:-60%;border-radius:50%;background:var(--bz-grad);filter:blur(110px);opacity:.22}
.bz-rules .eyebrow{color:var(--bz-on-night-muted)}
.bz-rules-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-24);align-items:center}
.bz-rules h2{font-family:var(--font-display);font-size:clamp(2.6rem,1.6rem + 3vw,4.5rem);font-weight:700;letter-spacing:-.06em;line-height:1}
.bz-rules h2>span{background:var(--bz-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bz-rules-lede{margin-top:var(--space-6);font-size:var(--text-lg);color:var(--bz-on-night-muted);max-width:30ch}
.bz-approve-big{display:inline-flex;align-items:center;gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);border-radius:var(--radius-full);background:var(--bz-grad);color:var(--bz-on-grad);font:700 1.5rem/1 var(--font-display);letter-spacing:-.03em;box-shadow:0 18px 50px #7cf7d433;transform:rotate(-2deg)}
.bz-approve-big>b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--bz-on-grad);color:#c6ff5e;font-size:1.25rem}
.bz-rule-list{list-style:none}
.bz-rule-list li{display:grid;grid-template-columns:64px 1fr;gap:var(--space-6);padding-block:var(--space-8);border-bottom:1px solid #ffffff1f}
.bz-rule-list li:first-child{padding-top:0}.bz-rule-list li:last-child{border-bottom:0;padding-bottom:0}
.bz-rule-list li>span{font:800 2.25rem/1 var(--font-display);letter-spacing:-.05em;background:var(--bz-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bz-rule-list h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;line-height:1.25}
.bz-rule-list p{margin-top:var(--space-2);color:var(--bz-on-night-muted);font-size:var(--text-base)}

/* 04: treatments */
.bz-treatments{background:var(--bz-page)}
.bz-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.bz-treatment{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-large);background:var(--bz-paper);border:1px solid var(--bz-line);scroll-margin-top:110px}
.bz-treatment header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-2)}
.bz-treatment h3{font-family:var(--font-display);font-size:clamp(1.9rem,1.4rem + 1.2vw,2.6rem);font-weight:800;letter-spacing:-.055em;line-height:1}
.bz-treatment header p{font-size:var(--text-xs);color:var(--bz-muted);letter-spacing:.02em}
.bz-bubble{max-width:88%;padding:var(--space-4) var(--space-5);border-radius:20px}
.bz-bubble>span{display:block;font-size:.68rem;letter-spacing:.08em;font-weight:500}
.bz-bubble>p{margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.6}
.bz-bubble-in{align-self:flex-start;background:var(--bz-card);border:1px solid var(--bz-line);border-bottom-left-radius:6px}
.bz-bubble-in>span{color:var(--bz-muted)}
.bz-bubble-out{align-self:flex-end;background:var(--bz-night);color:var(--bz-on-night);border-bottom-right-radius:6px}
.bz-bubble-out>span{color:#c6ff5e}
.bz-bubble-out .bz-slot{color:#7cf7d4;margin-top:0;vertical-align:1px}
.bz-rule-note{padding:var(--space-4) var(--space-5);border-radius:var(--radius-medium);border:1px dashed #98a69c;font-size:var(--text-xs);line-height:1.7;color:var(--bz-muted)}
.bz-rule-note strong{color:var(--color-text);font-weight:600}
.bz-treatment>.text-link{margin-top:auto;align-self:flex-start}
.bz-small-print{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--bz-muted)}

/* 05: examples */
.bz-examples{background:var(--bz-paper)}
.bz-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.bz-example{display:flex;flex-direction:column;min-width:0}
.bz-example-photo{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-large);background:#e1e7dc}
.bz-example-photo>img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--ease-out),filter 250ms var(--ease-out);filter:saturate(.92)}
.bz-example:hover .bz-example-photo>img{transform:scale(1.04);filter:saturate(1.08)}
.bz-example-kicker{margin-top:var(--space-5);font-size:var(--text-xs);letter-spacing:.07em;color:var(--bz-muted)}
.bz-example>strong{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.035em}
.bz-example>span:not([class]){font-size:var(--text-sm);color:var(--bz-muted)}
.bz-example-action{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:var(--space-3);border-top:1px solid var(--bz-line);font-size:var(--text-sm);font-weight:500}
.bz-example-action b{font-weight:400;transition:transform 180ms var(--ease-out)}
.bz-example:hover .bz-example-action b{transform:translate(2px,-2px)}
.bz-foot-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-8)}
.bz-examples .gallery-foot{color:var(--bz-muted)}

/* 06: how it works */
.bz-how{background:var(--bz-page)}
.bz-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);counter-reset:none}
.bz-steps li{padding:var(--space-8);border-radius:var(--radius-large);border:1px solid var(--bz-line);background:var(--bz-card)}
.bz-steps li>span{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--jz-radius-mark);background:var(--bz-grad);color:var(--bz-on-grad);font:800 1.15rem/1 var(--font-display);letter-spacing:-.03em}
.bz-steps h3{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em}
.bz-steps p{margin-top:var(--space-3);color:var(--bz-muted);font-size:var(--text-sm);line-height:1.7}
.bz-steps li:last-child{background:var(--bz-night);color:var(--bz-on-night);border-color:transparent}
.bz-steps li:last-child p{color:var(--bz-on-night-muted)}

.bz-faq{background:var(--bz-paper)}
.beauty-page .contact-section{position:relative;overflow:hidden;isolation:isolate;background:var(--bz-night);color:var(--bz-on-night)}
.beauty-page .contact-section::before{content:"";position:absolute;z-index:-1;width:640px;aspect-ratio:1;right:-10%;top:-30%;border-radius:50%;background:var(--bz-grad);filter:blur(120px);opacity:.2}
.beauty-page .contact-section .eyebrow,.beauty-page .contact-copy>p:not(.eyebrow),.beauty-page .contact-promise{color:var(--bz-on-night-muted)}
.beauty-page .contact-promise>span::before{width:7px;height:7px;background:var(--bz-grad)}
.beauty-page .contact-copy>p.direct-contact a{color:var(--bz-on-night);text-decoration-color:var(--jz-mint)}
.beauty-page .enquiry-card{color:var(--bz-ink);box-shadow:0 30px 80px #0006}

/* Responsive */
@media(max-width:1100px){
  .bz-hero-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}
  .bz-site-card{width:80%}
  .bz-phone{width:262px}
  .bz-day-grid,.bz-rules-grid{gap:var(--space-12)}
}
@media(max-width:900px){
  .bz-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:var(--space-8)}
  .bz-stage{min-height:600px;max-width:620px;width:100%;margin-inline:auto}
  .bz-day-grid,.bz-rules-grid{grid-template-columns:1fr}
  .bz-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bz-card-wide{grid-column:span 2}
  .bz-day-grid>.section-heading{position:static}
  .bz-treatment-grid{grid-template-columns:1fr}
  .bz-steps{grid-template-columns:1fr}
  .bz-index{flex-direction:column;align-items:flex-start;gap:var(--space-2)}
}
@media(max-width:700px){
  .bz-glow{width:110vw;right:-50%;top:-8%}
  .bz-hero-grid{padding-top:var(--space-5);gap:var(--space-6)}
  .bz-hero-copy{padding-top:var(--space-6)}
  .bz-hero-copy .eyebrow{margin-bottom:var(--space-6);letter-spacing:0}
  .bz-hero h1{font-size:clamp(3rem,13.5vw,4.4rem)}
  .bz-lede{font-size:var(--text-base);margin-top:var(--space-6)}
  .bz-hero-actions{margin-top:var(--space-6)}
  .bz-stage{min-height:0;display:flex;flex-direction:column}
  .bz-site-card{left:auto;right:0;top:0;width:70%;transform:rotate(3deg)}
  .bz-site-card:hover{transform:rotate(3deg)}
  .bz-site-photo>span{display:none}
  .bz-site-brand{padding:var(--space-3) var(--space-4)}.bz-site-brand>strong{font-size:1.3rem}
  .bz-site-photo{height:210px}
  .bz-phone{position:relative;right:auto;bottom:auto;margin-top:84px;width:250px;padding:8px;border-radius:38px;transform:rotate(-2deg)}
  .bz-phone-screen{border-radius:31px;padding:var(--space-5) var(--space-3) var(--space-3)}
  .bz-app-list li{grid-template-columns:26px minmax(0,1fr);padding:var(--space-2) var(--space-3)}
  .bz-app-list em{display:none}
  .bz-avatar{width:26px;height:26px}
  .bz-draft{padding:var(--space-3)}
  .bz-draft p{font-size:.74rem}
  .bz-stage-foot{position:static;margin-top:var(--space-6);flex-direction:column;align-items:flex-start;gap:0}
  .bz-index>div{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-4);width:100%}
  .bz-index i{display:none}
  .bz-index a{font-size:1.3rem}
  .bz-day-grid{gap:var(--space-10)}
  .bz-timeline::before{left:52px}
  .bz-timeline li{grid-template-columns:40px 1fr;gap:var(--space-8)}
  .bz-timeline li::before{left:48px}.bz-timeline li.bz-late::before{left:46px}
  .bz-timeline time{font-size:var(--text-xs)}
  .bz-bento{grid-template-columns:1fr}
  .bz-card-wide{grid-column:auto;display:flex}
  .bz-chips{justify-content:flex-start;margin-top:var(--space-5)}
  .bz-card{min-height:0;padding:var(--space-6)}
  .bz-card h3{margin-top:var(--space-8)}
  .bz-num{top:var(--space-6);right:var(--space-6)}
  .bz-rules-grid{gap:var(--space-10)}
  .bz-approve-big{font-size:1.25rem;margin-top:var(--space-8)}
  .bz-rule-list li{grid-template-columns:48px 1fr;gap:var(--space-4);padding-block:var(--space-6)}
  .bz-rule-list li>span{font-size:1.75rem}
  .bz-treatment{padding:var(--space-5)}
  .bz-bubble{max-width:94%}
  .bz-example-grid{grid-template-columns:1fr;gap:var(--space-8)}
  .bz-example-photo{aspect-ratio:4/3}
  .bz-steps li{padding:var(--space-6)}
}
@media(max-width:370px){.bz-phone{width:230px}.bz-site-card{width:74%}}
@media(prefers-reduced-motion:reduce){.bz-phone{animation:none}.bz-site-card,.bz-example-photo>img{transition:none}}
html[data-motion=off] .bz-site-card:hover{transform:rotate(-3deg)}
html[data-motion=off] .bz-example:hover .bz-example-photo>img{transform:none}

/* Dark */
@media(prefers-color-scheme:dark){
  .beauty-page{
    --bz-paper:#0b100d;--bz-page:#0f1612;--bz-card:#16201b;--bz-soft:#16201b;--bz-ink:#eef3ee;--bz-muted:#aab9af;
    --bz-line:#ffffff1c;--bz-night:#050806;--bz-dot:var(--jz-dot-on-dark);--bz-glow-opacity:.22;
    --color-text:#eef3ee;--color-muted:#aab9af;--color-border:#ffffff1c;--color-surface:#0f1612;--color-primary:#7cf7d4;--color-error:#ff9b8f
  }
  .beauty-page .site-nav{background:#0b100de6}
  .beauty-page .wordmark>span{color:var(--jz-dot-on-dark)}
  .bz-hero h1>.bz-hl{background:var(--bz-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .bz-hl::before{display:none}
  .beauty-page .nav-links a:hover,.beauty-page .site-footer nav a:hover{color:#fff}
  .beauty-page :focus-visible{outline-color:#7cf7d4}
  .beauty-page .button:focus-visible{outline-color:#fff}
  .beauty-page .menu-toggle{border-color:#ffffff33}
  .beauty-page .site-footer{background:#050806}
  .beauty-page #motion-toggle:hover:not(:disabled){background:#16201b;color:#fff}
  .beauty-page #motion-toggle:disabled{background:#16201b;color:#aab9af}
  .bz-site-card{border-color:#ffffff1f;background:#fbfaf7;color:#17211d}
  .bz-site-card:hover{box-shadow:0 4px 8px #0006,0 32px 80px #0008}
  .bz-phone{box-shadow:0 0 0 1px #ffffff26 inset,0 30px 80px #0009}
  .bz-phone-screen{background:#111a15}
  .bz-timeline li::before{border-color:#55665b}
  .bz-timeline li.bz-late>div{background:var(--bz-grad);color:var(--bz-on-grad)}
  .bz-timeline li.bz-late>div>span{color:#173326}
  .bz-card{box-shadow:none}
  .bz-card-feature{background:#050806;border:1px solid #7cf7d44d}
  .bz-status-next{border-color:#7cf7d480}.bz-status-next::before{background:#7cf7d4}
  .bz-status-planned{border-color:#6f7f74}
  .bz-rules,.beauty-page .contact-section{background:#050806;border-block:1px solid #ffffff14}
  .bz-chips li{border-color:#6f7f74}
  .bz-bubble-out{background:#050806;border:1px solid #7cf7d433}
  .bz-rule-note{border-color:#55665b}
  .bz-steps li:last-child{background:#050806;border:1px solid #7cf7d44d}
  .beauty-page .enquiry-card{background:#16201b;border-color:#ffffff1c;box-shadow:none}
  .beauty-page .form-field input,.beauty-page .form-field select,.beauty-page .form-field textarea,.beauty-page .prepared-enquiry textarea{background:#0b100d;border-color:#ffffff33;color:#eef3ee}
  .beauty-page .form-field input:focus,.beauty-page .form-field textarea:focus,.beauty-page .form-field select:focus{border-color:#7cf7d4}
  .beauty-page .form-field option{background:#0b100d;color:#eef3ee}
  .beauty-page .prepared-label{color:#c6ff5e}
}
@media(prefers-color-scheme:dark) and (max-width:900px){.beauty-page .nav-links{background:#0f1612;border-color:#ffffff1c}.beauty-page .nav-links a{color:#eef3ee}}