:root{color-scheme:light;--bg:#f6f8fc;--ink:#18233c;--muted:#6e7b94;--glass:#ffffffa8;--line:#ffffffd9;--accent:#4266df;--shadow:0 24px 90px #465c9c13}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 86% 15%,#dce7ff99,transparent 40%),radial-gradient(ellipse at 0 25%,#e1f5ed66,transparent 45%),var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #6685ec;outline-offset:5px}.site-header{max-width:1240px;margin:22px auto 0;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--glass);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:22px;letter-spacing:-1px}.brand-mark{width:36px;height:36px;background:linear-gradient(145deg,#7494fa,#4265da);color:white;border-radius:11px;display:inline-grid;place-items:center;font-weight:800;font-size:23px;letter-spacing:-3px;padding-right:4px;box-shadow:0 7px 20px #4b6de530}.site-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.utilities{display:flex;align-items:center;gap:9px}.utilities button,.utilities select{border:1px solid #879cce2b;background:var(--glass);border-radius:11px;min-height:38px;padding:0 11px}.utilities select{appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2375819b' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat}.utilities .login{font-size:13px;font-weight:650;padding:10px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.07fr;gap:36px;align-items:center;min-height:710px;padding:75px 22px 95px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:750;color:#6c84bd}h1{font-size:clamp(42px,4.7vw,65px);font-weight:730;line-height:1.07;letter-spacing:-3.3px;margin:24px 0}p{line-height:1.75;color:var(--muted)}.hero-copy>p{max-width:470px;font-size:16px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:14px;font-size:12px;font-weight:700}.primary{background:linear-gradient(145deg,#6385f0,#4265d7);color:white;box-shadow:0 10px 28px #4669d52a}.secondary{background:var(--glass);border:1px solid var(--line)}.hero-note{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:28px}.status-dot{width:6px;height:6px;background:#63b8a5;border-radius:50%}.product-scene{position:relative;padding:20px 0 25px;min-width:0}.scene-glow{position:absolute;inset:-25px;background:radial-gradient(ellipse,#adc3ff66,transparent 70%);filter:blur(20px)}.product-window{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:24px;box-shadow:0 40px 90px #435b9926;backdrop-filter:blur(30px);padding:0 23px 24px;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);padding:18px 0;border-bottom:1px solid #8e9db51c}.window-dots{color:#b5c3db;letter-spacing:3px}.demo-label{font-size:9px;color:var(--muted);margin-top:17px}.preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:20px 0}.preview-heading small{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.preview-heading h2{font-size:20px;letter-spacing:-.7px;margin:9px 0}.mini-icon{padding:12px;background:#a0b8f521;border-radius:12px;color:#7791cb}.week-labels{display:grid;grid-template-columns:repeat(5,1fr);font-size:9px;color:var(--muted);padding:13px 0;border-top:1px solid #8e9db51c}.calendar-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.calendar-preview article{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:13px;min-height:175px;display:flex;align-items:flex-start;flex-direction:column;gap:10px;min-width:0}.post-symbol{display:grid;place-items:center;background:#8b9bf02a;color:#7088d0;width:33px;height:33px;border-radius:10px}.post-symbol.aqua{background:#7ed0b42a;color:#60a18e}.post-symbol.peach{background:#edb9892a;color:#bd906b}.calendar-preview small{font-size:9px;color:var(--muted)}.calendar-preview b{font-size:11px;line-height:1.5;font-weight:650}.pill{font-size:8px;border-radius:6px;padding:5px 7px;margin-top:auto}.lavender{background:#9aa2ed26;color:#7882c4}.amber{background:#e4b56f25;color:#b08d4f}.mint{background:#65bb9b25;color:#449a7a}.ai-preview-card{margin-top:16px;display:flex;gap:11px;align-items:center;border:1px solid #a4b7ec4d;background:#a9bfee10;padding:14px;border-radius:15px}.ai-orb{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7599eb,#96cbbd);color:white;flex-shrink:0}.ai-preview-card strong{font-size:10px}.ai-preview-card p{font-size:9px;margin:4px 0}.ai-preview-card>span{margin-left:auto;color:#8698c5}.floating-chip{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:11px;background:var(--glass);border:1px solid var(--line);border-radius:15px;padding:16px 20px;box-shadow:var(--shadow);backdrop-filter:blur(24px)}.floating-chip>span{background:#7bc9ac25;color:#65ae94;border-radius:50%;padding:9px}.floating-chip strong{display:block;font-size:11px}.floating-chip small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.process,.features{max-width:1240px;margin:auto;padding:50px 22px 90px}.section-heading h2{font-size:39px;line-height:1.15;letter-spacing:-1.8px;margin:19px 0}.section-heading>p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:45px 0 0;padding:0;gap:33px;position:relative}.steps::before{content:'';position:absolute;left:40px;right:80px;top:30px;border-top:1px solid #98acd73d;z-index:-1}.step-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--glass);border:1px solid var(--line);color:#7e99d7;font-size:24px;box-shadow:var(--shadow)}.step-icon span{position:absolute;bottom:-4px;right:-7px;background:var(--bg);font-size:9px;font-weight:750;border:1px solid #97afd333;border-radius:6px;padding:3px 5px}.steps h3{font-size:15px;margin:24px 0 10px;letter-spacing:-.3px}.steps p{font-size:12px;max-width:240px}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:17px;margin-top:35px}.feature-grid article{background:var(--glass);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.feature-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:24px 0 12px}.feature-grid p{font-size:12px;margin-bottom:0}.feature-art{display:flex;align-items:center;justify-content:center;gap:12px;height:70px;color:#8c9bb7}.feature-art span:nth-child(odd){font-size:28px;background:#94afe422;border:1px solid #9ab3e333;border-radius:12px;padding:12px;color:#7995ce}.feature-art span:nth-child(3){background:#80c7b626;color:#6aab9c}.feature-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#9fbae52a;font-size:26px;color:#809bc9}.final-cta{text-align:center;padding:55px 20px 110px}.final-cta>.brand-mark{width:49px;height:49px;border-radius:15px;font-size:30px}.final-cta h2{font-size:46px;line-height:1.13;letter-spacing:-2px;margin:24px 0 14px}.final-cta p{font-size:14px;margin-bottom:25px}.text-link{display:block;font-size:11px;color:var(--muted);margin-top:18px}footer{max-width:1240px;margin:auto;border-top:1px solid #8e9db526;padding:25px 22px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer .brand{font-size:17px;color:var(--ink)}html[data-theme=dark]{color-scheme:dark;--bg:#101829;--ink:#eaf1ff;--muted:#9bacc9;--glass:#1d2a429e;--line:#a0bce31c;--shadow:0 24px 80px #0002}html[data-theme=dark] body{background:radial-gradient(ellipse at 85% 15%,#26417b44,transparent 40%),var(--bg)}html[data-theme=dark] .product-window{box-shadow:0 40px 90px #0004}html[data-theme=dark] .pill{filter:brightness(1.4)}@media(min-width:1450px){.hero{min-height:770px}}@media(max-width:1000px){.site-header{margin:16px}.site-header nav{display:none}.hero{grid-template-columns:1fr;max-width:760px;gap:40px;padding-top:65px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.cta-row,.hero-note{justify-content:center}.product-scene{max-width:570px;width:100%;margin:auto}h1{font-size:60px}.steps{gap:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1}.feature-large .feature-art{justify-content:flex-start}}@media(max-width:620px){.site-header{padding:12px;margin:10px;gap:8px;border-radius:17px}.brand{font-size:19px;gap:7px}.brand-mark{width:29px;height:29px;font-size:19px}.utilities{gap:5px}.utilities .login{font-size:11px;padding:6px}.utilities select{font-size:11px;width:59px;padding-left:8px}.utilities button{padding:0 9px}.hero{padding:55px 20px 55px;gap:35px}h1{font-size:43px;letter-spacing:-2.2px}.hero-copy>p{font-size:14px}.cta-row{flex-direction:column;align-items:stretch}.button{min-height:50px}.hero-note{font-size:10px}.product-window{padding:0 13px 16px;transform:none;border-radius:18px}.preview-heading h2{font-size:17px}.calendar-preview{gap:5px}.calendar-preview article{padding:9px;min-height:165px}.calendar-preview b{font-size:10px}.pill{font-size:7px;padding:5px}.floating-chip{padding:12px;right:3px}.floating-chip strong{font-size:10px}.process,.features{padding:40px 20px}.section-heading h2{font-size:30px}.steps{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.steps::before{display:none}.steps h3{font-size:14px}.steps p{font-size:11px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-grid article{padding:24px}.final-cta{padding:55px 20px 65px}.final-cta h2{font-size:34px;letter-spacing:-1.5px}footer{flex-wrap:wrap;padding:25px 20px}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:620px){.scene-glow{inset:-18px}}

#faq details {
  max-width: 740px;
  margin: 12px auto;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--glass);
}
#faq summary {
  cursor: pointer;
  font-weight: 650;
}
#faq details p {
  margin-bottom: 0;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.pricing-grid article {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--glass);
}

