/* One design for both sides of Jeevz: trades and services, and beauty. The layout is the same on both; each side
   has its own tone. <html data-side="trades|beauty"> picks it. The two home pages fix it; the shared pages (Why Jeevz
   and the studio, Ask Jeevz, the examples, privacy) take it from the address (side.js).
   Trades: concrete and graphite, hi-vis lime, squarer corners, heavier capitals, workshop numbers.
   Beauty: porcelain and blush, softer corners, an italic serif for the accent word and the numbers.
   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. */

/* Words for the other side stay hidden */
html:not([data-side=beauty]) [data-for=beauty],html[data-side=beauty] [data-for=trades]{display:none!important}

:root{
  --s-paper:#eef0ea;--s-page:#fff;--s-card:#fff;--s-soft:#eef1ec;--s-ink:#141b17;--s-muted:#535e57;
  --s-line:oklch(.25 .02 150 / .14);--s-night:#0b100d;--s-night-2:#141c18;--s-on-night:#eef3ee;--s-on-night-muted:#b4c3b9;
  --s-grad:linear-gradient(135deg,#d8ff74,#a3eb52);--s-on-grad:var(--jz-on-gradient);--s-accent:#c6ff5e;--s-accent-2:#c6ff5e;--s-underline:#8fd94a;--s-deep:#4c8a22;
  --s-glow-opacity:.3;--s-r-card:10px;--s-r-pill:8px;--s-r-chip:6px;--s-mark:2px;
  --s-h-weight:800;--s-h-track:-.045em;--s-eyebrow-case:uppercase;--s-eyebrow-track:.12em;
  --s-num-font:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--s-num-style:normal;--s-num-weight:600;--s-num-track:-.02em
}
html[data-side=beauty]{
  --s-paper:#fbf4f1;--s-page:#fff;--s-card:#fff;--s-soft:#f8eceb;--s-ink:#1d171a;--s-muted:#635a5f;
  --s-line:oklch(.3 .03 10 / .12);--s-night:#150f13;--s-night-2:#1e161b;--s-on-night:#f7eff2;--s-on-night-muted:#cdbcc4;
  --s-grad:linear-gradient(135deg,#ffc4d8,#a4f2dc);--s-on-grad:#1d1016;--s-accent:#ffb6cf;--s-accent-2:#a4f2dc;--s-underline:#f49dbd;--s-deep:#c0577f;
  --s-glow-opacity:.55;--s-r-card:28px;--s-r-pill:999px;--s-r-chip:999px;--s-mark:50%;
  --s-h-weight:700;--s-h-track:-.055em;--s-eyebrow-case:none;--s-eyebrow-track:.035em;
  --s-num-font:'Boska',Georgia,serif;--s-num-style:italic;--s-num-weight:500;--s-num-track:-.01em
}
@media(prefers-color-scheme:dark){
  :root{--s-paper:#0b100d;--s-page:#0f1612;--s-card:#16201b;--s-soft:#16201b;--s-ink:#eef3ee;--s-muted:#aab9af;--s-line:#ffffff1c;--s-night:#050806;--s-night-2:#111a15;--s-glow-opacity:.16}
  html[data-side=beauty]{--s-paper:#110c0f;--s-page:#150f13;--s-card:#21181d;--s-soft:#21181d;--s-ink:#f7eff2;--s-muted:#c4b5bc;--s-line:#ffffff1c;--s-night:#090608;--s-night-2:#1a1217;--s-glow-opacity:.22}
}

/* The switch between trades and beauty, on every page's top bar */
.audience-switch{display:flex;align-items:center;gap:2px;margin-left:var(--space-6);padding:3px;border:1px solid var(--color-border);border-radius:calc(var(--s-r-pill) + 3px);background:#ffffffb3}
.audience-switch a{display:inline-flex;align-items:center;min-height:38px;padding:0 var(--space-4);border-radius:var(--s-r-pill);font-size:var(--text-sm);font-weight:600;color:var(--color-muted);white-space:nowrap;transition:background-color var(--transition),color var(--transition)}
.audience-switch a::before{content:"";width:8px;height:8px;flex:none;margin-right:var(--space-2);background:currentColor;opacity:.55}
.audience-switch .audience-trades::before{border-radius:1px}
.audience-switch .audience-beauty::before{border-radius:50%}
.audience-switch a:hover{color:var(--color-text);background:#17211d0d}
.audience-switch a[aria-current]{color:#fff;background:#0b100d}
.audience-switch a.audience-trades[aria-current]::before{background:#c6ff5e;opacity:1}
.audience-switch a.audience-beauty[aria-current]{background:linear-gradient(135deg,#ffc4d8,#a4f2dc);color:#1d1016}
.audience-switch a.audience-beauty[aria-current]::before{background:#1d1016;opacity:1}
@media(max-width:1100px){.audience-switch{margin-left:var(--space-4)}}
@media(max-width:700px){.audience-switch{margin-left:0}}
@media(max-width:480px){.audience-switch a{padding:0 var(--space-3);font-size:var(--text-xs)}.audience-switch a::before{width:6px;height:6px;margin-right:6px}}

.jz-page{background:var(--s-page);color:var(--s-ink)}
.jz-page .site-nav{background:color-mix(in srgb,var(--s-paper) 92%,transparent)}
.jz-page .nav-links>a[aria-current=page]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--s-underline);text-decoration-thickness:3px;text-underline-offset:8px}
.jz-page .button{background:var(--s-grad);border-color:transparent;border-radius:var(--s-r-pill);color:var(--s-on-grad);font-weight:600}
.jz-page .button:hover{background:var(--s-grad);border-color:transparent;box-shadow:0 8px 28px color-mix(in srgb,var(--s-accent) 35%,transparent),0 2px 6px #06100c1f}
.jz-page .button:focus-visible{outline-color:var(--color-text)}
.jz-page .eyebrow{text-transform:var(--s-eyebrow-case);letter-spacing:var(--s-eyebrow-track)}
.jz-page .skip{background:var(--s-night);color:var(--s-on-night);outline:2px solid var(--s-accent-2)}

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

.jz-stage{position:relative;min-height:600px;min-width:0}
.jz-site-card{position:absolute;left:0;top:var(--space-10);width:72%;display:block;background:var(--s-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(--s-ink)}
.jz-site-card:hover{transform:rotate(-2deg) translateY(-4px);box-shadow:0 4px 8px #2031280b,0 32px 80px #20312828}
.jz-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(--s-line);font-size:var(--text-xs);color:#566153}
.jz-site-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5)}
.jz-site-brand>strong{font-family:var(--font-display);font-size:1.6rem;line-height:1;letter-spacing:-.05em}
.jz-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)}
.jz-site-brand>span{font-size:var(--text-xs);color:#56625a}
.jz-site-photo{position:relative;display:block;height:330px;overflow:hidden;background:#3b3430}
.jz-site-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.jz-site-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b1512c4,#1b151200 75%)}
.jz-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}
.jz-site-photo strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.08;letter-spacing:-.04em}
.jz-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)}
.jz-site-action b{font-weight:400}

.jz-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}
.jz-phone-screen{border-radius:35px;overflow:hidden;background:var(--s-night-2);color:var(--s-on-night);padding:var(--space-6) var(--space-4) var(--space-4)}
.jz-app-top{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-1)}
.jz-app-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--jz-radius-mark);background:var(--s-grad);color:var(--s-on-grad);font:800 .95rem/1 var(--font-display)}
.jz-app-top>strong{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.04em}
.jz-app-count{margin-left:auto;padding:.2rem .55rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--s-accent) 14%,transparent);color:var(--s-accent);font-size:.7rem;font-weight:600}
.jz-app-list{list-style:none;margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.jz-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}
.jz-app-list li.is-open{background:color-mix(in srgb,var(--s-accent-2) 9%,transparent);border-color:color-mix(in srgb,var(--s-accent-2) 45%,transparent)}
.jz-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff1c;font-size:.75rem;font-weight:600}
.jz-app-list li.is-open .jz-avatar{background:var(--s-grad);color:var(--s-on-grad)}
.jz-app-list b{display:block;font-size:.78rem;font-weight:600}.jz-app-list b small{font-weight:400;color:var(--s-on-night-muted);margin-left:var(--space-1)}
.jz-app-list div>span{display:block;font-size:.72rem;color:var(--s-on-night-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jz-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(--s-on-night-muted)}
.jz-draft{margin-top:var(--space-4);padding:var(--space-4);border-radius:18px;background:var(--s-night);border:1px solid transparent;background-image:linear-gradient(var(--s-night),var(--s-night)),var(--s-grad);background-origin:border-box;background-clip:padding-box,border-box}
.jz-draft-label{font-size:.62rem;letter-spacing:.09em;color:var(--s-accent)}
.jz-draft p{font-size:.8rem;line-height:1.5;margin-top:var(--space-2)}
.jz-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}
.jz-draft .jz-slot{color:var(--s-accent-2)}
.jz-draft-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);font-size:.75rem;font-weight:600}
.jz-draft-actions>span{padding:.45rem .85rem;border-radius:var(--radius-full);border:1px solid #ffffff2b}
.jz-draft-actions>.jz-approve{background:var(--s-grad);border-color:transparent;color:var(--s-on-grad)}
.jz-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(--s-muted)}
.jz-stage-foot>span{letter-spacing:.08em}
.jz-stage-foot>a{min-height:44px;display:flex;align-items:center;gap:var(--space-3);color:var(--color-text)}

