/* src/app/components/marketing/marketing-redesign.css */
.lf-home-editor-story{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.7fr);gap:34px;align-items:center;margin:35px 0}
.lf-home-story-note{padding:26px 0 26px 24px;border-left:2px solid #24c6e1}
.lf-home-story-note>span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#00758b}
.lf-home-story-note h3{font-size:clamp(22px,2.5vw,34px);line-height:1.18;letter-spacing:-.04em;margin:17px 0}
.lf-home-story-note p{font-size:14px;line-height:1.8;color:var(--lf-muted,#546b7d);margin-bottom:22px}
.lf-marketing .lf-product-preview{box-shadow:none;border:0;background:transparent}
.lf-marketing .lf-product-tabs{margin-bottom:16px;gap:5px;border:1px solid rgba(103,151,169,.25);border-radius:12px;background:var(--lf-surface,#f1f7fa);padding:6px}
.lf-marketing .lf-product-tabs button{border-radius:8px;min-height:42px;flex:1}
.lf-marketing .lf-product-panel{padding:0;background:transparent}
.lf-marketing .lf-home-hero-showcase .lf-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:55px;align-items:center}
.lf-marketing .lf-home-hero-showcase .lf-hero-copy h1{font-size:clamp(43px,4.2vw,66px)}
.lf-feature-atlas-hero{position:relative;overflow:hidden}
.lf-feature-atlas-hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #30bcd633;border-radius:50%;right:-120px;top:80px;pointer-events:none;box-shadow:0 0 0 70px #28b4ce0a,0 0 0 140px #28b4ce07}
.lf-marketing .lf-proof-row{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0;color:var(--lf-muted,#546b7d);font-size:12px}
.lf-proof-row>span{display:flex;align-items:center;gap:8px}
.lf-docs-intro{padding:54px 0 32px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.lf-docs-intro h2{font-size:clamp(34px,4.4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 0}
.lf-docs-intro p{font-size:15px;line-height:1.8;margin:0;color:var(--lf-muted,#546b7d)}
.lf-docs-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 35px}
.lf-docs-paths a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border:1px solid #819eae3d;border-radius:12px;background:var(--lf-surface,#f5fafc);text-decoration:none;color:inherit;font-size:14px;font-weight:650}
.lf-docs-paths a:hover{border-color:#0a9dbd;background:var(--lf-surface,#ecfaff)}
.lf-docs-paths a:focus-visible{outline:3px solid #0a9dbd;outline-offset:3px}
.lf-price-tour{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center;padding-top:50px;padding-bottom:50px}
.lf-price-tour h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.04em}
.lf-price-tour p{font-size:14px;line-height:1.85;color:var(--lf-muted,#546b7d);margin:20px 0}
.lf-pricing-page .lf-subpage-hero{padding-bottom:35px}
.lf-pricing-page .lf-pricing-readiness{margin-top:28px}
.lf-contact .lf-contact-paths{grid-template-columns:1fr;gap:18px}
.lf-contact .lf-contact-paths>div{padding-left:38px;position:relative;border-bottom:1px solid #759bac30;padding-bottom:16px}
.lf-contact .lf-contact-paths>div>svg{position:absolute;left:0;top:10px}
.lf-contact .lf-contact-paths h2{margin-top:0}
.lf-contact .lf-contact-paths p{max-width:52ch}
.lf-contact #contact-request{scroll-margin-top:110px}
.lf-auth-product-peek{margin-top:24px;border-top:1px solid #759bac35;padding-top:16px;max-width:620px}
.lf-auth-product-peek summary{cursor:pointer;font-size:13px;font-weight:650;line-height:1.8;color:inherit;padding:7px 0}
.lf-auth-product-peek .lf-real-shot{margin-top:14px}
@media(max-width:900px){.lf-marketing .lf-home-hero-showcase .lf-hero-grid,.lf-home-editor-story,.lf-price-tour{grid-template-columns:1fr;gap:26px}.lf-home-story-note{padding:14px 20px}.lf-docs-intro{grid-template-columns:1fr;gap:18px}.lf-docs-paths{grid-template-columns:1fr}.lf-marketing .lf-home-hero-showcase .lf-hero-copy h1{font-size:clamp(40px,7vw,60px)}}
@media(max-width:600px){.lf-home-editor-story{margin:25px 0}.lf-docs-intro{padding-top:32px}.lf-price-tour{padding-top:30px;padding-bottom:30px}.lf-marketing .lf-product-tabs button{padding:10px 5px;font-size:11px}.lf-marketing .lf-product-tabs button svg{width:13px;height:13px}}

/* src/app/components/marketing/marketing-screenshots.css */
.lf-real-shot{margin:0;min-width:0;--shot-ink:var(--lf-ink,#11283f);--shot-muted:var(--lf-muted,#526778)}
.lf-real-shot-open{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(93,137,153,.26);border-radius:16px;background:#07131f;padding:0;cursor:zoom-in;box-shadow:0 24px 70px -26px rgba(3,27,44,.35);text-align:left;transition:transform .2s,border-color .2s}
.lf-real-shot-open:hover{transform:translateY(-3px);border-color:#3fcbe5}
.lf-real-shot-open:focus-visible{outline:3px solid #0ba9ca;outline-offset:5px}
.lf-real-shot img{display:block;width:100%;height:auto;object-fit:contain}
.lf-real-shot-expand{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;background:#092136;color:#fff;font-size:12px;font-weight:650;box-shadow:0 1px 10px #0005}
.lf-real-shot figcaption{display:flex;gap:16px;align-items:baseline;margin-top:15px;color:var(--shot-muted);font-size:12px;line-height:1.7}
.lf-real-shot figcaption>span{flex:none;font-weight:750;color:var(--shot-ink)}
.lf-real-shot figcaption p{margin:0;max-width:64ch}
.lf-real-shot-dialog{width:min(96vw,1500px)!important;max-width:min(96vw,1500px)!important;background:#0a1725!important;color:#f2f9ff!important;border-color:#344e62!important;padding:22px!important;max-height:94dvh;overflow:auto}
.lf-real-shot-dialog>p{font-size:13px;color:#c4d6e2}
.lf-real-shot-dialog>button{color:#fff}
.lf-real-shot-full{overflow:auto;border-radius:9px;background:#06111b}
.lf-real-shot-full img{display:block;width:100%;height:auto}
@media(max-width:640px){.lf-real-shot-open{border-radius:11px}.lf-real-shot figcaption{display:block;margin-top:12px}.lf-real-shot figcaption p{margin-top:3px}.lf-real-shot-expand{bottom:8px;right:8px;padding:7px 9px;font-size:10px}.lf-real-shot-dialog{padding:18px!important}}
@media(prefers-reduced-motion:reduce){.lf-real-shot-open{transition:none}.lf-real-shot-open:hover{transform:none}}

/* src/app/components/marketing/marketing-experience.css */
.lf-marketing { --lf-ink:#101d33; --lf-muted:#536176; --lf-line:#dce3ed; --lf-cyan:#087c98; background:#fafbfd; color:var(--lf-ink); min-height:100vh; overflow-x:clip; }
.lf-auth { --lf-ink:#101d33; --lf-muted:#536176; --lf-line:#dce3ed; --lf-cyan:#087c98; background:radial-gradient(ellipse at 0 15%,#e4eff8 0,transparent 48%),#f5f7fb; color:var(--lf-ink); min-height:calc(100vh - 76px); padding:72px 32px; }
.lf-auth-grid { width:min(100%,1080px); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,440px); align-items:center; gap:clamp(40px,7vw,100px); }
.lf-auth-grid>* { min-width:0; }
.lf-auth-card { width:100%; padding:32px; border-radius:20px; box-shadow:0 20px 70px -35px #1e355855; }
.lf-auth-copy>h1 { color:#142b47!important; font-size:clamp(36px,4.1vw,58px); line-height:1.08; font-weight:600; letter-spacing:-.05em; text-wrap:balance; }
.lf-auth-copy>p { color:#536176!important; font-size:16px; line-height:1.8; max-width:470px; }
.lf-auth-journey { margin-top:44px; max-width:430px; }
.lf-auth-journey ol { list-style:none; display:grid; gap:23px; padding:0; margin:24px 0 0; }
.lf-auth-journey li { display:flex; align-items:start; gap:16px; }
.lf-auth-journey-icon { width:42px; height:42px; flex:none; display:grid; place-items:center; background:#fff; border:1px solid #d5e3ed; border-radius:12px; color:#087c98; }
.lf-auth-journey li small { display:inline-block; margin-right:10px; font-size:10px; color:#738299; font-weight:650; }
.lf-auth-journey li strong { color:#253e5c; font-size:14px; font-weight:650; }
.lf-auth-journey li p { margin:5px 0 0; color:#64748b; font-size:13px; line-height:1.7; }
.lf-auth-centered { display:flex; align-items:center; justify-content:center; }
.lf-auth-steps { list-style:none; display:flex; justify-content:space-between; gap:10px; margin:0 0 30px; padding:0 0 22px; border-bottom:1px solid #e4eaf1; }
.lf-auth-steps li { display:flex; flex:1; flex-direction:column; align-items:center; gap:7px; color:#64748b; font-size:10px; line-height:1.5; text-align:center; }
.lf-auth-steps li>span { width:25px; height:25px; display:grid; place-items:center; border:1px solid #d5dfeb; border-radius:50%; background:#f5f7fb; font-weight:650; }
.lf-auth-steps li[aria-current=step] { color:#086b83; font-weight:650; }
.lf-auth-steps li[aria-current=step]>span { background:#0d7389; color:white; border-color:#0d7389; }
.lf-auth input,.lf-auth textarea { font-size:16px; }
.lf-auth input[type=checkbox] { accent-color:#087c98; width:17px; height:17px; flex-shrink:0; }
.lf-auth button:focus-visible,.lf-auth a:focus-visible { outline:3px solid #0f9cad; outline-offset:3px; }
.lf-auth button[aria-label$=password] { min-width:36px; min-height:36px; display:grid; place-items:center; right:5px; }
.lf-contact-paths { margin-top:36px; display:grid; gap:16px; }
.lf-contact-paths>div { border-top:1px solid #dce3ed; padding-top:20px; display:grid; grid-template-columns:25px 1fr; gap:0 10px; }
.lf-contact-paths svg { color:#087c98!important; grid-row:span 2; }
.lf-contact-paths h2 { color:#253e5c!important; margin-top:0!important; }
.lf-contact-paths p { color:#536176!important; font-size:13px; line-height:1.7; }
.lf-contact .lf-auth-grid { align-items:start; }
.lf-onboarding-brand { display:flex; gap:12px; align-items:center; margin-bottom:44px; font-size:20px; font-weight:700; letter-spacing:-.04em; }
.lf-onboarding-brand small { display:block; margin-top:3px; font-size:11px; color:#64748b; font-weight:400; letter-spacing:0; }
.lf-onboarding-intro { max-width:780px; margin:auto; text-align:center; }
.lf-onboarding-intro>h1 { color:#142b47; text-wrap:balance; line-height:1.12; }
.lf-onboarding .lf-auth-card { padding:28px; }
.lf-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.lf-pricing-compare { max-width:100%; border-radius:16px; }
.lf-pricing-compare table { min-width:820px; }
.lf-pricing-compare th:first-child { position:sticky; left:0; z-index:1; background:#f8fafc; }
.lf-info-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:64px; align-items:start; }
.lf-info-nav { position:sticky; top:110px; display:grid; gap:10px; font-size:13px; }
.lf-info-nav strong { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#64748b; margin-bottom:5px; }
.lf-info-nav a { color:#365574; text-decoration:none; padding:8px 0; border-bottom:1px solid #dce3ed; }
.lf-info-nav a:hover { color:#087c98; }
.lf-info-articles { display:grid; gap:28px; }
.lf-info-articles article { scroll-margin-top:110px; padding:32px; border-left:3px solid #b0cfdf; }
.lf-info-related { margin-top:28px; border-top:1px solid #dce3ed; padding-top:24px; display:flex; gap:24px; flex-wrap:wrap; font-size:13px; }
.lf-info-related a { color:#087c98; }
@media(max-width:1000px) { .lf-auth-grid { gap:36px; } .lf-auth-card { padding:26px; } .lf-pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .lf-auth { padding:38px 20px; } .lf-auth-grid { grid-template-columns:1fr; max-width:540px; gap:28px; } .lf-auth-copy>h1 { font-size:38px; margin-top:22px!important; } .lf-auth-copy>p { margin-top:16px!important; font-size:15px; } .lf-auth-journey { display:none; } .lf-auth-card { padding:25px; } .lf-contact-paths { display:none; } .lf-info-layout { grid-template-columns:1fr; gap:24px; } .lf-info-nav { position:static; display:flex; flex-wrap:wrap; align-items:center; gap:16px; } .lf-info-nav strong { width:100%; } .lf-info-articles article { padding:24px; } }
@media(max-width:480px) { .lf-auth { padding:28px 16px 40px; } .lf-auth-card { padding:22px 18px; border-radius:14px; } .lf-auth-copy>h1 { font-size:34px; } .lf-pricing-grid { grid-template-columns:1fr; } .lf-pricing-grid article { padding:24px; } .lf-auth-steps { gap:6px; } }
.lf-app-discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:36px; }
.lf-app-discovery-card { border:1px solid var(--lf-line); border-radius:20px; overflow:hidden; background:white; }
.lf-app-discovery-art { min-height:152px; padding:28px; display:flex; justify-content:space-between; align-items:end; background:linear-gradient(135deg,#10243e,#14455a); color:#7de7ef; }
.lf-app-discovery-art span { border:1px solid #ffffff30; border-radius:20px; padding:6px 12px; font-size:12px; color:white; }
.lf-app-discovery-body { padding:28px; }
.lf-app-discovery-body h3 { font-size:24px; letter-spacing:-.04em; margin:14px 0!important; }
.lf-app-discovery-body>p:not(.lf-eyebrow) { color:var(--lf-muted); font-size:14px; line-height:1.8; }
.lf-app-discovery-body ul { padding:0; list-style:none; margin:24px 0; display:grid; gap:12px; }
.lf-app-discovery-body li { display:flex; gap:10px; font-size:13px; line-height:1.7; }
.lf-app-discovery-body li svg { flex-shrink:0; margin-top:3px; color:#087c98; }
.lf-product-guide { --foreground:#101d33; --muted-foreground:#536176; --border:#dce3ed; --card:#fff; --muted:#eef2f6; }
.lf-product-guide [data-app-product-guide] .text-cyan-700, .lf-product-guide [data-app-product-guide] .dark\:text-cyan-300 { color:#087c98; }
.lf-home-hero,.lf-apps-hero { background:radial-gradient(ellipse at 100% 0%,#193a61 0,transparent 60%),#0b1528; color:#f4f8ff; }
.lf-home-hero .lf-hero-copy h1 em { color:#78e6f1; }
.lf-home-hero .lf-description,.lf-apps-hero .lf-description { color:#b5c4d9; }
.lf-home-hero .lf-eyebrow,.lf-apps-hero .lf-eyebrow { color:#78e6f1; }
.lf-home-hero .lf-action,.lf-apps-hero .lf-action { background:#82e7f1; border-color:#82e7f1; color:#0b2335; }
.lf-home-hero .lf-action-secondary,.lf-apps-hero .lf-action-secondary { color:white; background:transparent; border-color:#ffffff40; }
.lf-home-hero .lf-audience,.lf-home-hero .lf-hero-footnote,.lf-apps-hero .lf-hero-footnote { color:#b5c4d9; border-color:#ffffff20; }
@media(max-width:900px) { .lf-app-discovery-grid { grid-template-columns:1fr; } }
@media (forced-colors: active) {
  .lumasaur-marketing-page, .lumasaur-marketing-page *, .lf-marketing, .lf-marketing *, .lf-header, .lf-header *, .lf-footer, .lf-footer * { color:CanvasText !important; border-color:CanvasText !important; }
  .lf-marketing a, .lf-header a, .lf-footer a { color:LinkText !important; }
  .lf-marketing button, .lf-header button { color:ButtonText !important; border-color:ButtonText !important; }
}
.lf-marketing *, .lf-header *, .lf-footer * { box-sizing:border-box; }
.lf-wrap { width:min(100% - 64px,1280px); margin-inline:auto; }
/* Tailwind Preflight already resets text margins in its base layer. An
   unlayered blanket margin reset here defeats margin utilities, even
   with lower specificity, and collapses copy against actions across pages. */
.lf-marketing button,.lf-header button,.lf-footer a { -webkit-tap-highlight-color:transparent; }
.lf-marketing button:focus-visible,.lf-marketing a:focus-visible,.lf-header button:focus-visible,.lf-header a:focus-visible,.lf-footer a:focus-visible { outline:3px solid #0f9cad; outline-offset:4px; }
.lf-eyebrow { display:flex; align-items:center; gap:9px; font-size:11px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; line-height:1.6; color:var(--lf-cyan,#08717c); }
.lf-eyebrow>span { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px #0b87910d; flex-shrink:0; }
.lf-action { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:48px; padding:13px 21px; border:1px solid #102e36; border-radius:8px; background:#102e36; color:white; font-size:14px; font-weight:650; cursor:pointer; transition:background .18s,transform .18s; }
.lf-action:hover { background:#19505a; transform:translateY(-1px); }
.lf-action-secondary { background:transparent; color:#173c43; border-color:#b8cccd; }
.lf-action-secondary:hover { background:#eaf3f1; }
.lf-text-link { display:inline-flex; align-items:center; gap:9px; color:inherit; border:0; background:none; font-size:14px; font-weight:650; cursor:pointer; text-decoration:none; padding:3px 0; }
.lf-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.lf-section { padding-block:100px; }
.lf-section-heading { max-width:660px; }
.lf-section-heading h2 { font-size:clamp(30px,3.3vw,44px); line-height:1.12; letter-spacing:-.04em; font-weight:600; margin-top:18px; text-wrap:balance; }
.lf-section-heading .lf-description { margin-top:20px; }
.lf-description { font-size:16px; line-height:1.75; color:var(--lf-muted); }
.lf-header { position:sticky; top:0; z-index:50; color:#10262d; background:#fbfdfbef; backdrop-filter:blur(18px); border-bottom:1px solid #dce6e5; }
.lf-header-row { display:flex; align-items:center; gap:24px; justify-content:space-between; min-height:76px; }
.lf-brand { display:flex; align-items:center; gap:11px; border:0; background:none; cursor:pointer; color:inherit; padding:0; text-align:left; text-decoration:none; }
.lf-brand-logo { width:200px; height:auto; }
.lf-footer-wordmark-art { width:100%; height:auto; }
.lf-demo-brand-mark { width:19px; height:19px; }
@media(max-width:600px) { .lf-brand-logo { width:170px; }.lf-brand-logo .lf-brand-tagline { display:none; }.lf-demo-brand-mark { width:13px; height:13px; } }
.lf-brand>span:last-child { font-size:20px; letter-spacing:-.055em; font-weight:750; }
.lf-brand small { display:block; font-size:9px; letter-spacing:.08em; text-transform:uppercase; font-weight:650; color:#627579; margin-top:2px; }
.lf-header-nav,.lf-header-actions { display:flex; align-items:center; gap:6px; }
.lf-header-nav button,.lf-sign-in { border:0; background:none; padding:11px 12px; font-size:13px; font-weight:600; color:#425b60; cursor:pointer; border-radius:7px; }
.lf-header-nav button:hover,.lf-sign-in:hover,.lf-header-nav button[aria-current=page] { color:#0b6d77; background:#eaf2ef; }
.lf-header .lf-action { min-height:41px; padding:9px 17px; font-size:12px; gap:12px; }
.lf-mobile-toggle { display:none; border:1px solid #ccdcd9; background:transparent; border-radius:7px; padding:9px; cursor:pointer; }
.lf-mobile-nav { display:none; }
.lf-skip-link { position:absolute; top:-100px; left:20px; background:#102e36; color:white; padding:12px 20px; border-radius:7px; z-index:60; }
.lf-skip-link:focus { top:10px; }
.lf-home-hero { padding-block:82px 42px; }
.lf-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); align-items:center; gap:64px; }
.lf-hero-copy h1 { font-size:clamp(44px,4.8vw,70px); letter-spacing:-.065em; line-height:1.035; font-weight:600; margin-block:24px; }
.lf-hero-copy h1 em { color:#108794; font-style:normal; }
.lf-hero-copy>.lf-description { max-width:445px; }
.lf-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.lf-hero-footnote { display:flex; align-items:center; gap:7px; margin-top:18px!important; color:#627579; font-size:12px; }
.lf-hero-footnote svg { color:#087f8b; }
.lf-audience { display:flex; justify-content:space-between; gap:28px; padding-block:35px 8px; margin-top:40px; border-top:1px solid var(--lf-line); font-size:12px; color:#65777b; }
.lf-audience>span { font-weight:600; color:#304e55; }
.lf-audience-list { display:flex; gap:24px; flex-wrap:wrap; }
.lf-product-preview { min-width:0; }
.lf-product-tabs { display:flex; gap:6px; justify-content:center; margin-bottom:17px; }
.lf-product-tabs button { display:flex; align-items:center; gap:7px; border:1px solid transparent; border-radius:7px; color:#5a7075; background:none; font-size:11px; font-weight:650; padding:9px 12px; cursor:pointer; }
.lf-product-tabs button[aria-selected=true] { color:#126d77; background:#e5f0ed; border-color:#c8dfda; }
.lf-product-window { border:1px solid #b5cacb; border-radius:12px; overflow:hidden; background:white; box-shadow:0 22px 55px -24px #173f4b55,0 3px 7px #173f4b08; }
.lf-demo-window-bar { display:flex; align-items:center; justify-content:space-between; padding:11px 14px; font-size:9px; color:#5a7075; background:#f6f9f9; border-bottom:1px solid #dce7e7; }
.lf-demo-window-bar>span:first-child { display:flex; gap:4px; }
.lf-demo-window-bar i { width:5px; height:5px; border-radius:50%; background:#c5d2d2; }
.lf-demo-editor { height:327px; font-size:8px; color:#354f55; }
.lf-demo-editor-tools { height:34px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e4eaea; padding-inline:12px; }
.lf-demo-editor-tools>span { display:flex; align-items:center; gap:7px; }
.lf-demo-editor-tools svg { width:10px; height:10px; }
.lf-demo-save { color:#438179; }
.lf-demo-save>span { background:#08717c; padding:4px 7px; color:white; border-radius:3px; margin-left:5px; }
.lf-demo-editor-body { display:flex; height:calc(100% - 34px); }
.lf-demo-rail { display:flex; flex-direction:column; align-items:center; gap:21px; flex:0 0 33px; border-right:1px solid #e4eaea; padding-top:13px; background:#fbfcfc; }
.lf-demo-rail svg { width:12px; height:12px; }
.lf-demo-canvas { flex:1; min-width:0; padding:15px 10px; background:#edf2f1; position:relative; }
.lf-demo-website { background:#eaeada; color:#34483d; overflow:hidden; height:100%; }
.lf-demo-site-nav { display:flex; align-items:center; justify-content:space-between; padding:12px; font-size:6px; letter-spacing:.02em; border-bottom:1px solid #4c645215; }
.lf-demo-site-nav>span:first-child { font-weight:750; }
.lf-demo-site-nav>span:last-child { display:flex; gap:11px; font-size:5px; }
.lf-demo-site-dot { margin-left:2px; font-size:5px; }
.lf-demo-site-hero { padding:23px 16px; position:relative; min-height:188px; overflow:hidden; }
.lf-demo-tiny { font-size:5px; letter-spacing:.12em; position:relative; z-index:1; }
.lf-demo-site-hero>strong { display:block; font-family:Georgia,serif; font-weight:400; font-size:31px; line-height:1.06; margin-top:9px; letter-spacing:-.045em; position:relative; z-index:1; }
.lf-demo-site-hero>p { font-size:6px; margin-top:9px; position:relative; z-index:1; }
.lf-demo-site-cta { display:inline-flex; align-items:center; gap:8px; background:#425b45; color:white; font-size:6px; margin-top:13px; padding:6px 8px; position:relative; z-index:1; }
.lf-demo-site-bottom { border-top:1px solid #4c645228; padding:12px; display:flex; justify-content:space-between; font-size:6px; }
.lf-demo-sculpture { position:absolute; right:-6%; top:30px; width:49%; height:154px; transform:rotate(-12deg); opacity:.86; }
.lf-demo-sculpture>div { position:absolute; width:84%; height:56px; border-radius:50%; background:linear-gradient(160deg,#a5b9a0,#748b6d 42%,#4a6349); box-shadow:inset -3px -8px 12px #293b4433,0 14px 18px -12px #273b3366; }
.lf-demo-sculpture>div:nth-child(1) { top:8px; left:12px; z-index:3; transform:rotate(28deg); }
.lf-demo-sculpture>div:nth-child(2) { top:45px; left:-4px; z-index:2; transform:rotate(-5deg); }
.lf-demo-sculpture>div:nth-child(3) { top:83px; left:15px; z-index:1; transform:rotate(14deg); }
.lf-demo-selection-label { position:absolute; left:10px; top:44px; color:white; font-size:6px; padding:2px 4px; background:#08717c; }
.lf-demo-canvas>.lf-demo-website { outline:1px solid #148c9b; outline-offset:-1px; }
.lf-demo-inspector { flex:0 0 126px; border-left:1px solid #e4eaea; padding:10px; }
.lf-demo-inspector>strong { display:flex; align-items:center; justify-content:space-between; font-size:8px; }
.lf-demo-inspector-tabs { display:flex; justify-content:space-between; background:#f1f5f5; padding:6px 4px; margin-top:9px; font-size:6px; border-radius:4px; }
.lf-demo-inspector-tabs>span { color:#586f73; }
.lf-demo-inspector>p { font-weight:650; display:flex; align-items:center; justify-content:space-between; padding-block:13px 9px; }
.lf-demo-inspector>p svg { width:8px; height:8px; }
.lf-demo-label { font-size:6px; }
.lf-demo-preset { display:flex; gap:4px; margin-top:6px; }
.lf-demo-preset>span { display:block; width:33.33%; height:19px; border:1px solid #dce4e4; border-radius:3px; background:repeating-linear-gradient(transparent 0 2px,#b1c4c6 2px 3px,transparent 3px 5px) center/12px 10px no-repeat; }
.lf-demo-preset>.active { background-color:#e5f6f3; border-color:#8cccc6; }
.lf-demo-spacing { background:#f1f8f4; border:1px solid #cde5da; margin-top:7px; padding:5px; display:flex; align-items:center; flex-direction:column; gap:4px; border-radius:4px; }
.lf-demo-spacing span { background:white; border:1px solid #dce7e7; padding:3px 8px; font-size:6px; border-radius:3px; }
.lf-demo-spacing>div { display:flex; justify-content:space-between; width:100%; align-items:center; gap:3px; }
.lf-demo-spacing svg { width:10px; height:10px; }
.lf-demo-swatch { margin-top:5px; display:flex; align-items:center; gap:5px; border:1px solid #dce7e7; border-radius:4px; padding:5px; font-size:6px; }
.lf-demo-swatch>span { width:12px; height:12px; border-radius:2px; background:#eaeada; border:1px solid #ced2bd; }
.lf-demo-swatch svg { margin-left:auto; width:9px; height:9px; }
.lf-product-caption { display:flex; justify-content:space-between; align-items:start; gap:15px; margin-top:20px; min-height:79px; }
.lf-product-caption strong { font-size:12px; font-weight:650; }
.lf-product-caption p { font-size:11px; color:#53676d; line-height:1.65; margin-top:5px; max-width:390px; }
.lf-product-caption>span { font-size:8px; color:#53676d; white-space:nowrap; padding-top:4px; }
.lf-product-panel:focus-visible { outline:2px solid #0f9cad; outline-offset:7px; border-radius:12px; }
.lf-demo-workspace { display:flex; height:327px; font-size:8px; }
.lf-demo-workspace-sidebar { flex:0 0 116px; background:#102d35; padding:16px 11px; color:#a7c4cb; position:relative; }
.lf-demo-workspace-brand { display:flex!important; align-items:center; font-size:9px; font-weight:650; margin-bottom:23px; color:white; }
.lf-demo-workspace-brand>span { width:19px; height:19px; display:grid; place-items:center; border:1px solid #42717d; border-radius:5px; color:#60d2da; }
.lf-demo-workspace-sidebar>span { display:flex; gap:7px; align-items:center; padding:7px 5px; margin-bottom:5px; border-radius:4px; }
.lf-demo-workspace-sidebar>span.active { background:#254853; color:white; }
.lf-demo-workspace-sidebar svg { width:10px; height:10px; }
.lf-demo-workspace-sidebar small { position:absolute; bottom:20px; left:16px; line-height:1.7; color:#83a9b2; font-size:9px; }
.lf-demo-workspace-main { flex:1; min-width:0; padding:16px 22px; background:#f6f9f9; }
.lf-demo-breadcrumb { display:flex; justify-content:space-between; align-items:center; font-size:7px; color:#5a7075; }
.lf-demo-breadcrumb>span { display:grid; place-items:center; width:19px; height:19px; border-radius:50%; background:#e1eeee; color:#32717a; font-size:6px; }
.lf-demo-workspace-main h3 { font-size:19px; letter-spacing:-.04em; font-weight:600; margin-top:15px; }
.lf-demo-workspace-main>p { font-size:8px; margin-top:4px; color:#5a7075; }
.lf-demo-workspace-card { margin-top:15px; border:1px solid #d9e4e3; border-radius:6px; overflow:hidden; background:white; }
.lf-demo-workspace-card>.lf-demo-website { height:135px; }
.lf-demo-workspace-card .lf-demo-site-nav { padding-block:7px; }
.lf-demo-workspace-card .lf-demo-site-hero { min-height:105px; padding:9px 16px; }
.lf-demo-workspace-card .lf-demo-site-hero strong { font-size:23px; margin-top:4px; }
.lf-demo-workspace-card .lf-demo-site-hero>p,.lf-demo-workspace-card .lf-demo-site-cta,.lf-demo-workspace-card .lf-demo-site-bottom { display:none; }
.lf-demo-workspace-card .lf-demo-sculpture { top:0; width:33%; transform:rotate(-16deg) scale(.75); transform-origin:top; }
.lf-demo-workspace-card>div:last-child:not(.lf-demo-website) { padding:10px 12px; display:flex; justify-content:space-between; align-items:center; }
.lf-demo-edit { display:flex; gap:4px; align-items:center; color:#116c78; font-weight:650; }
.lf-demo-shortcuts { display:flex; gap:7px; margin-top:12px; }
.lf-demo-shortcuts>span { border:1px solid #dce6e5; background:white; border-radius:4px; display:flex; align-items:center; justify-content:space-between; gap:5px; padding:8px; flex:1; font-size:6px; }
.lf-demo-shortcuts svg { width:9px; height:9px; }
.lf-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; margin-top:45px; }
.lf-capability { padding-top:23px; border-top:1px solid #bdcece; }
.lf-capability>svg { width:24px; height:24px; color:#168c97; margin-bottom:22px; stroke-width:1.5; }
.lf-capability h3 { font-size:20px; font-weight:600; letter-spacing:-.025em; margin-bottom:12px; }
.lf-capability p { color:#62757a; font-size:14px; line-height:1.75; }
.lf-workspace-section { background:#e9f0ed; border-block:1px solid #d8e4de; }
.lf-workspace-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:90px; align-items:center; }
.lf-workspace-details { display:grid; gap:28px; margin-top:35px; }
.lf-workspace-details>div { display:grid; grid-template-columns:32px 1fr; gap:12px; }
.lf-workspace-details svg { width:20px; color:#0d808c; margin-top:2px; }
.lf-workspace-details h3 { font-size:16px; font-weight:650; }
.lf-workspace-details p { font-size:13px; color:#53676d; line-height:1.75; margin-top:8px; }
.lf-workspace-details .lf-text-link { margin-top:10px; }
.lf-numbered-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:45px; }
.lf-numbered-steps>article { position:relative; border-top:1px solid #c8d6d3; padding-top:22px; }
.lf-numbered-steps span { color:#08717c; font-size:12px; font-variant-numeric:tabular-nums; font-weight:650; }
.lf-numbered-steps h3 { margin-top:20px; font-weight:600; font-size:21px; letter-spacing:-.025em; }
.lf-numbered-steps p { margin-top:12px; color:#63777b; font-size:14px; line-height:1.7; }
.lf-next-section { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; border-top:1px solid var(--lf-line); }
.lf-next-card { background:#edf3f1; padding:32px; border:1px solid #d5e3de; border-radius:12px; }
.lf-status { display:inline-flex; align-items:center; gap:7px; border:1px solid #bdd8d0; border-radius:50px; padding:5px 9px; font-size:10px; color:#356b60; font-weight:650; }
.lf-next-card>svg { display:block; width:32px; height:32px; margin-block:26px; color:#0b7c88; stroke-width:1.4; }
.lf-next-card h3 { font-size:24px; font-weight:600; letter-spacing:-.025em; }
.lf-next-card p { color:#53676d; font-size:14px; line-height:1.75; margin-top:12px; }
.lf-next-card .lf-text-link { margin-top:24px; }
.lf-faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.lf-faq { border-top:1px solid #ccd9d5; }
.lf-faq details { border-bottom:1px solid #ccd9d5; padding-block:21px; }
.lf-faq summary { font-size:15px; font-weight:650; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:16px; }
.lf-faq summary::-webkit-details-marker { display:none; }
.lf-faq summary::after { content:'+'; color:#0b8791; font-size:19px; font-weight:400; }
.lf-faq details[open] summary::after { content:'−'; }
.lf-faq details>p { color:#60767a; font-size:14px; line-height:1.8; margin-top:14px; }
.lf-closing { background:#11343b; color:#ecf4ef; padding-block:78px; }
.lf-closing-grid { display:grid; grid-template-columns:1fr .75fr; gap:70px; align-items:center; }
.lf-closing .lf-eyebrow { color:#93c8c0; }
.lf-closing h2 { font-size:clamp(36px,4vw,55px); font-weight:500; letter-spacing:-.045em; line-height:1.07; margin-block:20px; }
.lf-closing p:not(.lf-eyebrow) { max-width:450px; color:#aec5c6; font-size:15px; line-height:1.75; }
.lf-closing-actions { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.lf-closing-actions .lf-action { background:#d8efb9; color:#173b32; border-color:#d8efb9; min-width:190px; justify-content:space-between; }
.lf-closing-actions .lf-action:hover { background:#e7f8d0; }
.lf-closing-actions>span { font-size:11px; color:#8cabad; }
.lf-footer { background:#0b252d; color:#f5faf7; }
.lf-footer-grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:50px; padding-block:65px 50px; }
.lf-footer .lf-brand small { color:#91b0b5; }
.lf-footer-brand p { max-width:275px; font-size:13px; line-height:1.8; color:#99b4ba; margin-top:20px; }
.lf-footer-group h2 { font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#70949c; margin:0 0 20px; font-weight:650; }
.lf-footer-group ul { display:grid; gap:12px; list-style:none; margin:0; padding:0; }
.lf-footer-group a { color:#b7cbce; font-size:12px; text-decoration:none; }
.lf-footer-group a:hover { color:white; text-decoration:underline; text-underline-offset:4px; }
.lf-footer-bottom { border-top:1px solid #29464e; padding-block:24px; display:flex; gap:18px; justify-content:space-between; font-size:10px; color:#7e9ea5; }
.lf-subpage-hero { padding-block:80px 55px; border-bottom:1px solid #dce6e5; }
.lf-subpage-hero h1 { max-width:850px; font-size:clamp(38px,5vw,66px); line-height:1.08; letter-spacing:-.055em; font-weight:600; margin-block:24px; text-wrap:balance; }
.lf-subpage-hero .lf-description { max-width:690px; }
.lf-feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:48px; }
.lf-feature-card { border:1px solid #d5e2dd; border-radius:10px; padding:30px; background:white; }
.lf-feature-card>svg { color:#087f8b; width:24px; height:24px; stroke-width:1.5; }
.lf-feature-card h3 { font-size:21px; font-weight:600; letter-spacing:-.02em; margin-top:22px; }
.lf-feature-card p { margin-top:12px; color:#60767a; font-size:14px; line-height:1.8; }
.lf-feature-card ul { list-style:none; display:flex; gap:8px; flex-wrap:wrap; margin:23px 0 0; padding:0; }
.lf-feature-card li { font-size:10px; color:#377371; padding:6px 8px; background:#f0f6f2; border:1px solid #e0eae2; border-radius:5px; }
.lf-roadmap-track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:40px; }
.lf-roadmap-track article { border-top:2px solid #b9d2c9; padding-top:22px; }
.lf-roadmap-track h3 { margin-block:17px 12px; font-size:19px; font-weight:600; }
.lf-roadmap-track p { color:#61777b; font-size:14px; line-height:1.75; }
.lf-app-feature { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.lf-auth-illustration { background:#e8f0ec; border:1px solid #d5e2dc; border-radius:12px; padding:45px; }
.lf-auth-illustration .lf-auth-card { max-width:280px; margin:auto; padding:30px; background:#fff; border:1px solid #d3dfda; border-radius:10px; box-shadow:0 18px 28px -22px #214d4955; }
.lf-auth-illustration .lf-auth-card>svg { color:#087f8b; margin-bottom:25px; }
.lf-auth-illustration .lf-auth-card strong { display:block; font-weight:600; font-size:21px; }
.lf-auth-illustration .lf-auth-card p { color:#839590; font-size:10px; margin-top:7px; }
.lf-auth-illustration .lf-auth-card .lf-auth-field { display:block; margin-top:18px; color:#648079; font-size:9px; border:1px solid #dce6e1; padding:10px; border-radius:4px; }
.lf-auth-illustration .lf-auth-card .lf-auth-submit { display:block; background:#183c35; color:white; text-align:center; font-size:10px; padding:10px; border-radius:4px; margin-top:20px; }
.lf-auth-note { text-align:center; color:#6c847d; font-size:10px; margin-top:18px!important; }
.lf-info-section article { background:#fff; border-color:#d5e2dd; border-radius:10px; box-shadow:none; }
.lf-info-section article h2 { margin-top:24px; font-size:24px; font-weight:600; letter-spacing:-.025em; }
.lf-info-section article p { margin-top:12px; color:#60767a; font-size:14px; line-height:1.9; }
.lf-subpage-hero.lf-marketing { min-height:0; }
@media(min-width:1600px) { .lf-wrap { width:min(100% - 96px,1380px); } .lf-demo-editor,.lf-demo-workspace { height:355px; } .lf-demo-site-hero { min-height:216px; padding-top:32px; } .lf-demo-site-hero>strong { font-size:35px; } }
@media(max-width:1100px) { .lf-hero-grid { gap:30px; grid-template-columns:.9fr 1.1fr; } .lf-demo-inspector { flex-basis:105px; padding:9px 7px; } .lf-demo-site-nav>span:last-child { display:none; } .lf-hero-copy h1 { font-size:49px; } .lf-workspace-grid { gap:40px; } .lf-header-nav { gap:0; } .lf-header-nav button { padding-inline:9px; } .lf-demo-workspace-sidebar { flex-basis:100px; } .lf-demo-workspace-main { padding:15px; } }
@media(max-width:900px) { .lf-wrap { width:calc(100% - 40px); } .lf-home-hero { padding-top:55px; } .lf-hero-grid { grid-template-columns:1fr; gap:45px; } .lf-hero-copy { max-width:650px; } .lf-hero-copy h1 { font-size:clamp(44px,7.5vw,64px); max-width:620px; } .lf-hero-copy>.lf-description { max-width:560px; } .lf-product-preview { width:100%; max-width:720px; margin-inline:auto; } .lf-demo-editor,.lf-demo-workspace { height:355px; } .lf-demo-inspector { flex-basis:145px; padding:14px; } .lf-demo-site-hero { min-height:216px; } .lf-demo-site-hero>strong { font-size:40px; } .lf-demo-sculpture { width:42%; } .lf-audience { flex-direction:column; gap:15px; margin-top:25px; } .lf-audience-list { justify-content:space-between; gap:12px; } .lf-header-nav { display:none; } .lf-mobile-toggle { display:inline-flex; } .lf-header-actions { margin-left:auto; } .lf-mobile-nav { display:flex; flex-direction:column; padding:12px 0 24px; border-top:1px solid #dae4de; } .lf-mobile-nav button { text-align:left; border:0; background:none; padding:13px; color:#26464e; font-weight:600; font-size:14px; } .lf-mobile-nav button:hover { background:#eaf2ef; } .lf-section { padding-block:70px; } .lf-capabilities { gap:25px; } .lf-workspace-grid,.lf-faq-grid { grid-template-columns:1fr; gap:45px; } .lf-workspace-details { grid-template-columns:1fr 1fr; } .lf-footer-grid { gap:30px; grid-template-columns:1.4fr 1fr 1fr; } .lf-footer-brand { grid-column:1/-1; } .lf-footer-brand p { max-width:400px; } .lf-next-section { gap:30px; } .lf-closing-grid { gap:35px; } .lf-app-feature { gap:30px; } .lf-auth-illustration { padding:30px; } }
@media(max-width:600px) { .lf-wrap { width:calc(100% - 36px); } .lf-header-row { min-height:68px; gap:10px; } .lf-brand>span:last-child { font-size:18px; } .lf-brand small { display:none; } .lf-brand { gap:8px; } .lf-header .lf-sign-in { display:none; } .lf-header .lf-action { padding:8px 11px; font-size:11px; min-height:37px; gap:6px; } .lf-header .lf-action svg { width:13px; } .lf-header .lf-brand>span:first-child { width:31px; height:31px; } .lf-mobile-toggle { padding:7px; } .lf-mobile-toggle svg { width:19px; height:19px; } .lf-home-hero { padding-block:42px 30px; } .lf-hero-copy h1 { font-size:46px; } .lf-description { font-size:15px; } .lf-hero-copy h1 { margin-block:20px; } .lf-hero-actions { gap:9px; margin-top:25px; } .lf-action { min-height:46px; font-size:12px; padding:12px 15px; gap:15px; } .lf-hero-footnote { font-size:10px; } .lf-product-tabs { gap:3px; } .lf-product-tabs button { font-size:10px; padding:8px; gap:5px; } .lf-product-tabs svg { width:12px; } .lf-demo-editor,.lf-demo-workspace { height:282px; } .lf-demo-inspector { display:none; } .lf-demo-site-nav>span:last-child { display:flex; } .lf-demo-site-hero { min-height:175px; padding-top:19px; } .lf-demo-site-hero>strong { font-size:33px; } .lf-demo-sculpture { width:42%; top:22px; } .lf-demo-canvas { padding:12px; } .lf-demo-selection-label { left:12px; top:41px; } .lf-demo-workspace-sidebar { flex-basis:78px; padding:12px 6px; } .lf-demo-workspace-brand { font-size:7px; gap:5px!important; margin-bottom:15px; } .lf-demo-workspace-brand>span { width:13px; height:13px; border-radius:3px; } .lf-demo-workspace-sidebar>span { font-size:7px; gap:5px; padding:7px 3px; } .lf-demo-workspace-sidebar small { left:9px; font-size:8px; } .lf-demo-workspace-main { padding:12px; } .lf-demo-workspace-main h3 { font-size:16px; } .lf-demo-workspace-card>.lf-demo-website { height:115px; } .lf-demo-workspace-card .lf-demo-site-hero>strong { font-size:20px; } .lf-demo-workspace-card .lf-demo-site-nav>span:last-child { display:none; } .lf-demo-shortcuts { gap:4px; } .lf-demo-shortcuts>span { padding:6px 4px; font-size:5px; } .lf-demo-shortcuts>span>svg:last-child { display:none; } .lf-product-caption { flex-direction:column; gap:5px; min-height:101px; margin-top:16px; } .lf-product-caption p { font-size:11px; } .lf-product-caption>span { padding:0; } .lf-audience-list { font-size:10px; justify-content:flex-start; gap:10px 20px; } .lf-section { padding-block:55px; } .lf-section-heading h2 { font-size:32px; } .lf-capabilities,.lf-numbered-steps,.lf-feature-list,.lf-roadmap-track { grid-template-columns:1fr; gap:27px; margin-top:30px; } .lf-capability { display:grid; grid-template-columns:30px 1fr; gap:0 13px; padding-top:21px; } .lf-capability>svg { grid-row:1/3; margin:3px 0 0; } .lf-capability h3 { font-size:18px; margin-bottom:8px; } .lf-workspace-details { grid-template-columns:1fr; gap:23px; } .lf-next-section,.lf-faq-grid,.lf-closing-grid,.lf-app-feature { grid-template-columns:1fr; gap:33px; } .lf-next-card { padding:26px; } .lf-numbered-steps h3 { margin-top:13px; } .lf-faq summary { font-size:14px; } .lf-closing { padding-block:53px; } .lf-closing h2 { font-size:44px; } .lf-closing-actions { gap:18px; } .lf-footer-grid { grid-template-columns:repeat(3,1fr); gap:22px; padding-block:45px 33px; } .lf-footer-group a { font-size:11px; } .lf-footer-group h2 { font-size:9px; } .lf-footer-bottom { flex-direction:column; gap:12px; line-height:1.6; } .lf-subpage-hero { padding-block:45px 40px; } .lf-subpage-hero h1 { font-size:41px; } .lf-feature-card { padding:25px; } .lf-auth-illustration { padding:30px 20px; } }
@media(prefers-reduced-motion:reduce) { .lf-marketing *, .lumasaur-marketing-page *, .lf-header *, .lf-footer * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .lf-action:hover { transform:none; } }

.lf-audience-list>span { display:flex; align-items:center; gap:8px; }
.lf-section-intro { display:flex; justify-content:space-between; align-items:end; gap:32px; }
.lf-section-aside { font-size:13px; line-height:1.8; color:var(--lf-muted); border-left:2px solid #9bc7bd; padding-left:18px; white-space:nowrap; }
.lf-usecase-explorer { margin-top:42px; border:1px solid var(--lf-line); border-radius:18px; background:var(--lf-surface); overflow:hidden; }
.lf-usecase-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--lf-line); background:#f0f5f2; padding:8px; gap:8px; }
.lf-usecase-tabs button { display:flex; align-items:center; gap:10px; text-align:left; min-height:52px; border:1px solid transparent; border-radius:10px; padding:12px 20px; background:transparent; color:#536c6f; font-size:14px; font-weight:650; cursor:pointer; }
.lf-usecase-tabs button>svg:last-child { margin-left:auto; }
.lf-usecase-tabs button[aria-selected=true] { background:white; border-color:#c8d8d2; color:#1e4a43; box-shadow:0 2px 3px #163b2910; }
.lf-usecase-panel { display:grid; grid-template-columns:1.2fr 1fr; align-items:stretch; padding:24px; gap:40px; }
.lf-usecase-panel:focus-visible { outline:3px solid var(--lf-cyan); outline-offset:-5px; }
.lf-usecase-art { position:relative; min-height:370px; background:#e9e8dc; color:#294538; overflow:hidden; border:1px solid #223c3f20; border-radius:8px; display:flex; flex-direction:column; }
.lf-usecase-art-nav { padding:23px; display:flex; gap:10px; justify-content:space-between; font-size:9px; letter-spacing:.04em; position:relative; z-index:1; }
.lf-usecase-art-nav>strong { font-size:10px; }
.lf-usecase-art-body { flex:1; padding:28px 28px 40px; position:relative; z-index:1; }
.lf-usecase-art-body>small { font-size:8px; letter-spacing:.1em; }
.lf-usecase-art-body>strong { display:block; margin-top:20px; white-space:pre-line; font-family:Georgia,serif; font-size:clamp(29px,3.2vw,45px); font-weight:400; line-height:1.05; letter-spacing:-.04em; }
.lf-usecase-art-body>span { margin-top:26px; display:inline-flex; align-items:center; gap:24px; padding:10px 13px; background:#294538; color:white; font-size:10px; }
.lf-usecase-art-footer { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #223c3f30; padding:16px 23px; font-size:8px; position:relative; z-index:1; }
.lf-usecase-art-shapes { position:absolute; right:-80px; top:108px; width:250px; height:250px; opacity:.3; transform:rotate(-20deg); }
.lf-usecase-art-shapes>span { position:absolute; inset:0; border:24px solid #638361; border-radius:50%; }
.lf-usecase-art-shapes>span:nth-child(2) { inset:42px; }
.lf-usecase-art-shapes>span:nth-child(3) { inset:84px; background:#638361; }
.lf-usecase-creative { background:#e4e9f1; color:#2c405d; }
.lf-usecase-creative .lf-usecase-art-body>span { background:#2c405d; }
.lf-usecase-creative .lf-usecase-art-shapes { transform:rotate(-28deg); right:-70px; top:125px; }
.lf-usecase-creative .lf-usecase-art-shapes>span { border-radius:8px; border-color:#889cb9; }
.lf-usecase-creative .lf-usecase-art-shapes>span:nth-child(3) { background:#889cb9; }
.lf-usecase-community { background:#f0e5d7; color:#663e29; }
.lf-usecase-community .lf-usecase-art-body>span { background:#663e29; }
.lf-usecase-community .lf-usecase-art-shapes>span { border-radius:50% 50% 8px 8px; border-color:#aa7d53; }
.lf-usecase-community .lf-usecase-art-shapes>span:nth-child(3) { background:#aa7d53; }
.lf-usecase-copy { align-self:center; padding:18px 18px 18px 0; }
.lf-usecase-copy h3 { font-size:clamp(23px,2.5vw,31px); font-weight:600; line-height:1.2; letter-spacing:-.035em; margin-top:17px; }
.lf-usecase-copy>p { font-size:14px; line-height:1.8; color:var(--lf-muted); margin-top:16px; }
.lf-usecase-copy ul { list-style:none; padding:0; margin:24px 0; display:grid; gap:12px; }
.lf-usecase-copy li { display:flex; align-items:start; gap:10px; font-size:13px; line-height:1.7; }
.lf-usecase-copy li svg { color:#087c8c; flex:none; margin-top:3px; }
.lf-usecase-note { display:flex; align-items:start; gap:9px; border-top:1px solid var(--lf-line); padding-top:17px; font-size:11px; line-height:1.7; color:var(--lf-muted); }
.lf-usecase-note svg { flex:none; margin-top:2px; }
.lf-feature-jump { display:flex; gap:12px; flex-wrap:wrap; margin-top:36px; }
.lf-feature-jump a { display:flex; gap:15px; align-items:center; border:1px solid #c4d5ce; padding:13px 16px; border-radius:8px; background:#ffffff90; color:#23463f; font-size:12px; font-weight:600; text-decoration:none; }
.lf-feature-jump a:hover { background:#fff; }
.lf-feature-jump a>span { color:#66897f; font-variant-numeric:tabular-nums; }
.lf-feature-group { border-top:1px solid var(--lf-line); }
.lf-feature-group:nth-of-type(even) { background:#f0f5f2; }
.lf-feature-group-heading { display:flex; align-items:start; gap:26px; }
.lf-feature-group-heading>span { font-size:45px; line-height:1; color:#78958c; letter-spacing:-.07em; font-weight:400; }
.lf-feature-group-heading h2 { margin-top:10px; }
.lf-feature-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#087c8c; }
.lf-feature-card-top>span { font-size:10px; font-weight:600; color:#49655b; background:#eef5ee; border:1px solid #dce8dc; border-radius:50px; padding:5px 8px; }
.lf-feature-group-apps .lf-feature-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lf-feature-group-apps .lf-feature-card-top>span { background:#edf2f8; color:#4c637e; border-color:#dce4ee; }
.lf-pricing-foundation { display:flex; flex-wrap:wrap; align-items:center; gap:13px 24px; border-top:1px solid #cddbd4; padding-top:25px; margin-top:36px; font-size:12px; color:#35594f; }
.lf-pricing-foundation>span { display:flex; align-items:center; gap:7px; }
.lf-pricing-foundation>span:first-child { font-weight:650; color:#1e3d35; }
.lf-pricing-compare-link { margin-top:22px; color:#176b73; font-size:12px; }
.lf-product-tabs button { min-height:44px; }
.lf-header .lf-action,.lf-header .lf-sign-in,.lf-mobile-toggle { min-height:44px; }
.lf-mobile-toggle { min-width:44px; align-items:center; justify-content:center; }
.lf-info-nav { border:1px solid var(--lf-line); border-radius:12px; padding:20px; }
@media(max-width:1000px) { .lf-feature-group-apps .lf-feature-list { grid-template-columns:1fr; } .lf-usecase-panel { gap:25px; } .lf-usecase-art-nav>span { display:none; } }
@media(max-width:900px) { .lf-section-aside { display:none; } .lf-usecase-panel { grid-template-columns:1fr; gap:10px; } .lf-usecase-copy { padding:24px 8px 10px; } .lf-usecase-art { min-height:340px; } .lf-usecase-art-body>strong { font-size:42px; } .lf-usecase-art-shapes { right:0; } .lf-info-nav { padding:16px; } }
@media(max-width:600px) { .lf-usecase-tabs { gap:4px; padding:6px; } .lf-usecase-tabs button { flex-direction:column; justify-content:center; gap:6px; padding:10px 5px; font-size:10px; min-height:63px; text-align:center; } .lf-usecase-tabs button>svg:last-child { display:none; } .lf-usecase-panel { padding:12px; } .lf-usecase-art { min-height:315px; } .lf-usecase-art-nav { padding:19px; } .lf-usecase-art-body { padding:18px 19px 28px; } .lf-usecase-art-body>strong { font-size:33px; } .lf-usecase-art-footer { padding:14px 19px; font-size:7px; } .lf-usecase-art-shapes { right:-100px; } .lf-usecase-copy { padding:20px 8px 10px; } .lf-usecase-copy h3 { font-size:25px; } .lf-feature-jump { display:grid; grid-template-columns:1fr; gap:8px; } .lf-feature-jump a>svg { margin-left:auto; } .lf-feature-group-heading { gap:16px; } .lf-feature-group-heading>span { font-size:34px; } .lf-feature-group-heading h2 { font-size:29px; } }

/* Launch refresh: glacier paper, midnight product surfaces, and one public-page rhythm. */
.lf-marketing,.lumasaur-marketing-page,.lf-auth { --lf-ink:#101f35; --lf-muted:#536477; --lf-line:#dce5ed; --lf-cyan:#086d88; --lf-paper:#f7fafc; --lf-surface:#fff; --lf-night:#0b1b2f; }
.lf-marketing,.lumasaur-marketing-page { background:var(--lf-paper); color:var(--lf-ink); }
.lf-eyebrow { font-size:10px; letter-spacing:.14em; }
.lf-eyebrow>span { border-radius:1px; transform:rotate(45deg); box-shadow:none; }
.lf-action { background:#122a43; border-color:#122a43; color:#fff; font-size:13px; }
.lf-action:hover { background:#214766; }
.lf-action-secondary { background:#ffffff70; border-color:#bacbd9; color:#193c54; }
.lf-action-secondary:hover { background:#fff; }
.lf-section-heading h2 { font-size:clamp(32px,3.4vw,48px); letter-spacing:-.05em; }
.lf-marketing main section[id],.lf-info-articles article { scroll-margin-top:145px; }
.lf-marketing summary:focus-visible { outline:3px solid #1685b0; outline-offset:4px; }
.lf-header { background:#f9fcfdf0; color:#132d44; border-color:#dce5ed; }
.lf-header-row { min-height:80px; }
.lf-header-nav { padding:0; border:0; background:none; }
.lf-header-nav button,.lf-sign-in { color:#496071; font-size:12px; }
.lf-header-nav button:hover,.lf-sign-in:hover,.lf-header-nav button[aria-current=page] { color:#086d88; background:#e8f2f7; }
.lf-brand>span:last-child { font-size:21px; letter-spacing:-.06em; }
.lf-brand small { color:#61778a; font-size:8px; letter-spacing:.12em; }
.lf-mobile-toggle { background:#fff; border-color:#c7d6e1; color:#223e55; }
.lf-mobile-nav button { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lf-mobile-nav button:hover,.lf-mobile-nav button[aria-current=page] { background:#eaf3f9; }
.lf-pilot-banner { background:#dff2f9; border-bottom:1px solid #bcdce9; color:#214b61; font-size:11px; }
.lf-pilot-banner summary { padding:10px 0; cursor:pointer; font-weight:650; line-height:1.6; }
.lf-pilot-banner p { padding:0 0 14px; max-width:830px; color:#385c71; line-height:1.8; margin:0; }
.lf-home-hero-showcase { padding:84px 0 30px; color:#101f35; background:radial-gradient(ellipse at 85% 16%,#dfedf9 0,transparent 48%),radial-gradient(ellipse at 2% 100%,#e7f6f7 0,transparent 45%),#f8fbfd; }
.lf-home-hero-showcase .lf-hero-grid { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:48px; }
.lf-home-hero-showcase .lf-hero-copy { max-width:650px; margin:0; text-align:left; }
.lf-home-hero-showcase .lf-eyebrow,.lf-home-hero-showcase .lf-hero-actions,.lf-home-hero-showcase .lf-hero-footnote { justify-content:flex-start; }
.lf-home-hero-showcase .lf-eyebrow { color:#086d88; }
.lf-home-hero-showcase .lf-hero-copy h1 { font-size:clamp(44px,4.6vw,70px); line-height:1.055; letter-spacing:-.067em; margin:24px 0; }
.lf-home-hero-showcase .lf-hero-copy h1 em { color:#087590; }
.lf-home-hero-showcase .lf-hero-copy>.lf-description { max-width:450px; margin:0; color:#536477; font-size:15px; line-height:1.9; }
.lf-home-hero-showcase .lf-action { background:#122a43; border-color:#122a43; color:white; }
.lf-home-hero-showcase .lf-action:hover { background:#214766; }
.lf-home-hero-showcase .lf-action-secondary { background:#ffffff70; border-color:#bacbd9; color:#193c54; }
.lf-home-hero-showcase .lf-action-secondary:hover { background:white; }
.lf-home-hero-showcase .lf-hero-footnote { color:#5c7083; font-size:11px; flex-wrap:wrap; }
.lf-hero-footnote br { display:none; }
.lf-hero-footnote>span { flex-basis:100%; margin-left:20px; font-size:10px; }
.lf-hero-product { min-width:0; background:#0b1b2f; padding:17px; border:1px solid #203a51; border-radius:22px; box-shadow:0 28px 70px -38px #213f6b85; }
.lf-hero-product-label { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:0 4px 19px; color:#b3c7dc; font-size:9px; line-height:1.8; }
.lf-hero-product-label>span:first-child { display:flex; align-items:start; gap:8px; }
.lf-hero-product-label svg { color:#64dbee; flex:none; margin-top:1px; }
.lf-hero-product-label>span:last-child { display:none; letter-spacing:.1em; }
.lf-home-hero-showcase .lf-product-tabs button { color:#b7cada; font-size:10px; padding:9px 12px; }
.lf-home-hero-showcase .lf-product-tabs button[aria-selected=true] { color:#e5faff; background:#17384c; border-color:#366377; }
.lf-home-hero-showcase .lf-product-window { border-color:#516c83; box-shadow:none; border-radius:10px; }
.lf-home-hero-showcase .lf-demo-editor,.lf-home-hero-showcase .lf-demo-workspace { height:355px; }
.lf-home-hero-showcase .lf-demo-rail { flex-basis:34px; gap:22px; padding-top:14px; }
.lf-home-hero-showcase .lf-demo-rail svg { width:12px; height:12px; }
.lf-home-hero-showcase .lf-demo-inspector { flex-basis:123px; padding:10px; font-size:8px; }
.lf-home-hero-showcase .lf-demo-inspector>strong { font-size:8px; }
.lf-home-hero-showcase .lf-demo-inspector-tabs,.lf-home-hero-showcase .lf-demo-label,.lf-home-hero-showcase .lf-demo-swatch { font-size:6px; }
.lf-home-hero-showcase .lf-demo-canvas { padding:15px 10px; }
.lf-home-hero-showcase .lf-demo-site-nav { padding:12px; font-size:6px; }
.lf-home-hero-showcase .lf-demo-site-nav>span:last-child { font-size:5px; }
.lf-home-hero-showcase .lf-demo-site-hero { min-height:211px; padding:23px 16px; }
.lf-home-hero-showcase .lf-demo-tiny { font-size:5px; }
.lf-home-hero-showcase .lf-demo-site-hero>strong { font-size:34px; }
.lf-home-hero-showcase .lf-demo-site-hero>p { font-size:6px; }
.lf-home-hero-showcase .lf-demo-site-cta { font-size:6px; padding:6px 8px; }
.lf-home-hero-showcase .lf-demo-sculpture { top:36px; right:-6%; transform:rotate(-12deg); }
.lf-home-hero-showcase .lf-demo-selection-label { top:44px; left:10px; font-size:6px; }
.lf-home-hero-showcase .lf-demo-site-bottom { font-size:6px; }
.lf-home-hero-showcase .lf-demo-workspace-sidebar { flex-basis:112px; padding:16px 11px; font-size:8px; }
.lf-home-hero-showcase .lf-demo-workspace-main { padding:16px 22px; }
.lf-home-hero-showcase .lf-demo-workspace-main h3 { font-size:19px; }
.lf-home-hero-showcase .lf-demo-workspace-main>p { font-size:8px; }
.lf-home-hero-showcase .lf-demo-workspace-card>.lf-demo-website { height:145px; }
.lf-home-hero-showcase .lf-demo-workspace-card .lf-demo-site-hero { min-height:115px; padding:9px 16px; }
.lf-home-hero-showcase .lf-demo-workspace-card .lf-demo-site-hero>strong { font-size:23px; }
.lf-home-hero-showcase .lf-demo-workspace-card .lf-demo-sculpture { top:0; width:33%; transform:rotate(-16deg) scale(.75); }
.lf-home-hero-showcase .lf-demo-shortcuts>span { font-size:6px; padding:8px; }
.lf-home-hero-showcase .lf-product-caption strong { color:#f3f9fe; font-size:12px; }
.lf-home-hero-showcase .lf-product-caption p { color:#b4c7da; font-size:11px; }
.lf-home-hero-showcase .lf-product-caption>span { color:#b4c7da; font-size:8px; }
.lf-home-hero-showcase .lf-audience { margin-top:58px; padding-top:25px; border-color:#cddde7; color:#48667b; font-size:11px; }
.lf-home-hero-showcase .lf-audience>span { color:#203e54; }
.lf-audience-list svg { color:#087590; }
.lf-demo-website { background:#ececf8; color:#32334e; }
.lf-demo-site-nav,.lf-demo-site-bottom { border-color:#4c4b6820; }
.lf-demo-site-cta { background:#5a5283; }
.lf-demo-sculpture>div { background:linear-gradient(160deg,#bbb6e7,#8a86bc 42%,#5b548d); box-shadow:inset -3px -8px 12px #3b2a5833,0 14px 18px -12px #322b5266; }
.lf-demo-workspace-sidebar { background:#10283c; color:#a8c5dc; }
.lf-demo-workspace-sidebar>span.active { background:#214861; }
.lf-demo-workspace-main { background:#f4f8fb; }
.lf-product-tabs button[aria-selected=true] { color:#12687e; background:#e7f3f8; border-color:#b8d8e8; }
.lf-build-section { background:#eef4f8; }
.lf-capability { border-color:#b6cedf; }
.lf-capability p,.lf-workspace-details p,.lf-numbered-steps p,.lf-next-card p,.lf-faq details>p,.lf-feature-card p { color:var(--lf-muted); line-height:1.85; }
.lf-section-aside { border-color:#70bdd0; }
.lf-usecase-tabs { background:#f0f5f9; }
.lf-usecase-tabs button { color:#516b7f; }
.lf-usecase-tabs button[aria-selected=true] { border-color:#b9d2e2; color:#12657d; }
.lf-usecase-creative { background:#e8e8f7; color:#3b3563; }
.lf-usecase-creative .lf-usecase-art-body>span { background:#3b3563; }
.lf-usecase-creative .lf-usecase-art-shapes>span { border-color:#968eb9; }
.lf-usecase-creative .lf-usecase-art-shapes>span:nth-child(3) { background:#968eb9; }
.lf-workspace-section { border-bottom:1px solid var(--lf-line); }
.lf-next-card { background:#ecf4fa; border-color:#d2e2ee; border-radius:18px; }
.lf-status { color:#226d84; border-color:#b8d7e8; font-size:9px; letter-spacing:.05em; }
.lf-app-stack { display:grid; gap:12px; }
.lf-app-stack article { display:grid; grid-template-columns:46px 1fr; gap:17px; padding:24px; border:1px solid var(--lf-line); border-radius:15px; background:white; }
.lf-app-stack article>svg:last-child { display:none; }
.lf-app-stack-icon { display:grid; place-items:center; height:46px; color:#12657d; background:#e5f4fa; border:1px solid #c9e3ef; border-radius:12px; }
.lf-app-stack article:nth-child(2) .lf-app-stack-icon { color:#6353a3; background:#f0edfa; border-color:#e2dcf4; }
.lf-app-stack article:nth-child(3) .lf-app-stack-icon { color:#8a5836; background:#fbf1e8; border-color:#efdecc; }
.lf-app-stack small { color:#657b8d; font-size:8px; font-weight:650; letter-spacing:.09em; }
.lf-app-stack h3 { font-size:18px; letter-spacing:-.025em; font-weight:650; margin-top:5px; }
.lf-app-stack p { color:var(--lf-muted); font-size:11px; line-height:1.8; margin-top:8px; }
.lf-app-stack>.lf-text-link { margin-top:8px; }
.lf-playground { margin-top:42px; border:1px solid #cbd9e5; border-radius:20px; background:white; overflow:hidden; box-shadow:0 16px 48px -36px #28496460; }
.lf-playground-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; border-bottom:1px solid #dce5ed; }
.lf-playground-top>span { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:650; }
.lf-playground-top svg { color:#087590; }
.lf-playground-top small { font-size:10px; color:#5c7083; }
.lf-playground-canvas { background:var(--lf-play-paper); color:var(--lf-play-ink); margin:24px; border:1px solid color-mix(in srgb,var(--lf-play-ink) 17%,transparent); border-radius:var(--lf-play-radius); overflow:hidden; }
.lf-playground-site-nav { padding:24px 32px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid color-mix(in srgb,var(--lf-play-ink) 14%,transparent); font-size:10px; }
.lf-playground-site-nav strong { font-size:11px; letter-spacing:.1em; }
.lf-playground-site-nav strong>span { margin-left:4px; }
.lf-playground-site-content { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:40px; padding:48px 58px; }
.lf-playground-kicker { font-size:8px; letter-spacing:.12em; }
.lf-playground-site-content h3 { font-size:clamp(36px,4.5vw,64px); font-weight:500; line-height:1.02; letter-spacing:-.06em; margin-top:20px; }
.lf-playground-site-content p { font-size:12px; line-height:1.8; margin-top:20px; }
.lf-playground-site-action { display:inline-flex; align-items:center; gap:20px; background:var(--lf-play-accent); color:white; padding:13px 17px; border-radius:calc(var(--lf-play-radius)*.55); margin-top:24px; font-size:11px; font-weight:650; }
.lf-playground-art { position:relative; min-height:242px; max-width:380px; width:100%; margin:auto; isolation:isolate; }
.lf-playground-art>span { position:absolute; width:66%; aspect-ratio:1; top:6%; left:12%; border-radius:50%; border:28px solid var(--lf-play-accent); opacity:.75; }
.lf-playground-art>span:nth-child(2) { width:53%; top:37%; left:42%; opacity:.28; }
.lf-playground-art>span:nth-child(3) { width:30%; top:2%; left:73%; border:0; background:var(--lf-play-accent); opacity:.14; border-radius:var(--lf-play-radius); }
.lf-playground-art>span:nth-child(4) { width:26%; top:75%; left:7%; border:0; background:var(--lf-play-accent); opacity:.17; border-radius:var(--lf-play-radius); }
.lf-playground-center .lf-playground-site-content { grid-template-columns:1fr; text-align:center; gap:22px; }
.lf-playground-center .lf-playground-art { min-height:200px; width:275px; }
.lf-playground-center .lf-playground-art>span { border-width:20px; }
.lf-playground-site-footer { display:flex; justify-content:space-between; gap:16px; padding:17px 32px; border-top:1px solid color-mix(in srgb,var(--lf-play-ink) 14%,transparent); font-size:9px; }
.lf-playground-controls { display:flex; gap:32px; flex-wrap:wrap; padding:0 24px 21px; }
.lf-playground-controls fieldset { margin:0; min-width:0; padding:0; border:0; }
.lf-playground-controls legend { color:#597187; font-size:10px; margin-bottom:9px; font-weight:650; }
.lf-playground-swatches,.lf-playground-toggle { display:flex; gap:5px; }
.lf-playground-controls button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:9px 11px; border:1px solid #d6e2ec; border-radius:8px; background:#f7fafc; color:#425d72; font-size:11px; font-weight:600; cursor:pointer; }
.lf-playground-controls button[aria-pressed=true] { border-color:#83bfd6; color:#12657d; background:#eaf5fa; }
.lf-playground-swatches button>span { width:12px; height:12px; flex:none; border-radius:50%; background:var(--lf-swatch); }
.lf-playground-status { padding:14px 24px; border-top:1px solid #dce5ed; color:#5a7083; background:#f7fafc; font-size:10px; line-height:1.8; }
.lf-subpage-hero:not(.lf-apps-hero) { background:radial-gradient(ellipse at 92% 5%,#e4ebfa,transparent 52%),#edf5fa; border-color:#d4e2ed; }
.lf-feature-jump a { border-color:#bfd6e5; color:#28465e; border-radius:10px; }
.lf-feature-jump a>span { color:#6587a0; }
.lf-feature-group:nth-of-type(even) { background:#eff5f9; }
.lf-feature-group-heading>span { color:#91aec4; }
.lf-feature-card { border-color:var(--lf-line); border-radius:18px; }
.lf-feature-card-top { color:#087590; }
.lf-feature-card-top>span { color:#466b83; background:#eef7fb; border-color:#d4e5ef; }
.lf-feature-card li { color:#426880; background:#f4f8fb; border-color:#dfeaf2; }
.lf-feature-group-apps .lf-feature-card-top>span { color:#6b589b; background:#f3f0fb; border-color:#e4dcf4; }
.lf-info-nav { background:#edf4f9; border-color:var(--lf-line); top:145px; }
.lf-info-nav a { display:flex; gap:12px; align-items:start; color:#365974; line-height:1.7; }
.lf-info-nav a>span { font-size:9px; font-variant-numeric:tabular-nums; margin-top:2px; color:#5a819e; }
.lf-info-articles article { border:1px solid var(--lf-line); border-radius:16px; }
.lf-policy-page .lf-info-articles article { border-radius:10px; }
.lf-info-section article p { color:var(--lf-muted); }
.lf-pricing-grid article:nth-last-child(-n+2) { background:#eef4f9; }
.lf-pricing-foundation { color:#46667f; border-color:#c7dbe8; }
.lf-pricing-foundation>span:first-child { color:#24485e; }
.lf-pricing-compare-link { color:#086d88; }
.lf-auth { background:radial-gradient(ellipse at 0 20%,#e4effa,transparent 52%),#f2f7fb; }
.lf-auth-card { border-color:#d3e0eb; border-radius:20px; box-shadow:0 24px 70px -40px #25405e65; }
.lf-auth-journey { border-color:#c9d9e7; }
.lf-auth-journey-icon { border-color:#c8dcec; color:#086d88; }
.lf-closing { background:radial-gradient(ellipse at 90% 100%,#254266,transparent 58%),#0b1b2f; padding-block:86px; }
.lf-closing-grid { grid-template-columns:1.2fr .7fr; }
.lf-closing .lf-eyebrow { color:#84dce9; }
.lf-closing h2 { letter-spacing:-.055em; }
.lf-closing h2 em { font-style:normal; color:#a7dfea; }
.lf-closing p:not(.lf-eyebrow) { color:#b4c8dd; }
.lf-closing-actions .lf-action { background:#85e4ef; border-color:#85e4ef; color:#17354a; }
.lf-closing-actions .lf-action:hover { background:#b2eff6; }
.lf-closing-actions>span { color:#a7bfd6; line-height:1.8; }
.lf-footer { background:#071322; }
.lf-footer-brand p { color:#a4bad0; }
.lf-footer-group h2 { color:#8ba6bf; font-size:9px; letter-spacing:.1em; }
.lf-footer-group a { color:#bfd0e1; font-size:11px; }
.lf-footer-product-link { display:inline-flex; align-items:center; gap:12px; margin-top:20px; color:#9adce9; font-size:11px; text-decoration:none; }
.lf-footer-product-link:hover { text-decoration:underline; text-underline-offset:5px; }
.lf-footer-wordmark { display:flex; align-items:center; justify-content:space-between; padding-top:10px; color:#19344c; font-size:clamp(72px,13.7vw,185px); line-height:1.2; font-weight:650; letter-spacing:-.07em; overflow:hidden; }
.lf-footer-wordmark>span { font-size:.6em; font-weight:400; color:#22465e; }
.lf-footer-bottom { color:#93acc5; border-color:#23394e; }
@media(min-width:1600px) { .lf-home-hero-showcase .lf-hero-copy h1 { font-size:77px; } .lf-hero-product-label>span:last-child { display:block; } }
@media(max-width:1100px) { .lf-home-hero-showcase .lf-hero-grid { gap:30px; } .lf-home-hero-showcase .lf-demo-inspector { flex-basis:105px; padding:9px 7px; } .lf-playground-site-content { padding:38px; } }
@media(max-width:900px) { .lf-header-nav { display:none; } .lf-home-hero-showcase { padding-top:54px; } .lf-home-hero-showcase .lf-hero-grid { grid-template-columns:1fr; gap:36px; } .lf-home-hero-showcase .lf-hero-copy h1 { font-size:clamp(45px,7.5vw,66px); } .lf-home-hero-showcase .lf-hero-copy>.lf-description { max-width:560px; } .lf-hero-product { width:100%; max-width:720px; margin-inline:auto; } .lf-hero-product-label>span:last-child { display:block; } .lf-home-hero-showcase .lf-demo-inspector { flex-basis:145px; padding:14px; } .lf-home-hero-showcase .lf-demo-site-hero>strong { font-size:40px; } .lf-closing-grid { grid-template-columns:1fr .75fr; } .lf-info-nav { position:static; } .lf-playground-art { min-height:200px; } .lf-playground-art>span { border-width:20px; } .lf-playground-site-content { gap:26px; } }
@media(max-width:600px) { .lf-header-row { min-height:70px; } .lf-brand>span:last-child { font-size:18px; } .lf-home-hero-showcase { padding:39px 0 27px; } .lf-home-hero-showcase .lf-hero-copy h1 { font-size:clamp(39px,11.5vw,56px); margin:21px 0; } .lf-home-hero-showcase .lf-hero-copy>.lf-description { font-size:14px; } .lf-hero-product { border-radius:15px; padding:11px; } .lf-hero-product-label { font-size:8px; padding-bottom:12px; } .lf-hero-product-label>span:last-child { display:none; } .lf-home-hero-showcase .lf-product-tabs button { font-size:9px; padding:8px; } .lf-home-hero-showcase .lf-demo-editor,.lf-home-hero-showcase .lf-demo-workspace { height:282px; } .lf-home-hero-showcase .lf-demo-inspector { display:none; } .lf-home-hero-showcase .lf-demo-canvas { padding:12px; } .lf-home-hero-showcase .lf-demo-site-hero { min-height:175px; padding:19px 16px; } .lf-home-hero-showcase .lf-demo-site-hero>strong { font-size:33px; } .lf-home-hero-showcase .lf-demo-selection-label { left:12px; top:41px; } .lf-home-hero-showcase .lf-demo-sculpture { top:22px; width:42%; } .lf-home-hero-showcase .lf-demo-workspace-sidebar { flex-basis:78px; padding:12px 6px; } .lf-home-hero-showcase .lf-demo-workspace-main { padding:12px; } .lf-home-hero-showcase .lf-demo-workspace-main h3 { font-size:16px; } .lf-home-hero-showcase .lf-demo-workspace-card>.lf-demo-website { height:115px; } .lf-home-hero-showcase .lf-demo-workspace-card .lf-demo-site-hero { min-height:75px; padding:9px 12px; } .lf-home-hero-showcase .lf-demo-workspace-card .lf-demo-site-hero>strong { font-size:21px; } .lf-home-hero-showcase .lf-demo-shortcuts>span { font-size:5px; padding:6px 4px; } .lf-home-hero-showcase .lf-audience { margin-top:30px; } .lf-section-heading h2 { font-size:32px; } .lf-closing-grid { grid-template-columns:1fr; } .lf-closing { padding-block:56px; } .lf-closing h2 { font-size:41px; } .lf-app-stack article { padding:20px; gap:13px; } .lf-auth-card { border-radius:15px; } .lf-footer-wordmark { font-size:16.5vw; } .lf-playground { margin-top:30px; border-radius:14px; } .lf-playground-top { align-items:start; flex-direction:column; gap:6px; padding:16px; } .lf-playground-top>span { font-size:11px; } .lf-playground-top small { font-size:9px; } .lf-playground-canvas { margin:12px; } .lf-playground-site-nav { padding:17px; } .lf-playground-site-nav>span { display:none; } .lf-playground-site-nav strong { font-size:9px; } .lf-playground-site-content { grid-template-columns:1fr; padding:27px 20px; gap:20px; } .lf-playground-kicker { font-size:7px; } .lf-playground-site-content h3 { font-size:38px; } .lf-playground-site-content p { font-size:11px; } .lf-playground-art,.lf-playground-center .lf-playground-art { width:230px; min-height:180px; max-width:100%; } .lf-playground-art>span,.lf-playground-center .lf-playground-art>span { border-width:18px; } .lf-playground-site-footer { padding:14px 17px; font-size:8px; } .lf-playground-site-footer>span:last-child { display:none; } .lf-playground-controls { padding:5px 16px 20px; gap:18px; } .lf-playground-status { padding:14px 16px; font-size:9px; } }
@media(max-width:380px) { .lf-home-hero-showcase .lf-product-tabs button { padding:8px 6px; font-size:8px; } .lf-home-hero-showcase .lf-demo-site-hero>strong { font-size:29px; } .lf-playground-controls button { padding:9px; } }
@media(forced-colors:active) { .lf-playground-swatches button>span { forced-color-adjust:none; } .lf-product-tabs button[aria-selected=true],.lf-usecase-tabs button[aria-selected=true],.lf-playground-controls button[aria-pressed=true] { outline:2px solid Highlight; outline-offset:-3px; } }
.lf-product-navigation { position:relative; }
.lf-product-navigation>button { display:flex; align-items:center; gap:6px; }
.lf-product-navigation-panel { position:absolute; right:0; top:calc(100% + 13px); width:292px; max-height:min(75dvh,680px); overflow-y:auto; overscroll-behavior:contain; padding:11px; background:#fcfeff; border:1px solid #cbdce8; border-radius:12px; box-shadow:0 20px 45px -20px #163b5c66; }
.lf-product-navigation-panel>span { display:block; padding:8px 10px 12px; color:#69849a; font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:600; }
.lf-product-navigation-panel a { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:13px 10px; color:#365770; font-size:12px; font-weight:600; text-decoration:none; border-radius:6px; line-height:1.6; }
.lf-product-navigation-panel a:hover,.lf-product-navigation-panel a[aria-current=page] { background:#eaf5fa; color:#087796; }
.lf-product-navigation-panel svg { flex:none; color:#408ba6; }
.lf-mobile-product-heading { display:block; padding:19px 13px 8px; margin-top:8px; border-top:1px solid #d7e4ed; font-size:9px; color:#7890a5; font-weight:650; text-transform:uppercase; letter-spacing:.1em; }
.lf-mobile-nav a { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:13px; color:#365770; font-size:13px; font-weight:600; text-decoration:none; border-radius:6px; }
.lf-mobile-nav a:hover,.lf-mobile-nav a[aria-current=page] { color:#087796; background:#eaf5fa; }
@media(min-width:901px) and (max-width:1100px) { .lf-header-row { gap:12px; }.lf-header-nav button { padding-inline:7px; font-size:11px; }.lf-header-nav .lf-product-navigation>button { gap:3px; }.lf-header-actions .lf-sign-in { padding-inline:8px; } }
@media(max-width:900px) { .lf-mobile-nav { max-height:calc(100dvh - 80px); overflow-y:auto; overscroll-behavior:contain; }.lf-pilot-banner~.lf-wrap .lf-mobile-nav { max-height:calc(100dvh - 130px); } }

/* Shared marketing compositions. The plan page and library import these
   exact styles; spacing is owned by a named group, not implied by copy length. */
.lf-plan-card { min-width:0; display:flex; flex-direction:column; gap:20px; padding:28px; border:1px solid #d5e1eb; border-radius:18px; background:#fff; color:#101d33; box-shadow:0 8px 25px -22px #173a5b66; }
.lf-plan-card-featured { border-color:#2f96b1; box-shadow:0 0 0 3px #e1f2f7; }
.lf-plan-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.lf-plan-heading h2 { margin:0; font-size:23px; font-weight:650; letter-spacing:-.025em; line-height:1.3; }
.lf-plan-highlight { display:inline-flex; padding:5px 9px; border:1px solid #a8d8e5; border-radius:999px; background:#e4f4f8; color:#185b70; font-size:11px; font-weight:650; line-height:1.5; }
.lf-wip-pill { display:inline-flex; align-items:center; flex:none; gap:5px; border:1px solid #d1a757; border-radius:999px; padding:3px 8px; background:#fff0cd; color:#62420a; font-size:10px; font-weight:700; line-height:1.5; white-space:nowrap; }
.lf-plan-description { margin:0; color:#465a70; font-size:14px; line-height:1.8; }
.lf-plan-price { display:grid; gap:6px; padding-block:3px; }
.lf-plan-price strong { font-size:40px; font-weight:600; line-height:1.15; letter-spacing:-.04em; }
.lf-plan-price span { color:#536176; font-size:12px; line-height:1.7; }
.lf-plan-action-group { display:grid; gap:12px; }
.lf-plan-cta { width:100%; min-height:48px; }
.lf-plan-action-note { margin:0; color:#4a6175; font-size:12px; line-height:1.8; }
.lf-plan-fit { display:grid; gap:9px; padding-top:5px; }
.lf-plan-fit h3 { margin:0; color:#34556a; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; line-height:1.6; }
.lf-plan-fit p { margin:0; color:#465a70; font-size:13px; line-height:1.8; }
.lf-plan-includes { display:grid; gap:13px; margin:0; padding:21px 0 0; border-top:1px solid #dce5ed; list-style:none; }
.lf-plan-includes li { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:#30485f; line-height:1.8; }
.lf-plan-includes li>svg { flex:none; margin-top:4px; color:#207f68; }
.lf-plan-includes .lf-wip-pill { margin-left:7px; vertical-align:middle; }
.lf-pricing-grid { margin-top:28px; align-items:stretch; }
.lf-pricing-readiness { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:32px; margin-top:32px; padding:28px; border:1px solid #c8dfeb; border-radius:14px; background:#edf6fb; color:#28485f; }
.lf-pricing-readiness>div { min-width:0; display:flex; flex-direction:column; gap:16px; }
.lf-pricing-readiness h2 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0; font-size:14px; font-weight:650; line-height:1.8; }
.lf-pricing-readiness p { margin:0; font-size:13px; line-height:1.9; color:#405b70; }
.lf-pricing-page [data-commerce-test-pilot] { background:#fff4db; color:#62420a; border-color:#d9b875; }
.lf-pricing-page [data-commerce-test-pilot] p+p { margin-top:8px; }
.lf-pricing-page [data-commerce-test-pilot] p { color:#62420a; }

.lf-product-navigation { position:static; }
.lf-product-navigation-panel { left:50%; right:auto; top:calc(100% + 1px); transform:translateX(-50%); width:min(920px,calc(100vw - 64px)); display:grid; grid-template-columns:1.1fr .95fr 1fr; gap:12px; padding:22px; }
.lf-product-navigation-group { min-width:0; }
.lf-product-navigation-group h2 { margin:0 10px 12px; color:#405c71; font-size:10px; font-weight:700; line-height:1.8; text-transform:uppercase; letter-spacing:.08em; }
.lf-product-navigation-panel a { padding:11px 10px; }
.lf-product-navigation-panel a>span { min-width:0; }
.lf-product-navigation-panel strong { display:block; color:#25475f; font-size:12px; font-weight:650; line-height:1.7; }
.lf-product-navigation-panel small { display:block; color:#536d80; font-size:10px; font-weight:400; margin-top:4px; line-height:1.7; }
.lf-product-navigation-panel .lf-product-navigation-overview { grid-column:1/-1; margin-top:3px; padding:15px 10px 3px; border-top:1px solid #d7e4ed; border-radius:0; }
.lf-mobile-product-heading { color:#3d5b70; font-size:11px; line-height:1.8; }
.lf-footer-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:36px 28px; }
.lf-footer-brand { grid-column:1/-1; display:grid; grid-template-columns:1fr 1.2fr auto; align-items:center; gap:32px; padding-bottom:28px; border-bottom:1px solid #23394e; }
.lf-footer-brand p { margin:0; max-width:490px; font-size:13px; }
.lf-footer-product-link { margin:0; font-size:12px; }
.lf-footer-group h2 { color:#bdcddd; font-size:11px; line-height:1.8; margin-bottom:17px; }
.lf-footer-group ul { gap:7px; }
.lf-footer-group a { display:inline-flex; align-items:center; min-height:36px; font-size:12px; line-height:1.7; }
.lf-marketing-specimen { min-height:0; padding:24px; border:1px solid #dce3ed; border-radius:16px; }
.lf-marketing-specimen>p { margin:0; max-width:700px; color:#536176; font-size:13px; line-height:1.9; }
.lf-marketing-specimen-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.lf-marketing-specimen [role=status] { margin-top:20px; font-size:12px; }
@media(max-width:1100px) { .lf-footer-brand { grid-template-columns:1fr 1.2fr; }.lf-footer-product-link { grid-column:1/-1; } }
@media(max-width:900px) { .lf-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.lf-pricing-readiness { grid-template-columns:1fr; gap:25px; } }
@media(max-width:600px) { .lf-plan-card { padding:24px; }.lf-pricing-readiness { padding:23px; }.lf-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 22px; }.lf-footer-brand { grid-template-columns:1fr; gap:20px; }.lf-footer-group a { min-height:44px; }.lf-marketing-specimen { padding:18px; }.lf-marketing-specimen-grid { grid-template-columns:1fr; } }

/* src/app/components/marketing/marketing-info-stories.css */
/* Purpose-built footer stories share typography and theme tokens, not a repeated card layout. */
.lf-info-stories { overflow-x:clip; }
.lf-info-stories h1,.lf-info-stories h2,.lf-info-stories h3 { color:var(--lf-ink); font-weight:600; text-wrap:balance; }
.lf-info-stories h1 { font-size:clamp(40px,5.5vw,76px); letter-spacing:-.055em; line-height:1.035; margin:22px 0!important; }
.lf-info-stories h1 em { color:var(--lf-cyan); font-style:normal; }
.lf-info-stories h2 { font-size:clamp(28px,3.25vw,46px); letter-spacing:-.045em; line-height:1.14; }
.lf-info-stories h3 { font-size:24px; letter-spacing:-.035em; line-height:1.25; }
.lf-info-stories p { color:var(--lf-muted); line-height:1.8; }
.lf-info-stories .lf-description { max-width:660px; font-size:17px; }
.lf-info-story-section { padding-block:82px; }
.lf-info-story-label { display:block; color:var(--lf-cyan); font-size:10px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.lf-info-story-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:5px 0; border:0; background:none; color:var(--lf-cyan); font-size:13px; font-weight:700; text-decoration:none; cursor:pointer; }
.lf-info-story-link:hover { text-decoration:underline; text-underline-offset:5px; }
.lf-info-story-status { display:inline-flex; align-items:center; border:1px solid var(--lf-line); border-radius:100px; background:var(--lf-soft); color:var(--lf-ink); padding:10px 15px; font-size:11px; line-height:1.6; font-weight:650; margin-top:24px; }
.lf-info-story-related { display:flex; flex-wrap:wrap; gap:16px 30px; border-top:1px solid var(--lf-line); padding-block:30px 46px; }
.lf-info-story-related a { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--lf-cyan); text-decoration:none; font-size:12px; font-weight:650; }
.lf-info-story-related a:hover { text-decoration:underline; text-underline-offset:5px; }
.lf-info-about-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr); gap:70px; align-items:center; padding-block:84px 74px; }
.lf-info-about-manifesto { padding:42px; border-radius:4px 68px 4px 4px; background:var(--lf-soft); border-left:3px solid var(--lf-cyan); }
.lf-info-about-manifesto p { font-size:25px; letter-spacing:-.025em; line-height:1.55; margin-top:27px!important; }
.lf-info-about-manifesto strong { color:var(--lf-ink); font-weight:600; }
.lf-info-about-manifesto>span:last-child { display:block; color:var(--lf-cyan); font-size:12px; margin-top:37px; }
.lf-info-about-product { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:58px; align-items:center; border-top:1px solid var(--lf-line); }
.lf-info-about-product h2 { margin-top:20px!important; }
.lf-info-about-product p { font-size:14px; margin:22px 0 14px!important; }
.lf-info-about-beliefs { padding-block:62px 72px; background:var(--lf-soft); }
.lf-info-belief-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-top:30px; }
.lf-info-belief-grid article>span { color:var(--lf-cyan); font-size:12px; font-variant-numeric:tabular-nums; }
.lf-info-belief-grid h3 { margin:21px 0 16px!important; }
.lf-info-belief-grid p { font-size:14px; }
.lf-info-about-close { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.lf-info-about-close p { margin:0 0 18px!important; font-size:15px; }
.lf-info-about-close .lf-info-story-link { display:flex; width:max-content; }
.lf-info-roadmap-hero { padding-block:76px 50px; }
.lf-info-roadmap-hero h1 { max-width:850px; }
.lf-info-roadmap-hero .lf-info-story-link { margin-top:20px; }
.lf-info-roadmap-lanes { display:grid; gap:0; padding-block:14px 70px; }
.lf-info-roadmap-lane { display:grid; grid-template-columns:245px minmax(0,1fr); gap:60px; padding-block:40px; border-top:1px solid var(--lf-line); }
.lf-info-roadmap-line { display:flex; align-items:flex-start; gap:18px; }
.lf-info-roadmap-line>span { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--lf-line); border-radius:50%; font-size:12px; color:var(--lf-cyan); flex-shrink:0; }
.lf-info-roadmap-line p { font-weight:650; color:var(--lf-ink); font-size:12px; line-height:1.65; margin-top:7px!important; }
.lf-info-roadmap-lane-0 .lf-info-roadmap-line>span { background:var(--lf-cyan); border-color:var(--lf-cyan); color:var(--lf-paper); }
.lf-info-roadmap-lane h2 { font-size:32px; }
.lf-info-roadmap-lane>div:last-child>p { margin-top:16px!important; max-width:680px; font-size:14px; }
.lf-info-roadmap-lane ul { list-style:none; padding:0; margin:24px 0 17px; display:grid; gap:12px; color:var(--lf-muted); font-size:13px; }
.lf-info-roadmap-lane li { display:flex; align-items:start; gap:12px; line-height:1.75; }
.lf-info-roadmap-lane li svg { flex-shrink:0; color:var(--lf-cyan); margin-top:3px; }
.lf-info-roadmap-feedback { display:flex; gap:27px; align-items:center; padding:34px; border:1px solid var(--lf-line); border-radius:16px; background:var(--lf-soft); margin-bottom:60px; }
.lf-info-roadmap-feedback>svg { color:var(--lf-cyan); flex-shrink:0; }
.lf-info-roadmap-feedback>div { flex:1; }
.lf-info-roadmap-feedback h2 { font-size:26px; }
.lf-info-roadmap-feedback p { margin-top:12px!important; font-size:13px; max-width:680px; }
.lf-info-roadmap-feedback .lf-action { flex-shrink:0; }
.lf-info-journal-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:80px; align-items:center; padding-block:80px 64px; }
.lf-info-journal-cover { aspect-ratio:4/4.5; padding:36px; display:flex; flex-direction:column; justify-content:space-between; background:var(--lf-soft); color:var(--lf-ink); border:1px solid var(--lf-line); box-shadow:12px 12px 0 var(--lf-paper),13px 13px 0 var(--lf-line); }
.lf-info-journal-cover>span { font-size:10px; color:var(--lf-muted); text-transform:uppercase; letter-spacing:.11em; }
.lf-info-journal-cover>strong { font-size:clamp(28px,3vw,42px); line-height:1.15; letter-spacing:-.05em; font-weight:600; }
.lf-info-journal-cover>svg { color:var(--lf-cyan); }
.lf-info-journal-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.lf-info-journal-heading h2 { max-width:570px; }
.lf-info-journal-heading>p { max-width:300px; font-size:12px; }
.lf-info-journal-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; margin-top:42px; }
.lf-info-journal-topics article { display:grid; grid-template-columns:1fr auto; border-top:1px solid var(--lf-line); padding-top:24px; }
.lf-info-journal-topics article>span { font-size:11px; color:var(--lf-muted); }
.lf-info-journal-topics svg { color:var(--lf-cyan); }
.lf-info-journal-topics h3,.lf-info-journal-topics p { grid-column:1/-1; }
.lf-info-journal-topics h3 { margin-top:30px!important; }
.lf-info-journal-topics p { margin-top:15px!important; font-size:13px; }
.lf-info-journal-now { display:flex; align-items:center; gap:24px; background:var(--lf-soft); padding:32px; margin-top:50px; border-radius:12px; }
.lf-info-journal-now>svg { flex-shrink:0; color:var(--lf-cyan); }
.lf-info-journal-now>div { flex:1; }
.lf-info-journal-now h3 { font-size:21px; }
.lf-info-journal-now p { font-size:12px; margin-top:9px!important; }
.lf-info-api-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:60px; align-items:center; padding-block:80px 70px; }
.lf-info-api-contract { border:1px solid var(--lf-line); border-radius:14px; background:var(--lf-surface); padding:30px; }
.lf-info-api-contract>div { display:flex; gap:13px; color:var(--lf-cyan); align-items:center; font-size:11px; font-weight:650; }
.lf-info-api-contract ol { list-style:none; padding:0; margin:27px 0; font-size:13px; color:var(--lf-ink); }
.lf-info-api-contract li { display:flex; gap:18px; padding-block:15px; border-top:1px solid var(--lf-line); }
.lf-info-api-contract li>span { color:var(--lf-cyan); font-size:11px; font-variant-numeric:tabular-nums; }
.lf-info-api-contract>p { font-size:11px; }
.lf-info-api-scope { display:grid; grid-template-columns:1fr 1fr; gap:80px; border-top:1px solid var(--lf-line); }
.lf-info-api-scope>div { display:grid; gap:27px; }
.lf-info-api-scope h3 { font-size:23px; }
.lf-info-api-scope p { margin-top:12px!important; font-size:14px; }
.lf-info-help-hero { max-width:830px; text-align:center; padding-block:70px 45px; }
.lf-info-help-hero .lf-eyebrow { justify-content:center; }
.lf-info-help-hero .lf-description { margin-inline:auto; }
.lf-info-help-search { display:flex; align-items:center; gap:13px; text-align:left; padding:15px 20px; border:1px solid var(--lf-line); background:var(--lf-surface); border-radius:12px; margin:32px auto 0; max-width:660px; color:var(--lf-cyan); }
.lf-info-help-search:focus-within { outline:3px solid var(--lf-focus); outline-offset:3px; }
.lf-info-help-search svg { flex-shrink:0; }
.lf-info-help-search input { width:100%; min-width:0; outline:none; border:0; background:transparent; color:var(--lf-ink); font-size:14px; line-height:1.7; }
.lf-info-help-search input::placeholder { color:var(--lf-muted); }
.lf-info-help-content { display:grid; grid-template-columns:270px minmax(0,1fr); gap:70px; padding-block:20px 70px; align-items:start; }
.lf-info-help-paths { display:grid; gap:14px; position:sticky; top:145px; }
.lf-info-help-paths>a,.lf-info-help-paths>button { display:grid; grid-template-columns:25px 1fr 17px; gap:8px 11px; padding:22px; text-align:left; color:var(--lf-ink); border:1px solid var(--lf-line); background:var(--lf-soft); border-radius:12px; text-decoration:none; cursor:pointer; }
.lf-info-help-paths>a:hover,.lf-info-help-paths>button:hover { background:var(--lf-hover); }
.lf-info-help-paths svg { color:var(--lf-cyan); }
.lf-info-help-paths strong { font-size:13px; }
.lf-info-help-paths span { grid-column:2/3; font-size:11px; line-height:1.65; color:var(--lf-muted); }
.lf-info-help-paths svg:last-child { grid-row:1/3; grid-column:3/4; align-self:center; }
.lf-info-help-count { font-size:11px; margin-bottom:20px!important; }
.lf-info-help-questions>section { margin-bottom:32px; }
.lf-info-help-questions h2 { font-size:23px; margin-bottom:16px!important; }
.lf-info-help-questions details { border-top:1px solid var(--lf-line); }
.lf-info-help-questions details:last-child { border-bottom:1px solid var(--lf-line); }
.lf-info-help-questions summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; min-height:63px; padding-block:17px; font-size:14px; font-weight:650; cursor:pointer; color:var(--lf-ink); }
.lf-info-help-questions summary::-webkit-details-marker { display:none; }
.lf-info-help-questions summary svg { color:var(--lf-cyan); flex-shrink:0; transition:transform .15s; }
.lf-info-help-questions details[open] summary svg { transform:rotate(180deg); }
.lf-info-help-questions summary:focus-visible { outline:3px solid var(--lf-focus); outline-offset:3px; }
.lf-info-help-questions details>p { padding:0 38px 22px 0; font-size:13px; }
.lf-info-help-empty { border:1px solid var(--lf-line); border-radius:14px; padding:28px; }
.lf-info-help-empty>svg { color:var(--lf-cyan); margin-bottom:20px; }
.lf-info-help-empty p { font-size:13px; margin:16px 0!important; }
.lf-info-support-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:90px; align-items:center; padding-block:80px 65px; }
.lf-info-support-route { border-radius:32px 6px 32px 6px; padding:35px; border:1px solid var(--lf-line); background:var(--lf-soft); }
.lf-info-support-route>svg { color:var(--lf-cyan); margin-bottom:28px; }
.lf-info-support-route h2 { font-size:34px; margin-top:15px!important; }
.lf-info-support-route p { font-size:14px; margin-top:19px!important; }
.lf-info-support-route>a { display:inline-flex; gap:12px; align-items:center; color:var(--lf-cyan); font-size:12px; text-decoration:none; min-height:44px; margin-top:15px; }
.lf-info-support-options { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding-block:10px 50px; }
.lf-info-support-options article { border-top:1px solid var(--lf-line); padding-top:23px; }
.lf-info-support-options article>span { color:var(--lf-cyan); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.lf-info-support-options h2 { font-size:30px; margin-top:19px!important; }
.lf-info-support-options p { font-size:14px; max-width:490px; margin:16px 0!important; }
.lf-info-support-checklist { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.2fr); gap:55px; align-items:center; }
.lf-info-support-checklist h2 { margin-top:20px!important; }
.lf-info-support-checklist ol { padding:0; list-style:none; display:grid; gap:18px; margin:29px 0; }
.lf-info-support-checklist li { display:flex; gap:16px; font-size:13px; color:var(--lf-muted); line-height:1.7; }
.lf-info-support-checklist li>span { color:var(--lf-cyan); font-size:11px; font-variant-numeric:tabular-nums; margin-top:2px; }
.lf-info-support-safe { display:flex; gap:12px; align-items:start; border-top:1px solid var(--lf-line); padding-top:20px; font-size:12px; }
.lf-info-support-safe svg { flex-shrink:0; color:var(--lf-cyan); margin-top:2px; }
.lf-info-policy-hero { padding-block:72px 44px; max-width:1050px; }
.lf-info-policy-hero h1 { font-size:clamp(36px,4.2vw,58px); }
.lf-info-policy-hero .lf-description { max-width:780px; font-size:15px; margin-top:25px!important; }
.lf-info-policy-meta { display:flex; flex-wrap:wrap; gap:11px 20px; align-items:center; font-size:11px; color:var(--lf-muted); }
.lf-info-policy-meta svg { color:var(--lf-cyan); }
.lf-info-policy-body { display:grid; grid-template-columns:230px minmax(0,1fr); gap:70px; padding-block:25px 70px; max-width:1050px; }
.lf-info-policy-body>nav { position:sticky; top:145px; display:grid; align-self:start; }
.lf-info-policy-body>nav>a { display:flex; gap:12px; color:var(--lf-ink); text-decoration:none; font-size:12px; padding:16px 0; border-bottom:1px solid var(--lf-line); line-height:1.7; }
.lf-info-policy-body>nav>a:hover { color:var(--lf-cyan); }
.lf-info-policy-body>nav>a>span { color:var(--lf-cyan); font-size:10px; padding-top:2px; }
.lf-info-policy-body article { border-top:1px solid var(--lf-line); padding:32px 0 38px; scroll-margin-top:145px; }
.lf-info-policy-number { color:var(--lf-cyan); font-size:11px; font-variant-numeric:tabular-nums; }
.lf-info-policy-body h2 { font-size:29px; margin-top:14px!important; }
.lf-info-policy-body article p { font-size:14px; margin-top:17px!important; }
.lf-info-policy-body ul { display:flex; gap:10px; flex-wrap:wrap; list-style:none; padding:0; margin:22px 0 0; }
.lf-info-policy-body li { font-size:11px; color:var(--lf-muted); border:1px solid var(--lf-line); border-radius:5px; padding:8px 11px; }
.lf-info-policy-body .lf-action { margin-top:22px; }
.lf-info-policy-body.lf-info-policy-terms>div { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.lf-info-policy-body.lf-info-policy-terms article:last-child { grid-column:1/-1; }
.lf-info-security-hero { display:grid; grid-template-columns:1.3fr .8fr; gap:85px; align-items:center; padding-block:80px 64px; }
.lf-info-security-note { padding:35px; border-radius:50% 50% 12px 12px / 70px 70px 12px 12px; background:var(--lf-soft); border:1px solid var(--lf-line); }
.lf-info-security-note>svg { color:var(--lf-cyan); margin-bottom:27px; }
.lf-info-security-note h2 { font-size:32px; }
.lf-info-security-note p { font-size:14px; margin-top:19px!important; }
.lf-info-security-note>span { display:block; margin-top:26px; padding-top:20px; border-top:1px solid var(--lf-line); font-size:10px; color:var(--lf-muted); line-height:1.7; }
.lf-info-security-matrix { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; margin-top:30px; }
.lf-info-security-matrix article { border-top:1px solid var(--lf-line); padding-top:24px; }
.lf-info-security-matrix svg { color:var(--lf-cyan); }
.lf-info-security-matrix h2 { font-size:22px; margin-top:24px!important; }
.lf-info-security-matrix p { font-size:13px; margin-top:15px!important; }
.lf-info-security-model { margin-top:30px!important; font-size:12px; max-width:850px; }
.lf-info-security-report { display:grid; grid-template-columns:1.1fr .7fr; gap:80px; padding:42px; margin-bottom:68px; border:1px solid var(--lf-line); background:var(--lf-soft); border-radius:16px; }
.lf-info-security-report h2 { margin-top:17px!important; }
.lf-info-security-report p { font-size:14px; margin:20px 0!important; }
.lf-info-security-report>div:last-child { border-left:1px solid var(--lf-line); padding-left:38px; }
.lf-info-security-report>div:last-child>svg { color:var(--lf-cyan); margin-bottom:23px; }
.lf-info-compliance-hero { padding-block:76px 48px; }
.lf-info-compliance-hero .lf-description { max-width:780px; }
.lf-info-compliance-ledger { padding-block:16px 40px; }
.lf-info-compliance-ledger-head,.lf-info-compliance-ledger article { display:grid; grid-template-columns:1fr 1.8fr; gap:60px; padding-block:26px; border-bottom:1px solid var(--lf-line); }
.lf-info-compliance-ledger-head { color:var(--lf-cyan); font-size:10px; text-transform:uppercase; letter-spacing:.12em; padding-block:15px; }
.lf-info-compliance-ledger h2 { font-size:23px; }
.lf-info-compliance-ledger p { font-size:14px; }
.lf-info-compliance-review { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.lf-info-compliance-review h2 { margin-top:17px!important; }
.lf-info-compliance-review p { font-size:15px; margin-bottom:26px!important; }
.lf-footer.lf-footer-directory .lf-footer-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:30px; padding-block:34px 45px; }
.lf-footer-directory .lf-footer-intro { display:flex; justify-content:space-between; align-items:start; gap:50px; padding-block:50px 35px; border-bottom:1px solid #395265; }
.lf-footer-directory .lf-footer-brand { max-width:420px; }
.lf-footer-directory .lf-footer-brand p { max-width:400px; }
.lf-footer-directory .lf-footer-shortcuts { display:flex; align-items:start; flex-wrap:wrap; gap:12px; }
.lf-footer-directory .lf-footer-shortcuts a { display:inline-flex; gap:12px; align-items:center; padding:12px 16px; min-height:44px; border:1px solid #587086; border-radius:8px; color:#eef6ff; font-size:12px; text-decoration:none; }
.lf-footer-directory .lf-footer-shortcuts a:hover { background:#21435a; border-color:#86e4f1; }
.lf-footer-directory .lf-footer-group h2 { color:#b5d4e3; font-size:10px; line-height:1.5; margin-bottom:15px; }
.lf-footer-directory .lf-footer-group a { display:inline-flex; align-items:center; min-height:36px; color:#d0dce7; line-height:1.55; font-size:12px; }
.lf-footer-directory .lf-footer-group ul { gap:2px; }
.lf-footer-directory .lf-footer-wordmark { opacity:.2; padding-block:3px 22px; }
.lf-footer-directory .lf-footer-bottom { color:#b6cad9; }
.lf-footer-directory .lf-footer-bottom nav { display:flex; gap:20px; flex-wrap:wrap; }
.lf-footer-directory .lf-footer-bottom a { color:#d0dce7; text-decoration:none; min-height:28px; display:inline-flex; align-items:center; }
.lf-footer-directory .lf-footer-bottom a:hover { color:white; text-decoration:underline; text-underline-offset:4px; }
.lf-info-stories [id] { scroll-margin-top:145px; }
.lf-info-screenshot-section { padding-block:68px; }
.lf-info-screenshot-section .lf-section-heading { margin-bottom:32px; }
@media(max-width:1100px) {
  .lf-info-about-hero,.lf-info-journal-hero,.lf-info-support-hero,.lf-info-security-hero { gap:45px; }
  .lf-info-roadmap-lane { grid-template-columns:210px minmax(0,1fr); gap:40px; }
  .lf-info-help-content { gap:35px; grid-template-columns:250px minmax(0,1fr); }
  .lf-info-security-matrix { grid-template-columns:1fr 1fr; }
  .lf-footer-directory .lf-footer-grid { gap:23px!important; }
}
@media(max-width:850px) {
  .lf-info-about-hero,.lf-info-journal-hero,.lf-info-api-hero,.lf-info-support-hero,.lf-info-security-hero { grid-template-columns:1fr; padding-block:50px; gap:32px; }
  .lf-info-about-hero h1,.lf-info-journal-hero h1,.lf-info-api-hero h1,.lf-info-support-hero h1,.lf-info-security-hero h1 { max-width:700px; }
  .lf-info-about-manifesto { max-width:560px; padding:30px; }
  .lf-info-about-manifesto p { font-size:22px; margin-top:17px!important; }
  .lf-info-about-manifesto>span:last-child { margin-top:23px; }
  .lf-info-about-product,.lf-info-support-checklist { grid-template-columns:1fr; gap:30px; }
  .lf-info-story-section { padding-block:55px; }
  .lf-info-about-product>div:first-child,.lf-info-support-checklist>div:first-child { max-width:650px; }
  .lf-info-journal-cover { max-width:430px; aspect-ratio:4/3.6; }
  .lf-info-journal-heading { flex-direction:column; align-items:start; gap:20px; }
  .lf-info-journal-heading>p { max-width:540px; }
  .lf-info-roadmap-feedback { flex-wrap:wrap; }
  .lf-info-roadmap-feedback>div { flex-basis:calc(100% - 70px); }
  .lf-info-api-scope,.lf-info-about-close,.lf-info-compliance-review { gap:40px; }
  .lf-info-help-content { grid-template-columns:1fr; gap:35px; }
  .lf-info-help-paths { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .lf-info-help-paths>a,.lf-info-help-paths>button { display:flex; flex-direction:column; padding:18px; gap:12px; }
  .lf-info-help-paths svg:last-child { display:none; }
  .lf-info-support-route,.lf-info-api-contract,.lf-info-security-note { max-width:530px; }
  .lf-info-policy-body { gap:35px; grid-template-columns:200px minmax(0,1fr); }
  .lf-info-policy-body.lf-info-policy-terms>div { grid-template-columns:1fr; gap:0; }
  .lf-info-security-report { gap:35px; padding:30px; }
  .lf-footer-directory .lf-footer-intro { flex-direction:column; gap:25px; }
  .lf-footer.lf-footer-directory .lf-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px!important; }
}
@media(max-width:600px) {
  .lf-info-stories h1 { font-size:42px; line-height:1.07; margin-block:18px!important; }
  .lf-info-stories h2 { font-size:31px; }
  .lf-info-stories .lf-description { font-size:15px; }
  .lf-info-stories .lf-hero-actions .lf-action { flex:1; min-width:140px; font-size:12px; }
  .lf-info-story-status { font-size:10px; border-radius:9px; padding:10px 12px; }
  .lf-info-about-hero { padding-block:38px 45px; }
  .lf-info-about-manifesto { padding:25px; border-top-right-radius:40px; }
  .lf-info-belief-grid,.lf-info-journal-topics { grid-template-columns:1fr; gap:29px; }
  .lf-info-belief-grid article { border-top:1px solid var(--lf-line); padding-top:22px; }
  .lf-info-belief-grid h3 { margin-top:15px!important; }
  .lf-info-about-beliefs { padding-block:40px; }
  .lf-info-about-close,.lf-info-api-scope,.lf-info-compliance-review { grid-template-columns:1fr; gap:24px; }
  .lf-info-story-section { padding-block:43px; }
  .lf-info-roadmap-hero { padding-block:40px 26px; }
  .lf-info-roadmap-lanes { padding-bottom:25px; }
  .lf-info-roadmap-lane { grid-template-columns:1fr; gap:20px; padding-block:28px; }
  .lf-info-roadmap-line { align-items:center; }
  .lf-info-roadmap-line p { margin-top:0!important; }
  .lf-info-roadmap-line>span { width:30px; height:30px; }
  .lf-info-roadmap-lane h2 { font-size:28px; }
  .lf-info-roadmap-feedback { padding:24px; gap:20px; margin-bottom:40px; }
  .lf-info-roadmap-feedback>svg { width:25px; }
  .lf-info-roadmap-feedback>div { flex-basis:calc(100% - 50px); }
  .lf-info-roadmap-feedback h2 { font-size:23px; }
  .lf-info-roadmap-feedback .lf-action { width:100%; }
  .lf-info-journal-cover { padding:26px; }
  .lf-info-journal-topics { margin-top:29px; }
  .lf-info-journal-topics h3 { margin-top:20px!important; }
  .lf-info-journal-now { flex-wrap:wrap; gap:20px; padding:24px; margin-top:30px; }
  .lf-info-journal-now>div { flex-basis:calc(100% - 50px); }
  .lf-info-journal-now .lf-action { width:100%; }
  .lf-info-api-contract { padding:25px; }
  .lf-info-help-hero { padding-block:40px 26px; text-align:left; }
  .lf-info-help-hero .lf-eyebrow { justify-content:flex-start; }
  .lf-info-help-search { padding:12px 14px; gap:10px; margin-top:23px; }
  .lf-info-help-search input { font-size:12px; }
  .lf-info-help-paths { grid-template-columns:1fr; gap:10px; }
  .lf-info-help-paths>a,.lf-info-help-paths>button { display:grid; padding:16px; gap:5px 12px; }
  .lf-info-help-paths svg:last-child { display:block; }
  .lf-info-help-content { padding-block:10px 40px; gap:26px; }
  .lf-info-help-questions h2 { font-size:23px; }
  .lf-info-help-questions summary { min-height:60px; font-size:13px; }
  .lf-info-support-route { padding:25px; border-radius:24px 5px 24px 5px; }
  .lf-info-support-options { grid-template-columns:1fr; gap:23px; padding-bottom:15px; }
  .lf-info-support-options h2 { font-size:27px; }
  .lf-info-support-checklist { gap:28px; }
  .lf-info-policy-hero { padding-block:40px 25px; }
  .lf-info-policy-hero h1 { font-size:37px; }
  .lf-info-policy-meta { gap:10px 12px; font-size:10px; }
  .lf-info-policy-body { grid-template-columns:1fr; gap:22px; padding-block:10px 40px; }
  .lf-info-policy-body>nav { position:static; display:flex; flex-wrap:wrap; gap:12px 20px; }
  .lf-info-policy-body>nav>.lf-info-story-label { width:100%; }
  .lf-info-policy-body>nav>a { padding:6px 0; font-size:11px; }
  .lf-info-policy-body article { padding-block:25px; }
  .lf-info-policy-body h2 { font-size:26px; }
  .lf-info-security-note { padding:27px; }
  .lf-info-security-matrix { grid-template-columns:1fr; gap:26px; }
  .lf-info-security-matrix article { display:grid; grid-template-columns:30px 1fr; gap:12px 15px; }
  .lf-info-security-matrix h2 { margin-top:0!important; font-size:23px; }
  .lf-info-security-matrix p { grid-column:2/3; margin-top:0!important; }
  .lf-info-security-report { grid-template-columns:1fr; gap:30px; padding:25px; margin-bottom:40px; }
  .lf-info-security-report>div:last-child { border-left:0; border-top:1px solid var(--lf-line); padding:24px 0 0; }
  .lf-info-security-report .lf-action { width:100%; }
  .lf-info-compliance-hero { padding-block:40px 28px; }
  .lf-info-compliance-ledger-head { display:none; }
  .lf-info-compliance-ledger article { grid-template-columns:1fr; gap:13px; padding-block:23px; }
  .lf-info-compliance-ledger h2 { font-size:24px; }
  .lf-info-compliance-ledger { padding-bottom:5px; }
  .lf-info-story-related { gap:8px 20px; padding-block:22px 30px; }
  .lf-info-story-related a { font-size:11px; }
  .lf-footer-directory .lf-footer-intro { padding-block:35px 25px; }
  .lf-footer.lf-footer-directory .lf-footer-grid { grid-template-columns:1fr 1fr; gap:28px 18px!important; padding-block:28px 32px; }
  .lf-footer-directory .lf-footer-group a { min-height:44px; font-size:11px; }
  .lf-footer-directory .lf-footer-shortcuts { width:100%; gap:10px; }
  .lf-footer-directory .lf-footer-shortcuts a { flex:1; min-width:120px; justify-content:center; font-size:11px; padding:11px; }
  .lf-footer-directory .lf-footer-wordmark { padding-bottom:18px; }
  .lf-footer-directory .lf-footer-bottom nav { gap:13px; }
  .lf-info-screenshot-section { padding-block:40px; }
}
@media(prefers-reduced-motion:reduce) { .lf-info-help-questions summary svg { transition:none; } }
@media(forced-colors:active) { .lf-info-about-manifesto,.lf-info-journal-cover,.lf-info-support-route,.lf-info-api-contract,.lf-info-security-note,.lf-info-security-report,.lf-info-roadmap-feedback { border:1px solid CanvasText; } }
.lf-careers-product-glimpse { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.3fr); gap:60px; align-items:center; border-top:1px solid var(--lf-line); }
.lf-careers-product-glimpse h2 { font-size:clamp(32px,3.4vw,44px); line-height:1.13; letter-spacing:-.045em; font-weight:600; margin-top:20px!important; }
.lf-careers-product-glimpse h2 em { color:var(--lf-cyan); font-style:normal; }
.lf-careers-product-glimpse p { font-size:14px; color:var(--lf-muted); line-height:1.85; margin:20px 0 10px!important; }
.lf-staff-role-explorer { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr); gap:60px; align-items:center; border-bottom:1px solid var(--lf-line); }
.lf-staff-role-explorer .lf-section-heading { margin-bottom:0; }
.lf-staff-role-explorer .lf-staff-illustration figcaption { color:var(--lf-muted); }
.lf-staff-story-hero .lf-real-shot figcaption p { color:#c3d7e5; }
.lf-staff-story-hero .lf-real-shot figcaption>span { color:#87e8ef; }
.lf-status-story-nav { display:flex; gap:22px; flex-wrap:wrap; align-items:center; padding-block:20px; border-bottom:1px solid var(--lf-line); }
.lf-status-story-nav>span { display:inline-flex; gap:10px; align-items:center; margin-right:auto; color:var(--lf-muted); font-size:11px; }
.lf-status-story-nav>span svg { color:var(--lf-cyan); }
.lf-status-story-nav a { display:inline-flex; gap:8px; align-items:center; color:var(--lf-cyan); text-decoration:none; min-height:34px; font-size:11px; font-weight:650; }
.lf-status-story-nav a:hover { text-decoration:underline; text-underline-offset:4px; }
.lf-status-marketing-story .lf-status-hero { padding-block:48px 40px; }
@media(max-width:850px) { .lf-careers-product-glimpse,.lf-staff-role-explorer { grid-template-columns:1fr; gap:32px; } }
@media(max-width:600px) { .lf-status-story-nav { gap:3px 22px; padding-block:12px; } .lf-status-story-nav>span { width:100%; font-size:10px; margin-bottom:3px; } .lf-status-story-nav a { min-height:44px; font-size:10px; } .lf-status-marketing-story .lf-status-hero { padding-block:30px; } .lf-careers-product-glimpse { gap:26px; } }

/* src/app/components/marketing/apps-marketing.css */
.lf-apps-page,.lf-app-detail-page{--apps-ink:#102a3a;--apps-muted:#536b78;--apps-line:#d6e3e8;--apps-accent:#057c93;--apps-paper:#fff;--apps-tint:#edf5f7;background:#f7fafb;color:var(--apps-ink)}
:is(.lf-apps-page,.lf-app-detail-page) main{font-family:inherit}
:is(.lf-apps-page,.lf-app-detail-page) :is(h1,h2,h3){color:var(--apps-ink);font-weight:650;letter-spacing:-.045em;line-height:1.12}
:is(.lf-apps-page,.lf-app-detail-page) main a{text-decoration:none}
:is(.lf-apps-page,.lf-app-detail-page) .lf-eyebrow{color:var(--apps-accent);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
:is(.lf-apps-page,.lf-app-detail-page) main a:focus-visible{outline:3px solid var(--apps-accent);outline-offset:5px}
.lf-apps-intro{padding-block:72px 66px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}
.lf-apps-intro h1{font-size:clamp(43px,5.4vw,75px);margin:20px 0;max-width:760px}
.lf-apps-intro h1 em{font-style:normal;color:var(--apps-accent)}
.lf-apps-intro>div>p:not(.lf-eyebrow){max-width:580px;font-size:17px;line-height:1.85;color:var(--apps-muted)}
.lf-apps-intro-actions{margin-top:28px}
.lf-apps-intro-index{border:1px solid var(--apps-line);background:var(--apps-paper);padding:27px;border-radius:20px;transform:rotate(1deg)}
.lf-apps-index-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;padding-bottom:22px}
.lf-apps-intro-index>a{display:flex;align-items:center;gap:14px;border-top:1px solid var(--apps-line);min-height:84px;color:var(--apps-ink)}
.lf-apps-index-number{font-size:11px;letter-spacing:.09em;color:var(--apps-muted)}
.lf-apps-intro-index>a>span:nth-child(2){display:grid;gap:7px;flex:1}
.lf-apps-intro-index strong{font-size:15px;letter-spacing:-.02em;font-weight:650}
.lf-apps-intro-index small{font-size:11px;color:var(--apps-muted)}
.lf-apps-intro-index>a:hover strong{color:var(--apps-accent)}
.lf-apps-intro-index>p{padding-top:14px;border-top:1px solid var(--apps-line);font-size:11px;color:var(--apps-muted);line-height:1.7}
.lf-apps-available{padding-block:22px 70px;scroll-margin-top:120px}
.lf-apps-section-title{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}
.lf-apps-section-title h2{font-size:clamp(26px,2.8vw,38px);margin-top:12px}
.lf-apps-count{flex:none;font-size:12px;background:var(--apps-tint);border:1px solid var(--apps-line);border-radius:99px;padding:8px 13px}
.lf-apps-catalog-message{padding:25px 0;color:var(--apps-muted);font-size:14px;line-height:1.7}
.lf-apps-cards{display:grid;gap:27px}
.lf-apps-card{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--apps-line);border-radius:22px;background:var(--apps-paper);overflow:hidden;min-width:0}
.lf-apps-card-copy{padding:34px 36px;display:flex;flex-direction:column;min-width:0}
.lf-apps-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}
.lf-apps-card-number{font-size:13px;color:var(--apps-muted)}
.lf-apps-price{color:var(--apps-ink);background:var(--apps-tint);border:1px solid var(--apps-line);border-radius:99px;padding:5px 10px;font-size:11px}
.lf-apps-card-copy h3{font-size:clamp(25px,2.4vw,32px);margin:14px 0}
.lf-apps-card-copy>p:not(.lf-eyebrow){font-size:14px;line-height:1.85;color:var(--apps-muted)}
.lf-apps-card-copy>ul{padding:0;list-style:none;display:grid;gap:11px;margin:23px 0}
.lf-apps-card-copy li{display:flex;gap:9px;font-size:12px;line-height:1.7}
.lf-apps-card-copy li svg{flex:none;color:var(--apps-accent);margin-top:3px}
.lf-apps-card-copy .lf-apps-requires{font-size:11px;margin:0 0 16px}
.lf-apps-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-top:15px;margin-top:auto;border-top:1px solid var(--apps-line);color:var(--apps-ink);font-weight:650;font-size:13px}
.lf-apps-card-link:hover{color:var(--apps-accent)}
.lf-apps-card-art{background:#e9f1f6;display:grid;align-content:center;padding:32px 28px;min-width:0;border-left:1px solid var(--apps-line)}
.lf-apps-card-growth .lf-apps-card-art{background:#e8f2ed}
.lf-apps-card-conversation .lf-apps-card-art{background:#f5eedc}
.lf-apps-card-art .lf-real-shot{--shot-ink:var(--apps-ink);--shot-muted:var(--apps-muted)}
.lf-apps-card-art .lf-real-shot figcaption{display:block;font-size:10px}
.lf-apps-card-art .lf-real-shot figcaption p{margin-top:4px}
.lf-apps-card-symbol{display:grid;justify-items:center;gap:24px;color:var(--apps-accent)}
.lf-apps-card-symbol>span{font-size:13px;color:var(--apps-muted)}
.lf-apps-form-flow{padding:14px 5px;min-width:0;color:var(--apps-ink)}
.lf-apps-form-flow>ol{list-style:none;padding:0;margin:28px 0}
.lf-apps-form-flow li{display:flex;align-items:center;gap:20px;min-height:77px;border-block-end:1px solid var(--apps-line)}
.lf-apps-form-flow li:first-child{border-block-start:1px solid var(--apps-line)}
.lf-apps-form-flow li>span{font-size:11px;color:var(--apps-muted);letter-spacing:.08em}
.lf-apps-form-flow li strong{font-size:clamp(16px,1.8vw,23px);font-weight:600;letter-spacing:-.035em;flex:1}
.lf-apps-form-flow>p{font-size:12px;color:var(--apps-muted);line-height:1.8}
:is(.lf-apps-choose,.lf-apps-answers){display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;padding-block:55px;border-top:1px solid var(--apps-line)}
:is(.lf-apps-choose,.lf-apps-answers) h2{font-size:clamp(28px,3vw,41px);margin-top:15px}
.lf-apps-section-description{color:var(--apps-muted);font-size:14px;line-height:1.85;margin-top:20px;max-width:370px}
.lf-apps-choice-list{display:grid;gap:13px}
.lf-apps-choice-list>a{display:grid;gap:12px;background:var(--apps-paper);border:1px solid var(--apps-line);border-radius:14px;padding:20px 24px;transition:border-color .2s}
.lf-apps-choice-list>a:hover{border-color:var(--apps-accent)}
.lf-apps-choice-list>a>span{font-size:13px;line-height:1.8;color:var(--apps-muted)}
.lf-apps-choice-list strong{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:650;color:var(--apps-ink)}
.lf-apps-answers .lf-faq summary{padding-block:19px;line-height:1.7}
.lf-apps-answers .lf-faq p{font-size:13px;line-height:1.9;color:var(--apps-muted)}
.lf-apps-upcoming{padding-block:15px 60px}
.lf-apps-upcoming>details{border:1px solid var(--apps-line);border-radius:17px;background:var(--apps-tint);overflow:hidden}
.lf-apps-upcoming>details>summary{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}
.lf-apps-upcoming summary>span{display:grid;gap:9px}
.lf-apps-upcoming summary strong{font-size:24px;font-weight:600;letter-spacing:-.03em}
.lf-apps-upcoming summary small{font-size:12px;color:var(--apps-muted);line-height:1.7}
.lf-apps-roadmap{border-top:1px solid var(--apps-line);padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.lf-apps-roadmap h3{font-size:16px;margin-bottom:13px}
.lf-apps-roadmap a{display:flex;align-items:start;justify-content:space-between;gap:16px;border-top:1px solid var(--apps-line);padding-block:16px;color:var(--apps-ink)}
.lf-apps-roadmap a>span:first-child{display:grid;gap:8px;min-width:0}
.lf-apps-roadmap strong{font-size:13px;font-weight:650}
.lf-apps-roadmap small{font-size:12px;line-height:1.8;color:var(--apps-muted)}
.lf-apps-roadmap-status{flex:none;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--apps-muted);padding-top:3px}
.lf-apps-start{padding-block:52px;background:var(--apps-tint);border-top:1px solid var(--apps-line)}
.lf-apps-start>.lf-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}
.lf-apps-start h2{font-size:clamp(29px,3.2vw,44px);margin:15px 0}
.lf-apps-start p:not(.lf-eyebrow){color:var(--apps-muted);font-size:14px;line-height:1.8}
.lf-apps-start .lf-action{flex:none}
.lf-apps-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--apps-muted);font-size:13px}
.lf-apps-detail-hero{padding-block:26px 65px;border-bottom:1px solid var(--apps-line);background:#eef5f8}
.lf-apps-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:32px;min-width:0}
.lf-apps-detail-copy{min-width:0}
.lf-apps-detail-name{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.lf-apps-detail-name>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--apps-line);border-radius:12px;background:var(--apps-paper);color:var(--apps-accent)}
.lf-apps-detail-name>strong{font-weight:650;font-size:14px;letter-spacing:-.01em}
.lf-apps-detail-copy h1{font-size:clamp(40px,4.3vw,64px);margin:18px 0 23px;text-wrap:balance}
.lf-apps-detail-purpose{max-width:570px;font-size:17px;line-height:1.85;color:var(--apps-muted)}
.lf-apps-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.lf-apps-detail-badges>span{font-size:11px;border:1px solid var(--apps-line);background:var(--apps-paper);border-radius:99px;padding:6px 11px;color:var(--apps-muted)}
.lf-apps-detail-badges .lf-apps-status-ready{background:#e3f3e9;border-color:#c4dfce;color:#285f4e}
.lf-apps-detail-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:27px}
.lf-apps-setup-note,.lf-apps-availability-note{margin-top:16px;max-width:560px;font-size:12px;line-height:1.85;color:var(--apps-muted)}
.lf-apps-detail-screen{min-width:0}
.lf-apps-detail-screen .lf-real-shot{--shot-ink:var(--apps-ink);--shot-muted:var(--apps-muted)}
.lf-app-detail-access .lf-apps-detail-grid{grid-template-columns:1fr;gap:35px}
.lf-app-detail-access .lf-apps-detail-copy{max-width:780px}
.lf-app-detail-access .lf-apps-detail-copy h1{font-size:clamp(45px,5.4vw,77px)}
.lf-app-detail-access .lf-apps-detail-purpose{max-width:650px}
.lf-app-detail-access .lf-apps-detail-screen{max-width:1060px;margin-inline:auto;width:100%}
.lf-app-detail-access .lf-apps-detail-hero{background:linear-gradient(120deg,#eef4f9,#f7fafb)}
.lf-app-detail-growth{--apps-accent:#237263}
.lf-app-detail-growth .lf-apps-detail-hero{background:#ebf4ef}
.lf-app-detail-growth .lf-apps-detail-grid{grid-template-columns:.95fr 1.05fr;gap:38px}
.lf-app-detail-growth .lf-apps-detail-copy h1{font-size:clamp(39px,4vw,59px)}
.lf-app-detail-conversation{--apps-accent:#846522}
.lf-app-detail-conversation .lf-apps-detail-hero{background:#f7f2e6}
.lf-app-detail-conversation .lf-apps-form-flow{border:1px solid var(--apps-line);background:var(--apps-paper);border-radius:20px;padding:35px}
.lf-apps-planned-note{border:1px solid var(--apps-line);border-radius:20px;background:var(--apps-paper);padding:35px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:22px}
.lf-apps-planned-note>svg{color:var(--apps-accent)}
.lf-apps-planned-note h2{font-size:30px}
.lf-apps-planned-note p:not(.lf-eyebrow){font-size:14px;line-height:1.85;color:var(--apps-muted)}
.lf-apps-planned-note>span{font-size:11px;color:var(--apps-muted)}
.lf-apps-detail-planned .lf-apps-card-link{max-width:270px;margin-top:23px}
.lf-apps-story-benefits{padding-block:70px;display:grid;grid-template-columns:1fr 1fr;gap:65px}
.lf-apps-story-heading h2{font-size:clamp(31px,3.5vw,48px);margin-top:18px}
.lf-apps-story-heading>p:last-child{font-size:14px;line-height:1.85;color:var(--apps-muted);margin-top:22px;max-width:380px}
.lf-apps-highlight-list{display:grid;gap:26px}
.lf-apps-highlight-list article{display:flex;align-items:start;gap:17px}
.lf-apps-highlight-list article>svg{color:var(--apps-accent);flex:none;margin-top:2px}
.lf-apps-highlight-list h3{font-size:20px;margin-bottom:10px}
.lf-apps-highlight-list p{font-size:14px;line-height:1.85;color:var(--apps-muted)}
.lf-app-detail-growth .lf-apps-story-benefits{display:block}
.lf-app-detail-growth .lf-apps-story-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.lf-app-detail-growth .lf-apps-story-heading>.lf-eyebrow{grid-column:1/-1}
.lf-app-detail-growth .lf-apps-story-heading>p:last-child{align-self:center;max-width:none}
.lf-app-detail-growth .lf-apps-highlight-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px}
.lf-app-detail-growth .lf-apps-highlight-list article{display:block;border-top:1px solid var(--apps-line);padding-top:22px}
.lf-app-detail-growth .lf-apps-highlight-list h3{margin-top:20px}
.lf-apps-detail-benefits{padding-block:42px 62px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--apps-line)}
.lf-apps-detail-benefits h2,.lf-apps-how h2,.lf-apps-guide-section h2,.lf-apps-current-scope h2,.lf-apps-next h2{font-size:clamp(27px,2.8vw,39px);margin-top:15px}
.lf-apps-fit{font-size:14px;line-height:1.8;color:var(--apps-muted);margin-top:20px}
.lf-apps-benefit-list{list-style:none;padding:0;margin:0;display:grid;gap:14px;align-content:start}
.lf-apps-benefit-list li{display:flex;gap:12px;font-size:14px;line-height:1.85}
.lf-apps-benefit-list svg{flex:none;color:var(--apps-accent);margin-top:4px}
.lf-apps-how{background:var(--apps-tint);border-block:1px solid var(--apps-line);padding-block:52px;scroll-margin-top:120px}
.lf-apps-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:35px;padding:0}
.lf-apps-steps li>span{font-size:12px;color:var(--apps-accent);font-weight:700}
.lf-apps-steps h3{font-size:22px;margin:15px 0}
.lf-apps-steps p{font-size:13px;line-height:1.9;color:var(--apps-muted)}
.lf-apps-current-scope{padding-block:60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}
.lf-apps-scope-list{display:grid;gap:24px}
.lf-apps-scope-list article{padding-bottom:24px;border-bottom:1px solid var(--apps-line)}
.lf-apps-scope-list h3{font-size:17px;margin-bottom:10px}
.lf-apps-scope-list p{font-size:13px;line-height:1.9;color:var(--apps-muted)}
.lf-apps-guide-section{padding-block:48px 60px;border-top:1px solid var(--apps-line)}
.lf-apps-guide-section>.lf-app-guide{margin-top:28px;max-width:900px;color:var(--apps-ink)}
.lf-app-detail-page .lf-app-guide-installation{color:var(--apps-muted);font-size:14px;line-height:1.9;margin-bottom:22px}
.lf-app-detail-page .lf-app-guide-disclosure{border:1px solid var(--apps-line);background:var(--apps-paper);border-radius:12px;margin-bottom:11px}
.lf-app-detail-page .lf-app-guide-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:20px;cursor:pointer;font-size:14px;font-weight:650;color:var(--apps-ink)}
.lf-app-detail-page .lf-app-guide-disclosure>summary>span{display:flex;align-items:center;gap:8px}
.lf-app-detail-page .lf-app-guide-disclosure>summary svg{color:var(--apps-muted);flex:none}
.lf-app-detail-page .lf-app-guide-items{list-style:disc;padding:0 35px 23px;margin:0;color:var(--apps-muted);font-size:13px;line-height:1.9}
.lf-app-detail-page .lf-app-guide-items>li+li{margin-top:12px}
.lf-app-detail-page .lf-app-guide-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 20px 20px}
.lf-app-detail-page .lf-app-guide-pages>div{padding:16px;border:1px solid var(--apps-line);border-radius:9px;font-size:13px;line-height:1.8}
.lf-app-detail-page .lf-app-guide-pages p:last-child{font-size:12px;color:var(--apps-muted);margin-top:9px}
.lf-app-detail-page .lf-app-guide-pages code{font-size:11px;color:var(--apps-accent)}
.lf-apps-auth-guide-answer{padding:0 20px 22px;color:var(--apps-muted);font-size:13px;line-height:1.9}
.lf-apps-next{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-block:40px 60px;border-top:1px solid var(--apps-line)}
.lf-apps-next-heading{display:flex;align-items:start;gap:17px}
.lf-apps-next-heading>svg{flex:none;color:var(--apps-accent);margin-top:3px}
.lf-apps-next-heading p:last-child{font-size:13px;color:var(--apps-muted);line-height:1.85;margin-top:18px;max-width:400px}
.lf-apps-next ul{list-style:none;padding:0;margin:0;display:grid;gap:14px;align-content:start}
.lf-apps-next li{display:flex;align-items:baseline;gap:12px;font-size:13px;line-height:1.8;color:var(--apps-muted)}
.lf-apps-next li>span{font-size:10px;white-space:nowrap;color:var(--apps-ink);border:1px solid var(--apps-line);border-radius:99px;padding:3px 8px;background:var(--apps-tint)}
.lf-apps-requirements{padding-block:0 50px}
.lf-apps-requirements h2{font-size:23px}
.lf-apps-requirements ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin-top:20px}
.lf-apps-requirements li{display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid var(--apps-line);border-radius:10px;font-size:13px}
.lf-apps-empty{padding-block:60px;min-height:60vh}
.lf-apps-empty h1{font-size:42px;margin-block:25px}
.lf-apps-empty>p{color:var(--apps-muted);font-size:14px;line-height:1.8}
:is(.lf-apps-page,.lf-app-detail-page) main summary:focus-visible{outline:3px solid var(--apps-accent);outline-offset:4px}
:is(.lf-apps-page,.lf-app-detail-page) summary::-webkit-details-marker{display:none}
:is(.lf-apps-page,.lf-app-detail-page) details[open]>summary>svg:last-child{transform:rotate(180deg)}
html[data-marketing-theme='dark'] :is(.lf-apps-page,.lf-app-detail-page){--apps-paper:#102235;--apps-tint:#112d3d}
html[data-marketing-theme='dark'] .lf-app-detail-growth{--apps-accent:#9de4c5}
html[data-marketing-theme='dark'] .lf-app-detail-conversation{--apps-accent:#efd891}
html[data-marketing-theme='dark'] :is(.lf-apps-intro-index,.lf-apps-planned-note,.lf-app-detail-conversation .lf-apps-form-flow){background:var(--apps-paper)}
html[data-marketing-theme='dark'] .lf-apps-card-art{background:#182e43!important}
html[data-marketing-theme='dark'] .lf-apps-card-growth .lf-apps-card-art{background:#17382f!important}
html[data-marketing-theme='dark'] .lf-apps-card-conversation .lf-apps-card-art{background:#352f22!important}
html[data-marketing-theme='dark'] :is(.lf-apps-story-heading,.lf-apps-form-flow,.lf-apps-card-symbol,.lf-apps-detail-name){color:var(--apps-ink)}
@media(max-width:1050px){.lf-apps-intro{gap:35px}.lf-apps-card-copy{padding:28px}.lf-apps-card-art{padding:25px}.lf-apps-detail-grid{gap:30px}:is(.lf-apps-choose,.lf-apps-answers,.lf-apps-story-benefits,.lf-apps-current-scope){gap:35px}.lf-apps-detail-copy h1{font-size:46px}.lf-app-detail-growth .lf-apps-detail-copy h1{font-size:42px}.lf-app-detail-conversation .lf-apps-form-flow{padding:27px}}
@media(max-width:760px){
.lf-apps-intro{grid-template-columns:1fr;padding-block:37px 40px;gap:28px}.lf-apps-intro h1{font-size:clamp(41px,10vw,58px)}.lf-apps-intro>div>p:not(.lf-eyebrow){font-size:15px}.lf-apps-intro-index{padding:20px;transform:none}.lf-apps-intro-index>a{min-height:72px}.lf-apps-intro-index>p{padding-top:12px}.lf-apps-available{padding-block:15px 40px}.lf-apps-section-title{align-items:start;gap:13px}.lf-apps-section-title h2{font-size:27px}.lf-apps-count{font-size:10px;padding:6px 9px;white-space:nowrap;margin-top:4px}.lf-apps-card{grid-template-columns:1fr;border-radius:17px}.lf-apps-card-copy{padding:24px}.lf-apps-card-top{margin-bottom:24px}.lf-apps-card-copy h3{font-size:28px}.lf-apps-card-art{border-left:0;border-top:1px solid var(--apps-line);padding:24px}.lf-apps-card-art .lf-real-shot figcaption{font-size:11px}.lf-apps-cards{gap:24px}:is(.lf-apps-choose,.lf-apps-answers){grid-template-columns:1fr;gap:24px;padding-block:37px}:is(.lf-apps-choose,.lf-apps-answers) h2{font-size:31px}.lf-apps-section-description{margin-top:17px}.lf-apps-choice-list>a{padding:19px 20px}.lf-apps-upcoming{padding-block:0 38px}.lf-apps-upcoming>details>summary{padding:21px}.lf-apps-upcoming summary strong{font-size:23px}.lf-apps-roadmap{grid-template-columns:1fr;padding:21px;gap:24px}.lf-apps-start{padding-block:36px}.lf-apps-start>.lf-wrap{flex-direction:column;align-items:start;gap:22px}.lf-apps-start h2{font-size:32px}.lf-apps-detail-hero{padding-block:18px 38px}.lf-apps-detail-grid,.lf-app-detail-growth .lf-apps-detail-grid{grid-template-columns:1fr;gap:29px;margin-top:23px}.lf-apps-detail-name{margin-bottom:24px}.lf-apps-detail-copy h1,.lf-app-detail-access .lf-apps-detail-copy h1,.lf-app-detail-growth .lf-apps-detail-copy h1{font-size:clamp(36px,9.7vw,48px);overflow-wrap:anywhere}.lf-apps-detail-purpose{font-size:15px}.lf-apps-detail-actions{gap:20px}.lf-apps-detail-badges>span{font-size:10px}.lf-app-detail-conversation .lf-apps-form-flow{padding:25px}.lf-apps-planned-note{padding:26px}.lf-apps-planned-note h2{font-size:28px}.lf-apps-story-benefits{padding-block:40px;grid-template-columns:1fr;gap:28px}.lf-apps-story-heading h2{font-size:34px}.lf-apps-story-heading>p:last-child{margin-top:17px}.lf-apps-highlight-list{gap:25px}.lf-apps-highlight-list h3{font-size:20px}.lf-apps-highlight-list p{font-size:13px}.lf-app-detail-growth .lf-apps-story-heading{display:block}.lf-app-detail-growth .lf-apps-highlight-list{grid-template-columns:1fr;gap:24px}.lf-app-detail-growth .lf-apps-highlight-list article{display:flex;gap:17px}.lf-app-detail-growth .lf-apps-highlight-list h3{margin-top:0}.lf-apps-detail-benefits{padding-block:35px 40px;grid-template-columns:1fr;gap:27px}.lf-apps-detail-benefits h2,.lf-apps-how h2,.lf-apps-guide-section h2,.lf-apps-current-scope h2,.lf-apps-next h2{font-size:29px}.lf-apps-benefit-list{gap:12px}.lf-apps-benefit-list li{font-size:13px}.lf-apps-how{padding-block:36px}.lf-apps-steps{grid-template-columns:1fr;gap:25px;margin-top:27px}.lf-apps-steps li{display:grid;grid-template-columns:28px 1fr;column-gap:10px}.lf-apps-steps li>span{grid-row:1/3;padding-top:2px}.lf-apps-steps h3{font-size:20px;margin:0 0 10px}.lf-apps-current-scope{padding-block:40px;grid-template-columns:1fr;gap:27px}.lf-apps-scope-list{gap:20px}.lf-apps-scope-list article{padding-bottom:20px}.lf-apps-guide-section{padding-block:38px}.lf-app-detail-page .lf-app-guide-disclosure>summary{padding:17px;font-size:13px}.lf-app-detail-page .lf-app-guide-pages{grid-template-columns:1fr;padding:0 17px 17px}.lf-app-detail-page .lf-app-guide-items{padding-inline:30px;overflow-wrap:anywhere}.lf-apps-auth-guide-answer{padding:0 17px 19px}.lf-apps-next{grid-template-columns:1fr;gap:25px;padding-block:35px 40px}.lf-apps-next-heading{gap:13px}.lf-apps-next li{align-items:start;font-size:12px}.lf-apps-requirements{padding-bottom:38px}.lf-apps-form-flow li{gap:15px;min-height:72px}.lf-apps-form-flow li strong{font-size:18px}
}
@media(max-width:380px){.lf-apps-section-title{display:block}.lf-apps-count{display:inline-block;margin-top:16px}.lf-apps-detail-copy h1{font-size:35px}.lf-apps-card-copy{padding:21px}.lf-apps-card-art{padding:20px}.lf-apps-intro h1{font-size:40px}.lf-apps-detail-badges{gap:6px}.lf-apps-detail-badges>span{font-size:9px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){:is(.lf-apps-page,.lf-app-detail-page) *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){:is(.lf-apps-page,.lf-app-detail-page) main *{color:CanvasText!important;border-color:CanvasText!important}:is(.lf-apps-page,.lf-app-detail-page) main a{color:LinkText!important}:is(.lf-apps-page,.lf-app-detail-page) summary:focus-visible{outline-color:Highlight}}

/* src/app/components/marketing/product-marketing.css */
.lf-story-hero { padding:76px 0 66px; background:radial-gradient(ellipse at 90% 4%,#e1eff8,transparent 60%),#fafbfd; border-bottom:1px solid var(--lf-line); }
.lf-story-hero-grid { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); gap:58px; align-items:center; }
.lf-story-hero-grid>* { min-width:0; }
.lf-story-hero h1 { font-size:clamp(40px,4.25vw,64px); line-height:1.06; letter-spacing:-.055em; font-weight:600; margin:25px 0; text-wrap:balance; }
.lf-story-hero h1 em { font-style:normal; color:#087a99; }
.lf-story-hero .lf-description { font-size:15px; line-height:1.85; }
.lf-story-availability { display:flex; align-items:start; gap:8px; font-size:10px; line-height:1.8; color:#50677d; margin-top:23px; }
.lf-story-availability svg { flex:none; color:#137e8d; margin-top:1px; }
.lf-story-hero a.lf-action { text-decoration:none; }
.lf-story-illustration { border:1px solid #becfdf; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 28px 70px -35px #1c385e44; }
.lf-story-window { min-height:43px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; border-bottom:1px solid #213b54; background:#0d2137; color:#abc8df; font-size:8px; }
.lf-story-window>span:first-child { display:flex; gap:4px; }
.lf-story-window i { width:5px; height:5px; border-radius:50%; background:#55738e; }
.lf-story-window strong { font-weight:500; }
.lf-story-window>span:last-child { color:#86accc; font-size:7px; }
.lf-story-status { background:#f4f8fc; color:#536b80; border-top:1px solid #dce7ee; padding:15px 18px; font-size:10px; line-height:1.8; margin:0; }
.lf-product-story button { cursor:pointer; }
.lf-product-story button:disabled { cursor:default; opacity:.4; }
.lf-story-illustration button { transition:background .15s,border-color .15s; }
.lf-story-illustration button[aria-pressed=true] { border-color:#118aa3; background:#e5f6fa; color:#075e79; }
.lf-story-editor-tools { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:14px 17px; background:#f8fbfd; border-bottom:1px solid #dce7ee; font-size:8px; color:#48667e; }
.lf-story-editor-tools>span { display:inline-flex; align-items:center; gap:5px; }
.lf-story-editor-tools>span:last-child { color:#397267; }
.lf-story-editor-layout { display:grid; grid-template-columns:38px minmax(0,1fr) 142px; min-height:340px; }
.lf-story-editor-rail { display:flex; flex-direction:column; align-items:center; gap:23px; padding:20px 5px; color:#6d8aa2; background:#f0f5fa; border-right:1px solid #dce7ee; }
.lf-story-editor-rail svg { width:16px; height:16px; }
.lf-story-editor-canvas { background:#edf1e8; padding:19px 19px 24px; overflow:hidden; }
.lf-story-sample-brand { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-bottom:20px; margin-bottom:23px; border-bottom:1px solid #cdd7c6; font-size:8px; }
.lf-story-sample-brand strong { letter-spacing:.08em; font-weight:650; }
.lf-story-sample-brand>span { color:#6f7c63; font-size:6px; }
.lf-story-blocks { display:flex; flex-direction:column; position:relative; z-index:1; }
.lf-story-block { position:relative; display:block; width:100%; border:1px solid transparent; color:#273926; padding:7px; background:transparent; border-radius:3px; }
.lf-story-block[aria-pressed=true] { background:#ffffff66!important; border-color:#1580a7!important; color:#273926!important; }
.lf-story-block:hover { border-color:#93aa97; }
.lf-story-block-label { display:none; position:absolute; top:-14px; left:-1px; background:#1580a7; color:#fff; padding:2px 5px; font-size:6px; line-height:1.5; letter-spacing:0; font-weight:500; }
.lf-story-block[aria-pressed=true] .lf-story-block-label { display:block; }
.lf-story-block-heading { font-size:28px; line-height:1.08; letter-spacing:-.045em; font-weight:600; }
.lf-story-block-paragraph { font-size:10px; line-height:1.8; }
.lf-story-block-button>span:last-child { display:inline-flex; padding:9px 12px; font-size:8px; font-weight:650; background:#254e42; color:#f9fbf4; border-radius:4px; }
.lf-story-sample-art { display:flex; gap:9px; align-items:end; height:45px; margin-top:25px; opacity:.75; }
.lf-story-sample-art>span { width:26%; height:25px; background:#b6c6a9; border-radius:50px 50px 0 0; }
.lf-story-sample-art>span:nth-child(2) { height:43px; background:#97ab85; }
.lf-story-sample-art>span:nth-child(3) { height:32px; background:#6a8865; }
.lf-story-inspector { padding:18px 12px; border-left:1px solid #dce7ee; background:#f9fcfe; }
.lf-story-inspector>strong { display:flex; align-items:center; gap:8px; font-size:10px; color:#244663; padding-bottom:17px; border-bottom:1px solid #dce7ee; }
.lf-story-inspector fieldset { margin:18px 0 0; padding:0; border:0; }
.lf-story-inspector legend { font-size:8px; font-weight:600; color:#537087; padding:0; margin-bottom:8px; }
.lf-story-inspector fieldset>div { display:flex; gap:4px; }
.lf-story-inspector button { display:flex; align-items:center; justify-content:center; flex:1; min-width:0; min-height:36px; padding:6px; font-size:8px; border:1px solid #cad8e3; border-radius:4px; background:white; color:#46627a; }
.lf-story-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 36px; margin-top:50px; }
.lf-story-feature-grid>article { border-top:1px solid #cfdee8; padding-top:24px; min-width:0; }
.lf-story-feature-grid>article>svg { color:#147e96; stroke-width:1.5; margin-bottom:22px; }
.lf-story-feature-grid h3 { font-size:19px; line-height:1.35; letter-spacing:-.025em; font-weight:600; margin:0 0 13px; }
.lf-story-feature-grid p { font-size:13px; line-height:1.85; color:#536b80; margin:0; }
.lf-story-feature-note,.lf-story-wip { display:inline-flex; margin-top:18px; font-size:10px; line-height:1.7; padding:7px 9px; border-radius:5px; background:#edf5f9; color:#3c6b80; }
.lf-story-wip { color:#785019; background:#fff2d7; border:1px solid #e9d1a1; }
.lf-story-contrast { background:#eaf2f7; border-block:1px solid #dce6ee; }
.lf-story-contrast-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.lf-story-boundaries { display:grid; gap:16px; }
.lf-story-boundaries article { border:1px solid #c9dce8; background:#f9fcfe; padding:24px; border-radius:12px; }
.lf-story-boundaries article>svg { color:#137e96; margin-bottom:14px; }
.lf-story-boundaries h3 { font-size:17px; font-weight:600; margin-bottom:10px; }
.lf-story-boundaries p { font-size:13px; line-height:1.8; color:#536b80; }
.lf-story-boundaries a { margin-top:18px; }
.lf-story-context-toggle,.lf-story-priorities { display:flex; gap:5px; padding:14px 17px; background:#f6f9fc; border-bottom:1px solid #dce7ee; }
.lf-story-context-toggle button,.lf-story-priorities button { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #cedde8; border-radius:6px; background:white; color:#4b6780; min-height:44px; padding:9px; font-size:10px; font-weight:600; }
.lf-story-os-url { display:flex; align-items:center; gap:8px; padding:11px 17px; font-size:9px; color:#58718a; background:#eef4f9; border-bottom:1px solid #d7e4ee; }
.lf-story-os-url>span { min-width:0; overflow-wrap:anywhere; }
.lf-story-os-url>small { margin-left:auto; flex:none; font-size:7px; color:#7e97ae; }
.lf-story-os-layout { display:grid; grid-template-columns:138px minmax(0,1fr); min-height:330px; }
.lf-story-os-nav { background:#0c2034; color:#9abbd5; padding:18px 12px; display:flex; flex-direction:column; gap:6px; }
.lf-story-os-nav>strong { position:relative; display:flex; align-items:center; gap:7px; flex-wrap:wrap; font-size:8px; color:#dcf1f8; margin-bottom:15px; }
.lf-story-os-nav>strong>small { width:100%; font-size:6px; letter-spacing:.12em; margin-left:24px; color:#75a6c8; }
.lf-story-os-nav>span { display:flex; align-items:center; justify-content:space-between; border-radius:4px; padding:8px; font-size:8px; }
.lf-story-os-nav>span.active { background:#204457; color:white; }
.lf-story-os-nav>span>small { font-size:6px; border:1px solid #365b73; padding:1px 4px; border-radius:3px; }
.lf-story-os-nav .lf-story-os-site-link { margin-top:auto; font-size:6px; color:#6e98b7; padding-top:18px; }
.lf-story-os-main { padding:24px; background:#f8fbfd; }
.lf-story-kicker { display:block; font-size:7px; font-weight:650; letter-spacing:.1em; color:#418ca5; }
.lf-story-os-main h3 { font-size:21px; line-height:1.2; letter-spacing:-.04em; font-weight:600; margin:10px 0; }
.lf-story-os-main>p { font-size:9px; line-height:1.7; color:#698096; }
.lf-story-os-cards { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:25px; }
.lf-story-os-cards>div { border:1px solid #d3e1ec; background:white; border-radius:7px; padding:15px 12px; }
.lf-story-os-cards svg { color:#14849e; margin-bottom:9px; }
.lf-story-os-cards strong,.lf-story-os-cards span { display:block; font-size:8px; line-height:1.8; }
.lf-story-os-cards span { color:#698096; font-size:7px; margin-top:4px; }
.lf-story-os-checklist { display:grid; gap:12px; border:1px solid #d3e1ec; border-radius:7px; background:white; padding:15px; margin-top:15px; }
.lf-story-os-checklist strong { font-size:9px; }
.lf-story-os-checklist>span { display:flex; align-items:center; gap:8px; font-size:8px; color:#52748d; }
.lf-story-os-checklist svg { color:#408ea2; }
.lf-story-personal-heading { padding:26px 23px 18px; }
.lf-story-personal-heading>span { display:flex; gap:8px; align-items:center; font-size:7px; letter-spacing:.1em; color:#318da6; }
.lf-story-personal-heading h3 { font-size:24px; line-height:1.2; font-weight:600; letter-spacing:-.04em; margin-top:14px; }
.lf-story-personal-heading p { font-size:10px; color:#6a7f94; margin-top:9px; line-height:1.7; }
.lf-story-site-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 23px 22px; }
.lf-story-site-picker>button { position:relative; min-width:0; text-align:left; padding:6px 6px 15px; border:1px solid #d3e1ec; border-radius:8px; background:#fff; color:#2d4a64; }
.lf-story-site-picker strong,.lf-story-site-picker small { display:block; margin:10px 6px 0; font-size:11px; }
.lf-story-site-picker small { font-size:7px; color:#72869a; margin-top:5px; }
.lf-story-site-picker svg { position:absolute; right:9px; bottom:16px; color:#528aa5; }
.lf-story-site-thumbnail { display:flex; align-items:end; gap:7px; padding:14px; height:86px; border-radius:5px; background:#e5f1f6; }
.lf-story-site-thumbnail i { width:32%; height:65%; border-radius:24px 24px 2px 2px; background:#9cbecb; }
.lf-story-site-thumbnail i:nth-child(2) { height:92%; background:#50869d; }
.lf-story-thumbnail-violet { background:#eee9f8; }.lf-story-thumbnail-violet i { background:#b7a9d6; }.lf-story-thumbnail-violet i:nth-child(2) { background:#78649d; }
.lf-story-thumbnail-ember { background:#f8eee4; }.lf-story-thumbnail-ember i { background:#dab698; }.lf-story-thumbnail-ember i:nth-child(2) { background:#a96a48; }
.lf-story-personal-selection { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:23px; background:#edf5f9; border-top:1px solid #d3e1ec; }
.lf-story-personal-selection h4 { font-size:20px; font-weight:600; margin-top:10px; letter-spacing:-.03em; }
.lf-story-personal-selection strong { display:block; margin-top:12px; font-size:11px; font-weight:600; }
.lf-story-personal-selection p { font-size:10px; line-height:1.85; color:#5c768c; margin-top:9px; }
.lf-story-personal-selection>div>span:last-child:not(.lf-story-kicker) { display:inline-flex; align-items:center; gap:7px; font-size:9px; color:#087797; margin-top:17px; font-weight:600; }
.lf-story-voice { background:#f8fbfd; }
.lf-story-voice-top { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:24px 24px 12px; color:#244966; font-size:12px; }
.lf-story-voice-top>span:first-child { display:flex; align-items:center; gap:9px; font-weight:600; }
.lf-story-voice-top>span:last-child { font-size:7px; color:#748ca2; }
.lf-story-waveform { display:flex; height:85px; align-items:center; justify-content:center; gap:5px; padding:12px 24px; overflow:hidden; }
.lf-story-waveform i { width:5px; flex:1; max-width:8px; background:linear-gradient(#70c9dd,#328da9); border-radius:4px; }
.lf-story-draft { border:1px solid #c9dce9; border-radius:11px; margin:8px 24px 20px; padding:19px; background:white; min-height:160px; }
.lf-story-draft>div { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:8px; color:#4383a0; }
.lf-story-draft small { font-size:7px; color:#71879c; }
.lf-story-draft p { font-size:16px; line-height:1.65; letter-spacing:-.015em; color:#28465f; margin-top:17px; }
.lf-story-voice-actions { display:flex; flex-wrap:wrap; gap:7px; padding:0 24px 24px; }
.lf-story-voice-actions button { display:flex; align-items:center; gap:6px; min-height:44px; border:1px solid #cadce8; padding:10px 12px; background:white; color:#456d88; border-radius:6px; font-size:9px; }
.lf-story-content-stack { display:grid; gap:10px; }
.lf-story-content-stack>span { display:flex; align-items:center; gap:13px; background:#f9fcfe; border:1px solid #c8dce8; padding:20px; border-radius:8px; color:#4c778f; }
.lf-story-content-stack strong { font-size:13px; color:#2d4b65; font-weight:600; }
.lf-story-content-stack small { margin-left:auto; font-size:10px; color:#7c94a8; }
.lf-story-content-stack>a { margin-top:12px; }
.lf-story-fit { padding:33px; text-align:center; }
.lf-story-orbit { display:grid; place-items:center; position:relative; width:140px; height:140px; border:1px solid #c6dfe9; background:radial-gradient(#d2edf7,#f9fcfe); border-radius:50%; margin:5px auto 27px; color:#1d91ad; }
.lf-story-orbit::before { content:''; position:absolute; inset:14px; border:1px dashed #9bbeca; border-radius:50%; }
.lf-story-orbit>i { position:absolute; width:16px; height:16px; border:3px solid white; border-radius:50%; background:#2d8faa; left:9px; top:19px; }
.lf-story-orbit>i:nth-child(3) { left:auto; right:-6px; top:59px; background:#9784bb; }
.lf-story-orbit>i:nth-child(4) { left:61px; top:auto; bottom:-8px; background:#78a997; }
.lf-story-fit h3 { font-size:27px; line-height:1.15; letter-spacing:-.04em; font-weight:600; max-width:330px; margin:0 auto; }
.lf-story-fit>p { font-size:12px; line-height:1.8; color:#637e93; max-width:330px; margin:17px auto; }
.lf-story-fit ul { display:flex; flex-wrap:wrap; gap:7px; justify-content:center; padding:0; margin:22px 0 0; list-style:none; }
.lf-story-fit li { display:flex; gap:5px; align-items:center; padding:8px; border:1px solid #d3e3ed; border-radius:5px; background:#f2f8fb; color:#518097; font-size:9px; }
.lf-story-related { padding-block:75px; }
.lf-story-related-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-top:35px; }
.lf-story-related-links a { display:flex; gap:20px; justify-content:space-between; align-items:center; padding:22px; border:1px solid #cbdce8; border-radius:9px; background:#fff; font-size:12px; color:#2e546d; text-decoration:none; font-weight:600; line-height:1.7; }
.lf-story-related-links a:hover { background:#edf7fb; border-color:#70b2ca; }
.lf-story-related-links svg { flex:none; color:#3592ad; }
.lf-product-discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:35px; }
.lf-product-discovery-grid a { position:relative; display:flex; flex-direction:column; color:#284760; background:#fff; border:1px solid #cbdde9; border-radius:12px; text-decoration:none; padding:28px; }
.lf-product-discovery-grid a:first-child { grid-column:span 2; background:linear-gradient(120deg,#e7f3f9,#f9fcfd); }
.lf-product-discovery-grid a>svg { color:#187f9b; stroke-width:1.5; margin-bottom:23px; }
.lf-product-discovery-grid strong { font-size:20px; font-weight:600; letter-spacing:-.03em; }
.lf-product-discovery-grid p { margin:13px 0 22px; font-size:13px; line-height:1.8; color:#657e93; }
.lf-product-discovery-grid a>span { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; font-size:11px; font-weight:600; color:#157e9b; }
.lf-product-discovery-grid a:hover { border-color:#79b7ca; box-shadow:0 12px 24px -20px #285c7799; }
.lf-product-discovery-grid small { display:inline-block; font-size:9px; color:#7a591f; background:#fff1d3; border:1px solid #e7d0a4; border-radius:4px; padding:3px 6px; margin-left:8px; vertical-align:middle; }
#product-details { scroll-margin-top:110px; }
@media(min-width:1600px) { .lf-story-hero h1 { font-size:70px; }.lf-story-editor-layout { min-height:365px; }.lf-story-block-heading { font-size:35px; }.lf-story-editor-canvas { padding:25px; }.lf-story-os-main { padding:29px; } }
@media(max-width:1100px) { .lf-story-hero-grid { gap:30px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }.lf-story-hero h1 { font-size:47px; }.lf-story-editor-layout { grid-template-columns:29px minmax(0,1fr) 113px; }.lf-story-editor-canvas { padding:16px 12px; }.lf-story-inspector { padding:16px 8px; }.lf-story-block-heading { font-size:25px; }.lf-story-os-layout { grid-template-columns:110px minmax(0,1fr); }.lf-story-os-main { padding:19px; }.lf-story-os-main h3 { font-size:19px; }.lf-story-os-cards { grid-template-columns:1fr; }.lf-story-os-cards>div { display:none; }.lf-story-os-cards>div:first-child { display:block; }.lf-story-personal-heading h3 { font-size:21px; }.lf-story-voice-top { align-items:start; flex-direction:column; gap:7px; }.lf-story-related-links a { padding:18px; gap:12px; }.lf-story-contrast-grid { gap:40px; } }
@media(max-width:900px) { .lf-story-hero { padding:55px 0; }.lf-story-hero-grid { grid-template-columns:1fr; gap:38px; }.lf-story-hero-copy { max-width:660px; }.lf-story-hero h1 { font-size:clamp(43px,7vw,65px); }.lf-story-illustration { width:100%; max-width:730px; margin:auto; }.lf-story-editor-layout { grid-template-columns:38px minmax(0,1fr) 145px; }.lf-story-editor-canvas { padding:23px; }.lf-story-block-heading { font-size:36px; }.lf-story-os-layout { grid-template-columns:140px minmax(0,1fr); }.lf-story-os-main { padding:28px; }.lf-story-os-main h3 { font-size:26px; }.lf-story-os-cards { grid-template-columns:1fr 1fr; }.lf-story-os-cards>div { display:block; }.lf-story-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 27px; }.lf-story-contrast-grid { grid-template-columns:1fr; gap:35px; }.lf-story-related-links { grid-template-columns:1fr 1fr; }.lf-story-personal-heading h3 { font-size:27px; }.lf-story-voice-top { align-items:center; flex-direction:row; }.lf-product-discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.lf-product-discovery-grid a:first-child { grid-column:auto; } }
@media(max-width:600px) { .lf-story-hero { padding:38px 0; }.lf-story-hero h1 { font-size:clamp(38px,10.5vw,53px); margin:21px 0; }.lf-story-hero .lf-description { font-size:14px; }.lf-story-window { padding:12px; gap:8px; }.lf-story-window>span:last-child { display:none; }.lf-story-editor-tools { font-size:8px; padding:11px 12px; gap:8px; }.lf-story-editor-tools>span:last-child { display:none; }.lf-story-editor-layout { grid-template-columns:25px minmax(0,1fr); min-height:0; }.lf-story-editor-rail { gap:19px; padding-top:20px; }.lf-story-editor-rail svg { width:13px; height:13px; }.lf-story-editor-canvas { padding:21px 17px; }.lf-story-sample-brand>span { display:none; }.lf-story-block-heading { font-size:32px; }.lf-story-block-paragraph { font-size:11px; }.lf-story-block { padding:8px; }.lf-story-block-label { font-size:7px; }.lf-story-block-button>span:last-child { font-size:10px; }.lf-story-inspector { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:start; gap:13px 17px; padding:16px; border-left:0; border-top:1px solid #dce7ee; }.lf-story-inspector>strong { width:100%; padding-bottom:11px; font-size:12px; }.lf-story-inspector fieldset { margin:0; flex:1 1 85px; }.lf-story-inspector legend { font-size:9px; }.lf-story-inspector button { min-height:44px; font-size:10px; }.lf-story-feature-grid { grid-template-columns:1fr; gap:29px; margin-top:33px; }.lf-story-feature-grid h3 { font-size:19px; }.lf-story-feature-grid p { font-size:13px; }.lf-story-status { font-size:9px; padding:13px 15px; }.lf-story-os-layout { grid-template-columns:91px minmax(0,1fr); }.lf-story-os-nav { padding:15px 7px; }.lf-story-os-nav>strong { font-size:7px; gap:5px; }.lf-story-os-nav>strong>small { margin-left:0; font-size:5px; }.lf-story-os-nav>span { padding:8px 5px; font-size:7px; }.lf-story-os-main { padding:20px 13px; }.lf-story-os-main h3 { font-size:22px; }.lf-story-os-url { font-size:8px; padding:11px 12px; }.lf-story-os-url>small { display:none; }.lf-story-context-toggle { padding:12px; }.lf-story-context-toggle button { font-size:10px; }.lf-story-os-cards { grid-template-columns:1fr; margin-top:18px; }.lf-story-os-cards>div:nth-child(2) { display:none; }.lf-story-os-checklist { padding:12px 9px; }.lf-story-os-checklist>span { font-size:7px; gap:5px; }.lf-story-os-checklist svg { width:12px; }.lf-story-site-picker { gap:7px; padding:0 15px 20px; }.lf-story-site-thumbnail { height:62px; padding:9px; gap:4px; }.lf-story-site-picker>button { padding:5px 5px 13px; }.lf-story-site-picker strong { font-size:9px; margin-inline:2px; }.lf-story-site-picker small { font-size:7px; margin-inline:2px; line-height:1.6; }.lf-story-site-picker svg { display:none; }.lf-story-personal-heading { padding:23px 16px 18px; }.lf-story-personal-heading h3 { font-size:24px; }.lf-story-personal-selection { grid-template-columns:1fr; padding:20px 16px; gap:23px; }.lf-story-personal-selection>div+div { border-top:1px solid #cbdfe9; padding-top:19px; }.lf-story-voice-top { flex-direction:column; align-items:start; padding:21px 17px 12px; gap:8px; }.lf-story-waveform { padding:12px 17px; gap:4px; }.lf-story-draft { padding:17px; margin:7px 16px 17px; }.lf-story-draft>div { align-items:start; flex-direction:column; gap:6px; }.lf-story-draft p { font-size:15px; }.lf-story-voice-actions { padding:0 16px 19px; gap:7px; }.lf-story-voice-actions button { font-size:9px; padding:10px; }.lf-story-priorities { padding:12px; gap:4px; }.lf-story-priorities button { flex-direction:column; gap:6px; min-height:66px; font-size:9px; }.lf-story-fit { padding:24px 20px; }.lf-story-fit h3 { font-size:26px; }.lf-story-fit li { font-size:9px; }.lf-story-contrast-grid { gap:29px; }.lf-story-boundaries article { padding:23px; }.lf-story-content-stack>span { flex-wrap:wrap; gap:9px; padding:18px; }.lf-story-content-stack small { margin-left:43px; width:100%; }.lf-story-related { padding-block:55px; }.lf-story-related-links { grid-template-columns:1fr; gap:10px; margin-top:25px; }.lf-story-related-links a { min-height:66px; font-size:12px; padding:18px; }.lf-product-discovery-grid { grid-template-columns:1fr; gap:13px; }.lf-product-discovery-grid a { padding:25px; } }
@media(forced-colors:active) { .lf-story-illustration button[aria-pressed=true],.lf-story-site-picker>button[aria-pressed=true] { outline:2px solid Highlight; outline-offset:-3px; }.lf-story-sample-art,.lf-story-site-thumbnail,.lf-story-waveform { forced-color-adjust:none; } }

/* src/app/components/marketing/product-showcase.css */
/* Product stories: real screens, purpose-specific layouts. */
.lf-product-hero { padding:clamp(42px,6vw,88px) 0; border-bottom:1px solid var(--lf-line); background:var(--lf-paper); }
.lf-product-hero-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,76px); align-items:center; }
.lf-product-hero-grid>* { min-width:0; }
.lf-product-intro h1 { font-size:clamp(38px,4.5vw,66px); line-height:1.06; letter-spacing:-.055em; font-weight:600; margin:23px 0; text-wrap:balance; color:var(--lf-ink); }
.lf-product-intro h1 em { font-style:normal; color:var(--lf-cyan); }
.lf-product-intro .lf-description { max-width:600px; font-size:16px; line-height:1.8; color:var(--lf-muted); }
.lf-product-availability { display:flex; align-items:flex-start; gap:8px; margin-top:24px; font-size:12px; line-height:1.6; color:var(--lf-muted); }
.lf-product-availability svg { flex:none; margin-top:2px; color:var(--lf-cyan); }
.lf-product-screen { min-width:0; }
.lf-product-screen-label { display:inline-flex; color:var(--lf-muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:14px; }
.lf-product-hero-canvas .lf-product-hero-grid { grid-template-columns:1fr; gap:42px; }
.lf-product-hero-canvas .lf-product-intro { max-width:850px; }
.lf-product-hero-canvas .lf-product-intro h1 { font-size:clamp(44px,5.4vw,82px); }
.lf-product-hero-canvas .lf-product-screen { padding:clamp(14px,3vw,40px); border-radius:24px; background:var(--lf-soft); border:1px solid var(--lf-line); }
.lf-product-workflow-strip { display:flex; justify-content:space-between; gap:18px; padding:25px 6px 0; }
.lf-product-workflow-strip span { display:flex; gap:10px; align-items:center; color:var(--lf-muted); font-size:13px; }
.lf-product-workflow-strip svg { color:var(--lf-cyan); }
.lf-product-hero-workspace .lf-product-hero-grid { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
.lf-product-hero-workspace .lf-product-screen { border-left:1px solid var(--lf-line); padding-left:32px; }
.lf-product-hero-editorial .lf-product-hero-grid { display:block; }
.lf-product-hero-editorial .lf-product-intro { max-width:920px; margin:0 auto; text-align:center; }
.lf-product-hero-editorial .lf-description { margin-inline:auto; }
.lf-product-hero-editorial .lf-eyebrow,.lf-product-hero-editorial .lf-hero-actions,.lf-product-hero-editorial .lf-product-availability { justify-content:center; }
.lf-product-hero-editorial h1 { font-size:clamp(44px,5.9vw,84px); }
.lf-product-hero-identity .lf-product-screen { order:-1; }
.lf-product-hero-identity .lf-product-hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.lf-product-hero-library .lf-product-screen { align-self:end; padding:25px; border:1px solid var(--lf-line); border-radius:24px 24px 0 0; background:var(--lf-soft); }
.lf-product-page-decisions { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; border-top:1px solid var(--lf-line); margin-top:44px; padding-top:24px; }
.lf-product-page-decisions span { color:var(--lf-muted); font-size:12px; }
.lf-product-page-decisions strong { display:block; color:var(--lf-ink); font-size:15px; font-weight:550; margin-top:6px; }
.lf-product-principle { align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,60px); border:1px solid var(--lf-line); border-radius:8px 48px 8px 8px; background:var(--lf-action-bg); color:var(--lf-action-fg); }
.lf-product-principle>span { display:block; font-size:clamp(85px,12vw,160px); letter-spacing:-.09em; line-height:1; font-weight:500; margin-bottom:24px; }
.lf-product-principle p { font-size:clamp(20px,2.2vw,29px); line-height:1.55; letter-spacing:-.02em; }
.lf-product-principle a { display:flex; gap:10px; align-items:center; color:inherit; margin-top:28px; text-decoration:underline; text-underline-offset:6px; font-size:13px; min-height:44px; }
.lf-product-feature-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:44px; gap:34px 52px; }
.lf-product-feature-layout article { display:flex; gap:20px; min-width:0; border-top:1px solid var(--lf-line); padding-top:24px; }
.lf-product-feature-marker { display:flex; flex-direction:column; gap:20px; flex:none; color:var(--lf-cyan); }
.lf-product-feature-marker>span { font-size:12px; color:var(--lf-muted); font-variant-numeric:tabular-nums; }
.lf-product-feature-layout h3 { font-size:21px; font-weight:550; color:var(--lf-ink); line-height:1.3; letter-spacing:-.03em; margin:0 0 12px; }
.lf-product-feature-layout p { color:var(--lf-muted); font-size:14px; line-height:1.8; margin:0; }
.lf-product-feature-note { display:block; margin-top:15px; font-size:12px; color:var(--lf-cyan); line-height:1.6; }
.lf-product-details-chapters .lf-product-feature-layout { grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.lf-product-details-chapters article { display:block; }
.lf-product-details-chapters .lf-product-feature-marker { flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:24px; }
.lf-product-details-owner .lf-product-feature-layout { gap:0 44px; }
.lf-product-details-owner article { padding-bottom:30px; }
.lf-product-details-account .lf-product-feature-layout { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lf-product-details-account article { background:var(--lf-surface); border:1px solid var(--lf-line); padding:24px; border-radius:14px; display:block; }
.lf-product-details-account .lf-product-feature-marker { flex-direction:row; margin-bottom:24px; justify-content:space-between; }
.lf-product-details-collection .lf-product-feature-layout { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lf-product-details-collection article { flex-direction:column; background:var(--lf-soft); border:1px solid var(--lf-line); border-radius:12px; padding:27px; }
.lf-product-details-collection .lf-product-feature-marker { flex-direction:row; align-items:center; justify-content:space-between; }
.lf-product-details-decisions .lf-product-feature-layout { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lf-product-details-decisions article { display:block; border-left:1px solid var(--lf-line); border-top:0; padding:0 24px; }
.lf-product-details-decisions .lf-product-feature-marker { flex-direction:row; align-items:center; margin-bottom:20px; }
.lf-product-details-foundation .lf-product-feature-layout { grid-template-columns:1fr; gap:0; }
.lf-product-details-foundation article { display:grid; grid-template-columns:72px 1fr; padding-block:26px; }
.lf-product-details-foundation article>div:last-child { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:30px; align-items:start; }
.lf-product-details-foundation .lf-product-feature-marker { flex-direction:row; align-items:center; }
.lf-product-details-foundation h3 { margin:0; }
.lf-product-details-checklist .lf-product-feature-layout { grid-template-columns:1fr; gap:0; max-width:950px; }
.lf-product-details-checklist article { padding-block:25px; }
.lf-product-details-checklist .lf-product-feature-marker>span { display:none; }
.lf-product-details-controls .lf-product-feature-layout { gap:26px; }
.lf-product-details-controls article { padding:26px; background:var(--lf-surface); border:1px solid var(--lf-line); border-radius:5px; }
.lf-product-details-media .lf-product-feature-layout article:nth-child(1),.lf-product-details-media .lf-product-feature-layout article:nth-child(5) { background:var(--lf-soft); border:1px solid var(--lf-line); padding:24px; border-radius:12px; }
.lf-product-context-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,72px); align-items:center; }
.lf-product-context-grid>* { min-width:0; }
.lf-product-audience,.lf-product-extension,.lf-product-handoff,.lf-product-journey { background:var(--lf-soft); border-block:1px solid var(--lf-line); }
.lf-product-boundary { display:flex; gap:15px; margin-top:32px; padding-top:25px; border-top:1px solid var(--lf-line); }
.lf-product-boundary svg { flex:none; color:var(--lf-cyan); }
.lf-product-boundary h3 { font-size:17px; color:var(--lf-ink); font-weight:550; margin-bottom:8px; }
.lf-product-boundary p,.lf-product-small-print { font-size:13px; line-height:1.8; color:var(--lf-muted); }
.lf-product-small-print { margin-top:20px; }
.lf-product-journey-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:44px; }
.lf-product-journey-grid article { min-width:0; display:flex; flex-direction:column; gap:22px; }
.lf-product-journey-grid article>div { flex:1; }
.lf-product-step { font-size:12px; letter-spacing:.12em; color:var(--lf-cyan); }
.lf-product-journey-grid h3 { font-size:25px; line-height:1.25; letter-spacing:-.035em; color:var(--lf-ink); margin:16px 0 13px; font-weight:550; }
.lf-product-journey-grid p { font-size:14px; line-height:1.8; color:var(--lf-muted); }
.lf-product-journey-grid a { display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:600; color:var(--lf-cyan); padding:12px 0; min-height:44px; border-bottom:1px solid var(--lf-line); text-decoration:none; }
.lf-product-next nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:30px; }
.lf-product-next nav a { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:25px; border:1px solid var(--lf-line); border-radius:8px; background:var(--lf-surface); color:var(--lf-ink); text-decoration:none; min-height:80px; font-weight:550; font-size:15px; }
.lf-product-next nav a:hover { background:var(--lf-hover); border-color:var(--lf-cyan); }
.lf-product-next nav a svg { flex:none; color:var(--lf-cyan); }
#product-details { scroll-margin-top:110px; }
@media(max-width:1050px) { .lf-product-hero-grid,.lf-product-hero-workspace .lf-product-hero-grid,.lf-product-hero-identity .lf-product-hero-grid { grid-template-columns:1fr; gap:34px; }.lf-product-hero-identity .lf-product-screen { order:0; }.lf-product-hero-workspace .lf-product-screen { padding-left:0; border-left:0; }.lf-product-details-chapters .lf-product-feature-layout,.lf-product-details-collection .lf-product-feature-layout,.lf-product-details-account .lf-product-feature-layout,.lf-product-details-decisions .lf-product-feature-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }.lf-product-journey-grid { gap:20px; }.lf-product-journey-grid h3 { font-size:22px; } }
@media(max-width:760px) { .lf-product-context-grid,.lf-product-journey-grid { grid-template-columns:1fr; }.lf-product-journey-grid { gap:40px; }.lf-product-next nav { grid-template-columns:1fr; }.lf-product-details-foundation article>div:last-child { display:block; }.lf-product-details-foundation h3 { margin-bottom:12px; }.lf-product-page-decisions { gap:14px; }.lf-product-page-decisions strong { font-size:13px; }.lf-product-handoff .lf-product-context-grid>figure { order:1; } }
@media(max-width:560px) { .lf-product-hero { padding:34px 0 40px; }.lf-product-intro h1 { font-size:clamp(36px,10vw,48px); }.lf-product-intro .lf-description { font-size:14px; line-height:1.75; }.lf-product-hero-canvas .lf-product-screen { padding:12px; border-radius:14px; }.lf-product-workflow-strip { gap:15px; flex-direction:column; padding-top:20px; }.lf-product-availability { font-size:11px; }.lf-product-feature-layout,.lf-product-details-chapters .lf-product-feature-layout,.lf-product-details-account .lf-product-feature-layout,.lf-product-details-collection .lf-product-feature-layout,.lf-product-details-decisions .lf-product-feature-layout { grid-template-columns:1fr; gap:24px; margin-top:30px; }.lf-product-feature-layout h3 { font-size:20px; }.lf-product-feature-layout p { font-size:13px; }.lf-product-details-decisions article { padding:0 18px; }.lf-product-details-foundation .lf-product-feature-layout { gap:0; }.lf-product-details-foundation article { grid-template-columns:50px minmax(0,1fr); gap:14px; }.lf-product-details-foundation .lf-product-feature-marker { flex-direction:column; align-items:start; }.lf-product-page-decisions { grid-template-columns:1fr; margin-top:30px; gap:16px; }.lf-product-page-decisions span { display:flex; justify-content:space-between; align-items:center; gap:15px; }.lf-product-page-decisions strong { margin:0; }.lf-product-screen-label { font-size:10px; }.lf-product-principle { padding:30px; }.lf-product-next nav a { min-height:68px; padding:20px; }.lf-product-hero-library .lf-product-screen { padding:14px; } }

/* src/app/components/marketing/capability-marketing.css */
.lf-capability-review,.lf-capability-media-story,.lf-capability-page-story,.lf-capability-scope-story { border-block:1px solid var(--lf-line); background:var(--lf-soft); }
.lf-capability-review-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; }
.lf-capability-review-heading>.lf-text-link { flex:none; margin-bottom:6px; }
.lf-capability-review-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); align-items:center; gap:48px; margin-top:38px; }
.lf-capability-review-grid>* { min-width:0; }
.lf-capability-review-questions article { padding:22px 0; border-bottom:1px solid var(--lf-line); }
.lf-capability-review-questions article:first-child { padding-top:0; }
.lf-capability-review-questions span { color:var(--lf-cyan); font-size:11px; }
.lf-capability-review-questions h3 { font-size:23px; font-weight:550; letter-spacing:-.03em; color:var(--lf-ink); margin:10px 0; }
.lf-capability-review-questions p { font-size:14px; line-height:1.8; color:var(--lf-muted); }
.lf-capability-status-note { margin-top:30px; font-size:12px; color:var(--lf-muted); line-height:1.8; }
.lf-capability-media-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:38px; }
.lf-capability-media-path article { display:flex; flex-direction:column; align-items:start; padding:30px; background:var(--lf-surface); border:1px solid var(--lf-line); border-radius:16px; }
.lf-capability-media-path svg { color:var(--lf-cyan); }
.lf-capability-media-path h3 { font-size:24px; color:var(--lf-ink); font-weight:550; letter-spacing:-.035em; margin:23px 0 12px; }
.lf-capability-media-path p { color:var(--lf-muted); font-size:14px; line-height:1.8; margin-bottom:24px; }
.lf-capability-media-path span { margin-top:auto; font-size:11px; color:var(--lf-cyan); }
.lf-capability-source-note { margin-top:30px; padding:22px 0; border-top:1px solid var(--lf-line); border-bottom:1px solid var(--lf-line); color:var(--lf-ink); }
.lf-capability-source-note summary { font-weight:550; font-size:15px; cursor:pointer; padding:8px 0; }
.lf-capability-source-note p { max-width:850px; margin-top:18px; font-size:13px; line-height:1.8; color:var(--lf-muted); }
.lf-capability-source-note a { margin-top:20px; }
.lf-capability-page-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:72px; }
.lf-capability-decision-stack { display:flex; flex-direction:column; gap:0; }
.lf-capability-decision-stack article { display:flex; gap:18px; border-bottom:1px solid var(--lf-line); padding:27px 0; }
.lf-capability-decision-stack article:first-child { padding-top:0; }
.lf-capability-decision-stack svg { color:var(--lf-cyan); flex:none; }
.lf-capability-decision-stack h3 { color:var(--lf-ink); font-weight:550; font-size:22px; line-height:1.3; margin-bottom:10px; letter-spacing:-.03em; }
.lf-capability-decision-stack p { font-size:14px; color:var(--lf-muted); line-height:1.8; }
.lf-capability-decision-stack a { display:inline-flex; align-items:center; gap:8px; margin-top:14px; min-height:44px; color:var(--lf-cyan); font-size:13px; font-weight:550; }
.lf-capability-scope-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:42px; }
.lf-capability-scope-grid a { position:relative; display:flex; flex-direction:column; align-items:start; padding:27px 32px; color:var(--lf-ink); text-decoration:none; border-left:1px solid var(--lf-line); }
.lf-capability-scope-grid a:first-child { border-left:0; padding-left:0; }
.lf-capability-scope-grid a>svg:first-child { color:var(--lf-cyan); margin-bottom:25px; }
.lf-capability-scope-grid a>span { color:var(--lf-muted); font-size:11px; }
.lf-capability-scope-grid h3 { font-size:32px; font-weight:550; letter-spacing:-.035em; line-height:1.2; margin:12px 0; }
.lf-capability-scope-grid p { max-width:290px; font-size:14px; color:var(--lf-muted); line-height:1.8; }
.lf-capability-scope-grid a>svg:last-child { margin-top:22px; color:var(--lf-cyan); }
.lf-capability-scope-grid a:hover { background:var(--lf-hover); }
@media(max-width:1050px) { .lf-capability-review-heading { display:block; }.lf-capability-review-heading>.lf-text-link { margin-top:20px; }.lf-capability-review-grid { gap:30px; grid-template-columns:1fr 1fr; }.lf-capability-page-grid { gap:40px; }.lf-capability-media-path { gap:16px; }.lf-capability-media-path article { padding:24px; } }
@media(max-width:760px) { .lf-capability-review-grid,.lf-capability-page-grid { grid-template-columns:1fr; gap:32px; }.lf-capability-media-path,.lf-capability-scope-grid { grid-template-columns:1fr; gap:18px; }.lf-capability-scope-grid a,.lf-capability-scope-grid a:first-child { padding:24px 0; border-left:0; border-bottom:1px solid var(--lf-line); }.lf-capability-scope-grid a>svg:first-child { margin-bottom:16px; }.lf-capability-scope-grid p { max-width:100%; }.lf-capability-media-path article { padding:27px; }.lf-capability-review-questions h3 { font-size:21px; }.lf-capability-review-questions p,.lf-capability-media-path p,.lf-capability-scope-grid p,.lf-capability-decision-stack p { font-size:13px; } }

/* src/app/components/marketing/careers-marketing.css */
.lf-careers-hero { padding-block:76px 72px; background:radial-gradient(ellipse at 100% 0%,#1b4360 0,transparent 55%),#0b1729; color:#f4f8ff; }
.lf-careers-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr); gap:80px; align-items:center; }
.lf-careers-hero .lf-eyebrow { color:#83e2ef; }
.lf-careers-hero h1 { font-size:clamp(42px,4.8vw,68px); line-height:1.04; letter-spacing:-.06em; font-weight:600; margin:25px 0!important; text-wrap:balance; }
.lf-careers-hero h1 em { color:#87e8ef; font-style:normal; }
.lf-careers-hero .lf-description { color:#bbcbdc; max-width:545px; }
.lf-careers-hero .lf-action { background:#88e6ee; border-color:#88e6ee; color:#0b2335; text-decoration:none; }
.lf-careers-hero .lf-action-secondary { background:transparent; color:#f5f8ff; border-color:#8cabc055; }
.lf-careers-honesty { display:flex; align-items:start; gap:10px; font-size:12px; line-height:1.8; color:#b9c8da; margin-top:24px!important; max-width:510px; }
.lf-careers-wip { display:inline-flex; align-items:center; flex-shrink:0; padding:4px 8px; border:1px solid #b4d1df; border-radius:50px; color:#1c6075; background:#edf7fa; font-size:10px; font-weight:650; line-height:1.4; }
.lf-careers-hero .lf-careers-wip { color:#c5edf3; background:#4c8b9f20; border-color:#78abc84d; }
.lf-careers-plan { background:#fbfcfd; border:1px solid #a3c9df50; color:#15293b; border-radius:20px; padding:30px; box-shadow:0 22px 55px -26px #020b18; }
.lf-careers-plan-heading { display:flex; gap:12px; align-items:center; color:#607185; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.lf-careers-mark { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:#e5f4f7; color:#087c98; flex-shrink:0; }
.lf-careers-plan h2 { font-size:30px; font-weight:600; letter-spacing:-.04em; line-height:1.14; margin-top:26px!important; }
.lf-careers-plan>p { color:#5c6d7f; font-size:13px; line-height:1.75; margin-top:12px!important; }
.lf-careers-plan ol { padding:0; list-style:none; margin:25px 0 20px; }
.lf-careers-plan li { border-top:1px solid #dce5ec; }
.lf-careers-plan li:last-child { border-bottom:1px solid #dce5ec; }
.lf-careers-plan li a { display:flex; gap:10px; align-items:center; min-height:47px; text-decoration:none; color:#273d52; font-size:11px; }
.lf-careers-plan li a>span:first-child { color:#658299; font-size:10px; }
.lf-careers-plan li strong { flex:1; font-weight:600; }
.lf-careers-plan li .lf-careers-wip { color:#28657a; background:#eef6f8; border-color:#c7dde5; }
.lf-careers-plan li a:hover { color:#087c98; }
.lf-careers-plan-note { display:flex; align-items:start; gap:9px; font-size:10px; line-height:1.75; color:#5c6d7f; }
.lf-careers-plan-note svg { flex-shrink:0; margin-top:2px; color:#087c98; }
.lf-careers-principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:40px; }
.lf-careers-principle-grid article { border-top:1px solid #d5e1e9; padding-top:25px; }
.lf-careers-principle-grid svg { color:#087c98; margin-bottom:21px; }
.lf-careers-principle-grid h3 { font-size:22px; font-weight:600; letter-spacing:-.03em; }
.lf-careers-principle-grid p { font-size:14px; line-height:1.8; color:var(--lf-muted); margin-top:13px!important; }
.lf-careers-roles { background:#edf3f7; padding-block:80px; scroll-margin-top:105px; }
.lf-careers-role-heading { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr); align-items:end; gap:64px; }
.lf-careers-status-note { border-left:2px solid #accad9; padding-left:22px; }
.lf-careers-status-note p { font-size:13px; line-height:1.8; color:#566a7e; margin-top:13px!important; }
.lf-careers-role-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:36px; }
.lf-careers-role-card { min-width:0; border:1px solid #cfdee7; border-radius:16px; background:#fbfdff; padding:28px; scroll-margin-top:110px; }
.lf-careers-role-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; font-size:10px; font-weight:600; color:#5c768c; }
.lf-careers-role-card h3 { font-size:22px; line-height:1.3; letter-spacing:-.035em; margin-top:24px!important; font-weight:600; }
.lf-careers-role-card>p { font-size:13px; color:#5b6d80; line-height:1.8; margin-top:13px!important; }
.lf-careers-role-card details { border-block:1px solid #dce6ee; margin-top:24px; }
.lf-careers-role-card summary { display:flex; justify-content:space-between; align-items:center; gap:16px; list-style:none; cursor:pointer; font-size:12px; font-weight:650; min-height:51px; }
.lf-careers-role-card summary::-webkit-details-marker { display:none; }
.lf-careers-role-card summary svg { flex-shrink:0; transition:transform .15s; }
.lf-careers-role-card details[open] summary svg { transform:rotate(180deg); }
.lf-careers-role-card summary:focus-visible { outline:3px solid #0f9cad; outline-offset:4px; }
.lf-careers-role-card details ul { list-style:none; margin:0 0 16px; padding:0; display:grid; gap:9px; font-size:12px; color:#566b7e; }
.lf-careers-role-card details li { display:flex; gap:9px; line-height:1.75; }
.lf-careers-role-card details li>span { color:#7b98aa; }
.lf-careers-role-card details>p { font-size:11px; color:#64798b; line-height:1.8; padding-bottom:18px; }
.lf-careers-inquiry { display:inline-flex; align-items:center; gap:9px; margin-top:20px; font-size:12px; font-weight:650; color:#087c98; text-decoration:none; }
.lf-careers-inquiry:hover { text-decoration:underline; text-underline-offset:4px; }
.lf-careers-interest { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:90px; align-items:start; scroll-margin-top:110px; }
.lf-careers-interest h2 { font-size:clamp(36px,3.7vw,50px); line-height:1.1; font-weight:600; letter-spacing:-.045em; margin-top:22px!important; }
.lf-careers-interest h2 em { font-style:normal; color:#087c98; }
.lf-careers-interest>div:first-child>p { font-size:15px; line-height:1.8; color:#5b6d80; margin-top:23px!important; max-width:515px; }
.lf-careers-interest ul { list-style:none; padding:0; margin:28px 0 0; display:grid; gap:16px; }
.lf-careers-interest li { display:flex; gap:12px; color:#476276; line-height:1.75; font-size:12px; }
.lf-careers-interest li svg { color:#087c98; flex-shrink:0; margin-top:3px; }
.lf-careers-contact { border:1px solid #d0dfe8; border-radius:18px; padding:32px; background:white; }
.lf-careers-contact>svg { color:#087c98; }
.lf-careers-contact h3 { font-size:24px; line-height:1.25; letter-spacing:-.035em; margin:20px 0 28px!important; font-weight:600; }
.lf-careers-contact label { display:block; font-size:12px; font-weight:650; margin-bottom:10px; }
.lf-careers-contact select { display:block; width:100%; min-width:0; min-height:48px; border:1px solid #b9cedb; border-radius:8px; padding:10px 12px; background:#f9fcff; color:#314f65; font-size:12px; }
.lf-careers-contact select:focus-visible { outline:3px solid #0f9cad; outline-offset:3px; }
.lf-careers-contact .lf-action { width:100%; margin-top:14px; text-decoration:none; }
.lf-careers-contact>p:not(.lf-careers-sensitive-note) { font-size:11px; color:#5b7081; line-height:1.8; margin-top:20px!important; }
.lf-careers-contact>p a { color:#087c98; overflow-wrap:anywhere; text-underline-offset:3px; }
.lf-careers-sensitive-note { display:flex; gap:9px; margin-top:24px!important; border-top:1px solid #dce6ee; padding-top:20px; color:#5c7184; font-size:11px; line-height:1.8; }
.lf-careers-sensitive-note svg { flex-shrink:0; color:#087c98; margin-top:3px; }
.lf-careers-related { background:#eaf2f6; border-block:1px solid #d6e4ec; padding-block:28px; }
.lf-careers-related .lf-wrap { display:flex; flex-wrap:wrap; gap:22px 32px; align-items:center; font-size:12px; }
.lf-careers-related span { font-weight:600; margin-right:auto; }
.lf-careers-related a { display:inline-flex; align-items:center; gap:8px; color:#087c98; text-decoration:none; }
@media(max-width:1100px) { .lf-careers-hero-grid { gap:40px; } .lf-careers-interest { gap:45px; } }
@media(max-width:900px) { .lf-careers-hero { padding-block:48px; } .lf-careers-hero-grid { grid-template-columns:1fr; gap:38px; } .lf-careers-plan { max-width:560px; } .lf-careers-principle-grid { gap:23px; } .lf-careers-role-heading { grid-template-columns:1fr; gap:24px; } .lf-careers-status-note { max-width:580px; } .lf-careers-interest { grid-template-columns:1fr; gap:34px; } .lf-careers-contact { max-width:560px; } }
@media(max-width:600px) { .lf-careers-hero h1 { font-size:42px; } .lf-careers-hero .lf-action { width:100%; } .lf-careers-plan { padding:24px; } .lf-careers-principle-grid,.lf-careers-role-grid { grid-template-columns:1fr; } .lf-careers-principle-grid { gap:28px; } .lf-careers-roles { padding-block:56px; } .lf-careers-role-card { padding:23px; } .lf-careers-contact { padding:25px; } .lf-careers-related .lf-wrap { align-items:start; flex-direction:column; gap:18px; } }
@media(prefers-reduced-motion:reduce) { .lf-careers-role-card summary svg { transition:none; } }

/* src/app/components/marketing/staff-os-marketing.css */
.lf-staff-story-hero { background:radial-gradient(ellipse at 100% 0%,#1b4360 0,transparent 55%),#0b1729; color:#f4f8ff; padding-block:76px; }
.lf-staff-story-hero-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:60px; align-items:center; }
.lf-staff-story-hero .lf-eyebrow { color:#83e2ef; }
.lf-staff-story-hero h1 { font-size:clamp(42px,4.5vw,66px); line-height:1.05; letter-spacing:-.06em; font-weight:600; margin:25px 0!important; text-wrap:balance; }
.lf-staff-story-hero h1 em { color:#87e8ef; font-style:normal; }
.lf-staff-story-hero .lf-description { color:#bbcbdc; max-width:520px; }
.lf-staff-story-hero .lf-action { background:#88e6ee; border-color:#88e6ee; color:#0b2335; text-decoration:none; }
.lf-staff-story-hero .lf-action-secondary { background:transparent; color:#f5f8ff; border-color:#8cabc055; }
.lf-staff-story-footnote { display:flex; align-items:start; gap:9px; font-size:11px; color:#b9cbdc; line-height:1.8; margin-top:22px!important; }
.lf-staff-story-footnote svg { flex-shrink:0; margin-top:2px; color:#82d9e7; }
.lf-staff-illustration { min-width:0; margin:0; color:#173147; }
.lf-staff-window-title { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; background:#e7f0f6; border:1px solid #b5d0df; border-bottom:0; border-radius:13px 13px 0 0; padding:15px 18px; font-size:10px; }
.lf-staff-window-title>span:first-child { display:flex; gap:8px; align-items:center; font-weight:650; }
.lf-staff-window-title>span:last-child { color:#486b85; font-size:9px; }
.lf-staff-window-body { display:grid; grid-template-columns:165px minmax(0,1fr); border:1px solid #b5d0df; background:#f9fcff; border-radius:0 0 13px 13px; overflow:hidden; min-height:360px; }
.lf-staff-role-tabs { background:#102f43; padding:21px 10px; display:flex; flex-direction:column; gap:10px; }
.lf-staff-role-tabs button { display:flex; align-items:center; gap:8px; min-height:47px; padding:10px 8px; background:transparent; color:#b6d1df; border:1px solid transparent; border-radius:7px; text-align:left; font-size:10px; font-weight:600; cursor:pointer; line-height:1.5; }
.lf-staff-role-tabs button>span { font-size:8px; color:#7dafc5; }
.lf-staff-role-tabs button>svg { flex-shrink:0; margin-left:auto; }
.lf-staff-role-tabs button[aria-selected=true] { background:#1e4a60; border-color:#3e748c; color:white; }
.lf-staff-role-panel { padding:26px 23px; min-width:0; }
.lf-staff-illustration-kicker { color:#58829d; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.lf-staff-role-panel h2 { font-size:24px; font-weight:600; letter-spacing:-.045em; line-height:1.2; margin:12px 0!important; }
.lf-staff-role-panel>p { font-size:11px; color:#5a7186; line-height:1.8; }
.lf-staff-example { border:1px solid #d2e2ec; border-radius:8px; margin-top:23px; padding:16px; background:#eef6fa; }
.lf-staff-example strong { font-size:10px; font-weight:650; }
.lf-staff-example ol { list-style:none; padding:0; margin:14px 0 0; display:grid; gap:13px; }
.lf-staff-example li { display:flex; gap:9px; align-items:center; font-size:10px; line-height:1.5; color:#466a82; }
.lf-staff-example li>span { display:grid; place-items:center; width:20px; height:20px; flex-shrink:0; border-radius:50%; background:#d9eaf3; color:#297591; font-size:9px; }
.lf-staff-illustration-note { display:flex; gap:8px; align-items:start; border-top:1px solid #dce7ef; padding-top:18px; margin-top:19px; font-size:9px; color:#5f7990; line-height:1.7; }
.lf-staff-illustration-note svg { flex-shrink:0; margin-top:1px; }
.lf-staff-illustration figcaption { color:#adc6d8; font-size:10px; line-height:1.8; margin-top:15px; }
.lf-staff-role-panel:focus-visible { outline:3px solid #0f9cad; outline-offset:-4px; }
.lf-staff-boundaries { background:#edf3f7; padding-block:80px; scroll-margin-top:110px; }
.lf-staff-boundary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:36px 0 25px; }
.lf-staff-boundary-grid article { border:1px solid #d2e0e8; border-radius:14px; padding:28px; background:#fbfdff; }
.lf-staff-boundary-grid article>span { display:block; font-size:10px; line-height:1.7; color:#5e7b90; }
.lf-staff-boundary-grid h3 { font-size:23px; letter-spacing:-.035em; line-height:1.25; margin-top:15px!important; font-weight:600; }
.lf-staff-boundary-grid p { font-size:13px; color:#5b7185; line-height:1.85; margin-top:14px!important; }
.lf-staff-boundaries .lf-text-link { color:#087c98; }
.lf-staff-story-readiness { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:70px; }
.lf-staff-story-readiness h2 { font-size:clamp(32px,3.4vw,44px); line-height:1.15; letter-spacing:-.045em; font-weight:600; margin-top:22px!important; }
.lf-staff-story-readiness>div:first-child>p { font-size:14px; line-height:1.85; color:#5a7185; margin-top:22px!important; }
.lf-staff-readiness-note { border-left:2px solid #bad4e2; padding-left:25px; }
.lf-staff-readiness-note ul { padding:0; list-style:none; margin:22px 0 0; display:grid; gap:18px; }
.lf-staff-readiness-note li { display:flex; gap:10px; align-items:start; font-size:12px; line-height:1.8; color:#516e84; }
.lf-staff-readiness-note svg { flex-shrink:0; color:#087c98; margin-top:3px; }
.lf-staff-careers-close { padding-block:65px; background:#0b1729; color:white; }
.lf-staff-careers-close .lf-wrap { display:flex; gap:35px; align-items:center; justify-content:space-between; }
.lf-staff-careers-close .lf-eyebrow { color:#83e2ef; }
.lf-staff-careers-close h2 { font-size:clamp(32px,3.4vw,44px); line-height:1.12; letter-spacing:-.045em; font-weight:600; margin-top:22px!important; }
.lf-staff-careers-close p { color:#b9cbdc; font-size:13px; line-height:1.8; margin-top:19px!important; max-width:500px; }
.lf-staff-careers-close .lf-action { background:#88e6ee; border-color:#88e6ee; color:#0b2335; text-decoration:none; flex-shrink:0; }
@media(max-width:1100px) { .lf-staff-story-hero-grid { gap:35px; } .lf-staff-window-body { grid-template-columns:145px minmax(0,1fr); } .lf-staff-role-panel { padding:23px 18px; } }
@media(max-width:900px) { .lf-staff-story-hero { padding-block:48px; } .lf-staff-story-hero-grid { grid-template-columns:1fr; gap:36px; } .lf-staff-illustration { max-width:650px; } .lf-staff-boundary-grid { grid-template-columns:1fr; gap:16px; } .lf-staff-story-readiness { grid-template-columns:1fr; gap:28px; } }
@media(max-width:600px) { .lf-staff-story-hero h1 { font-size:42px; } .lf-staff-story-hero .lf-action { width:100%; } .lf-staff-window-body { grid-template-columns:1fr; } .lf-staff-role-tabs { padding:14px; gap:5px; } .lf-staff-role-tabs button { min-height:41px; font-size:11px; } .lf-staff-role-panel { padding:25px; } .lf-staff-boundaries { padding-block:56px; } .lf-staff-careers-close .lf-wrap { flex-direction:column; align-items:start; } }

/* src/app/components/marketing/site-owner-capabilities.css */
/* Confined to public marketing roots; product workspaces keep their own styles. */
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities { color:var(--lf-ink); margin-block:22px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities * { box-sizing:border-box; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-section-heading { max-width:760px; margin-bottom:30px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-eyebrow { font-size:10px; line-height:1.6; letter-spacing:.11em; color:var(--lf-cyan); font-weight:650; margin:0 0 12px; text-transform:uppercase; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-section-heading h2 { font-size:clamp(30px,3.4vw,46px); font-weight:600; letter-spacing:-.045em; line-height:1.13; margin:0 0 17px; text-wrap:balance; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-section-heading > p:not(.lf-owner-eyebrow) { color:var(--lf-muted); font-size:15px; line-height:1.85; max-width:640px; margin:0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-highlights { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:20px 0 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-highlights li { padding:6px 10px; border:1px solid var(--lf-line); border-radius:6px; background:var(--lf-soft); color:var(--lf-ink); font-size:10px; line-height:1.6; font-weight:500; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding:7px; background:var(--lf-soft); border:1px solid var(--lf-line); border-radius:14px; margin-bottom:17px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button { display:flex; align-items:center; gap:10px; justify-content:start; color:var(--lf-muted); background:transparent; border:1px solid transparent; border-radius:9px; min-height:51px; padding:12px 14px; font-size:12px; font-weight:600; cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button > span { flex:1; text-align:left; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button:hover { color:var(--lf-ink); background:var(--lf-hover); border-color:var(--lf-line); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button[aria-selected='true'] { background:var(--lf-surface); color:var(--lf-ink); border-color:var(--lf-line); box-shadow:0 3px 8px -6px #16304955; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button[aria-selected='true'] > svg:first-child { color:var(--lf-cyan); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-panel { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:38px; padding:35px; border:1px solid var(--lf-line); border-radius:19px; background:var(--lf-surface); align-items:center; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-panel > * { min-width:0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy h3 { font-size:clamp(27px,2.5vw,35px); font-weight:600; letter-spacing:-.04em; line-height:1.16; margin:0 0 17px; max-width:390px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy > p:not(.lf-owner-eyebrow) { font-size:13px; line-height:1.9; color:var(--lf-muted); margin:0; max-width:410px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy ul { display:grid; gap:13px; list-style:none; padding:0; margin:25px 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy li { display:flex; gap:10px; align-items:start; font-size:12px; line-height:1.65; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy li > svg { color:var(--lf-cyan); flex:none; margin-top:1px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-story-link { display:inline-flex; gap:12px; align-items:center; font-size:12px; font-weight:600; color:var(--lf-cyan); text-decoration:none; padding-block:7px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-story-link:hover { color:var(--lf-ink); text-decoration:underline; text-underline-offset:4px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more { margin-top:15px; border-block:1px solid var(--lf-line); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more > summary { display:flex; justify-content:space-between; gap:12px; align-items:center; list-style:none; padding:14px 0; min-height:44px; color:var(--lf-ink); font-size:11px; font-weight:600; cursor:pointer; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more > summary::-webkit-details-marker { display:none; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more > summary:hover { color:var(--lf-cyan); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more[open] > summary > svg { transform:rotate(180deg); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more > div { display:grid; gap:18px; padding:0 0 18px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more h4 { font-size:12px; line-height:1.6; font-weight:600; margin:0 0 6px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-more p { font-size:11px; line-height:1.85; color:var(--lf-muted); margin:0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-roadmap { border:1px solid var(--lf-line); padding:13px 15px; border-radius:8px; background:var(--lf-soft); margin-top:17px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-roadmap > span { display:block; color:var(--lf-cyan); font-size:10px; line-height:1.6; font-weight:600; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-roadmap p { color:var(--lf-muted); font-size:10px; line-height:1.8; margin:7px 0 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example { border:1px solid var(--lf-line); border-radius:12px; overflow:hidden; background:var(--lf-surface); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-header { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--lf-line); padding:13px 15px; background:var(--lf-soft); color:var(--lf-muted); font-size:10px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-header > span:first-child { display:flex; gap:4px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-header > span:first-child > i { width:5px; height:5px; border-radius:50%; background:var(--lf-muted); opacity:.7; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-header > strong { font-weight:500; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-label { color:var(--lf-cyan); padding:2px 6px; border:1px solid var(--lf-line); border-radius:4px; font-size:9px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-art { background:var(--lf-owner-demo-paper); color:var(--lf-owner-demo-ink); padding:23px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-demo-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:9px; padding-bottom:18px; border-bottom:1px solid var(--lf-owner-demo-accent); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-demo-nav strong { display:flex; align-items:center; gap:8px; letter-spacing:.07em; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-demo-nav strong > span { display:grid; place-items:center; width:21px; height:21px; background:var(--lf-owner-demo-accent); color:#fff; border-radius:5px; font-family:Georgia,serif; font-size:14px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-demo-nav > span { display:flex; align-items:center; gap:5px; font-size:9px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-hero { display:grid; grid-template-columns:1fr .55fr; align-items:center; gap:16px; padding:30px 0 7px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-hero > div:first-child > span:first-child { display:block; font-size:8px; letter-spacing:.1em; line-height:1.7; color:var(--lf-owner-demo-accent); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-hero h4 { font-family:Georgia,serif; font-size:clamp(30px,3vw,41px); line-height:1.08; letter-spacing:-.045em; font-weight:400; margin:15px 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-hero p { font-size:10px; line-height:1.8; margin:0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-demo-action { display:inline-flex; align-items:center; gap:12px; background:var(--lf-owner-demo-accent); color:#fff; padding:9px 12px; border-radius:5px; font-size:9px; margin-top:21px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-shapes { display:flex; align-items:end; gap:7px; height:150px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-shapes i { display:block; flex:1; height:65%; border-radius:40px 40px 0 0; background:var(--lf-owner-demo-accent); opacity:.3; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-shapes i:nth-child(2) { height:100%; opacity:1; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-shapes i:nth-child(3) { height:42%; opacity:.55; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls { margin:0; padding:15px; border:0; border-top:1px solid var(--lf-line); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls legend { float:left; display:block; width:100%; margin:0 0 9px; color:var(--lf-muted); font-size:10px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls > div { display:flex; gap:6px; flex-wrap:wrap; clear:both; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls button, :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-preview-switch button { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:7px 10px; border:1px solid var(--lf-line); border-radius:6px; background:var(--lf-surface); color:var(--lf-ink); font-size:10px; cursor:pointer; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls button > i { width:10px; height:10px; border-radius:50%; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls button:hover, :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-preview-switch button:hover { background:var(--lf-hover); color:var(--lf-ink); border-color:var(--lf-cyan); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-controls button[aria-pressed='true'], :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-preview-switch button[aria-pressed='true'] { background:var(--lf-soft); color:var(--lf-cyan); border-color:var(--lf-cyan); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-preview-switch { display:flex; gap:6px; padding:17px 20px 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-fields { display:grid; gap:13px; padding:16px 20px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-fields label { display:grid; gap:7px; font-size:10px; font-weight:600; color:var(--lf-ink); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-fields :is(input,textarea) { display:block; width:100%; min-width:0; border:1px solid var(--lf-line); border-radius:6px; padding:9px 11px; background:var(--lf-surface); color:var(--lf-ink); font-size:11px; font-weight:400; line-height:1.65; font-family:inherit; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-fields textarea { resize:vertical; min-height:62px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-fields :is(input,textarea):focus-visible { outline:3px solid var(--lf-focus); outline-offset:2px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-preview { padding:18px 20px; margin:0 20px 15px; background:var(--lf-soft); border:1px solid var(--lf-line); border-radius:8px; overflow-wrap:anywhere; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-preview > span { display:block; font-size:9px; color:var(--lf-muted); margin-bottom:7px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-preview > strong { display:block; font-size:16px; font-weight:600; color:var(--lf-cyan); line-height:1.5; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-preview > p { font-size:11px; line-height:1.8; color:var(--lf-muted); margin:7px 0 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-social-art { display:flex; gap:8px; align-items:end; height:90px; padding:15px 25px; margin-bottom:15px; background:#e8f4f5; border-radius:5px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-social-art > i { height:70%; width:25%; background:#12627a; border-radius:30px 30px 0 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-social-art > i:nth-child(2) { height:100%; background:#53919a; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-social-art > i:nth-child(3) { height:45%; background:#a2c1c2; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-note { color:var(--lf-muted); font-size:10px; line-height:1.75; margin:0; padding:0 20px 17px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-local-note { color:var(--lf-muted); font-size:10px; line-height:1.75; margin:9px 0 0; text-align:right; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:13px 17px; border-bottom:1px solid var(--lf-line); font-size:10px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-toolbar > span, :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-toolbar > div { display:flex; align-items:center; gap:7px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-toolbar button { display:grid; place-items:center; width:33px; height:33px; background:var(--lf-surface); color:var(--lf-muted); border:1px solid var(--lf-line); border-radius:6px; cursor:pointer; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-toolbar button:hover, :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-toolbar button[aria-pressed='true'] { color:var(--lf-cyan); background:var(--lf-soft); border-color:var(--lf-cyan); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-stage { background:var(--lf-soft); min-height:260px; padding:20px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-page { width:100%; padding:24px; background:#f6f2eb; color:#213a35; border:1px solid #d5dcd5; border-radius:7px; transition:max-width .15s; margin:auto; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-page > span { font-size:8px; font-weight:650; letter-spacing:.1em; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-page h4 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.035em; font-size:29px; line-height:1.12; margin:17px 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-page > p { font-size:10px; line-height:1.8; margin:17px 0 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-stage-mobile .lf-owner-build-page { max-width:220px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-columns { display:grid; gap:7px; min-height:80px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-columns > div { display:grid; justify-items:center; place-content:center; gap:7px; border:1px dashed #59796c; border-radius:5px; background:#e9eee3; min-width:0; padding:9px 4px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-columns > div > span { font-size:8px; line-height:1.5; text-align:center; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-layout-controls > div { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-layout-controls button { padding:8px; min-width:0; min-height:38px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-layout-controls button > span { display:grid; gap:3px; width:100%; height:18px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-layout-controls button > span > i { display:block; background:currentColor; opacity:.8; border-radius:2px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-elements { display:flex; flex-wrap:wrap; gap:15px; padding:13px 17px; font-size:10px; color:var(--lf-muted); border-top:1px solid var(--lf-line); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-elements > span { display:flex; gap:6px; align-items:center; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-art { display:grid; justify-items:center; padding:27px 20px; text-align:center; background:var(--lf-soft); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-globe { display:grid; place-items:center; width:75px; height:75px; background:var(--lf-surface); border:1px solid var(--lf-line); border-radius:50%; color:var(--lf-cyan); margin-bottom:19px; box-shadow:0 8px 24px -15px #12324955; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-art > span { font-size:8px; font-weight:600; letter-spacing:.1em; color:var(--lf-muted); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-art > strong { font-size:clamp(19px,2.3vw,25px); line-height:1.7; letter-spacing:-.035em; overflow-wrap:anywhere; margin-top:9px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-art > strong > span { color:var(--lf-cyan); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-art > p { font-size:10px; color:var(--lf-muted); line-height:1.8; margin:7px 0 0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-path { display:grid; gap:16px; padding:21px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-path > div { display:flex; gap:11px; align-items:start; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-path svg { flex:none; color:var(--lf-cyan); margin-top:1px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-path strong { display:block; font-size:12px; line-height:1.65; font-weight:600; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-domain-path small { display:block; font-size:10px; line-height:1.8; color:var(--lf-muted); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation { display:grid; grid-template-columns:.65fr 1.35fr; gap:40px; margin-top:20px; padding:28px 31px; border:1px solid var(--lf-line); border-radius:14px; background:var(--lf-soft); align-items:center; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation h3 { font-size:24px; font-weight:600; letter-spacing:-.035em; line-height:1.15; margin:0 0 12px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation > div > p:last-child { color:var(--lf-muted); font-size:12px; line-height:1.8; margin:0; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation ul { display:grid; grid-template-columns:1fr 1fr; gap:20px 26px; padding:0; margin:0; list-style:none; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation li { display:flex; gap:10px; align-items:start; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation li > svg { color:var(--lf-cyan); flex:none; margin-top:2px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation li > svg:last-child { margin-left:auto; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation strong { display:block; font-size:11px; font-weight:600; line-height:1.7; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation small { display:block; color:var(--lf-muted); font-size:10px; line-height:1.8; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities-pricing .lf-owner-panel { padding:28px; gap:30px; }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities-pricing .lf-owner-foundation { padding:24px 28px; }
@media (max-width:900px) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-panel { gap:27px; padding:27px; grid-template-columns:.9fr 1.1fr; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button { gap:7px; padding:11px 9px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button > svg:last-child { display:none; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation { gap:27px; grid-template-columns:1fr; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:650px) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-section-heading { margin-bottom:22px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-section-heading h2 { font-size:31px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-section-heading > p:not(.lf-owner-eyebrow) { font-size:13px; line-height:1.8; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:5px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button { min-height:44px; padding:10px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-panel, :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities-pricing .lf-owner-panel { grid-template-columns:1fr; padding:22px 18px; gap:25px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy h3 { font-size:27px; max-width:none; margin-bottom:13px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy ul { gap:10px; margin-block:18px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-copy > p:not(.lf-owner-eyebrow) { font-size:12px; line-height:1.8; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-art { padding:19px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-hero { grid-template-columns:1fr .4fr; gap:8px; padding-top:23px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-hero h4 { font-size:35px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-brand-shapes { height:130px; gap:4px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-header { padding:12px; font-size:9px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-local-note { font-size:9px; text-align:left; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-fields { padding:15px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-seo-preview { margin-inline:15px; padding:16px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-preview-switch { padding-inline:15px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-example-note { padding-inline:15px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-layout-controls button { padding:7px 5px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-stage { padding:16px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-page { padding:20px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-build-columns > div > span { font-size:7px; overflow-wrap:anywhere; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation, :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities-pricing .lf-owner-foundation { padding:24px 20px; gap:21px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation ul { grid-template-columns:1fr 1fr; gap:18px; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-foundation li > svg:last-child { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities * { transition:none; }
}
@media (forced-colors:active) {
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-tabs button[aria-selected='true'], :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities button[aria-pressed='true'] { border:2px solid Highlight; color:ButtonText; background:ButtonFace; }
  :is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-capabilities :is(input,textarea,button,a,[role='tabpanel']):focus-visible { outline:3px solid Highlight; outline-offset:3px; }
}

/* Keep the nearby foundation and product captions readable in either theme. */
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-pricing-foundation > span { color:var(--lf-muted); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-pricing-foundation > span:first-child { color:var(--lf-ink); }
:is(.lf-marketing, .lumasaur-marketing-page) .lf-owner-product-preview .lf-product-caption :is(p,span) { color:var(--lf-muted); }