.pricing-grid h3 { margin: 0; font-size: 1.15rem; }
.pricing-grid p { margin-bottom: 0; }
.pricing-status { text-align: center; }

@media (max-width: 680px) {
  .pricing-grid { grid-template-columns: 1fr; }
}

.pricing-grid .tier-price {
  margin-block: 10px 0;
  color: var(--ink);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.tier-price span { font-size: .85rem; font-weight: 600; }

/* Public site */
:root {
  --bg: #f7f8fa;
  --ink: #192234;
  --muted: #56647a;
  --line: #dce2ec;
  --glass: #fff;
}
:root[data-theme="dark"] {
  --bg: #111722;
  --ink: #edf1fa;
  --muted: #aab6ca;
  --line: #303a4c;
  --glass: #192131;
}
body { background: var(--bg); }
.site-header {
  border-radius: 14px;
  backdrop-filter: none;
}
.hero {
  min-height: auto;
  padding-block: clamp(56px, 8vw, 110px);
  gap: clamp(28px, 5vw, 72px);
}
.hero h1 {
  margin-block: 0 18px;
  font-size: clamp(2.25rem, 5vw, 4rem);
  letter-spacing: -.055em;
  font-weight: 700;
}
.hero-copy > p { margin-block: 0; font-size: 1rem; }
.scene-glow { display: none; }
.product-window {
  transform: none;
  backdrop-filter: none;
  border-radius: 16px;
  box-shadow: 0 20px 56px #111a3520;
}
.primary { background: #3559d0; box-shadow: none; }
.feature-grid article,
.pricing-grid article,
#faq details { border-radius: 14px; }
.steps { list-style: none; }
.section-heading h2 { letter-spacing: -.035em; }
@media (max-width: 680px) {
  .hero { padding-block: 52px; }
  .product-scene { padding-block: 0; }
}

.pricing-grid article {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 10px;
  padding: clamp(18px, 3vw, 28px);
}
.pricing-grid .tier-price { margin: 0; font-variant-numeric: tabular-nums; }
.pricing-grid article > p:last-child { margin: 0; }
.pricing-status { font-size: .875rem; }

.product-window .preview-heading { margin-block: 0 18px; padding-top: 22px; }
.product-window .preview-heading h2 { margin: 0; }
.product-window .demo-label { margin: 0; font-size: .8rem; }
.calendar-preview article { gap: 8px; }
.calendar-preview time { font-size: 1.4rem; font-weight: 650; }
.calendar-preview article b { line-height: 1.35; }
.calendar-preview .pill { margin-top: auto; }
@media (max-width: 420px) {
  .calendar-preview { grid-template-columns: 1fr; }
  .calendar-preview article {
    min-height: 0;
    display: grid;
    grid-template-columns: 2ch minmax(0, 1fr) auto;
    align-items: center;
  }
  .calendar-preview article time { grid-row: span 2; }
  .calendar-preview article b { grid-column: 2; }
  .calendar-preview .pill { grid-column: 3; grid-row: 1 / span 2; }
}

.support-contact {
  max-width: 740px;
  margin: 24px auto 0;
  padding-block-start: 16px;
  border-block-start: 1px solid var(--line);
}
.support-contact h3 { margin-block: 0 10px; }

.pricing-grid article { grid-template-rows: auto auto 1fr auto; }
.tier-features {
  margin: 4px 0 0;
  padding: 12px 0 0 18px;
  border-block-start: 1px solid var(--line);
  color: var(--ink);
  font-size: .875rem;
  line-height: 1.45;
}
.tier-features li + li { margin-block-start: 6px; }

.hero-edit-demo { display: grid; gap: 12px; }
.hero-edit-demo h3, .hero-edit-demo p { margin: 0; }
.hero-edit-demo > div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; }
.hero-edit-demo strong { display: block; margin-bottom: 6px; font-size: .8rem; }
.hero-edit-demo p { line-height: 1.5; }
.hero-edit-demo .hero-edit-result { background: #fc896f20; border-color: #fc896f66; }
.hero-edit-demo > span { justify-self: start; border-radius: 10px; padding: 9px 14px; background: #fc896f; color: #231611; font-size: .85rem; font-weight: 700; }