.jz-index{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--s-line)}
.jz-index>span{font-size:var(--text-xs);letter-spacing:.065em;color:var(--s-muted)}
.jz-index>div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6)}
.jz-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}
.jz-index a:hover{text-decoration:underline;text-decoration-color:var(--jz-mint);text-decoration-thickness:3px;text-underline-offset:6px}
.jz-index i{display:block;width:9px;height:9px;border-radius:50%;background:var(--s-grad)}

.jz-page .section h2,.jz-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}
.jz-page .split-heading>p{font-size:var(--text-lg);line-height:1.55;max-width:34ch}

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

/* 02: what Jeevz does */
.jz-does{background:var(--s-paper)}
.jz-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.jz-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-card);border:1px solid var(--s-line);box-shadow:0 1px 2px #18291f08}
.jz-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)}
.jz-card p{margin-top:var(--space-3);color:var(--s-muted);font-size:var(--text-sm);line-height:1.7;max-width:44ch}
.jz-num{position:absolute;top:var(--space-8);right:var(--space-8);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--s-muted)}
.jz-status{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .75rem;border-radius:var(--s-r-chip);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;line-height:1.2}
.jz-status::before{content:"";width:7px;height:7px;border-radius:50%;flex:none}
.jz-status-now{background:var(--s-grad);color:var(--s-on-grad)}.jz-status-now::before{background:var(--s-on-grad)}
.jz-status-next{background:transparent;color:var(--color-text);border:1px solid color-mix(in srgb,var(--s-deep) 55%,transparent)}.jz-status-next::before{background:var(--s-deep)}
.jz-status-planned{background:transparent;color:var(--s-muted);border:1px dashed #98a69c}.jz-status-planned::before{border:1px solid currentColor}
.jz-card-feature{overflow:hidden;isolation:isolate;background:var(--s-night);color:var(--s-on-night);border-color:transparent;box-shadow:0 24px 60px #06100c2e}
.jz-card-feature p,.jz-card-feature .jz-num{color:var(--s-on-night-muted)}
.jz-card-feature::after{content:"";position:absolute;inset:auto -30% -55% auto;width:300px;aspect-ratio:1;border-radius:50%;background:var(--s-grad);filter:blur(70px);opacity:.28;pointer-events:none;z-index:-1}
.jz-card-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:var(--space-10)}
.jz-card-wide>.jz-status,.jz-card-wide>div{grid-column:1}
.jz-card-wide>.jz-status{justify-self:start}
.jz-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}
.jz-chips li{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem .95rem;border-radius:var(--s-r-chip);border:1px solid var(--s-line);font-size:var(--text-sm);font-weight:500;color:var(--color-text);background:var(--s-paper)}
.jz-chips li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--s-grad);flex:none}
.jz-chips li.is-planned{border-style:dashed;border-color:#98a69c;font-weight:400;color:var(--s-muted);background:transparent}
.jz-chips li.is-planned::before{background:transparent;border:1px solid currentColor;box-sizing:border-box}
.jz-chips li small{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}

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

/* 04: treatments */
.jz-cases{background:var(--s-page)}
.jz-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.jz-case{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-paper);border:1px solid var(--s-line);scroll-margin-top:110px}
.jz-case header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-2)}
.jz-case 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}
.jz-case header p{font-size:var(--text-xs);color:var(--s-muted);letter-spacing:.02em}
.jz-bubble{max-width:88%;padding:var(--space-4) var(--space-5);border-radius:20px}
.jz-bubble>span{display:block;font-size:.68rem;letter-spacing:.08em;font-weight:500}
.jz-bubble>p{margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.6}
.jz-bubble-in{align-self:flex-start;background:var(--s-card);border:1px solid var(--s-line);border-bottom-left-radius:6px}
.jz-bubble-in>span{color:var(--s-muted)}
.jz-bubble-out{align-self:flex-end;background:var(--s-night);color:var(--s-on-night);border-bottom-right-radius:6px}
.jz-bubble-out>span{color:var(--s-accent)}
.jz-bubble-out .jz-slot{color:var(--s-accent-2);margin-top:0;vertical-align:1px}
.jz-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(--s-muted)}
.jz-rule-note strong{color:var(--color-text);font-weight:600}
.jz-case>.text-link{margin-top:auto;align-self:flex-start}
.jz-small-print{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--s-muted)}

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

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

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

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

