/* Shift's consumer landing stays static: no scripts, trackers, or auth handling. */
.shift-landing { --secondary:#b7c9c4; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.shift-landing .shell { width:min(1180px,calc(100% - 3rem)); }
.shift-family-bar { border-bottom:1px solid var(--border); background:rgba(0,0,0,.18); }
.shift-family-bar>.shell { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:2.75rem; font-size:.75rem; }
.shift-family-bar a { min-height:2.75rem; display:flex; align-items:center; gap:.7rem; color:var(--text); font-weight:700; text-decoration:none; }
.shift-family-bar>.shell>span { color:var(--muted); }
.shift-family-bar>.shell>span>span { padding-inline:.5rem; color:var(--teal); }
.shift-header { padding-block:1rem; }
.shift-header nav { gap:.25rem; }
.shift-header nav a { padding-inline:.8rem; border-radius:.6rem; text-decoration:none; font-size:.85rem; }
.shift-header nav a:hover { background:rgba(78,216,196,.08); color:var(--teal); }
.shift-landing .brand-copy small { font-size:.68rem; }
.shift-landing .landing-main { padding-top:0; }
.shift-hero { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:clamp(2rem,5vw,5rem); padding-block:4.5rem 5rem; }
.shift-hero h1 { font-size:clamp(2.8rem,4.9vw,4.4rem); font-weight:650; line-height:1.05; letter-spacing:-.055em; }
.shift-hero h1 em { color:var(--teal-strong); font-style:normal; }
.shift-hero .lede { max-width:31rem; font-size:1.05rem; line-height:1.75; }
.shift-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:1.7rem; }
.shift-landing .action { min-height:3rem; gap:1.5rem; margin:0; font-size:.9rem; border-radius:.85rem; border:1px solid var(--teal); transition:background .18s ease; }
.shift-landing .action:hover { background:var(--teal-strong); }
.shift-store-state { color:var(--muted); font-size:.75rem; line-height:1.6; }
.shift-store-state strong { display:block; color:var(--secondary); font-weight:550; }
.shift-installed { margin-top:1.25rem; color:var(--muted); font-size:.8rem; }
.shift-installed a { display:inline-flex; align-items:center; min-height:2.75rem; margin-left:.3rem; }
.shift-planner-preview { min-width:0; width:100%; padding:1.5rem; border:1px solid rgba(115,234,216,.24); border-radius:1.8rem; background:linear-gradient(160deg,#192623,#0c1311); box-shadow:0 1.5rem 5rem rgba(0,0,0,.4); }
.shift-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:.85rem; font-weight:700; }
.shift-preview-day { font-size:.7rem; letter-spacing:.08em; color:var(--teal); }
.shift-planner-preview h2 { margin:1.6rem 0; font-size:clamp(1.5rem,2.5vw,2rem); letter-spacing:-.04em; font-weight:600; line-height:1.15; }
.shift-preview-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.2rem; margin-bottom:1.3rem; }
.shift-preview-week>span { display:grid; justify-items:center; gap:.4rem; padding:.6rem .1rem; border:1px solid transparent; border-radius:.7rem; color:var(--muted); font-size:.67rem; }
.shift-preview-week b { color:var(--text); font-size:.9rem; font-weight:600; }
.shift-preview-week i { width:5px; height:5px; border-radius:50%; background:var(--teal); }
.shift-preview-week i.day-off { background:transparent; border:1px solid var(--muted); }
.shift-preview-week>span.selected { border-color:rgba(78,216,196,.3); background:rgba(78,216,196,.1); color:var(--teal); }
.shift-next-card { padding:1.3rem; border:1px solid rgba(78,216,196,.24); border-radius:1rem; background:linear-gradient(120deg,rgba(78,216,196,.14),rgba(78,216,196,.03)); }
.shift-next-card>span { color:var(--teal); font-size:.7rem; font-weight:700; }
.shift-next-card>strong { display:block; margin:.4rem 0; font-size:1.5rem; letter-spacing:-.03em; }
.shift-next-card p { margin:0 0 .75rem; font-size:.95rem; }
.shift-next-card small { display:block; color:var(--secondary); font-size:.75rem; line-height:1.6; }
.shift-preview-bottom { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:.6rem; }
.shift-preview-bottom>div { min-width:0; padding:.85rem; border:1px solid var(--border); border-radius:.8rem; }
.shift-preview-bottom span,.shift-preview-bottom strong { display:block; }
.shift-preview-bottom span { color:var(--muted); font-size:.65rem; }
.shift-preview-bottom strong { margin-top:.4rem; font-size:.85rem; font-weight:600; }
.shift-preview-caption { margin:1rem 0 0; color:var(--muted); font-size:.67rem; text-align:center; }
.shift-benefit-strip { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding:1.4rem 0; border-block:1px solid var(--border); color:var(--secondary); font-size:.85rem; }
.shift-benefit-strip span::before { display:inline-block; width:.35rem; height:.35rem; margin:0 .6rem .1rem 0; border-radius:50%; background:var(--teal); content:""; }
.shift-section { padding-block:4.5rem; margin:0; border:0; scroll-margin-top:2rem; }
.shift-section + .shift-section { border-top:1px solid var(--border); }
.shift-section-heading { max-width:42rem; margin-bottom:2rem; }
.shift-section-heading h2 { font-size:clamp(2rem,4vw,3.1rem); line-height:1.08; letter-spacing:-.05em; font-weight:600; overflow-wrap:anywhere; }
.shift-section-heading>p:not(.eyebrow) { color:var(--secondary); font-size:1rem; line-height:1.75; }
.shift-features-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.shift-feature { padding:1.7rem; background:linear-gradient(145deg,rgba(23,32,30,.9),rgba(17,24,23,.7)); border:1px solid var(--border); border-radius:1.1rem; }
.shift-feature-number { color:var(--teal); font-size:.7rem; font-weight:750; letter-spacing:.07em; }
.shift-feature h3 { margin:1.8rem 0 .7rem; font-size:1.3rem; line-height:1.25; letter-spacing:-.03em; }
.shift-feature p { margin:0; color:var(--secondary); font-size:.95rem; line-height:1.7; }
.shift-feature small { display:block; margin-top:1rem; color:var(--muted); font-size:.78rem; line-height:1.6; }
.shift-offline,.shift-widget-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,6rem); align-items:center; }
.shift-offline .shift-section-heading,.shift-widget-section .shift-section-heading { margin:0; }
.shift-offline-detail { padding:1.7rem; border-left:2px solid var(--teal); background:rgba(78,216,196,.035); border-radius:0 1rem 1rem 0; }
.shift-offline-detail strong { font-size:1.2rem; }
.shift-offline-detail p { color:var(--secondary); font-size:.9rem; line-height:1.75; }
.shift-offline-detail a { display:inline-flex; min-height:2.75rem; align-items:center; gap:1rem; font-size:.85rem; font-weight:650; }
.shift-widget-preview { max-width:24rem; width:100%; margin:auto; padding:2rem; border:1px solid rgba(78,216,196,.3); border-radius:1.8rem; background:linear-gradient(140deg,#24483e,#101e19); box-shadow:0 1.5rem 4rem rgba(0,0,0,.3); }
.shift-widget-preview>span { display:flex; justify-content:space-between; color:var(--teal); font-size:.72rem; letter-spacing:.1em; font-weight:750; }
.shift-widget-preview small { display:block; margin-top:2rem; color:var(--secondary); font-size:.9rem; }
.shift-widget-preview strong { display:block; margin-top:.4rem; font-size:2rem; line-height:1.15; letter-spacing:-.05em; }
.shift-widget-preview p { color:var(--secondary); font-size:.9rem; line-height:1.6; margin-bottom:0; }
.shift-pro { display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(2rem,7vw,6rem); }
.shift-pro-list { margin:0; padding:0; list-style:none; }
.shift-pro-list li { display:flex; align-items:flex-start; gap:1rem; margin:0; padding:1.2rem 0; border-bottom:1px solid var(--border); }
.shift-pro-list li:first-child { padding-top:0; }
.shift-pro-list li>span { margin-top:.2rem; color:var(--teal); font-size:.7rem; }
.shift-pro-list h3 { margin:0; font-size:1.1rem; }
.shift-pro-list p { margin:.5rem 0 0; color:var(--secondary); font-size:.9rem; line-height:1.6; }
.shift-pro-note { grid-column:2; color:var(--muted); font-size:.8rem; line-height:1.7; }
.shift-help { display:flex; align-items:center; gap:3rem; margin:1rem 0 0; padding:2rem; border:1px solid var(--border); border-radius:1.2rem; background:var(--surface); }
.shift-help>div { flex:1; }
.shift-help h2 { font-size:1.6rem; letter-spacing:-.035em; }
.shift-help p:not(.eyebrow) { color:var(--secondary); font-size:.9rem; line-height:1.75; }
.shift-help .secondary { flex-shrink:0; background:transparent; border-color:var(--border); color:var(--text); }
.shift-landing footer { padding-block:2rem; }
.shift-landing footer p { font-size:.75rem; color:var(--muted); margin:0; }
.shift-parent-link { display:inline-flex; align-items:center; gap:1rem; min-height:2.75rem; font-weight:650; text-decoration:none; }
.shift-landing footer nav a { font-size:.85rem; }
@media (max-width: 960px) {
  .shift-hero { grid-template-columns:1fr; gap:2.5rem; padding-block:3rem; }
  .shift-hero-copy { max-width:42rem; }
  .shift-planner-preview { max-width:30rem; margin-inline:auto; }
  .shift-hero h1 { font-size:clamp(2.8rem,6.5vw,4.4rem); }
  .shift-help { align-items:flex-start; flex-direction:column; gap:1rem; }
}
@media (max-width: 760px) {
  .shift-landing .shell { width:calc(100% - 2rem); }
  .shift-header { flex-direction:row; align-items:center; flex-wrap:wrap; gap:.75rem; }
  .shift-header nav { flex-wrap:wrap; }
  .shift-header nav a { padding-inline:.5rem; font-size:.82rem; }
  .shift-section { padding-block:3rem; }
  .shift-features-grid,.shift-offline,.shift-widget-section,.shift-pro { grid-template-columns:1fr; }
  .shift-pro-note { grid-column:auto; }
  .shift-feature { padding:1.4rem; }
  .shift-family-bar>.shell { align-items:flex-start; flex-direction:column; justify-content:center; gap:0; padding-bottom:.5rem; }
  .shift-benefit-strip { flex-direction:column; gap:.7rem; }
}
@media (max-width: 390px) {
  .shift-hero h1 { font-size:clamp(2rem,11vw,2.65rem); }
  .shift-planner-preview { padding:1rem; }
  .shift-preview-bottom { grid-template-columns:1fr; }
  .shift-help { padding:1.3rem; }
}
@media (prefers-reduced-motion: reduce) { .shift-landing * { transition:none; scroll-behavior:auto; } }
@media (forced-colors: active) { .shift-preview-week i,.shift-benefit-strip span::before { background:CanvasText; } }