@font-face{font-family:"Italiana";src:url(/assets/fonts/italiana-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  color-scheme:light only;
  --bg:#F7F6F3;--bg-2:#EDECF1;--surface:#FFFFFF;--ink:#2A2733;--ink-2:#6C6878;--line:rgba(42,39,51,.13);
  --accent:#4B4560;--accent-ink:#FFFFFF;--nav-bg:#F7F6F3;--focus:#4B4560;--err:#9E2B2B;
  --font-display:"Italiana",Georgia,serif;--font-text:"Manrope",system-ui,sans-serif;
  --display-weight:400;--display-track:0em;--card-r:var(--r-2xl);--img-r:var(--r-2xl);--field-r:var(--r-lg);
}
.nav__brand{font-size:1.25rem;line-height:1.75rem;letter-spacing:.3em}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;color:#fff}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg::after{content:"";position:absolute;inset:0;background:rgba(30,28,40,.34)}
.hero__inner{display:grid;justify-items:center;gap:var(--s300);padding-block:var(--s900)}
.hero .eyebrow{color:#E9E7F0}
.hero__title{font-family:var(--font-display);font-weight:400;font-size:6rem;line-height:1;letter-spacing:.12em}
@media (min-width:1024px){.hero__title{font-size:9rem;line-height:1}}
.hero .lead{color:#F1EFF5;max-width:560px}
.hero .btn--primary{background:#fff;color:var(--ink)}
.head{max-width:680px}
.head>*+*{margin-top:var(--s200)}
.trio{display:grid;gap:var(--s300)}
.trio figure{position:relative}
.trio img{width:100%;height:100%;object-fit:cover}
.trio figcaption{position:absolute;left:var(--s200);bottom:var(--s200);padding:var(--s50) var(--s100);border-radius:var(--r-full);background:rgba(247,246,243,.88);font-size:.75rem;line-height:1rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.t1,.t3{aspect-ratio:3/2}.t2{aspect-ratio:4/5}
@media (min-width:1024px){.trio{grid-template-columns:1.2fr 1fr 1.2fr;align-items:center}.t1,.t3{aspect-ratio:4/5}.t2{aspect-ratio:3/4}}
.calc,.cal{display:grid;gap:var(--s600)}
@media (min-width:1024px){.calc,.cal{grid-template-columns:1fr 1fr;gap:var(--s800);align-items:start}}
.est .chip[aria-pressed="true"],.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
input[type=range]{width:100%;height:24px;-webkit-appearance:none;appearance:none;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-full);background:var(--line)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:var(--r-full);background:var(--accent);border:4px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}
input[type=range]::-moz-range-track{height:4px;border-radius:var(--r-full);background:var(--line)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--r-full);background:var(--accent);border:4px solid var(--surface)}
.lines div{display:flex;justify-content:space-between;gap:var(--s200);padding-block:var(--s100);border-top:1px solid var(--line);font-size:.875rem;line-height:1.25rem}
.lines dt{color:var(--ink-2)}
.lines dd{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.est__total{padding-top:var(--s200);border-top:1px solid var(--ink);margin-top:var(--s75)}
.est__total b{font-family:var(--font-display);font-size:2.25rem;line-height:2.5rem;font-weight:400}
.legend{display:flex;gap:var(--s300);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.legend li{display:flex;align-items:center;gap:var(--s75)}
.k{width:12px;height:12px;border-radius:var(--r-full);display:inline-block}
.k--free{border:1px solid var(--accent)}.k--busy{background:var(--line)}.k--pick{background:var(--accent)}
.calhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s200)}
.calhead .h3{font-family:var(--font-display);font-size:1.875rem;line-height:2.25rem}
.grid7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s50);text-align:center}
.dow span{font-size:.75rem;line-height:1rem;color:var(--ink-2);padding-block:var(--s75)}
.day{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-full);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
button.day{font-weight:600;transition:background-color .3s var(--ease),color .3s var(--ease),transform .5s var(--ease)}
.day.free{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.day.free:hover{background:var(--bg-2)}
.day.free:active{transform:scale(.94)}
.day.busy{color:var(--ink-2);background:var(--line);text-decoration:line-through;opacity:.6}
.day.pick{background:var(--accent);color:#fff}
.pick{margin-top:var(--s300);padding-top:var(--s300);border-top:1px solid var(--line)}
.pick[hidden]{display:none}
.faq{display:grid;gap:var(--s600)}
@media (min-width:1024px){.faq{grid-template-columns:1fr 1.4fr;gap:var(--s800)}}
.acc summary{font-family:var(--font-text)}
.foot{padding-block:var(--s600) var(--s900);border-top:1px solid var(--line);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.foot .row{gap:var(--s200)}