/* Dark */
@media(prefers-color-scheme:dark){
  .jz-page{--color-text:var(--s-ink);--color-muted:var(--s-muted);--color-border:#ffffff1c;--color-surface:var(--s-page);--color-primary:var(--s-accent-2);--color-error:#ff9b8f}
  .jz-page .wordmark>span{color:var(--jz-dot-on-dark)}
  .jz-hl{background:var(--s-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .jz-hl::before{display:none}
  .jz-page .nav-links a:hover,.jz-page .site-footer nav a:hover{color:#fff}
  .jz-page :focus-visible{outline-color:var(--s-accent-2)}
  .jz-page .button:focus-visible{outline-color:#fff}
  .jz-page .menu-toggle{border-color:#ffffff33}
  .jz-page .site-footer{background:var(--s-night)}
  .jz-page #motion-toggle:hover:not(:disabled){background:var(--s-card);color:#fff}
  .jz-page #motion-toggle:disabled{background:var(--s-card);color:var(--s-muted)}
  .jz-site-card{border-color:#ffffff1f;background:#fbfaf7;color:#17211d}
  .jz-site-card:hover{box-shadow:0 4px 8px #0006,0 32px 80px #0008}
  .jz-phone{box-shadow:0 0 0 1px #ffffff26 inset,0 30px 80px #0009}
  .jz-phone-screen{background:var(--s-night-2)}
  .jz-timeline li::before{border-color:#55665b}
  .jz-timeline li.jz-late>div{background:var(--s-grad);color:var(--s-on-grad)}
  .jz-timeline li.jz-late>div>span{color:color-mix(in srgb,var(--s-on-grad) 80%,transparent)}
  .jz-card{box-shadow:none}
  .jz-card-feature{background:var(--s-night);border:1px solid color-mix(in srgb,var(--s-accent-2) 30%,transparent)}
  .jz-status-next{border-color:color-mix(in srgb,var(--s-accent-2) 50%,transparent)}.jz-status-next::before{background:var(--s-accent-2)}
  .jz-status-planned{border-color:#6f7f74}
  .jz-rules,.jz-page .contact-section{background:var(--s-night);border-block:1px solid #ffffff14}
  .jz-chips li{border-color:#ffffff24}
  .jz-chips li.is-planned{border-color:#6f7f74}
  .jz-bubble-out{background:var(--s-night);border:1px solid color-mix(in srgb,var(--s-accent-2) 20%,transparent)}
  .jz-rule-note{border-color:#55665b}
  .jz-steps li:last-child{background:var(--s-night);border:1px solid color-mix(in srgb,var(--s-accent-2) 30%,transparent)}
  .jz-page .enquiry-card{background:var(--s-card);border-color:#ffffff1c;box-shadow:none}
  .jz-page .form-field input,.jz-page .form-field select,.jz-page .form-field textarea,.jz-page .prepared-enquiry textarea{background:var(--s-paper);border-color:#ffffff33;color:var(--s-ink)}
  .jz-page .form-field input:focus,.jz-page .form-field textarea:focus,.jz-page .form-field select:focus{border-color:var(--s-accent-2)}
  .jz-page .form-field option{background:var(--s-paper);color:var(--s-ink)}
  .jz-page .prepared-label{color:var(--s-accent)}
  .jz-page .audience-switch{background:#ffffff0a;border-color:#ffffff26}
  .jz-page .audience-switch a{color:#c9d5cc}
  .jz-page .audience-switch a:not([aria-current]):hover{color:#fff;background:#ffffff14}
  .jz-page .audience-switch a.audience-trades[aria-current]{background:#eef3ee;color:#0b100d}
  .jz-page .audience-switch a.audience-trades[aria-current]::before{background:#4c8a22}
}
@media(prefers-color-scheme:dark) and (max-width:900px){.jz-page .nav-links{background:var(--s-page);border-color:#ffffff1c}.jz-page .nav-links a{color:var(--s-ink)}}
/* The menu's Let's talk button, in the side's colours */
.jz-page .nav-links .nav-menu-cta{background:var(--s-grad);color:var(--s-on-grad);border-radius:var(--s-r-pill)}

/* Two tones, one layout */
.jz-hero h1,.jz-page .section h2,.jz-page .contact-section h2,.jz-rules h2{font-weight:var(--s-h-weight)}
.jz-page .section h2,.jz-page .contact-section h2{letter-spacing:var(--s-h-track)}
.jz-num,.jz-timeline time,.jz-rule-list li>span,.jz-steps li>span,.jz-example-kicker,.jz-case-num{font-family:var(--s-num-font);font-style:var(--s-num-style);font-weight:var(--s-num-weight);letter-spacing:var(--s-num-track)}
.jz-status::before,.jz-chips li::before,.jz-index i,.jz-timeline li::before{border-radius:var(--s-mark)}
html[data-side=beauty] .jz-hl{font-family:'Boska',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.025em;padding-right:.2em}
html[data-side=beauty] .jz-hl::before{transform:none;border-radius:999px;height:.26em;bottom:.1em;left:.06em;right:.14em}
html[data-side=beauty] .jz-rules h2>span{font-family:'Boska',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.03em}
html[data-side=beauty] .jz-rule-list li>span{font-size:2.6rem}
html[data-side=beauty] .jz-steps li>span{font-size:1.5rem;border-radius:50%}
html:not([data-side=beauty]) .jz-hl::before{border-radius:2px;transform:skewX(-10deg)}
html:not([data-side=beauty]) .jz-steps li>span{border-radius:6px;font-size:1rem}
html:not([data-side=beauty]) .jz-rule-list li>span{font-size:1.6rem}
html:not([data-side=beauty]) .jz-hero h1{letter-spacing:-.055em;text-transform:none}
/* Trades: a drawing-board grid behind the hero and the rules. Beauty: the soft glow. */
html:not([data-side=beauty]) .jz-hero::before,html:not([data-side=beauty]) .jz-rules::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--s-line) 1px,transparent 1px),linear-gradient(90deg,var(--s-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 72% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 72% 30%,#000 10%,transparent 75%)}
html:not([data-side=beauty]) .jz-rules::after{background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px)}
html:not([data-side=beauty]) .jz-glow{border-radius:30%;filter:blur(110px)}
html[data-side=beauty] .jz-glow{background:radial-gradient(circle at 35% 40%,#ffc4d8,transparent 60%),radial-gradient(circle at 70% 65%,#a4f2dc,transparent 60%)}

/* Shared pieces both home pages use */
.jz-card-feature .jz-status-next{color:var(--s-on-night);border-color:color-mix(in srgb,var(--s-accent-2) 55%,transparent)}
.jz-card-feature .jz-status-next::before{background:var(--s-accent-2)}
.jz-bubble-out.jz-quote .jz-slot{margin-right:var(--space-1)}
.jz-page .faq-section,.jz-faq{background:var(--s-paper)}
.jz-page .people-section{background:var(--s-soft);border-color:var(--s-line)}
.jz-page .people-copy>p{color:var(--s-muted)}
.jz-page .people-signature>span:last-child{color:var(--s-muted)}

/* The other side, one click away */
.jz-other{background:var(--s-page);padding-block:var(--space-4) var(--space-20)}
.jz-other-card{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-10);align-items:center;padding:clamp(var(--space-8),5vw,var(--space-16));overflow:hidden;isolation:isolate;transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out)}
.jz-other-beauty{border-radius:32px;background:linear-gradient(135deg,#ffc4d8,#a4f2dc);color:#1d1016;box-shadow:0 2px 6px #1d10160d,0 30px 70px #f49dbd33}
.jz-other-trades{border-radius:12px;background:#0b100d;color:#eef3ee;box-shadow:0 2px 6px #06100c14,0 30px 70px #06100c2e}
.jz-other-trades::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:48px 48px}
.jz-other-beauty::before{content:"";position:absolute;z-index:-1;width:520px;aspect-ratio:1;right:-140px;top:-220px;border-radius:50%;border:1px solid #1d10161f;box-shadow:0 0 0 60px #ffffff1a,0 0 0 120px #ffffff12}
.jz-other-card:hover{transform:translateY(-3px)}
.jz-other-kicker{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-6)}
.jz-other-kicker>span{width:8px;height:8px;background:currentColor}
.jz-other-beauty .jz-other-kicker>span{border-radius:50%}
.jz-other-trades .jz-other-kicker>span{background:#c6ff5e;border-radius:1px}
.jz-other h2{font-family:var(--font-display);font-size:clamp(2.1rem,1.3rem + 2.4vw,3.6rem);letter-spacing:-.055em;line-height:1.02}
.jz-other-beauty h2{font-weight:700}.jz-other-beauty h2 em{font-family:'Boska',Georgia,serif;font-weight:500;letter-spacing:-.03em}
.jz-other-trades h2{font-weight:800;letter-spacing:-.045em}.jz-other-trades h2 em{font-style:normal;color:#c6ff5e}
.jz-other-copy>p:not(.jz-other-kicker){margin-top:var(--space-6);max-width:42ch;font-size:var(--text-base);line-height:1.7}
.jz-other-beauty .jz-other-copy>p:not(.jz-other-kicker){color:#3f2a33}
.jz-other-trades .jz-other-copy>p:not(.jz-other-kicker){color:#b4c3b9}
.jz-other-action{display:inline-flex;align-items:center;gap:var(--space-6);min-height:54px;margin-top:var(--space-8);padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:600}
.jz-other-beauty .jz-other-action{border-radius:999px;background:#1d1016;color:#fff3f7}
.jz-other-trades .jz-other-action{border-radius:8px;background:linear-gradient(135deg,#d8ff74,#a3eb52);color:#06100c}
.jz-other-action b{font-weight:400;transition:transform 180ms var(--ease-out)}
.jz-other-card:hover .jz-other-action b{transform:translate(2px,-2px)}
.jz-other-art{position:relative;height:340px}
.jz-other-art>img{position:absolute;width:44%;aspect-ratio:4/5;height:auto;object-fit:cover;box-shadow:0 18px 40px #06100c33}
.jz-other-beauty .jz-other-art>img{border-radius:22px;border:4px solid #fff}
.jz-other-trades .jz-other-art>img{border-radius:6px;border:3px solid #eef3ee}
.jz-other-art>img:nth-child(1){left:2%;top:12%;transform:rotate(-7deg);z-index:1}
.jz-other-art>img:nth-child(2){left:26%;top:0;transform:rotate(2deg);z-index:2}
.jz-other-art>img:nth-child(3){left:48%;top:14%;transform:rotate(8deg);z-index:1}
.jz-other-art>span{position:absolute;z-index:3;left:8%;bottom:0;padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.02em;transform:rotate(-2deg);white-space:nowrap}
.jz-other-beauty .jz-other-art>span{border-radius:999px;background:#1d1016;color:#fff3f7}
.jz-other-trades .jz-other-art>span{border-radius:6px;background:#c6ff5e;color:#06100c}
@media(max-width:900px){.jz-other-card{grid-template-columns:1fr}.jz-other-art{height:300px;max-width:460px;width:100%}.jz-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.jz-example-grid{grid-template-columns:1fr}.jz-other{padding-bottom:var(--space-12)}.jz-other-card{padding:var(--space-8) var(--space-6)}.jz-other-beauty{border-radius:24px}.jz-other-art{height:250px}.jz-other-art>span{font-size:var(--text-sm);left:0}.jz-other-action{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.jz-other-card{transition:none}}
html[data-motion=off] .jz-other-card:hover{transform:none}
@media(prefers-color-scheme:dark){.jz-other-trades{border:1px solid #ffffff1f}}

/* Why Jeevz + the studio (benefits.html): one page for both sides */
.jz-page .benefits-hero{position:relative;isolation:isolate;background:var(--s-paper)}
.jz-page .benefits-hero .jz-glow{right:-20%;top:-30%}
.jz-page .benefits-hero h1{font-weight:var(--s-h-weight)}
.jz-page .benefits-hero h1>span{color:inherit}
.jz-page .benefits-lede,.jz-page .benefits-hero-note,.jz-page .craft-caption>span,.jz-page .benefits-craft figcaption{color:var(--s-muted)}
.jz-page .benefits-hero-copy>.button{margin-right:var(--space-4)}
.jz-page .benefits-craft>img{border-radius:var(--s-r-card)}
.jz-page .craft-caption{background:color-mix(in srgb,var(--s-card) 94%,transparent);border-color:var(--s-line);border-radius:calc(var(--s-r-card) * .7)}
.jz-page .benefits-hero-foot{border-color:var(--s-line)}
.jz-page .benefits-mission{background:var(--s-soft)}
.jz-page .mission-grid>div>p{color:var(--s-muted)}
.jz-page .mission-grid .mission-signoff,.jz-page .benefit-tabs>button[aria-selected=true],.jz-page .benefit-tabs>button:hover{color:var(--s-ink)}
.jz-page .benefits-opportunity,.jz-page .benefits-honesty{background:var(--s-page)}
.jz-page .benefit-tabs{border-color:var(--s-line)}
.jz-page .benefit-tabs>button{color:var(--s-muted)}
.jz-page .benefit-tabs>button[aria-selected=true]{border-bottom-color:var(--s-deep)}
.jz-page .benefit-tabs>button:hover{background:var(--s-soft)}
.jz-page .benefit-tabs>button>span{font-family:var(--s-num-font);font-style:var(--s-num-style)}
.jz-page .benefit-panel-copy>p:not(.eyebrow),.jz-page .benefit-takeaway>span,.jz-page .visual-label,.jz-page .visual-note,.jz-page .clarity-stack>div>span,.jz-page .clarity-stack p,.jz-page .confidence-visual p,.jz-page .benefits-section-foot>p,.jz-page .benefits-honesty .section-heading>p:last-child{color:var(--s-muted)}
.jz-page .benefit-takeaway{border-color:var(--s-line)}
.jz-page .benefit-visual{background:var(--s-soft);border-color:var(--s-line);border-radius:var(--s-r-card)}
.jz-page .clarity-stack>div{background:var(--s-card);border-color:var(--s-line);border-radius:calc(var(--s-r-card) * .5)}
.jz-page .conversation-visual{background:var(--s-night);border-color:var(--s-night);color:var(--s-on-night)}
.jz-page .conversation-visual .visual-label,.jz-page .conversation-visual .visual-note,.jz-page .conversation-visual li>span,.jz-page .conversation-visual li p{color:var(--s-on-night-muted)}
.jz-page .conversation-visual li{border-color:#ffffff24}
.jz-page .studio-lead{padding-block:var(--space-16) var(--space-10);background:var(--s-page)}
.jz-page .studio-lead h2{margin-top:var(--space-2);font-family:var(--font-display);font-size:clamp(2.2rem,1.3rem + 2.4vw,3.5rem);font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track);line-height:1.02}
.jz-page .studio-lead p:not(.eyebrow){margin-top:var(--space-4);max-width:52ch;font-size:var(--text-lg);color:var(--s-muted)}
.jz-page .studio-heading h2>span{color:var(--s-accent)}
html[data-side=beauty] .studio-heading h2>span{font-family:'Boska',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.03em}
html[data-side=beauty] .studio-section{background:#150f13}
.jz-page .benefits-owner{background:var(--s-night);color:var(--s-on-night)}
.jz-page .benefits-owner .eyebrow,.jz-page .owner-heading>p:last-child,.jz-page .owner-outcomes p,.jz-page .owner-outcomes article>span,.jz-page .owner-principle span span{color:var(--s-on-night-muted)}
.jz-page .owner-outcomes article,.jz-page .owner-principle{border-color:#ffffff26}
.jz-page .benefits-next{background:var(--s-soft)}
.jz-page .next-grid>div>p:not(.eyebrow){color:var(--s-muted)}
.jz-page .next-grid h2{font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track)}
.jz-page .faq-list p a{color:inherit}
@media(prefers-color-scheme:dark){.jz-page .conversation-visual,.jz-page .benefits-owner{border:1px solid #ffffff14}}

/* Ask Jeevz (ask.html): what works today, the comparison guide, the call diagram */
.ask-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--space-16);align-items:end;padding-block:var(--space-16) var(--space-12)}
.ask-hero h1{font-size:clamp(3rem,1.6rem + 3.6vw,5rem)}
.ask-index{display:flex;flex-direction:column;border-top:1px solid var(--s-line)}
.ask-index a{display:flex;align-items:center;gap:var(--space-5);min-height:60px;border-bottom:1px solid var(--s-line);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em}
.ask-index a span{font-family:var(--s-num-font);font-style:var(--s-num-style);font-weight:var(--s-num-weight);font-size:var(--text-sm);color:var(--s-muted)}
.ask-index a:hover{text-decoration:underline;text-decoration-color:var(--s-underline);text-decoration-thickness:3px;text-underline-offset:6px}
.ask-features{background:var(--s-page)}
.ask-board{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-4)}
.ask-column{display:flex;flex-direction:column;padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-card);border:1px solid var(--s-line)}
.ask-column header p{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--s-muted)}
.ask-column ul{list-style:none;margin-top:var(--space-6);display:flex;flex-direction:column}
.ask-column li{padding-block:var(--space-4);border-top:1px solid var(--s-line)}
.ask-column li strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;line-height:1.25}
.ask-column li>span{display:block;margin-top:var(--space-1);font-size:var(--text-sm);line-height:1.6;color:var(--s-muted)}
.ask-built{background:var(--s-night);color:var(--s-on-night);border-color:transparent}
.ask-built header p,.ask-built li>span{color:var(--s-on-night-muted)}
.ask-built li{border-color:#ffffff1f}
.ask-planned{background:transparent;border-style:dashed}
.ask-planned li strong{font-size:var(--text-base);font-weight:600}
.ask-not{display:grid;grid-template-columns:.4fr 1fr;gap:var(--space-8);margin-top:var(--space-4);padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-soft);border:1px solid var(--s-line)}
.ask-not h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track)}
.ask-not ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-8)}
.ask-not li{position:relative;padding-left:var(--space-6);font-size:var(--text-sm);line-height:1.6;color:var(--s-muted)}
.ask-not li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:2px;background:currentColor}
.ask-compare{background:var(--s-paper)}
.ask-table-wrap{overflow-x:auto;border-radius:var(--s-r-card);border:1px solid var(--s-line);background:var(--s-card)}
.ask-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:1.6}
.ask-table th,.ask-table td{padding:var(--space-5) var(--space-6);text-align:left;vertical-align:top;border-top:1px solid var(--s-line)}
.ask-table thead th{border-top:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted)}
.ask-table thead th:last-child{color:var(--s-ink)}
.ask-table tbody th{width:22%;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.02em}
.ask-table td:nth-child(2){width:36%;color:var(--s-muted)}
.ask-table td:last-child{background:color-mix(in srgb,var(--s-accent-2) 8%,transparent)}
.ask-tag{display:inline-flex;align-items:center;gap:var(--space-1);margin:var(--space-1) var(--space-1) 0 0;padding:.12rem .5rem;border-radius:var(--s-r-chip);font-size:.7rem;font-weight:600;letter-spacing:.03em;line-height:1.5;white-space:nowrap;vertical-align:1px}
.ask-tag.is-built{background:var(--s-grad);color:var(--s-on-grad)}
.ask-tag.is-waiting{border:1px solid color-mix(in srgb,var(--s-deep) 55%,transparent);color:var(--s-ink)}
.ask-tag.is-planned{border:1px dashed #98a69c;color:var(--s-muted)}
.ask-tag.is-you{background:var(--s-night);color:var(--s-on-night)}
.ask-weaker{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-10);margin-top:var(--space-8);padding:var(--space-8);border-radius:var(--s-r-card);border:1px dashed #98a69c}
.ask-weaker h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track);line-height:1.15}
.ask-weaker .eyebrow{margin-bottom:var(--space-3)}
.ask-weaker ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}
.ask-weaker li{position:relative;padding-left:var(--space-6);font-size:var(--text-sm);line-height:1.6;color:var(--s-muted)}
.ask-weaker li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:var(--s-mark);background:var(--s-deep)}
.ask-flow{background:var(--s-page)}
.ask-lanes{display:grid;gap:var(--space-6)}
.ask-lane{margin:0;padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-soft);border:1px solid var(--s-line)}
.ask-lane figcaption{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track)}
.ask-lane-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--s-r-pill);background:var(--s-grad);color:var(--s-on-grad)}
.ask-lane-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.ask-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8);margin-top:var(--space-8);counter-reset:none}
.ask-steps li{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}
.ask-steps li:not(:last-child)::after{content:"";position:absolute;top:21px;left:52px;right:calc(-1 * var(--space-8) + 8px);height:2px;background:repeating-linear-gradient(90deg,var(--s-muted) 0 6px,transparent 6px 11px);opacity:.55}
.ask-steps li:not(:last-child)::before{content:"";position:absolute;top:16px;right:calc(-1 * var(--space-8) + 2px);width:10px;height:10px;border-top:2px solid var(--s-muted);border-right:2px solid var(--s-muted);transform:rotate(45deg);opacity:.7}
.ask-step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--s-r-pill);background:var(--s-card);border:1px solid var(--s-line);font-family:var(--s-num-font);font-style:var(--s-num-style);font-weight:var(--s-num-weight);font-size:1.05rem}
.ask-step-you .ask-step-num{background:var(--s-night);color:var(--s-on-night);border-color:transparent}
.ask-steps strong{display:block;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.ask-steps li div>span:not(.ask-tag){display:block;margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.6;color:var(--s-muted)}
.ask-steps .ask-tag{margin-top:var(--space-3)}
.ask-flow-note{margin-top:var(--space-6);max-width:80ch;font-size:var(--text-sm);line-height:1.7;color:var(--s-muted)}
.ask-cta{position:relative;overflow:hidden;isolation:isolate;padding-block:var(--section-space);background:var(--s-night);color:var(--s-on-night)}
.ask-cta::before{content:"";position:absolute;z-index:-1;width:640px;aspect-ratio:1;right:-10%;top:-40%;border-radius:50%;background:var(--s-grad);filter:blur(120px);opacity:.2}
.ask-cta-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-12);align-items:end}
.ask-cta .eyebrow,.ask-cta p:not(.eyebrow){color:var(--s-on-night-muted)}
.ask-cta h2{font-family:var(--font-display);font-size:clamp(2.2rem,1.3rem + 2.4vw,3.5rem);font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track);line-height:1.02}
.ask-cta p:not(.eyebrow){margin-top:var(--space-5);max-width:52ch}
.ask-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}
.ask-cta .text-link{color:var(--s-on-night)}
@media(max-width:1100px){.ask-board{grid-template-columns:1fr 1fr}.ask-built{grid-column:span 2}.ask-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ask-steps li:nth-child(2)::after,.ask-steps li:nth-child(2)::before{display:none}}
@media(max-width:900px){.ask-hero-grid,.ask-cta-inner,.ask-weaker,.ask-not{grid-template-columns:1fr;gap:var(--space-8)}.ask-not ul{grid-template-columns:1fr}}
@media(max-width:700px){
  .ask-hero-grid{padding-block:var(--space-10) var(--space-8)}
  .ask-board{grid-template-columns:1fr}.ask-built{grid-column:auto}
  .ask-column,.ask-not,.ask-weaker,.ask-lane{padding:var(--space-6)}
  .ask-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ask-table,.ask-table tbody,.ask-table tr,.ask-table th,.ask-table td{display:block;width:auto}
  .ask-table tr{padding:var(--space-5) var(--space-5);border-top:1px solid var(--s-line)}.ask-table tr:first-child{border-top:0}
  .ask-table th,.ask-table td{padding:0;border:0}
  .ask-table tbody th{width:auto}
  .ask-table td{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:calc(var(--s-r-card) * .5)}
  .ask-table td:nth-child(2){width:auto}.ask-table td:nth-child(2)::before{content:"Doing it yourself";display:block;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
  .ask-table td:last-child::before{content:"With Jeevz";display:block;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--s-ink)}
  .ask-steps{grid-template-columns:1fr;gap:0}
  .ask-steps li{display:grid;grid-template-columns:44px 1fr;gap:var(--space-4);padding-bottom:var(--space-6)}
  .ask-steps li:not(:last-child)::after{top:48px;bottom:4px;left:21px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--s-muted) 0 6px,transparent 6px 11px)}
  .ask-steps li:not(:last-child)::before,.ask-steps li:nth-child(2)::before{display:none}
  .ask-steps li:nth-child(2)::after{display:block}
}
@media(prefers-color-scheme:dark){.ask-built,.ask-cta{border:1px solid #ffffff14}.ask-tag.is-you{background:var(--s-on-night);color:var(--s-night)}.ask-step-you .ask-step-num{background:var(--s-on-night);color:var(--s-night)}}

/* Arrow keys in the side's tone: square for trades, round for beauty */
.jz-page .jeevz-action .jeevz-key{background:var(--s-grad);color:var(--s-on-grad);border-radius:var(--s-r-key,6px)}
.jz-page .button.jeevz-action .jeevz-key{background:var(--s-night);color:var(--s-accent)}
html[data-side=beauty]{--s-r-key:50%}
.jz-page .mini-site .jeevz-key,.jz-page .trade-site .jeevz-key{background:var(--preview-inverse);color:var(--preview-accent)}
@media(prefers-color-scheme:dark){.jz-page .button.jeevz-action .jeevz-key{background:var(--s-night)}}

/* Book a demo (book.html): the agenda, and the demo example on a made-up electrician */
.book-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-16);align-items:center;padding-block:var(--space-16) var(--space-12)}
.book-hero h1{font-size:clamp(3rem,1.6rem + 3.6vw,5rem)}
.book-agenda{list-style:none;position:relative;padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-card);border:1px solid var(--s-line);box-shadow:0 24px 60px #06100c14}
.book-agenda::before{content:"";position:absolute;left:calc(var(--space-8) + 62px);top:var(--space-10);bottom:var(--space-10);width:1px;background:var(--s-line)}
.book-agenda li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:var(--space-8);padding-block:var(--space-4)}
.book-agenda li::before{content:"";position:absolute;left:58px;top:calc(var(--space-4) + .45rem);width:9px;height:9px;border-radius:var(--s-mark);background:var(--s-card);border:1px solid #9bab9f}
.book-agenda time{font-family:var(--s-num-font);font-style:var(--s-num-style);font-weight:var(--s-num-weight);font-size:var(--text-sm);color:var(--s-muted);padding-top:.15rem}
.book-agenda strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;line-height:1.25}
.book-agenda li div>span{display:block;margin-top:var(--space-1);font-size:var(--text-sm);line-height:1.6;color:var(--s-muted)}
.book-agenda-you::before{background:var(--s-grad)!important;border-color:transparent!important}
.book-example{background:var(--s-paper)}
.book-showcase{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-8);align-items:start}
.book-site{margin:0;min-width:0}
.book-site-bar{display:flex;align-items:center;gap:var(--space-4);height:44px;padding-inline:var(--space-4);border:1px solid var(--s-line);border-bottom:0;border-radius:var(--s-r-card) var(--s-r-card) 0 0;background:var(--s-card);font-size:var(--text-xs);color:var(--s-muted)}
.book-site-bar>span:nth-child(2){flex:1}
.book-site-bar a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--s-ink);font-weight:600}
.book-site-body{overflow:hidden;border:1px solid var(--s-line);border-radius:0 0 var(--s-r-card) var(--s-r-card);background:#fbfaf7;color:#1b2a4a;box-shadow:0 30px 70px #06100c1f}
.book-site-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid #1b2a4a1a}
.book-site-nav strong{font-family:var(--font-display);font-size:1.5rem;line-height:1;letter-spacing:-.05em}
.book-site-nav strong span{display:block;margin-top:var(--space-1);font-family:var(--font-body);font-size:.6rem;font-weight:600;letter-spacing:.2em}
.book-site-nav>span{font-size:var(--text-xs);color:#4a5672}
.book-site-hero{display:grid;grid-template-columns:1fr 1fr;min-height:320px}
.book-site-hero>div{display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-6)}
.book-site-hero>div>span:first-child{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#4a5672}
.book-site-hero h3{margin-top:var(--space-3);font-family:var(--font-display);font-size:clamp(1.6rem,1.1rem + 1.4vw,2.4rem);font-weight:700;letter-spacing:-.045em;line-height:1.05}
.book-site-hero p{margin-top:var(--space-3);font-size:var(--text-sm);line-height:1.6;color:#4a5672}
.book-site-action{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:6px;background:#1b2a4a;color:#fff;font-size:var(--text-xs);font-weight:600}
.book-site-action b{color:#ffc93c;font-weight:400}
.book-site-hero>img{width:100%;height:100%;min-height:320px;object-fit:cover}
.book-site-services{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid #1b2a4a1a}
.book-site-services span{padding:.3rem .7rem;border-radius:999px;background:#1b2a4a0d;font-size:var(--text-xs);font-weight:500}
.book-site figcaption{margin-top:var(--space-4);font-size:var(--text-xs);line-height:1.6;color:var(--s-muted)}
.book-site figcaption a{text-decoration:underline;text-underline-offset:3px}
.book-app{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);min-width:0}
.book-phone{position:relative;right:auto;bottom:auto;margin-top:0;transform:rotate(2deg)}
.book-quote{width:min(100%,320px);padding:var(--space-5);border-radius:calc(var(--s-r-card) * .8);background:var(--s-card);border:1px solid var(--s-line);box-shadow:0 18px 40px #06100c14;transform:rotate(-2deg)}
.book-quote-head>span{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--s-muted)}
.book-quote-head>strong{display:block;margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em}
.book-quote ul{list-style:none;margin-top:var(--space-4)}
.book-quote li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--s-line);font-size:var(--text-sm)}
.book-quote li small{color:var(--s-muted)}
.book-quote li .jz-slot{margin-top:0;color:var(--s-ink);border-color:var(--s-deep)}
.book-quote-foot{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.book-quote-foot span{padding:.25rem .6rem;border-radius:var(--s-r-chip);background:var(--s-soft);font-size:.7rem;font-weight:600}
.book-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-12)}
.book-parts article{display:flex;flex-direction:column;padding:var(--space-8);border-radius:var(--s-r-card);background:var(--s-card);border:1px solid var(--s-line)}
.book-parts h3{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--s-h-weight);letter-spacing:var(--s-h-track)}
.book-parts p{margin-top:var(--space-3);font-size:var(--text-sm);line-height:1.7;color:var(--s-muted)}
.social-contact{margin-top:var(--space-4);font-size:var(--text-sm)}
.social-contact a{text-decoration:underline;text-underline-offset:4px}
.jz-page .contact-section .social-contact{color:var(--s-on-night-muted)}
.jz-page .contact-section .social-contact a{color:var(--s-on-night);text-decoration-color:var(--s-underline)}
@media(max-width:1000px){.book-showcase{grid-template-columns:1fr}.book-app{flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap}}
@media(max-width:900px){.book-hero-grid{grid-template-columns:1fr;gap:var(--space-10)}.book-parts{grid-template-columns:1fr}}
@media(max-width:700px){
  .book-hero-grid{padding-block:var(--space-10) var(--space-8)}
  .book-agenda{padding:var(--space-6)}.book-agenda::before{left:calc(var(--space-6) + 50px)}
  .book-agenda li{grid-template-columns:40px 1fr;gap:var(--space-8)}.book-agenda li::before{left:46px}
  .book-site-hero{grid-template-columns:1fr}.book-site-hero>img{min-height:0;height:200px}
  .book-site-nav{padding:var(--space-4)}.book-site-hero>div{padding:var(--space-6) var(--space-4)}
  .book-app{flex-direction:column;align-items:center}
  .book-phone{width:min(292px,100%)}
  .book-parts article{padding:var(--space-6)}
}
@media(prefers-color-scheme:dark){.book-agenda{box-shadow:none}.book-site-body{border-color:#ffffff1f}.book-quote{box-shadow:none}}

/* The example collection footer wraps now it has Book a demo and Instagram */
.collection-footer nav{flex-wrap:wrap;column-gap:var(--space-6);row-gap:0}
@media(max-width:700px){.collection-footer nav{justify-content:flex-start;column-gap:var(--space-5)}}