.landing-page { background: #f8f6f2; }
.landing-navbar { position: sticky; top: 0; z-index: 20; }

.hero {
  position: relative;
  padding: clamp(5rem, 9vw, 8.5rem) 0 8rem;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(228, 236, 255, 0.72), rgba(248, 246, 242, 0) 58%),
    #f8f6f2;
}
.hero::after { content:""; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent); }
.hero__ambient { position:absolute; border-radius:50%; filter:blur(12px); opacity:.6; pointer-events:none; }
.hero__ambient--blue { width:32rem; height:32rem; right:-8rem; top:-8rem; background:radial-gradient(circle,rgba(103,143,246,.32),transparent 68%); }
.hero__ambient--warm { width:27rem; height:27rem; left:-12rem; bottom:-8rem; background:radial-gradient(circle,rgba(213,170,113,.3),transparent 68%); }
.hero__inner { position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); align-items:center; gap:clamp(3rem,6vw,6rem); }
.hero__content { position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:.65rem; margin:0 0 1.25rem; color:var(--color-ink-muted); font-size:.76rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.eyebrow span { padding:.35rem .65rem; border-radius:999px; color:var(--color-accent-strong); background:var(--color-accent-soft); letter-spacing:.07em; }
.hero h1 { max-width:12ch; font-family:var(--font-display); font-size:var(--font-size-4xl); font-weight:500; letter-spacing:-.055em; }
.hero h1 em { color:var(--color-accent); font-style:italic; }
.hero__lead { max-width:37ch; margin-top:1.5rem; color:#505a6c; font-size:1.2rem; line-height:1.65; }
.hero__actions,.cta-final__actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.hero__trust { display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:1.5rem; color:var(--color-ink-muted); font-size:.82rem; font-weight:650; }
.hero__trust span { display:flex; align-items:center; gap:.4rem; }
.hero__trust .workspace-icon { color:var(--color-success); width:1rem; height:1rem; }

.hero__visual { position:relative; min-height:520px; display:flex; align-items:center; perspective:1500px; }
.os-mock { position:relative; z-index:2; width:100%; overflow:hidden; border:1px solid rgba(39,54,85,.17); border-radius:25px; background:#f8fafc; box-shadow:0 48px 100px rgba(32,47,76,.24),0 4px 14px rgba(32,47,76,.1); transform:rotateY(-3deg) rotateX(1deg); }
.os-mock__chrome { height:44px; display:flex; align-items:center; gap:1rem; padding:0 1rem; border-bottom:1px solid var(--color-border); background:rgba(255,255,255,.92); color:var(--color-ink-muted); font-size:.7rem; font-weight:650; }
.os-mock__dots { display:flex; gap:5px; }
.os-mock__dots i { width:8px; height:8px; border-radius:50%; background:#d2d7df; }
.os-mock__dots i:first-child{background:#e9ae84}.os-mock__dots i:nth-child(2){background:#e7ce76}.os-mock__dots i:last-child{background:#7ec8a4}
.os-mock__live { margin-left:auto; padding:.25rem .55rem; border-radius:999px; color:var(--color-success); background:#e6f4ed; }
.os-mock__body { display:grid; grid-template-columns:55px 1fr; min-height:390px; }
.os-mock__sidebar { display:flex; flex-direction:column; align-items:center; gap:1rem; padding:1rem .6rem; background:#172033; color:#fff; }
.os-mock__sidebar strong { margin-bottom:.55rem; }.brand-mark--mini{width:1.6rem;height:1.6rem;border-radius:7px}.brand-mark--mini .icon{width:.9rem;height:.9rem}
.os-mock__sidebar i { display:block; width:22px; height:22px; border-radius:7px; background:rgba(255,255,255,.09); }.os-mock__sidebar i.is-active{background:#557cf1;box-shadow:0 0 0 5px rgba(85,124,241,.14)}
.os-mock__workspace { padding:1.3rem; background:linear-gradient(145deg,#f5f1e9,#edf2fb); }
.os-mock__welcome { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin-bottom:1rem; }.os-mock__welcome div{display:flex;flex-direction:column}.os-mock__welcome small{font-size:.52rem;letter-spacing:.09em;color:var(--color-ink-muted)}.os-mock__welcome strong{font-family:var(--font-display);font-size:1.1rem}.os-mock__welcome>span{font-size:.6rem;color:var(--color-accent-strong);font-weight:750}
.os-mock__grid { display:grid; grid-template-columns:1.15fr .85fr; gap:.8rem; }
.mini-window { min-width:0; padding:.9rem; border:1px solid rgba(52,68,98,.1); border-radius:14px; background:rgba(255,255,255,.88); box-shadow:0 8px 24px rgba(38,49,72,.08); }
.mini-window header { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.75rem; color:var(--color-ink-muted); font-size:.62rem; font-weight:750; }.mini-window header b{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent)}
.mini-window--ai { color:#fff; background:linear-gradient(145deg,#22304a,#172033); }.mini-window--ai header{color:#aebbd3}.mini-window--ai>strong{display:block;font-size:.85rem;line-height:1.3}.mini-window--ai p{margin:.4rem 0 .8rem;color:#bdc7d8;font-size:.62rem;line-height:1.5}.mini-window--ai .workspace-icon{color:#8caaFA}.mini-action{color:#a9bdfb;font-size:.62rem;font-weight:700}
.mini-lead { display:flex;align-items:center;gap:.55rem;padding:.5rem 0;border-top:1px solid var(--color-border);}.mini-lead i{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--color-warm-soft);color:var(--color-warm-strong);font-size:.52rem;font-style:normal;font-weight:750}.mini-lead span,.event-card span{display:flex;flex-direction:column;min-width:0}.mini-lead strong,.event-card strong{font-size:.65rem}.mini-lead small,.event-card small{color:var(--color-ink-muted);font-size:.54rem}
.mini-window--calendar { grid-column:1/-1; }.mini-window--calendar header small{color:var(--color-warm-strong)}.event-card{display:flex;align-items:center;gap:.7rem;padding:.65rem;border-radius:10px;background:var(--color-warm-soft)}.event-card>b{font-family:var(--font-display);font-size:1.45rem;color:var(--color-warm-strong)}
.photo-stack { position:absolute; z-index:1; inset:0; pointer-events:none; }.photo-print { position:absolute; width:150px; height:190px; padding:8px 8px 28px; border-radius:6px; background:#fff; box-shadow:0 18px 50px rgba(26,35,52,.22); }.photo-print::before{content:"";display:block;width:100%;height:100%;background:linear-gradient(145deg,rgba(18,27,42,.05),rgba(18,27,42,.6)),radial-gradient(circle at 60% 28%,#e9c69f 0 8%,transparent 9%),linear-gradient(135deg,#82919c,#28333d 55%,#a99783)}.photo-print span{position:absolute;bottom:7px;left:10px;font-size:.48rem;letter-spacing:.12em;color:#7b746b}.photo-print--one{right:-35px;top:3px;transform:rotate(8deg)}.photo-print--two{left:-36px;bottom:3px;transform:rotate(-8deg)}.photo-print--two::before{background:linear-gradient(145deg,rgba(29,28,27,.1),rgba(29,28,27,.58)),radial-gradient(circle at 42% 35%,#d8aa83 0 9%,transparent 10%),linear-gradient(135deg,#d9c8b4,#71695f)}

.problems,.capabilities,.how-it-works{padding:8rem 0}.problems{background:linear-gradient(180deg,#f0ece5,#f7f4ef)}.capabilities{background:#fbfaf7}.how-it-works{background:linear-gradient(145deg,#e8efff,#f5eadc)}
.section-heading{max-width:680px;margin-bottom:3.5rem}.section-heading h2{font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:500;letter-spacing:-.045em}.section-heading>p:last-child{max-width:55ch;color:var(--color-ink-muted);font-size:1.08rem}.section-heading--center{text-align:center;margin-left:auto;margin-right:auto}.section-heading--center>p:last-child{margin-left:auto;margin-right:auto}
.card-grid{display:grid;gap:1.2rem}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}
.story-card{position:relative;min-height:260px;overflow:hidden;padding:2rem;isolation:isolate}.story-card::after{content:"";position:absolute;width:170px;height:170px;right:-45px;bottom:-70px;border-radius:50%;background:rgba(255,255,255,.18);z-index:-1}.story-card__index{position:absolute;right:1.5rem;top:1.2rem;font-family:var(--font-display);font-size:2rem;opacity:.4}.story-card__icon{width:2rem;height:2rem;margin-bottom:3.4rem}.story-card h3{font-family:var(--font-display);font-size:1.65rem;font-weight:550}.story-card p{max-width:38ch;margin:0;color:inherit;opacity:.76}.story-card--blue{background:#dfe8ff}.story-card--sand{background:#e9d4b7}.story-card--dark{color:#fff;background:#18233a}.story-card--cream{background:#fffaf0}
.capability-card{min-height:220px}.capability-card p{color:var(--color-ink-muted);margin:0}.capability-card--featured{color:#fff;background:linear-gradient(145deg,#3767e8,#243f8f);box-shadow:0 24px 48px rgba(55,103,232,.22)}.capability-card--featured p{color:#dbe5ff}.capability-card--featured .icon-badge{color:#fff;background:rgba(255,255,255,.15)}.icon-badge{border-radius:13px;background:var(--color-accent-soft);color:var(--color-accent)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.steps__item{display:flex;gap:1rem;padding:1.5rem;border:1px solid rgba(55,103,232,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.56)}.steps__number{display:grid;place-items:center;flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:12px;color:#fff;background:var(--color-accent);font-weight:750}.steps__item p{margin:0;color:var(--color-ink-muted)}
.cta-final{position:relative;overflow:hidden;padding:8rem 0;color:#fff;background:#111a2b}.cta-final__orb{position:absolute;width:34rem;height:34rem;right:-8rem;top:-16rem;border-radius:50%;background:radial-gradient(circle,rgba(81,121,236,.6),transparent 68%)}.cta-final__inner{position:relative;text-align:center;max-width:760px}.brand-mark--large{width:3.2rem;height:3.2rem;margin:0 auto 1.5rem;border-radius:15px}.brand-mark--large .icon{width:1.8rem;height:1.8rem}.cta-final h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.6rem);font-weight:500;letter-spacing:-.045em}.cta-final p{color:#b9c3d6;font-size:1.1rem}.cta-final__actions{justify-content:center}.cta-final .btn--ghost{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06)}
.footer{padding:4rem 0;background:#0d1422;color:#aeb8ca;border-top:1px solid rgba(255,255,255,.08)}.footer__inner{text-align:center}.footer__brand{display:flex;align-items:center;justify-content:center;gap:.65rem;color:#fff;font-weight:750}.footer__inner p{max-width:48ch;margin:1rem auto}.footer__meta{font-size:.8rem}

@media(max-width:1040px){.hero__inner{grid-template-columns:1fr}.hero__content{max-width:680px}.hero h1{max-width:11ch}.hero__visual{max-width:720px;margin:0 auto;width:100%}.card-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero{padding:4.5rem 0 5rem}.hero__visual{min-height:420px}.photo-print{display:none}.problems,.capabilities,.how-it-works,.cta-final{padding:5.5rem 0}.card-grid--2,.card-grid--3,.steps{grid-template-columns:1fr}.story-card{min-height:230px}.os-mock{transform:none}.navbar__actions .btn{padding:.55rem .8rem;font-size:.82rem}}
@media(max-width:560px){.container{padding-inline:1rem}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.hero__lead{font-size:1.05rem}.hero__actions .btn{width:100%}.hero__trust{display:grid;gap:.5rem}.hero__visual{min-height:360px;margin-top:1rem}.os-mock__body{grid-template-columns:38px 1fr;min-height:300px}.os-mock__sidebar{padding:.7rem .35rem;gap:.7rem}.os-mock__sidebar i{width:16px;height:16px}.os-mock__workspace{padding:.8rem}.os-mock__grid{grid-template-columns:1fr}.mini-window--calendar,.mini-window--leads{display:none}.os-mock__welcome>span{display:none}.mini-window--ai{min-height:160px}.navbar__inner{flex-wrap:nowrap}.navbar__actions{gap:.4rem}.navbar__actions .btn--ghost{display:none}.section-heading{margin-bottom:2rem}.story-card__icon{margin-bottom:2.2rem}.cta-final__actions .btn{width:100%}}