html{background:#fff;scroll-behavior:smooth;scroll-padding-top:9rem}body{margin:0}a{color:inherit}main:focus{outline:none}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/manrope-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/manrope-latin-400-normal.woff2) format("woff2")}
.page { --ink:#0b2d4a; --muted:#526678; --teal:#087f7b; --line:#dce6ec; color:var(--ink); background:#fff; font-family:Manrope,ui-sans-serif,system-ui,sans-serif; line-height:1.65; }
.page * { box-sizing:border-box; }
.page a { text-decoration:none; }
.page a:focus-visible,.page summary:focus-visible { outline:3px solid #087f7b; outline-offset:5px; }
.page h1,.page h2,.page h3,.page p,.page figure { margin:0; }
.page h1,.page h2,.page h3 { font-weight:800; line-height:1.13; letter-spacing:-.035em; }
.page h1 { font-size:clamp(2.75rem,4.9vw,4.6rem); }
.page h2 { font-size:clamp(2rem,3.4vw,3rem); }
.page h3 { font-size:1.16rem; letter-spacing:-.02em; }
.skip { position:fixed; top:-8rem; left:1rem; z-index:100; padding:.6rem 1rem; background:white; border:2px solid var(--teal); border-radius:.5rem; }
.skip:focus { top:1rem; }
.header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:#ffffffed; backdrop-filter:blur(12px); }
.headerInner { display:flex; align-items:center; justify-content:space-between; max-width:1200px; margin:auto; gap:1.5rem; padding:1.1rem 2rem; }
.nav { display:flex; gap:1.7rem; font-size:.86rem; font-weight:700; }
.nav a:hover,.footer a:hover,.statusLinks>a:not(.secondary):hover { color:var(--teal); text-decoration:underline; text-underline-offset:4px; }
.signIn { border:1px solid var(--ink); border-radius:.6rem; font-size:.86rem; font-weight:800; padding:.55rem 1rem; white-space:nowrap; }
.brand { display:inline-flex; align-items:center; gap:.5rem; color:var(--ink); }
.brandMark { flex:0 0 auto; width:2.75rem; height:2.5rem; }
.brandText { display:flex; flex-direction:column; }
.wordmark { font-size:1.25rem; line-height:1.15; font-weight:800; letter-spacing:-.04em; white-space:nowrap; }
.wordmark>span { color:#0ea5e9; }
.tagline { margin-top:.25rem; font-size:.625rem; line-height:1.4; font-weight:600; }
.container,.heroInner { max-width:1200px; margin:auto; padding:0 2rem; }
.hero { background:radial-gradient(ellipse at 95% 10%,#dff4f3 0,transparent 55%),linear-gradient(180deg,#f8fbfd,#fff); border-bottom:1px solid var(--line); }
.heroInner { display:grid; grid-template-columns:1fr .94fr; align-items:center; gap:4rem; padding-top:5.5rem; padding-bottom:5.5rem; }
.eyebrow { font-size:.76rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); }
.heroCopy h1 { margin:1.15rem 0 1.5rem; max-width:650px; }
.lead { color:#364e62; font-size:1.15rem; line-height:1.75; }
.intro { margin-top:1rem!important; font-size:.98rem; color:var(--muted); max-width:34rem; }
.actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.9rem; }
.page .primary,.page .secondary { display:inline-flex; align-items:center; justify-content:center; gap:1rem; min-height:48px; padding:.85rem 1.2rem; border-radius:.65rem; font-size:.9rem; font-weight:800; }
.page .primary { background:var(--ink); color:#fff; border:1px solid var(--ink); }
.page .primary:hover { background:#164466; }
.secondary { border:1px solid #bbccd6; background:#fff; }
.launchNote { color:var(--muted); font-size:.82rem; margin-top:1rem!important; }
.preview { border:1px solid #cddfe5; border-radius:1.1rem; background:#fff; box-shadow:0 24px 65px #0b2d4a10; overflow:hidden; }
.previewHeader { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.4rem; border-bottom:1px solid var(--line); gap:.5rem; font-size:.9rem; font-weight:800; }
.previewBadge { font-size:.67rem; font-weight:700; color:#0e6260; border-radius:10rem; background:#e8f6f4; padding:.2rem .55rem; white-space:nowrap; }
.previewBody { padding:1.4rem; }
.previewBody h2 { font-size:1.3rem; letter-spacing:-.02em; }
.previewBody>p { font-size:.8rem; color:var(--muted); margin-top:.4rem; }
.previewList { margin-top:1.4rem; }
.previewRow { display:grid; grid-template-columns:34px 1fr auto; gap:.7rem; align-items:start; padding:.95rem 0; border-top:1px solid var(--line); }
.avatar { display:grid; place-items:center; width:34px; height:34px; background:#edf3f7; border-radius:50%; color:#3b5a70; font-size:.68rem; font-weight:800; }
.previewRow strong { display:block; font-size:.83rem; }
.previewRow>div>span { display:block; font-size:.7rem; color:var(--muted); }
.previewRow>div>p { font-size:.72rem; margin-top:.2rem; }
.due { margin-top:.15rem; white-space:nowrap; padding:.1rem .4rem; border-radius:.3rem; background:#fff5e5; color:#76511a; font-size:.65rem; }
.previewNext { display:flex; gap:.65rem; margin-top:.6rem; padding:.85rem; border-radius:.6rem; background:#eef8f6; color:#1e5754; font-size:.76rem; }
.previewNext>span { font-size:1.3rem; }
.preview figcaption { font-size:.68rem; padding:.8rem 1.4rem; border-top:1px solid var(--line); color:var(--muted); background:#fafcfd; }
.workflow,.features,.faq { padding:5rem 0; }
.sectionHeading h2 { margin-top:.85rem; }
.sectionHeading>p:not(.eyebrow) { margin-top:1rem; color:var(--muted); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:2.6rem; margin:2.5rem 0 0; padding:0; list-style:none; }
.steps li { border-top:2px solid #dae9ed; padding-top:1.3rem; }
.stepNumber { color:var(--teal); font-size:.85rem; font-weight:800; }
.steps h3 { margin-top:.9rem; }
.steps p,.featureGrid p { color:var(--muted); font-size:.9rem; margin-top:.8rem; }
.features { background:#f5f9fb; border-block:1px solid var(--line); }
.featureGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2.5rem; }
.featureGrid article { padding:1.7rem; border:1px solid var(--line); border-radius:.9rem; background:#fff; }
.featureIcon { display:grid; place-items:center; width:2.35rem; height:2.35rem; border-radius:.6rem; background:#edf8f6; font-size:1.45rem; color:var(--teal); }
.featureGrid h3 { margin-top:1.1rem; }
.growth { background:#0b2d4a; color:#fff; padding:4.6rem 0; }
.growth .container { display:grid; grid-template-columns:1fr 1fr; gap:4.5rem; align-items:center; }
.growth .eyebrow { color:#86ddd6; }
.growth h2 { margin-top:.85rem; }
.growth .container>div>p:not(.eyebrow) { margin-top:1.2rem; color:#c9dce6; font-size:.98rem; }
.growthNotes p { border-top:1px solid #37566b; padding-top:1rem; margin:0 0 1.2rem!important; font-size:.9rem!important; }
.growthNotes strong { color:#fff; }
.pricing { background:#f2f8f8; padding:5rem 0; border-bottom:1px solid var(--line); }
.pricing .container { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.priceCard { border:1px solid #c6dcdf; border-radius:1rem; padding:2rem; background:#fff; box-shadow:0 15px 35px #0b2d4a07; }
.priceTop { display:flex; justify-content:space-between; align-items:center; gap:.5rem; font-size:1rem; font-weight:800; }
.priceBadge { border-radius:10rem; background:#eef8f6; padding:.2rem .6rem; font-size:.7rem; color:#0e6260; }
.price { margin-top:1.2rem!important; display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; }
.price strong { font-size:3.5rem; line-height:1; letter-spacing:-.05em; }
.price>span { max-width:10rem; font-size:.85rem; line-height:1.5; color:var(--muted); }
.seats { font-weight:700; font-size:.9rem; margin-top:.8rem!important; }
.priceCard ul { list-style:none; padding:1.3rem 0; margin:1.2rem 0; border-block:1px solid var(--line); font-size:.86rem; }
.priceCard li { padding:.35rem 0; }
.priceCard li::before { content:'✓'; color:var(--teal); font-weight:800; margin-right:.6rem; }
.priceCard .primary { width:100%; }
.priceNote { margin-top:.9rem!important; color:var(--muted); font-size:.78rem; }
.faq .container { display:grid; grid-template-columns:1fr 1.3fr; gap:4rem; }
.faq details { border-bottom:1px solid var(--line); padding:1.1rem 0; }
.faq summary { cursor:pointer; font-weight:800; padding:.3rem 0; font-size:.97rem; }
.faq details p { margin-top:.7rem; color:var(--muted); font-size:.9rem; }
.closing { text-align:center; padding:1rem 1.5rem 5rem; }
.closing h2 { margin-top:.9rem; }
.closing>p:not(.eyebrow) { color:var(--muted); margin:1rem 0 1.5rem; }
.footer { border-top:1px solid var(--line); background:#f8fbfc; }
.footerInner { max-width:1200px; margin:auto; padding:2rem; display:flex; align-items:center; flex-wrap:wrap; gap:1.2rem 2rem; justify-content:space-between; }
.footer nav { display:flex; flex-wrap:wrap; gap:1.2rem; font-size:.82rem; font-weight:700; }
.footer p { width:100%; color:var(--muted); font-size:.76rem; }
.statusPage { max-width:820px; margin:auto; padding:5rem 2rem 7rem; min-height:65vh; }
.statusPage h1 { font-size:clamp(2.5rem,5vw,3.5rem); margin:1rem 0 1.6rem; }
.statusPage>.primary { margin-top:1.5rem; }
.statusLinks { margin-top:2rem; display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; font-size:.9rem; font-weight:700; }
@media(max-width:1000px) { .heroInner { gap:2rem; padding-top:4rem; padding-bottom:4rem; }.nav { gap:1rem; }.featureGrid { grid-template-columns:repeat(2,1fr); }.pricing .container { gap:3rem; } }
@media(max-width:760px) { .headerInner { padding:1rem 1.25rem; flex-wrap:wrap; gap:.9rem; }.nav { order:3; width:100%; justify-content:space-between; gap:.7rem; font-size:.78rem; }.heroInner,.growth .container,.pricing .container,.faq .container { grid-template-columns:1fr; gap:2.4rem; }.container,.heroInner { padding-left:1.25rem; padding-right:1.25rem; }.heroInner { padding-top:3rem; padding-bottom:3rem; }.heroCopy h1 { max-width:35rem; }.preview { max-width:38rem; width:100%; }.workflow,.features,.faq,.pricing { padding:3.5rem 0; }.growth { padding:3.5rem 0; }.steps { grid-template-columns:1fr; gap:1.8rem; }.featureGrid { gap:1rem; }.featureGrid article { padding:1.3rem; }.priceCard { max-width:38rem; width:100%; }.footerInner { padding:1.5rem 1.25rem; }.statusPage { padding:3.5rem 1.25rem 5rem; } }
@media(max-width:420px) { .brand { gap:.3rem; }.brandMark { width:2rem; height:2rem; }.wordmark { font-size:1.05rem; }.tagline { font-size:.55rem; }.signIn { padding:.5rem .8rem; }.featureGrid { grid-template-columns:1fr; }.actions { flex-direction:column; }.actions>a { width:100%; }.previewHeader,.previewBody { padding:1rem; }.previewRow { grid-template-columns:30px 1fr; }.avatar { width:30px; height:30px; }.due { grid-column:2; justify-self:start; margin-top:0; }.priceCard { padding:1.4rem; }.priceTop { flex-wrap:wrap; }.statusLinks { align-items:flex-start; flex-direction:column; gap:1rem; } }
@media(prefers-reduced-motion:reduce) { .page * { scroll-behavior:auto!important; transition:none!important; } }

#content{scroll-margin-top:9rem}main{min-width:0}section[id]{scroll-margin-top:9rem}.page a,.page summary{touch-action:manipulation}.nav a,.footer nav a{display:inline-flex;align-items:center;min-height:44px}.skip{min-height:44px}.headerInner{gap:1rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
