:root {
      --ink: #191a2e;
      --muted: #6e6e80;
      --soft: #f8f8f4;
      --cream: #f5f3ec;
      --lime: #d2fa81;
      --lime-strong: #bcf36a;
      --lavender: #ebe8ff;
      --purple: #7359ee;
      --border: #e9e8e4;
      --shadow: 0 24px 70px rgba(27,27,54,.10);
      --radius: 24px;
      --sans: 'DM Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      --display: 'Manrope', ui-sans-serif, system-ui, sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 96px; }
    body { margin: 0; font-family: var(--sans); color: var(--ink); background: white; -webkit-font-smoothing: antialiased; }
    body.menu-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #6a52ee; outline-offset: 5px; }
    svg { display: block; }
    .container { width: min(1240px, calc(100% - 88px)); margin-inline: auto; }
    .eyebrow { display: inline-flex; gap: 8px; align-items: center; text-transform: uppercase; font-weight: 800; letter-spacing: .13em; font-size: 11px; }
    .eyebrow::before { content: ''; width: 7px; height: 7px; background: var(--purple); border-radius: 50%; }
    .muted { color: var(--muted); }
    .btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; font-weight: 800; font-family: var(--display); font-size: 14px; line-height: 1.15; border-radius: 999px; padding: 17px 23px; border: 1px solid transparent; cursor: pointer; white-space: nowrap; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
    .btn:hover { transform: translateY(-2px); }
    .btn svg { width: 18px; height: 18px; }
    .btn-primary { background: var(--ink); color: white; box-shadow: 0 8px 20px rgba(25,26,46,.12); }
    .btn-primary:hover { background: #38344e; }
    .btn-lime { background: var(--lime); color: var(--ink); }
    .btn-lime:hover { background: #bff071; }
    .btn-plain { background: transparent; color: var(--ink); padding-inline: 9px; }
    .btn-plain:hover { background: #f0eff7; }
    .btn-outline { border-color: #cdcad6; background: white; color: var(--ink); }
    .btn-outline:hover { border-color: var(--purple); }
    .nav-shell { position: sticky; top: 0; z-index: 99; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(23,23,42,.065); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
    .nav { display: flex; align-items: center; height: 78px; justify-content: space-between; gap: 30px; }
    .brand { display: inline-flex; align-items: center; gap: 10px; font: 800 27px/1 var(--display); letter-spacing: -.065em; flex-shrink: 0; }
    .brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; background: var(--ink); }
    .brand-mark svg { width: 29px; height: 29px; }
    .brand .dot { color: var(--purple); }
    .nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; }
    .nav-links a { font: 700 13px var(--display); color: #575768; transition: color .2s; }
    .nav-links a:hover { color: var(--purple); }
    .nav-actions { display: flex; align-items: center; gap: 12px; }
    .nav-actions .btn { padding: 13px 19px; font-size: 13px; }
    .menu-toggle { display: none; place-items: center; width: 42px; height: 42px; border: 1px solid #e8e7e9; border-radius: 12px; color: var(--ink); background: white; cursor: pointer; }
    .menu-toggle svg { width: 23px; }

    /* Hero */
    .hero { position: relative; isolation: isolate; overflow: hidden; background: var(--cream); }
    .hero::before { content: ''; position: absolute; width: 750px; height: 750px; border-radius: 50%; right: -310px; top: -280px; background: radial-gradient(circle, rgba(195,188,253,.62) 0%,rgba(196,192,255,.32) 42%,transparent 72%); z-index: -1; }
    .hero::after { content: ''; position: absolute; width: 550px; height: 550px; border-radius: 50%; left: -350px; bottom: -350px; background: radial-gradient(circle, rgba(210,250,129,.55),transparent 69%); z-index: -1; }
    .hero-grid { display: grid; grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr); align-items: center; gap: 40px; min-height: 690px; padding: 88px 0 105px; }
    .hero-content { position: relative; z-index: 2; }
    .pill { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #dcd8dc; background: rgba(255,255,255,.74); border-radius: 999px; padding: 9px 15px 9px 10px; font-size: 12px; font-weight: 800; color: #555469; margin-bottom: 30px; }
    .pill-dot { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--lime); color: var(--ink); }
    .hero h1 { font: 800 clamp(48px, 5.2vw, 79px)/1.07 var(--display); letter-spacing: -.074em; margin: 0 0 26px; max-width: 660px; }
    .hero h1 .highlight { position: relative; display: inline-block; z-index: 0; }
    .hero h1 .highlight::after { content: ''; position: absolute; bottom: 2px; left: 0; right: -4px; height: 17px; border-radius: 9px; z-index: -1; background: var(--lime-strong); transform: rotate(-1.4deg); }
    .hero-lede { max-width: 510px; color: #676477; font-size: clamp(16px, 1.35vw, 18px); line-height: 1.75; margin: 0 0 30px; }
    .hero-ctas { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
    .hero-foot { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 34px; font-size: 12px; font-weight: 700; color: #73717d; }
    .hero-foot span { display: inline-flex; align-items: center; gap: 6px; }
    .hero-foot svg { width: 15px; height: 15px; color: #4d6d2a; }
    .hero-visual { position: relative; height: 560px; width: 100%; display: grid; place-items: center; transform: translateX(6px); }
    .visual-halo { position: absolute; width: 90%; aspect-ratio: 1; border-radius: 50%; background: #e2ddff; left: 9%; top: 3%; }
    .visual-halo::before,.visual-halo::after { content: ''; position: absolute; border: 1px solid rgba(97,83,190,.19); border-radius: 50%; inset: 12%; }
    .visual-halo::after { inset: 28%; }
    .app-window { position: relative; z-index: 2; width: min(100%, 572px); border: 1px solid #e6e5f0; background: #fff; border-radius: 20px; box-shadow: 0 24px 56px rgba(30,25,77,.17); overflow: hidden; transform: rotate(-1.5deg); }
    .app-topbar { height: 52px; display: flex; gap: 9px; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid #efeff2; background: #fff; }
    .app-topbar strong { font: 800 13px var(--display); letter-spacing: -.025em; }
    .app-topbar-left { display: flex; align-items: center; gap: 8px; }
    .mini-logo { width: 21px; height: 21px; border-radius: 7px; background: var(--ink); display: grid; place-items: center; }
    .mini-logo svg { width: 16px; height: 16px; }
    .app-topbar-right { display: flex; gap: 5px; }
    .app-topbar-right span { width: 7px; height: 7px; background: #ebeaf2; border-radius: 50%; }
    .app-inside { padding: 23px 24px 24px; }
    .app-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
    .app-kicker { color: #838193; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }
    .app-title { font: 800 18px var(--display); letter-spacing: -.05em; margin: 6px 0 3px; }
    .app-sub { font-size: 10px; color: #89879a; }
    .tag { font-size: 10px; font-weight: 800; background: #eeebff; color: #6557b8; padding: 8px 10px; border-radius: 999px; white-space: nowrap; }
    .source-card { display: flex; align-items: center; gap: 12px; border: 1px solid #eeeef2; background: #fafafd; padding: 11px; border-radius: 12px; margin-top: 20px; }
    .source-icon { flex-shrink: 0; display: grid; place-items: center; border-radius: 9px; background: #dff1dc; width: 42px; height: 42px; color: #467d4f; }
    .source-icon svg { width: 21px; height: 21px; }
    .source-card strong { display: block; font-size: 11px; margin-bottom: 3px; }
    .source-card small { font-size: 9px; color: #918f9e; }
    .check-circle { background: #d9f7bd; border-radius: 50%; width: 20px; height: 20px; margin-left: auto; display: grid; place-items: center; color: #466f25; font-weight: 800; font-size: 12px; }
    .flow-middle { display: flex; justify-content: center; height: 45px; align-items: center; }
    .flow-middle span { display: grid; place-items: center; width: 28px; height: 28px; background: var(--lime); border-radius: 50%; color: var(--ink); box-shadow: 0 0 0 5px rgba(210,250,129,.24); }
    .flow-middle svg { width: 15px; height: 15px; }
    .mock-posts { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
    .mock-post { border: 1px solid #eae9ee; border-radius: 12px; padding: 13px 11px; min-width: 0; }
    .mock-user { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; }
    .avatar { width: 23px; height: 23px; border-radius: 8px; background: #f6dbc9; color: #8c492c; display: grid; place-items: center; font-size: 8px; font-weight: 800; }
    .avatar.two { background: #d9dafb; color: #5856a6; }
    .avatar.three { background: #d7ece7; color: #347063; }
    .mock-user-name { min-width: 0; }
    .mock-user strong { display: block; font-size: 9px; white-space: nowrap; }
    .mock-user small { display: block; font-size: 8px; color: #9997a2; }
    .post-line { height: 5px; border-radius: 99px; background: #e9e8ed; margin-bottom: 7px; }
    .post-line.dark { background: #8586a1; width: 76%; }
    .post-line.w70 { width: 70%; } .post-line.w80 { width: 80%; } .post-line.w55 { width: 55%; }
    .post-status { display: flex; align-items: center; gap: 4px; color: #577d41; font-size: 8px; font-weight: 800; margin-top: 12px; }
    .post-status::before { content: ''; display: inline-block; width: 5px; height: 5px; background: #8cce57; border-radius: 50%; }
    .app-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #f0eff2; margin-top: 19px; padding-top: 15px; }
    .app-bottom span { font-size: 10px; color: #66677a; font-weight: 700; }
    .app-bottom b { background: var(--ink); color: white; border-radius: 8px; padding: 9px 13px; font-size: 9px; }
    .float-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; border: 1px solid #e5e5ef; border-radius: 14px; background: white; box-shadow: 0 12px 40px rgba(37,27,66,.13); padding: 13px 16px; animation: bob 6s ease-in-out infinite; }
    .float-card strong { font-size: 12px; display: block; }
    .float-card small { color: #878699; font-size: 10px; display: block; margin-top: 2px; }
    .float-icon { width: 32px; height: 32px; border-radius: 11px; display: grid; place-items: center; background: #ecffdc; color: #54892d; }
    .float-icon svg { width: 17px; height: 17px; }
    .float-one { right: -16px; top: 14px; transform: rotate(5deg); }
    .float-two { left: -36px; bottom: 18px; animation-delay: -3s; }
    .float-two .float-icon { background: #ece8ff; color: #7459e7; }
    @keyframes bob { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }

    /* Echo strip */
    .brand-strip { background: var(--ink); color: white; padding: 26px 0; }
    .strip-flex { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 24px; }
    .strip-flex strong { font: 800 14px var(--display); }
    .strip-flex span:not(.strip-arrow) { color: #c5c4d3; font-size: 13px; }
    .strip-arrow { font-size: 19px; color: var(--lime); }

    /* Sections */
    section.section { padding: 120px 0; }
    .section-header { max-width: 760px; margin-bottom: 56px; }
    .section-header.centered { margin: 0 auto 64px; text-align: center; }
    .section-header h2, .split-copy h2 { font: 800 clamp(34px,3.65vw,54px)/1.14 var(--display); letter-spacing: -.063em; margin: 18px 0; }
    .section-header p, .split-copy > p { font-size: 17px; line-height: 1.75; color: var(--muted); margin: 0; }
    .emphasis { color: var(--purple); }
    .problem { background: #fff; }
    .problem-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
    .problem-card { background: #f8f8f6; border: 1px solid #efefea; border-radius: 23px; padding: 32px; min-height: 323px; display: flex; flex-direction: column; align-items: flex-start; transition: transform .25s, box-shadow .25s; }
    .problem-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(25,26,46,.07); }
    .problem-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; margin-bottom: 28px; background: #e8e5ff; color: var(--purple); }
    .problem-card:nth-child(2) .problem-icon { background: #e5f7d0; color: #5d8d3a; }
    .problem-card:nth-child(3) .problem-icon { background: #ffe6d9; color: #bd734c; }
    .problem-icon svg { width: 25px; height: 25px; }
    .problem-card h3 { font: 800 23px/1.25 var(--display); letter-spacing: -.045em; margin: 0 0 12px; }
    .problem-card p { font-size: 15px; color: #777683; line-height: 1.7; margin: 0; }
    .problem-card .mini-conclusion { margin-top: auto; padding-top: 23px; color: var(--purple); font-size: 12px; font-weight: 800; }

    .feature-focus { background: var(--cream); overflow: hidden; }
    .split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.12fr); align-items: center; gap: clamp(40px,7vw,110px); }
    .split-copy h2 { max-width: 530px; }
    .split-copy > p { max-width: 540px; }
    .tick-list { display: grid; gap: 18px; padding: 0; margin: 31px 0 33px; list-style: none; }
    .tick-list li { display: flex; align-items: flex-start; gap: 11px; color: #55556a; font-size: 15px; line-height: 1.55; }
    .tick-list svg { width: 19px; height: 19px; color: #607c35; flex: 0 0 auto; margin-top: 2px; }
    .article-demo { background: white; border: 1px solid #e9e7ee; border-radius: 24px; padding: 28px; box-shadow: var(--shadow); }
    .article-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 18px; }
    .article-top b { font: 800 13px var(--display); }
    .app-badge { border-radius: 999px; background: #eff9e2; color: #537b31; padding: 7px 11px; font-size: 10px; font-weight: 800; }
    .imported-source { display: flex; gap: 14px; align-items: center; border: 1px solid #efefef; padding: 13px; border-radius: 14px; }
    .article-thumb { background: linear-gradient(135deg, #a7b59f, #4d6759); width: 67px; height: 64px; border-radius: 9px; flex: none; position: relative; overflow: hidden; }
    .article-thumb::before { content: ''; position: absolute; height: 54px; width: 14px; background: #dae5d2; transform: rotate(26deg); left: 25px; top: 11px; box-shadow: 19px -12px 0 #829e8e; }
    .imported-source strong { display: block; font: 800 13px/1.35 var(--display); }
    .imported-source small { display: block; color: #8b8996; font-size: 11px; margin-top: 6px; }
    .turn-into { display: flex; align-items: center; justify-content: center; gap: 12px; color: #867e9e; font-size: 12px; font-weight: 700; margin: 21px 0; }
    .turn-into::before,.turn-into::after { content: ''; display: block; width: 18%; height: 1px; background: #e6e4eb; }
    .persona-controls { display: flex; gap: 6px; border: 1px solid #eeeeef; padding: 5px; border-radius: 12px; background: #f8f8f9; }
    .persona-tab { flex: 1; border: none; border-radius: 9px; background: transparent; color: #757484; font-size: 12px; font-weight: 800; cursor: pointer; padding: 12px 8px; transition: color .2s, background .2s, box-shadow .2s; }
    .persona-tab[aria-selected="true"] { background: white; color: var(--ink); box-shadow: 0 2px 8px rgba(24,24,42,.08); }
    .persona-content { min-height: 211px; margin-top: 14px; background: #fdfdfd; border: 1px solid #eaeaec; border-radius: 13px; padding: 19px; }
    .persona-header { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
    .persona-avatar { width: 37px; height: 37px; border-radius: 50%; background: #f4e3d8; color: #9b5c3a; font-size: 11px; font-weight: 800; display: grid; place-items: center; }
    .persona-header strong { font-size: 12px; display: block; }
    .persona-header small { font-size: 10px; color: #858493; }
    .linkedin-icon { margin-left: auto; width: 23px; height: 23px; border-radius: 6px; background: #0a66c2; color: white; font: 800 15px/23px var(--sans); text-align: center; }
    .persona-text { font-size: 13px; line-height: 1.75; color: #505066; margin: 0; }
    .persona-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 10px; font-weight: 800; color: #7a7690; margin-top: 16px; }
    .persona-bottom b { color: #5e7c35; background: #f0f9df; padding: 7px 11px; border-radius: 30px; }
    .product-note { font-size: 11px; color: #8a8793; text-align: center; margin-top: 17px; }

    .how { background: white; }
    .steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
    .step { position: relative; padding: 30px 24px; min-height: 280px; border-radius: 22px; background: #f8f8f8; }
    .step:nth-child(2) { background: #eeebff; } .step:nth-child(3) { background: #eaf8d8; } .step:nth-child(4) { background: #fff0e4; }
    .step-no { display: block; color: #a5a1ad; font: 800 12px var(--display); margin-bottom: 57px; }
    .step h3 { font: 800 23px var(--display); letter-spacing: -.04em; margin: 0 0 12px; }
    .step p { color: #666576; font-size: 14px; line-height: 1.75; margin: 0; }
    .step-arrow { position: absolute; top: 23px; right: 22px; width: 22px; height: 22px; color: #595875; }

    .real-world { padding: 100px 0; background: var(--ink); color: #fff; overflow: hidden; position: relative; }
    .real-world::after { content: ''; position: absolute; height: 540px; width: 540px; border: 1px solid rgba(210,250,129,.19); border-radius: 50%; right: -130px; top: -190px; box-shadow: 0 0 0 70px rgba(210,250,129,.025), 0 0 0 140px rgba(210,250,129,.022), 0 0 0 210px rgba(210,250,129,.015); pointer-events: none; }
    .real-content { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
    .real-world .eyebrow { color: var(--lime); }
    .real-world .eyebrow::before { background: var(--lime); }
    .real-world h2 { font: 800 clamp(32px,4vw,56px)/1.17 var(--display); letter-spacing: -.06em; margin: 21px 0; max-width: 560px; }
    .real-world p { color: #c6c5d5; font-size: 16px; line-height: 1.85; max-width: 515px; margin: 0; }
    .real-world strong.lime { color: var(--lime); }
    .stat-stack { display: grid; gap: 14px; }
    .story-card { display: flex; align-items: center; gap: 20px; border: 1px solid #424153; background: rgba(255,255,255,.055); padding: 20px 24px; border-radius: 17px; backdrop-filter: blur(4px); }
    .story-number { width: 106px; flex-shrink: 0; color: var(--lime); font: 800 39px/1 var(--display); letter-spacing: -.06em; }
    .story-text { font-size: 14px; color: #dfdeed; line-height: 1.5; }
    .story-text strong { color: white; display: block; font-size: 15px; margin-bottom: 3px; }
    .story-caption { font-size: 11px !important; margin-top: 10px !important; color: #a6a5bb !important; }

    .capabilities { background: white; }
    .cap-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
    .cap-card { border: 1px solid #eae9e8; border-radius: 20px; padding: 27px; min-height: 229px; }
    .cap-icon { width: 45px; height: 45px; display: grid; place-items: center; background: #f0edff; color: #745aec; border-radius: 13px; margin-bottom: 22px; }
    .cap-card:nth-child(2n) .cap-icon { background: #eef8df; color: #628436; }
    .cap-card:nth-child(3n) .cap-icon { background: #fff0e6; color: #bd7d48; }
    .cap-icon svg { width: 23px; height: 23px; }
    .cap-card h3 { font: 800 18px var(--display); letter-spacing: -.035em; margin: 0 0 9px; }
    .cap-card p { font-size: 14px; line-height: 1.72; color: #777583; margin: 0; }

    .assurance { padding: 37px 0; background: #f8f8f5; border-block: 1px solid #eeeae6; }
    .assurance .container { display: flex; align-items: center; justify-content: center; gap: 24px 35px; flex-wrap: wrap; }
    .assurance span { display: inline-flex; align-items: center; gap: 9px; color: #5d5c6b; font-size: 13px; font-weight: 700; }
    .assurance svg { width: 18px; height: 18px; color: #5c7e32; }

    .faqs { background: #fafaf8; }
    .faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; }
    .faq-grid .section-header h2 { margin-top: 18px; }
    .faq-list { border-top: 1px solid #e1e0df; }
    .faq-item { border-bottom: 1px solid #e1e0df; }
    .faq-item summary { list-style: none; cursor: pointer; padding: 24px 4px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font: 800 15px/1.55 var(--display); }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { content: '+'; width: 30px; height: 30px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: #e9e8e6; font-size: 20px; color: #777; font-weight: 400; }
    .faq-item[open] summary::after { content: '−'; color: var(--ink); background: var(--lime); }
    .faq-item p { margin: -3px 38px 25px 4px; font-size: 14px; line-height: 1.8; color: #767381; }

    .final-cta { background: var(--lime); overflow: hidden; position: relative; }
    .final-cta::before,.final-cta::after { content: ''; border: 1px solid rgba(32,37,31,.15); border-radius: 50%; position: absolute; aspect-ratio: 1; width: 580px; top: -330px; right: -210px; }
    .final-cta::after { width: 410px; right: -125px; top: -245px; }
    .final-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 60px; padding: 88px 0; }
    .final-inner h2 { font: 800 clamp(38px,4.45vw,62px)/1.1 var(--display); letter-spacing: -.07em; margin: 0 0 16px; max-width: 670px; }
    .final-inner p { margin: 0; font-size: 16px; color: #464d38; line-height: 1.7; max-width: 565px; }
    .final-inner .btn { background: var(--ink); color: white; padding: 20px 26px; }
    .final-inner .btn:hover { background: #39394a; }
    .cta-aside { flex-shrink: 0; }
    .cta-aside small { display: block; margin-top: 11px; color: #505840; font-size: 12px; text-align: center; }
    footer { background: var(--ink); color: white; padding: 51px 0 28px; }
    .footer-main { display: flex; justify-content: space-between; gap: 30px; align-items: flex-start; padding-bottom: 56px; }
    footer .brand { color: white; }
    footer .brand-mark { background: var(--lime); }
    footer .brand-mark svg path,footer .brand-mark svg circle { stroke: var(--ink); }
    footer .brand .dot { color: var(--lime); }
    .footer-about p { max-width: 330px; font-size: 13px; line-height: 1.8; color: #b8b7c5; }
    .footer-links { display: flex; gap: 68px; }
    .footer-links div { display: grid; gap: 16px; }
    .footer-links b { color: #e0dfea; font-size: 12px; margin-bottom: 5px; }
    .footer-links a { font-size: 13px; color: #bbbaca; }
    .footer-links a:hover { color: var(--lime); }
    .footer-bottom { border-top: 1px solid #3b3b50; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; align-items: center; padding-top: 25px; font-size: 11px; color: #aaa9bb; }


    /* Hero product emphasis */

    .hero-product-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
    .hero-product-step { border: 1px solid #eae8f2; border-radius: 12px; padding: 14px 10px 12px; background: #fbfaff; min-width: 0; }
    .hero-product-step:nth-child(2) { background: #f3faea; border-color: #e6f0dd; }
    .hero-product-step:nth-child(3) { background: #fef7f0; border-color: #f5ebdf; }
    .hero-product-step > span { display: block; font-size: 8px; font-weight: 800; color: #9184b8; letter-spacing: .04em; margin-bottom: 10px; }
    .hero-product-step:nth-child(2) > span { color: #6c8d49; }
    .hero-product-step:nth-child(3) > span { color: #b7825d; }
    .hero-product-step strong { display: block; font: 800 19px/1.2 var(--display); letter-spacing: -.05em; }
    .hero-product-step p { font-size: 9px; line-height: 1.55; min-height: 40px; color: #848091; margin: 9px 0 10px; }
    .hero-product-step small { color: #5f7a40; font-size: 9px; font-weight: 800; }

    .hero-foot { max-width: 610px; }
    .hero-lede { max-width: 540px; }
    .spotlight-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap; }
    .spotlight-badge { background: #fff; border: 1px solid #e7e3f4; color: #6956af; font: 800 11px var(--display); letter-spacing: .02em; padding: 10px 15px; border-radius: 999px; }
    .vault-feature { background: #f5f3ff; overflow: hidden; }
    .vault-layout { grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr); gap: clamp(36px,5vw,86px); }
    .vault-copy h2 { max-width: 630px; }
    .vault-copy > p strong { color: var(--ink); }
    .vault-copy .tick-list li b { color: var(--ink); font-weight: 800; }
    .vault-app { min-width: 0; background: #fff; border: 1px solid #e6e3f3; border-radius: 24px; overflow: hidden; box-shadow: 0 28px 65px rgba(52,42,101,.14); }
    .vault-app-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 23px 25px; border-bottom: 1px solid #f0eff5; }
    .vault-app-title { display: flex; align-items: center; gap: 12px; }
    .vault-symbol { width: 42px; height: 42px; display: grid; place-items: center; background: var(--ink); border-radius: 13px; color: var(--lime); font-size: 25px; }
    .vault-app-title strong { font: 800 21px var(--display); letter-spacing: -.05em; display: block; }
    .vault-app-overline { font-size: 10px; color: #8c899d; text-transform: uppercase; font-weight: 800; letter-spacing: .1em; display: block; margin-bottom: 4px; }
    .vault-ready { font-size: 10px; font-weight: 800; color: #608239; white-space: nowrap; display: flex; align-items: center; gap: 6px; }
    .live-dot { background: #83bd43; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; display: inline-block; }
    .vault-import { margin: 23px 24px 22px; background: #f8f7ff; border: 1px solid #e9e5ff; border-radius: 16px; padding: 20px; }
    .vault-import-top, .vault-list-head, .vault-duration-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
    .vault-import-top span { color: #6851cf; font-size: 11px; font-weight: 800; letter-spacing: .07em; }
    .vault-import-top small { font-size: 9px; color: #9b96ad; font-weight: 800; letter-spacing: .04em; }
    .vault-input-row { background: white; border: 1px solid #e9e7f3; border-radius: 10px; padding: 12px; display: flex; align-items: center; gap: 9px; margin-top: 15px; }
    .link-symbol { background: #eeeaff; color: #705be4; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; font-weight: 800; }
    .vault-url { color: #5b586f; flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 700; }
    .vault-connected { color: #618936; font-size: 10px; font-weight: 800; white-space: nowrap; }
    .vault-flow { margin-top: 15px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px; color: #817b99; font-size: 10px; font-weight: 800; }
    .vault-flow b { color: #5a7d2b; }
    .vault-list-head { padding: 0 25px; }
    .vault-list-head strong { display: block; font: 800 15px var(--display); }
    .vault-list-head span { color: #938fa2; font-size: 10px; display: block; margin-top: 5px; }
    .vault-list-head .vault-tag { font-size: 9px; margin: 0; color: #7062ad; padding: 8px 10px; border-radius: 8px; background: #f5f2ff; font-weight: 800; }
    .vault-filter-row { display: flex; gap: 7px; padding: 16px 25px 18px; flex-wrap: wrap; }
    .vault-filter { border: 1px solid #e9e8ed; background: #fff; color: #7f7b91; padding: 8px 12px; font: 800 10px var(--display); border-radius: 100px; cursor: pointer; transition: background .2s,border-color .2s,color .2s; }
    .vault-filter.active { background: var(--ink); color: #fff; border-color: var(--ink); }
    .vault-post-grid { padding: 0 25px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; max-height: 285px; overflow: auto; scrollbar-color: #ddd9f2 transparent; }
    .vault-content-card { border: 1px solid #ecebf1; border-radius: 13px; padding: 14px; min-width: 0; background: #fff; }
    .vault-card-top { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-bottom: 11px; }
    .vault-card-art { background: #f0edff; color: #7459df; width: 34px; height: 34px; flex-shrink: 0; display: grid; place-items: center; border-radius: 9px; font-size: 15px; }
    .vault-card-art.green { background: #edfadf; color: #548a2a; } .vault-card-art.peach { background: #fff0e5; color: #bf784e; }
    .vault-card-label { color: #8a8797; font-size: 9px; letter-spacing: .05em; font-weight: 800; text-transform: uppercase; }
    .vault-content-card strong { display: block; font: 800 11px/1.45 var(--display); min-height: 32px; letter-spacing: -.02em; }
    .vault-card-meta { border-top: 1px solid #f1f1f4; margin-top: 10px; padding-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 5px; color: #8b879a; font-size: 9px; }
    .vault-card-meta b { color: #5f8834; font-weight: 800; }
    .vault-app-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 18px 25px 0; padding-top: 16px; border-top: 1px solid #f0eff3; }
    .vault-preview-status { color: #757184; font-size: 10px; display: flex; align-items: center; gap: 7px; }
    .vault-generate { background: var(--lime); color: var(--ink); border: 0; border-radius: 9px; padding: 12px 14px; font: 800 11px var(--display); cursor: pointer; }
    .vault-generate:hover { background: var(--lime-strong); }
    .demo-disclaimer { font-size: 10px; color: #9290a2; line-height: 1.45; margin: 14px 25px 20px; }
    .campaign-feature { background: #191a2e; color: #fff; overflow: hidden; }
    .campaign-feature .spotlight-heading .eyebrow { color: var(--lime); }
    .campaign-feature .spotlight-heading .eyebrow::before { background: var(--lime); }
    .campaign-feature .badge-dark { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2); color: #dddaec; }
    .campaign-layout { grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: clamp(34px,5vw,78px); }
    .campaign-copy h2 { max-width: 590px; }
    .campaign-copy > p { color: #d0cfdf; }
    .campaign-copy > p strong { color: white; }
    .campaign-copy .lime-text { color: var(--lime); }
    .duration-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 31px 0 28px; }
    .duration-summary > div { border: 1px solid #414055; border-radius: 14px; background: rgba(255,255,255,.045); padding: 16px 11px; }
    .duration-summary strong { display: block; color: var(--lime); font: 800 22px/1.2 var(--display); letter-spacing: -.04em; }
    .duration-summary span { display: block; font-size: 10px; color: #cfccde; margin-top: 5px; line-height: 1.5; }
    .campaign-ticks { margin: 23px 0 27px; }
    .campaign-ticks li { color: #d9d7e6; font-size: 14px; }
    .campaign-ticks li b { color: #fff; }
    .campaign-ticks svg { color: var(--lime); }
    .campaign-app { min-width: 0; background: white; color: var(--ink); border-radius: 22px; border: 1px solid #46465a; overflow: hidden; box-shadow: 0 30px 78px rgba(0,0,0,.28); }
    .campaign-app-top { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 25px 25px 18px; }
    .campaign-app-top small { display: block; color: #9a97a8; font-size: 9px; font-weight: 800; letter-spacing: .1em; margin-bottom: 6px; }
    .campaign-app-top strong { display: block; font: 800 18px var(--display); letter-spacing: -.04em; }
    .campaign-ai-badge { background: #f1effe; color: #7059df; font-size: 10px; font-weight: 800; padding: 9px 11px; border-radius: 999px; white-space: nowrap; }
    .campaign-source { background: #f9f8fb; border: 1px solid #edeaf1; border-radius: 12px; margin: 0 24px 22px; padding: 14px; display: flex; align-items: center; gap: 11px; }
    .campaign-source-icon { background: #e9e6fc; color: #6c55d6; border-radius: 10px; display: grid; place-items: center; width: 39px; height: 39px; font-size: 20px; font-weight: 800; flex-shrink: 0; }
    .campaign-source div { flex: 1; min-width: 0; }
    .campaign-source small { display: block; font-size: 9px; font-weight: 800; color: #9691a4; margin-bottom: 5px; }
    .campaign-source strong { font: 800 11px/1.4 var(--display); display: block; }
    .campaign-source-check { color: #668a39; font-weight: 800; }
    .campaign-duration-header { display: flex; justify-content: space-between; gap: 12px; margin: 0 24px 11px; }
    .campaign-duration-header strong { font-size: 12px; }
    .campaign-duration-header span { font-size: 10px; color: #868198; }
    .campaign-duration { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0 24px 18px; }
    .campaign-duration-option { border: 1px solid #e9e7f1; padding: 13px 6px; border-radius: 10px; background: #fff; font: 800 12px var(--display); cursor: pointer; }
    .campaign-duration-option.selected { border-color: #a898f9; background: #f0edff; color: #6549d3; box-shadow: inset 0 0 0 1px #a898f9; }
    .campaign-result { display: flex; align-items: center; justify-content: space-between; border-radius: 13px; margin: 0 24px 18px; padding: 16px 19px; background: #eafaD9; }
    .campaign-result small { display: block; font-size: 9px; font-weight: 800; color: #64813e; margin-bottom: 4px; letter-spacing: .065em; }
    .campaign-result strong { display: block; font: 800 22px var(--display); letter-spacing: -.05em; }
    .campaign-result div > span { display: block; font-size: 10px; color: #70824e; margin-top: 3px; }
    .campaign-result-icon { color: #5d7c3c; font-size: 31px; }
    .campaign-timeline-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0 24px 12px; }
    .campaign-timeline-head strong { font-size: 12px; }
    .campaign-timeline-head span { font-size: 9px; color: #928ea1; }
    .campaign-timeline { margin: 0 24px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; min-height: 135px; }
    .campaign-week { border: 1px solid #eae8f2; border-radius: 11px; padding: 11px; min-width: 0; background: #fcfbfe; }
    .campaign-week b { font-size: 10px; display: block; color: #53506b; margin-bottom: 9px; }
    .campaign-week-entries { display: flex; gap: 5px; flex-wrap: wrap; }
    .campaign-slot { background: #f0ecff; color: #6d59bf; font-size: 9px; font-weight: 800; padding: 6px; border-radius: 5px; }
    .campaign-week:nth-child(even) .campaign-slot { background: #edf8dd; color: #608838; }
    .campaign-app-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin: 20px 24px 0; padding-top: 15px; border-top: 1px solid #edeaf1; }
    .campaign-app-bottom span { font-size: 10px; color: #647948; font-weight: 800; }
    .campaign-review { color: #6c53c9 !important; }
    .campaign-app .demo-disclaimer { margin: 14px 24px 22px; }

    @media (max-width: 1100px) {
      .hero-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
      .hero-visual { height: 470px; }
      .app-window { transform: scale(.90) rotate(-1.5deg); }
      .float-one { right: -5px; }.float-two { left: -18px; bottom: -5px; }
      .nav-links { gap: 20px; }
      .hero h1 { font-size: clamp(44px,5vw,65px); }
      .real-content { gap: 45px; }
    }
    @media (max-width: 900px) {
      .container { width: min(100% - 48px, 700px); }
      .nav { height: 69px; }
      .nav-links { display: none; position: absolute; top: 69px; left: 0; right: 0; background: white; border-bottom: 1px solid #eaeaea; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 24px 22px; box-shadow: 0 20px 50px rgba(17,17,36,.13); }
      .nav-links.open { display: flex; }
      .nav-links a { padding: 14px 2px; font-size: 16px; }
      .nav-actions .btn { display: none; }
      .menu-toggle { display: grid; }
      .hero-grid { grid-template-columns: 1fr; padding: 75px 0 60px; gap: 52px; }
      .hero h1 { font-size: clamp(48px,8vw,74px); max-width: 700px; }
      .hero-visual { width: 100%; height: 530px; max-width: 640px; margin: auto; }
      .app-window { transform: rotate(-1deg); }
      .problem-grid,.cap-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .split,.real-content,.faq-grid { grid-template-columns: 1fr; gap: 45px; }
      .steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .section-header { max-width: 690px; }
      .final-inner { align-items: flex-start; flex-direction: column; gap: 30px; }
      .footer-links { gap: 40px; }
    }
    @media (max-width: 600px) {
      .container { width: calc(100% - 36px); }
      .brand { font-size: 25px; }
      .hero-grid { padding: 52px 0 24px; gap: 12px; }
      .hero h1 { font-size: clamp(43px,10.7vw,61px); }
      .hero h1 .highlight::after { height: 12px; }
      .hero-lede { font-size: 15.5px; }
      .pill { font-size: 10px; margin-bottom: 24px; }
      .hero-ctas .btn { padding: 15px 16px; font-size: 12px; }
      .hero-foot { gap: 10px; font-size: 11px; }
      .hero-visual { height: 365px; }
      .visual-halo { width: 95%; top: 0; }
      .app-window { width: 108%; transform: scale(.79) rotate(-1deg); }
      .float-card { padding: 8px 10px; border-radius: 11px; }
      .float-card strong { font-size: 9px; }.float-card small { font-size: 8px; }
      .float-icon { width: 26px; height: 26px; }
      .float-one { right: -4px; top: 0; }.float-two { left: -4px; bottom: 2px; }
      .brand-strip { padding: 26px 0; }
      .strip-flex { gap: 10px; }
      .strip-flex span:not(.strip-arrow) { display: none; }
      .strip-flex strong { font-size: 13px; }
      section.section { padding: 79px 0; }
      .section-header { margin-bottom: 34px; }
      .section-header.centered { margin-bottom: 40px; }
      .section-header h2,.split-copy h2 { font-size: clamp(32px,8.2vw,41px); }
      .section-header p,.split-copy > p { font-size: 15px; }
      .problem-grid,.cap-grid,.steps { grid-template-columns: 1fr; gap: 12px; }
      .problem-card { padding: 27px; min-height: 245px; }
      .problem-icon { margin-bottom: 19px; }
      .problem-card h3 { font-size: 21px; }
      .step { min-height: 225px; padding: 25px; }
      .step-no { margin-bottom: 37px; }
      .article-demo { padding: 16px; }
      .persona-tab { font-size: 11px; padding: 11px 3px; }
      .persona-content { min-height: 225px; }
      .real-world { padding: 79px 0; }
      .real-world h2 { font-size: 36px; }
      .story-card { padding: 17px; gap: 14px; }
      .story-number { width: 80px; font-size: 33px; }
      .story-text strong { font-size: 13px; }
      .story-text { font-size: 12px; }
      .cap-card { min-height: 0; padding: 25px; }
      .faq-item summary { font-size: 14px; }
      .final-inner { padding: 76px 0; }
      .final-inner h2 { font-size: 41px; }
      .footer-main { flex-direction: column; gap: 40px; }
      .footer-links { flex-wrap: wrap; gap: 40px 60px; }
      .footer-bottom { font-size: 10px; }
    }
    @media (max-width: 380px) {
      .hero-visual { height: 322px; }
      .app-window { transform: scale(.66) rotate(-1deg); width: 125%; }
      .float-one { right: -7px; }.float-two { left: -5px; }
      .hero-ctas { gap: 7px; }
      .hero-ctas .btn { font-size: 11px; }
    }

    @media (max-width: 1100px) {
      .vault-layout, .campaign-layout { gap: 30px; }
      .vault-import { margin: 17px 16px; padding: 16px; }
      .vault-app-header { padding: 18px 17px; }
      .vault-list-head { padding: 0 17px; }
      .vault-filter-row { padding: 12px 17px; }
      .vault-post-grid { padding: 0 17px; }
      .vault-app-footer { margin-inline: 17px; }
      .campaign-app-top { padding: 20px 17px 16px; }
      .campaign-source, .campaign-duration-header, .campaign-duration, .campaign-result, .campaign-timeline-head, .campaign-timeline { margin-left: 17px; margin-right: 17px; }
      .campaign-app-bottom { margin-left: 17px; margin-right: 17px; }
    }
    @media (max-width: 900px) {
      .vault-layout, .campaign-layout { grid-template-columns: 1fr; gap: 38px; }
      .vault-app, .campaign-app { max-width: 690px; width: 100%; margin-inline: auto; }
      .vault-copy h2, .campaign-copy h2 { max-width: 750px; }
    }
    @media (max-width: 600px) {
      .spotlight-heading { margin-bottom: 25px; align-items: flex-start; }
      .spotlight-badge { font-size: 9px; }
      .strip-flex span:not(.strip-arrow) { display: inline; font-size: 11px; }
      .strip-flex { gap: 7px 10px; }
      .vault-app-header { gap: 8px; }
      .vault-ready { font-size: 9px; white-space: normal; text-align: right; }
      .vault-import { margin: 13px 12px 16px; padding: 13px; }
      .vault-import-top small { display: none; }
      .vault-input-row { padding: 9px; }
      .vault-url { font-size: 10px; }
      .vault-list-head { padding: 0 12px; }
      .vault-list-head .vault-tag { display: none; }
      .vault-filter-row { padding: 13px 12px; }
      .vault-post-grid { padding: 0 12px; gap: 8px; max-height: 280px; }
      .vault-content-card { padding: 11px; }
      .vault-content-card strong { font-size: 10px; }
      .vault-app-footer { margin: 14px 12px 0; }
      .vault-generate { width: 100%; }
      .campaign-duration-option { padding: 12px 6px; }
      .duration-summary strong { font-size: 19px; }
      .duration-summary > div { padding: 13px 9px; }
      .duration-summary span { font-size: 9px; }
      .campaign-app-top { padding: 18px 12px 15px; }
      .campaign-app-top strong { font-size: 15px; }
      .campaign-ai-badge { font-size: 9px; }
      .campaign-source, .campaign-duration-header, .campaign-duration, .campaign-result, .campaign-timeline-head, .campaign-timeline { margin-left: 12px; margin-right: 12px; }
      .campaign-timeline { gap: 7px; }
      .campaign-week { padding: 9px; }
      .campaign-slot { font-size: 8px; padding: 5px; }
      .campaign-app-bottom { margin-left: 12px; margin-right: 12px; }
      .demo-disclaimer { margin-inline: 12px; }
      .campaign-app .demo-disclaimer { margin-inline: 12px; }
    }

    /* Social Score: interactive reporting suite */
    .social-score-section { background: #f7f5ff; overflow: hidden; }
    .social-score-grid { display: grid; grid-template-columns: minmax(0, .83fr) minmax(0,1.17fr); gap: 54px; align-items: center; }
    .score-copy h2, .global-support-head h2 { font: 800 clamp(35px,3.6vw,53px)/1.15 var(--display); letter-spacing: -.063em; margin: 19px 0 23px; }
    .score-copy h2 .emphasis, .global-support-head h2 .emphasis { color: var(--purple); }
    .score-copy > p { color: #69677b; font-size: 16px; line-height: 1.84; margin: 0 0 30px; max-width: 500px; }
    .score-benefits { display: grid; gap: 22px; }
    .score-benefits > div { display: flex; align-items: flex-start; gap: 13px; }
    .score-benefit-icon { width: 36px; height: 36px; border-radius: 11px; background: #e3ddff; color: #6e54e0; display: grid; place-items: center; flex: none; font-size: 19px; font-weight: 800; }
    .score-benefits strong { display: block; font: 800 15px/1.4 var(--display); margin-bottom: 4px; }
    .score-benefits small { display: block; font-size: 13px; color: #777488; line-height: 1.6; }
    .inline-feature-link { display: inline-flex; gap: 12px; align-items: center; font-size: 14px; font-weight: 800; margin-top: 35px; text-decoration: underline; text-decoration-color: #b4a9ef; text-underline-offset: 6px; }
    .inline-feature-link:hover { color: #5b43c8; }
    .score-demo { background: white; border-radius: 24px; border: 1px solid #e3deef; box-shadow: 0 25px 70px rgba(47,38,96,.12); overflow: hidden; min-width: 0; }
    .score-app-bar { padding: 22px 24px; display: flex; justify-content: space-between; align-items: center; gap: 14px; border-bottom: 1px solid #eeecf4; }
    .score-app-brand { display: flex; align-items: center; gap: 11px; }
    .score-app-icon { display: grid; place-items: center; background: var(--ink); border-radius: 12px; color: var(--lime); width: 41px; height: 41px; font-size: 22px; }
    .score-app-label { display: block; color: #8d89a1; font-size: 9px; letter-spacing: .115em; font-weight: 800; margin-bottom: 4px; }
    .score-app-brand strong { font: 800 19px/1 var(--display); letter-spacing: -.04em; }
    .score-app-period { border: 1px solid #e9e6ee; padding: 9px 12px; border-radius: 8px; font-size: 11px; font-weight: 700; color: #767287; white-space: nowrap; }
    .score-dashboard-body { padding: 24px; }
    .score-summary-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 19px 23px; border-radius: 15px; background: #f6f3ff; margin-bottom: 25px; }
    .score-mini-label { display: block; color: #72698d; font-size: 11px; font-weight: 800; }
    .score-big-number { margin: 6px 0 1px; font: 800 53px/1.1 var(--display); letter-spacing: -.055em; }
    .score-big-number span { font: 700 12px var(--sans); color: #8e86a8; margin-left: 5px; letter-spacing: 0; }
    .score-summary-row p { color: #8a829d; font-size: 11px; margin: 6px 0 0; }
    .score-ring { width: 100px; height: 100px; border-radius: 50%; background: conic-gradient(#7758f5 0 82%,#e8e1fa 82% 100%); display: grid; place-items: center; flex: none; }
    .score-ring > span { width: 75px; height: 75px; border-radius: 50%; background: #f6f3ff; display: flex; flex-direction: column; align-items: center; justify-content: center; font: 800 26px/1 var(--display); }
    .score-ring small { font: 800 9px var(--sans); color: #878099; margin-top: 3px; }
    .score-leader-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
    .score-leader-heading strong { font: 800 17px var(--display); letter-spacing: -.035em; }
    .score-leader-heading p { margin: 6px 0 0; font-size: 11px; color: #8b8794; }
    .score-live { display: inline-flex; align-items: center; gap: 6px; border-radius: 30px; padding: 8px 10px; font-size: 10px; font-weight: 800; background: #effbe3; color: #628237; }
    .score-live > span { width: 6px; height: 6px; border-radius: 50%; background: #7ac04b; }
    .score-tabs { display: flex; gap: 6px; padding: 5px; border: 1px solid #eceaf0; background: #f8f7fa; border-radius: 11px; margin-bottom: 14px; }
    .score-tab { flex: 1; min-width: 0; border: 0; background: transparent; border-radius: 8px; padding: 10px 6px; font-size: 11px; font-weight: 800; color: #7e798c; cursor: pointer; }
    .score-tab.active { background: var(--ink); color: white; box-shadow: 0 3px 9px rgba(25,26,46,.13); }
    .score-leaderboard { display: grid; gap: 9px; }
    .score-leader-row { display: grid; grid-template-columns: 22px minmax(0,1fr) 44px; gap: 11px; align-items: center; padding: 11px 12px; border-radius: 12px; border: 1px solid #efedf3; background: #fff; }
    .score-leader-row.is-first { background: #fbfff3; border-color: #e1efcc; }
    .score-rank { color: #a19bac; font-size: 11px; font-weight: 800; }
    .score-row-heading { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-bottom: 7px; }
    .score-row-heading b { font-size: 12px; font-weight: 800; }
    .score-row-heading small { color: #958e9f; font-size: 10px; }
    .score-row-track { height: 6px; background: #eeeaf5; border-radius: 10px; overflow: hidden; }
    .score-row-fill { height: 100%; background: #907cf5; border-radius: inherit; transition: width .3s ease; }
    .score-leader-row.is-first .score-row-fill { background: #93c95e; }
    .score-row-points { font: 800 17px var(--display); color: #5a4cb3; text-align: right; }
    .score-leader-row.is-first .score-row-points { color: #607e36; }
    .score-posts-preview { margin-top: 17px; padding: 14px; border: 1px solid #e6e0f7; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fbf9ff; }
    .score-posts-preview-title { display: flex; align-items: center; gap: 12px; }
    .score-preview-spark { background: #e9e1ff; color: #7252e7; display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; flex: none; font-weight: 800; }
    .score-posts-preview strong { display: block; font-size: 12px; margin-bottom: 3px; }
    .score-posts-preview small { display: block; color: #8b849c; font-size: 10px; line-height: 1.5; }
    .score-post-arrow { color: #806cc7; font-size: 18px; }
    .score-example-note { margin: 0; padding: 3px 24px 19px; color: #9c95a8; font-size: 10px; text-align: center; }

    /* Global onboarding and Customer Success */
    .global-support-section { background: var(--cream); }
    .global-support-head { display: grid; grid-template-columns: 1.1fr .75fr; gap: 60px; align-items: end; margin-bottom: 42px; }
    .global-support-head h2 { margin-bottom: 0; }
    .global-support-head p { font-size: 16px; line-height: 1.8; color: #726d7b; margin: 0 0 5px; }
    .support-grid { display: grid; grid-template-columns: 1.13fr .87fr; gap: 18px; }
    .support-journey { border-radius: 23px; padding: 29px 30px 24px; background: white; border: 1px solid #eae6df; box-shadow: 0 15px 35px rgba(25,26,46,.045); }
    .support-card-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 14px; }
    .support-label { font-size: 10px; letter-spacing: .13em; font-weight: 800; color: #80788a; }
    .support-card-badge { font-size: 10px; font-weight: 800; color: #5b7838; background: #eff9df; padding: 9px 12px; border-radius: 999px; }
    .support-stage { display: grid; grid-template-columns: 45px minmax(0,1fr) 25px; gap: 15px; padding: 20px 0; border-bottom: 1px solid #eeece8; align-items: start; }
    .support-stage-no { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; font: 800 14px var(--display); color: #604ac7; background: #efebff; }
    .support-stage h3 { font: 800 17px/1.4 var(--display); margin: 0 0 6px; letter-spacing: -.025em; }
    .support-stage p { margin: 0; font-size: 13px; line-height: 1.65; color: #77727b; max-width: 370px; }
    .support-stage-check { display: grid; place-items: center; background: #eaf7d7; color: #5b8e2b; width: 25px; height: 25px; border-radius: 50%; font-weight: 800; }
    .support-coverage { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; margin-top: 25px; }
    .support-coverage > span { font-size: 12px; font-weight: 800; }
    .support-coverage > div { display: flex; gap: 7px; flex-wrap: wrap; }
    .support-coverage > div span { background: #f3f2f7; color: #726d7d; border-radius: 9px; padding: 9px 10px; font-size: 10px; font-weight: 800; }
    .support-side { display: flex; flex-direction: column; gap: 18px; }
    .support-main-card { position: relative; flex: 1; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; background: var(--ink); color: white; border-radius: 23px; padding: 33px 36px; overflow: hidden; min-height: 295px; }
    .support-main-card::after { content: ''; width: 310px; height: 310px; position: absolute; border-radius: 50%; border: 1px solid rgba(210,250,129,.19); box-shadow: 0 0 0 47px rgba(210,250,129,.045), 0 0 0 94px rgba(210,250,129,.025); right: -120px; top: -165px; pointer-events: none; }
    .support-sparkle { position: absolute; top: 27px; right: 32px; font-size: 40px; color: var(--lime); }
    .support-small { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; position: relative; z-index: 1; }
    .support-main-card h3 { position: relative; z-index: 1; font: 800 clamp(25px,2.1vw,32px)/1.24 var(--display); letter-spacing: -.05em; margin: 14px 0 12px; max-width: 350px; }
    .support-main-card p { position: relative; z-index: 1; font-size: 13px; line-height: 1.72; color: #d1cfdc; max-width: 350px; margin: 0 0 21px; }
    .support-main-card a { position: relative; z-index: 1; color: var(--lime); font-weight: 800; font-size: 13px; display: inline-flex; gap: 12px; align-items: center; }
    .support-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .support-mini { background: #e9e5ff; border-radius: 18px; padding: 23px; min-height: 190px; }
    .support-mini:nth-child(2) { background: #e6f4d4; }
    .support-mini-icon { width: 35px; height: 35px; border-radius: 10px; color: #7055d1; background: #fff9; display: grid; place-items: center; font-weight: 800; font-size: 21px; margin-bottom: 17px; }
    .support-mini:nth-child(2) .support-mini-icon { color: #55772e; }
    .support-mini strong { display: block; font: 800 15px var(--display); margin-bottom: 7px; }
    .support-mini p { font-size: 12px; line-height: 1.7; color: #656072; margin: 0; }

    @media (max-width: 1180px) {
      .social-score-grid { gap: 30px; }
      .score-dashboard-body { padding: 17px; }
      .support-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 1050px) {
      .nav-links { display: none; position: absolute; top: 69px; left: 0; right: 0; background: white; border-bottom: 1px solid #eaeaea; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 24px 22px; box-shadow: 0 20px 50px rgba(17,17,36,.13); }
      .nav-links.open { display: flex; }
      .nav-links a { padding: 14px 2px; font-size: 16px; }
      .nav-actions .btn { display: none; }
      .menu-toggle { display: grid; }
      .nav { height: 69px; }
    }
    @media (max-width: 900px) {
      .social-score-grid { grid-template-columns: 1fr; gap: 45px; }
      .score-demo { max-width: 690px; width: 100%; margin-inline: auto; }
      .score-copy > p { max-width: 690px; }
      .global-support-head { grid-template-columns: 1fr; gap: 18px; }
      .support-grid { grid-template-columns: 1fr; }
      .support-main-card { min-height: 310px; }
    }
    @media (max-width: 600px) {
      .score-copy h2,.global-support-head h2 { font-size: clamp(33px,8.5vw,42px); }
      .score-copy > p,.global-support-head p { font-size: 15px; }
      .score-app-bar { padding: 16px 13px; }
      .score-app-brand strong { font-size: 17px; }
      .score-app-icon { width: 34px; height: 34px; }
      .score-app-period { padding: 8px; font-size: 9px; }
      .score-dashboard-body { padding: 13px; }
      .score-summary-row { padding: 16px; }
      .score-big-number { font-size: 44px; }
      .score-ring { width: 80px; height: 80px; }
      .score-ring > span { width: 61px; height: 61px; }
      .score-leader-heading strong { font-size: 15px; }
      .score-leader-row { grid-template-columns: 17px minmax(0,1fr) 30px; padding: 10px; gap: 8px; }
      .score-row-heading small { font-size: 9px; }
      .score-row-heading b { font-size: 11px; }
      .score-row-points { font-size: 14px; }
      .score-example-note { padding: 2px 13px 15px; font-size: 9px; }
      .support-journey { padding: 21px 17px; }
      .support-card-badge { font-size: 9px; padding: 7px 9px; }
      .support-stage { grid-template-columns: 36px minmax(0,1fr) 20px; gap: 9px; }
      .support-stage-no { width: 35px; height: 35px; font-size: 12px; }
      .support-stage h3 { font-size: 14px; }
      .support-stage p { font-size: 12px; }
      .support-stage-check { width: 20px; height: 20px; font-size: 11px; }
      .support-main-card { padding: 25px; min-height: 315px; }
      .support-mini-grid { gap: 10px; }
      .support-mini { padding: 17px; }
    }
    @media (max-width: 370px) {
      .support-mini-grid { grid-template-columns: 1fr; }
      .score-row-heading small { display: none; }
      .score-live { padding: 6px; font-size: 9px; }
      .score-tabs { padding: 4px; }
    }

    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

    /* Sales autonomy: a signature product benefit */
    .sales-autonomy-section { background: #f6f9ef; overflow: hidden; }
    .sales-section-head { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: clamp(30px,5vw,86px); align-items: end; margin-bottom: 41px; }
    .sales-section-head .eyebrow { color: #5c6e46; }
    .sales-section-head h2 { font: 800 clamp(39px,4.45vw,66px)/1.16 var(--display); letter-spacing: -.067em; margin: 17px 0 0; max-width: 810px; }
    .sales-highlighter { background: linear-gradient(transparent 74%,#d6f29e 74%); }
    .sales-section-intro p { font-size: 17px; line-height: 1.75; color: #646b61; margin: 0 0 19px; }
    .sales-section-intro strong { color: var(--ink); }
    .sales-less-work { display: inline-block; font: 800 12px/1.6 var(--display); color: #46602a; }
    .sales-autonomy-board { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); border-radius: 26px; box-shadow: 0 25px 75px rgba(30,42,34,.095); overflow: hidden; background: #fff; border: 1px solid #e4ebe0; }
    .sales-autonomy-steps { display: grid; align-content: center; background: #1c2330; padding: 33px; gap: 11px; }
    .sales-action { display: flex; align-items: flex-start; text-align: left; gap: 17px; padding: 22px 19px; background: transparent; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; color: white; cursor: pointer; transition: background .2s,border .2s,transform .2s; }
    .sales-action:hover { background: rgba(255,255,255,.085); }
    .sales-action.active { border-color: #c6ee8f; background: #293a32; }
    .sales-action-number { font: 800 13px var(--display); color: #d2fa81; padding-top: 4px; flex-shrink: 0; }
    .sales-action-main { display: block; min-width: 0; }
    .sales-action-main strong { display: block; font: 800 21px/1.25 var(--display); letter-spacing: -.045em; margin-bottom: 9px; }
    .sales-action-main small { display: block; font-size: 12px; line-height: 1.75; color: #c6d0d0; }
    .sales-action-link { display: inline-flex; align-items: center; gap: 5px; margin-top: 15px; font: 800 11px var(--display); color: #dcf7ae; }
    .sales-action-footer { padding: 10px 9px 0; color: #b9c5c6; font: 700 11px/1.6 var(--sans); }
    .sales-small-check { color: #c6ee8f; font-size: 15px; margin-right: 6px; }
    .sales-demo-surface { display: flex; flex-direction: column; min-width: 0; background: #fdfdfc; }
    .sales-demo-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e9eae9; padding: 20px 24px; gap: 12px; background: white; }
    .sales-demo-top > div { display: flex; align-items: center; gap: 9px; }
    .sales-demo-top strong { font: 800 12px var(--display); }
    .sales-demo-mark { display: grid; place-items: center; width: 27px; height: 27px; background: #1c2330; color: #d2fa81; border-radius: 7px; font-size: 18px; }
    .sales-demo-mode { color: #607c3b; background: #edf7e5; font: 800 9px var(--sans); padding: 8px 10px; border-radius: 30px; }
    .sales-demo-content { flex: 1; padding: 26px; min-width: 0; }
    .sales-demo-pane[hidden] { display: none !important; }
    .sales-demo-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 25px; }
    .sales-demo-heading > div > span { color: #8b8795; font: 800 9px var(--sans); letter-spacing: .12em; }
    .sales-demo-heading h3 { margin: 7px 0 0; font: 800 21px/1.2 var(--display); letter-spacing: -.045em; }
    .sales-tag { font: 800 9px var(--display); color: #7359dd; padding: 8px 10px; background: #f0edff; border-radius: 50px; white-space: nowrap; }
    .sales-vault-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
    .sales-vault-filter span { font: 800 10px var(--sans); color: #807d89; padding: 8px 11px; background: #f5f5f3; border-radius: 999px; }
    .sales-vault-filter span.selected { background: #ecf7db; color: #567a38; }
    .sales-find-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .sales-find-card { border: 1px solid #e9e9e7; border-radius: 13px; overflow: hidden; background: white; min-width: 0; }
    .sales-find-art { position: relative; min-height: 174px; overflow: hidden; padding: 19px; display: flex; flex-direction: column; justify-content: space-between; }
    .sales-find-art > span:first-child { position: relative; z-index: 2; font: 800 9px var(--display); letter-spacing: .07em; }
    .sales-find-art b { position: relative; z-index: 2; font: 800 clamp(16px,1.6vw,22px)/1.17 var(--display); letter-spacing: -.04em; }
    .sales-find-art-one { background: #133d4a; color: #e8fdc6; }
    .sales-find-art-two { background: #e7e2ff; color: #453275; }
    .sales-art-curve { position: absolute; width: 195px; height: 195px; right: -90px; bottom: -114px; border-radius: 50%; border: 28px solid #90caca; }
    .sales-art-ring { position: absolute; right: -21px; top: 12px; width: 140px; height: 140px; border-radius: 50%; border: 22px solid rgba(139,111,224,.22); }
    .sales-find-copy { padding: 13px; }
    .sales-find-copy b { display: block; color: #353445; font: 800 11px/1.45 var(--display); margin-bottom: 9px; }
    .sales-find-copy span { display: block; color: #6d9851; font: 800 9px var(--sans); }
    .sales-demo-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 15px; margin-top: 23px; border-top: 1px solid #ecebea; padding-top: 18px; }
    .sales-demo-summary > span { color: #5d8a36; font: 800 10px var(--sans); }
    .sales-demo-summary strong { color: #5c526f; font: 800 10px/1.5 var(--sans); }
    .sales-demo-disclaimer { color: #9a98a1; padding: 0 26px 22px; font-size: 10px; line-height: 1.45; }
    .sales-idea { background: #f4f1ff; border: 1px solid #ece7fd; border-radius: 13px; padding: 19px; }
    .sales-idea span { font: 800 9px var(--sans); color: #8065c8; letter-spacing: .1em; }
    .sales-idea p { font: 700 14px/1.6 var(--sans); color: #484257; margin: 8px 0 0; }
    .sales-write-cue { display: flex; align-items: center; gap: 10px; color: #7c7199; font: 800 11px var(--sans); margin: 17px 0; }
    .sales-cue-icon { width: 25px; height: 25px; background: #ecf6e4; color: #719145; border-radius: 7px; display: grid; place-items: center; font-size: 16px; }
    .sales-post-card { border: 1px solid #ebe9ef; border-radius: 13px; padding: 19px; background: #fff; }
    .sales-post-user { display: flex; align-items: center; gap: 10px; }
    .sales-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; background: #edd9d0; color: #996047; font: 800 11px var(--sans); }
    .sales-post-user strong,.sales-post-user small { display: block; }
    .sales-post-user strong { font-size: 12px; }.sales-post-user small { font-size: 10px; color: #8b8994; margin-top: 2px; }
    .sales-linked-in { margin-left: auto; display: grid; place-items: center; border-radius: 5px; background: #0a66c2; color: #fff; width: 23px; height: 23px; font: 800 14px var(--sans); }
    .sales-post-card > p { color: #555562; font-size: 12px; line-height: 1.7; margin: 16px 0 0; }
    .sales-visual-workspace { display: grid; grid-template-columns: 1.3fr .7fr; gap: 15px; }
    .sales-visual-preview { min-height: 304px; border-radius: 12px; padding: 19px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; position: relative; background: #14394b; color: #e6f8bd; transition: background .25s,color .25s; }
    .sales-brand-top,.sales-brand-bottom { position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; }
    .sales-example-logo { font: 800 19px var(--display); line-height: 1; }.sales-example-logo span { color: #c0f477; font-size: 15px; }
    .sales-brand-top b { font: 800 10px var(--display); letter-spacing: .13em; }.sales-brand-top small { margin-left: auto; font: 700 8px var(--sans); letter-spacing: .1em; }
    .sales-visual-headline { position: relative; z-index: 2; margin: auto 0; font: 800 clamp(26px,3.2vw,43px)/1.12 var(--display); letter-spacing: -.05em; }
    .sales-visual-shape { position: absolute; right: -32%; bottom: -36%; width: 87%; aspect-ratio: 1; border: 38px solid #82c8b9; border-radius: 50%; opacity: .9; }
    .sales-brand-bottom { justify-content: space-between; font: 700 9px var(--sans); }
    .sales-brand-bottom > span:last-child { font-size: 20px; }
    .sales-visual-preview[data-art-style="editorial"] { background: #eee9dd; color: #2d3833; }
    .sales-visual-preview[data-art-style="editorial"] .sales-visual-shape { border-color: #b9c896; transform: rotate(-18deg); border-radius: 18%; opacity: .65; }
    .sales-visual-preview[data-art-style="editorial"] .sales-example-logo span { color: #6d9251; }
    .sales-visual-preview[data-art-style="minimal"] { background: #e6e0ff; color: #473679; }
    .sales-visual-preview[data-art-style="minimal"] .sales-visual-shape { border-color: rgba(124,96,217,.21); right: -42%; top: -45%; bottom: auto; }
    .sales-visual-preview[data-art-style="minimal"] .sales-example-logo span { color: #7051ce; }
    .sales-style-picker { display: flex; flex-direction: column; gap: 8px; }
    .sales-style-picker > span { font: 800 9px/1.5 var(--sans); letter-spacing: .075em; color: #92909b; margin-bottom: 4px; }
    .sales-style-btn { display: flex; align-items: center; gap: 10px; width: 100%; background: white; border: 1px solid #e8e7eb; border-radius: 9px; padding: 10px; cursor: pointer; text-align: left; color: #565468; font: 800 11px var(--sans); }
    .sales-style-btn.active { border-color: #997cf3; background: #f7f4ff; color: #5e45c6; }
    .sales-style-swatch { width: 23px; height: 23px; border-radius: 5px; flex-shrink: 0; }
    .bold-swatch { background: #14394b; }.editorial-swatch { background: #b9c896; }.minimal-swatch { background: #d9cfff; }
    .sales-style-picker p { color: #92909b; font-size: 10px; line-height: 1.65; margin: auto 0 0; padding-top: 14px; }
    .sales-outcome-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 15px; align-items: center; padding: 33px 14px 0; }
    .sales-outcome-strip div { display: flex; flex-direction: column; gap: 6px; }
    .sales-outcome-strip strong { font: 800 15px/1.35 var(--display); letter-spacing: -.02em; }
    .sales-outcome-strip div span { color: #7b8074; font-size: 12px; line-height: 1.6; }
    .sales-outcome-arrow { color: #8ba16e; font: 800 20px var(--display); }
    @media (max-width: 1050px) {
      .sales-section-head { grid-template-columns: 1fr; gap: 18px; }
      .sales-section-intro { max-width: 700px; }
      .sales-autonomy-board { grid-template-columns: 1fr; }
      .sales-autonomy-steps { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; padding: 20px; }
      .sales-action { flex-direction: column; gap: 9px; padding: 17px; }
      .sales-action-main strong { font-size: 17px; }
      .sales-action-main small { font-size: 11px; }
      .sales-action-footer { grid-column: 1 / -1; }
      .sales-demo-surface { min-height: 490px; }
      .sales-find-art { min-height: 205px; }
      .sales-visual-preview { min-height: 360px; }
    }
    @media (max-width: 650px) {
      .sales-section-head h2 { font-size: clamp(31px,8vw,46px); }
      .sales-section-intro p { font-size: 15px; }
      .sales-autonomy-steps { grid-template-columns: 1fr; gap: 8px; padding: 15px; }
      .sales-action { flex-direction: row; padding: 15px; }
      .sales-action-main strong { font-size: 17px; }
      .sales-action-main small { font-size: 11px; }
      .sales-action-link { margin-top: 7px; }
      .sales-demo-top { padding: 14px; }
      .sales-demo-content { padding: 16px; }
      .sales-demo-heading h3 { font-size: 18px; }
      .sales-vault-filter { gap: 4px; }
      .sales-vault-filter span { padding: 7px; font-size: 9px; }
      .sales-find-art { min-height: 139px; padding: 11px; }
      .sales-find-art > span:first-child { font-size: 7px; }
      .sales-find-art b { font-size: 16px; }
      .sales-find-copy { padding: 10px; }
      .sales-find-copy b { font-size: 10px; }
      .sales-find-copy span { font-size: 9px; }
      .sales-demo-disclaimer { padding: 0 16px 18px; }
      .sales-demo-surface { min-height: 0; }
      .sales-visual-workspace { grid-template-columns: 1fr; }
      .sales-visual-preview { min-height: 305px; }
      .sales-style-picker { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
      .sales-style-picker > span,.sales-style-picker p { grid-column: 1/-1; }
      .sales-style-btn { font-size: 10px; padding: 8px 6px; gap: 6px; }
      .sales-style-swatch { width: 17px; height: 17px; }
      .sales-outcome-strip { grid-template-columns: 1fr; gap: 13px; padding: 25px 2px 0; }
      .sales-outcome-arrow { transform: rotate(90deg); font-size: 17px; line-height: 1; }
      .sales-less-work { font-size: 11px; }
    }

  

/* Multi-page site extension. Home's original visual design is preserved. */
:root {--dark:#191a2e;--text-sub:#666678}
.nav-links a[aria-current="page"]{color:var(--ink)}
.nav-links a[aria-current="page"]::after{content:"";display:block;height:2px;background:var(--purple);border-radius:2px;margin-top:7px}
.footer-api{font-size:11px;font-weight:800;color:#c9f6ad;margin-top:20px;letter-spacing:.015em}
.proof-ribbon{background:#fff;border-bottom:1px solid #ecebf1}
.proof-ribbon-inner{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:22px;align-items:center;padding:26px 0}
.proof-label{font:800 11px var(--display);text-transform:uppercase;letter-spacing:.13em;color:#77748c}
.proof-tile{border-left:1px solid #e7e6ed;padding-left:23px}
.proof-tile strong{display:block;font:800 24px/1.2 var(--display);letter-spacing:-.055em;color:var(--ink)}
.proof-tile span{font-size:11px;color:#777482;line-height:1.55;display:block;margin-top:5px}
.proof-note{font-size:11px;color:#777482;line-height:1.6;padding-bottom:12px}
.inner-hero{overflow:hidden;isolation:isolate;position:relative;padding:115px 0 100px;background:#f5f3ec}
.inner-hero.purple-bg{background:#edebff}
.inner-hero.lime-bg{background:#eff8dd}
.inner-hero::before{content:"";position:absolute;width:700px;height:700px;right:-250px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(199,191,255,.7),transparent 70%);z-index:-1}
.inner-hero h1{font:800 clamp(48px,6vw,88px)/1.08 var(--display);letter-spacing:-.076em;margin:18px 0 22px;max-width:930px}
.inner-hero h1 em{font-style:normal;background:linear-gradient(transparent 76%,var(--lime) 76%)}
.inner-hero .lede{max-width:695px;font-size:clamp(17px,1.8vw,21px);line-height:1.7;color:#646478;margin:0 0 32px}
.inner-hero .btn-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.section-pad{padding:110px 0}
.section-pad.slim{padding:76px 0}
.bg-cream{background:#f6f5ef}.bg-lilac{background:#f1efff}.bg-dark{background:#191a2e;color:white}.bg-lime{background:#d2fa81}
.section-head{max-width:900px;margin-bottom:48px}
.section-head h2,.big-head{font:800 clamp(37px,4.6vw,66px)/1.12 var(--display);letter-spacing:-.066em;margin:16px 0 20px}
.section-head p{font-size:18px;line-height:1.75;color:#6e6e80;max-width:730px;margin:0}
.bg-dark .section-head p{color:#c0becd}
.kicker{font:800 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#6756b5}
.bg-dark .kicker{color:var(--lime)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.info-card{border:1px solid #e7e6e9;border-radius:22px;background:white;padding:31px;min-width:0;box-shadow:0 10px 26px rgba(21,22,41,.025)}
.info-card.soft{background:#f7f7f4}
.info-card h3{font:800 clamp(19px,1.8vw,24px)/1.23 var(--display);letter-spacing:-.045em;margin:15px 0 12px}
.info-card p{font-size:14px;line-height:1.75;color:#737281;margin:0}
.info-card .num{width:40px;height:40px;border-radius:13px;background:#eae6ff;color:#6450bd;display:grid;place-items:center;font:800 13px var(--display)}
.info-card .tagline{display:inline-block;color:#536c31;background:#e9f7d1;border-radius:999px;padding:7px 12px;font:800 10px var(--display)}
.soft-visual{background:#181c2c;border-radius:26px;padding:30px;color:#fff;overflow:hidden;min-height:320px}
.soft-visual.lilac{background:#dedafa;color:#211d41}.soft-visual.green{background:#c8f1a6;color:#1c3327}
.soft-visual .eyebrow{color:inherit;opacity:.65}
.soft-visual h3{font:800 clamp(27px,3vw,42px)/1.17 var(--display);letter-spacing:-.055em;margin:30px 0 17px}
.soft-visual p{font-size:15px;line-height:1.7;opacity:.78;max-width:360px}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.tagrow span{padding:8px 12px;font-size:11px;font-weight:800;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:999px}
.two-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:65px}
.two-up.reverse > :first-child{order:2}
.feature-copy h2{font:800 clamp(35px,4vw,59px)/1.13 var(--display);letter-spacing:-.067em;margin:15px 0 21px}
.feature-copy p{font-size:16px;line-height:1.8;color:#737281;margin:0 0 25px}
.feature-copy ul{padding:0;list-style:none;display:grid;gap:14px;margin:24px 0 32px}
.feature-copy li{font-size:14px;line-height:1.55;padding-left:27px;position:relative}
.feature-copy li::before{content:'✓';position:absolute;left:0;font-weight:900;color:#7856cb}
.preview-shell{background:white;border-radius:24px;border:1px solid #e5e4ee;box-shadow:0 24px 66px rgba(38,27,67,.09);overflow:hidden;min-width:0}
.preview-top{border-bottom:1px solid #eaeaf0;padding:17px 22px;display:flex;justify-content:space-between;gap:10px;align-items:center;font:800 13px var(--display)}
.preview-body{padding:26px}
.demo-pill{font-size:10px;border-radius:999px;padding:7px 11px;background:#f0eafd;color:#6550b6;font-weight:800}
.demo-source{background:#f9f8ff;border:1px solid #e9e6f8;border-radius:14px;padding:15px 19px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}
.demo-source strong{font-size:13px}
.demo-source small{display:block;color:#818092;font-size:11px;margin-top:5px}
.demo-source i{font-style:normal;font-weight:900;color:#566c33;background:#e6f9cc;border-radius:50%;padding:5px 9px}
.demo-arrow{text-align:center;color:#6856c9;padding:12px;font-weight:900}
.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.demo-post{border:1px solid #e9e7ee;border-radius:12px;padding:14px;background:white;min-height:106px}
.demo-post span{font-size:10px;font-weight:800;color:#7c65c4}
.demo-post strong{display:block;font-size:13px;line-height:1.45;margin:11px 0 0}
.indicator{font:800 11px var(--display);color:#6f6683;margin-top:18px}
.feature-cta{display:inline-flex;align-items:center;gap:10px;font:800 13px var(--display);color:#6956c0;border-bottom:1px solid #b9aae7;padding-bottom:6px}
.case-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.case-card{background:white;border:1px solid #e5e4eb;border-radius:22px;padding:32px;min-height:320px;display:flex;flex-direction:column;gap:14px}
.case-card.featured{background:#191a2e;color:white}
.case-card .case-name{font:800 20px var(--display);letter-spacing:-.03em}
.case-card .metric{font:800 clamp(43px,4vw,65px)/1.1 var(--display);letter-spacing:-.06em}
.case-card .metric-desc{font-size:14px;line-height:1.55;color:#757385}
.case-card.featured .metric-desc{color:#c8c5d6}
.case-card .more{font:800 12px var(--display);margin-top:auto;padding-top:24px}
.case-card.featured .more{color:#d2fa81}
.quote-block{background:#d2fa81;padding:42px;border-radius:24px;color:#202132}
.quote-block blockquote{font:800 clamp(22px,2.7vw,34px)/1.45 var(--display);letter-spacing:-.043em;margin:0 0 22px}
.quote-block cite{font-size:13px;font-style:normal;font-weight:800}
.note{font-size:12px;line-height:1.65;color:#868395}
.plan-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:22px;align-items:stretch}
.plan-main{border-radius:25px;background:#191a2e;padding:46px;color:#fff}
.plan-main .price{font:800 clamp(65px,7.5vw,105px)/1.1 var(--display);letter-spacing:-.083em;margin:22px 0 4px}
.plan-main .price small{font-size:22px;color:#c7c6d2;letter-spacing:-.03em}
.plan-main h2{font:800 27px var(--display);letter-spacing:-.04em}
.plan-main p{font-size:15px;line-height:1.75;color:#c4c2d1}
.plan-main .checklist{display:grid;gap:13px;padding:22px 0 29px;margin:0;list-style:none}
.plan-main .checklist li{font-size:14px;padding-left:25px;position:relative}
.plan-main .checklist li:before{content:'✓';position:absolute;left:0;color:#d2fa81;font-weight:900}
.plan-side{background:#f4f2fc;border-radius:25px;padding:43px;border:1px solid #e5e1f1}
.plan-side h3{font:800 28px var(--display);letter-spacing:-.05em}
.plan-side p{line-height:1.78;color:#716d83;font-size:15px}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat-row .stat{border:1px solid #e5e2ea;border-radius:17px;padding:25px;background:#fff}
.stat strong{display:block;font:800 clamp(35px,4vw,51px) var(--display);letter-spacing:-.07em}
.stat small{display:block;font-size:13px;color:#767485;line-height:1.6;margin-top:8px}
.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.journey-step{padding:28px;background:#fff;border:1px solid #e7e6ea;border-radius:18px}
.journey-step .index{font:800 11px var(--display);color:#846ac5}
.journey-step h3{font:800 19px var(--display);letter-spacing:-.035em;margin:30px 0 10px}
.journey-step p{color:#7a7887;font-size:13px;line-height:1.65;margin:0}
.cta-band{padding:81px 0;background:#d2fa81;color:#191a2e}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.cta-band h2{font:800 clamp(35px,4vw,60px)/1.1 var(--display);letter-spacing:-.06em;max-width:730px;margin:0}
.cta-band p{font-size:16px;line-height:1.65;margin:18px 0 0;max-width:590px}
.faq-stack{max-width:860px;margin:0 auto}
.faq-stack details{border-bottom:1px solid #e6e4e9;padding:25px 0}
.faq-stack summary{font:800 18px var(--display);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}
.faq-stack summary:after{content:'+';font:800 25px var(--display);color:#6551c3}
.faq-stack details[open] summary:after{content:'−'}
.faq-stack details p{font-size:15px;line-height:1.75;color:#717080;margin:18px 0 0;max-width:760px}
.story-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story-time{border-radius:20px;padding:29px;border:1px solid #ebe9ed;background:#fff}
.story-time strong{font:800 12px var(--display);color:#7361bd}
.story-time h3{font:800 27px var(--display);margin:22px 0 10px;letter-spacing:-.06em}
.story-time p{font-size:14px;line-height:1.75;color:#727180}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.resource-card{padding:28px;border-radius:19px;background:white;border:1px solid #eae8ed;min-height:250px;display:flex;flex-direction:column}
.resource-card .type{font:800 10px var(--display);color:#7155bf;letter-spacing:.1em;text-transform:uppercase}
.resource-card h3{font:800 21px/1.3 var(--display);letter-spacing:-.04em;margin:27px 0 12px}
.resource-card p{font-size:13px;line-height:1.6;color:#797788}
.resource-card a{font:800 12px var(--display);margin-top:auto;color:#6447a9;padding-top:18px}
.range-widget{padding:27px;background:white;border:1px solid #e7e5ef;border-radius:22px}
.range-row{display:grid;grid-template-columns:1fr 65px;align-items:center;gap:15px;margin:22px 0}
.range-row label{font-size:14px;font-weight:800}
.range-row output{font-size:15px;text-align:right;font-weight:800;color:#53469a}
.range-row input{grid-column:1/-1;width:100%;accent-color:#7055d9;cursor:pointer}
.roi-result{background:#1d2030;color:white;border-radius:18px;padding:26px;margin-top:25px}
.roi-result strong{font:800 clamp(35px,5vw,55px) var(--display);letter-spacing:-.07em}
.roi-result span{display:block;color:#c9c8d5;font-size:13px;line-height:1.6;margin-top:7px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trust-card{padding:32px;border:1px solid #ebe9ef;border-radius:22px;background:white}
.trust-icon{width:46px;height:46px;border-radius:14px;background:#e9f7d6;color:#36563b;display:grid;place-items:center;font-weight:900;font-size:20px}
.trust-card h3{font:800 20px var(--display);margin:25px 0 12px;letter-spacing:-.035em}
.trust-card p{font-size:14px;color:#747183;line-height:1.75}
.support-pill{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:100px;background:#fff;border:1px solid #e8e6ea;font:800 12px var(--display);margin:0 7px 9px 0}
.dark-line{height:1px;background:#dedbe7;margin:35px 0}
.link-list{display:grid;gap:12px}.link-list a{font-size:14px;text-decoration:underline;text-underline-offset:3px;color:#6750bd}
.check-list{display:grid;gap:15px;padding:0;list-style:none}.check-list li{position:relative;padding-left:26px;font-size:14px;line-height:1.7}.check-list li:before{content:'✓';position:absolute;left:0;color:#6f58c8;font-weight:900}
@media(max-width:1180px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:white;border-bottom:1px solid #eaeaea;flex-direction:column;align-items:stretch;gap:0;padding:15px max(24px,calc((100vw - 1240px)/2));box-shadow:0 18px 30px rgba(28,22,50,.07)}.nav-links.open{display:flex}.nav-links a{padding:14px 6px;font-size:16px}.nav-actions .btn{display:none}.menu-toggle{display:grid!important}.nav-links a[aria-current="page"]::after{display:none}.menu-open .nav-shell{z-index:120}}
@media(max-width:930px){.two-up,.plan-layout{grid-template-columns:1fr;gap:30px}.two-up.reverse>:first-child{order:0}.card-grid,.case-grid,.trust-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.proof-ribbon-inner{grid-template-columns:1fr 1fr}.proof-tile:nth-of-type(2){border-left:0;padding-left:0}.journey-steps{grid-template-columns:repeat(2,1fr)}.cta-band-inner{align-items:flex-start;flex-direction:column}.section-pad{padding:76px 0}.inner-hero{padding:85px 0}}
@media(max-width:600px){.card-grid,.card-grid.two,.case-grid,.resource-grid,.trust-grid,.stat-row,.story-timeline,.journey-steps,.proof-ribbon-inner{grid-template-columns:1fr}.proof-tile{border-left:0;border-top:1px solid #efedf2;padding:14px 0 0}.section-pad{padding:64px 0}.inner-hero{padding:70px 0}.inner-hero h1{font-size:clamp(42px,12vw,59px)}.section-head h2{font-size:clamp(34px,10vw,50px)}.info-card,.plan-main,.plan-side,.quote-block{padding:25px}.feature-copy h2{font-size:38px}.preview-body{padding:17px}.demo-grid{grid-template-columns:1fr}.cta-band{padding:60px 0}.footer-api{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:600px){.hero-visual{margin-top:65px}.hero-foot{position:relative;z-index:4}}


/* Accessible Platform navigation dropdown. */
.nav-links .nav-item-dropdown{position:relative;display:flex;align-items:center;gap:1px;flex-shrink:0}
.nav-links .nav-item-dropdown>.nav-primary-link{white-space:nowrap}
.nav-links .nav-dropdown-toggle{border:0;background:transparent;color:#6b697b;display:grid;place-items:center;width:25px;height:34px;padding:0;cursor:pointer;border-radius:7px;transition:background .15s,color .15s}
.nav-links .nav-dropdown-toggle svg{width:16px;height:16px;transition:transform .18s ease}
.nav-links .nav-dropdown-toggle:hover,.nav-links .nav-dropdown-toggle:focus-visible{color:var(--purple);background:#f0edff}
.nav-item-dropdown.dropdown-open>.nav-dropdown-toggle svg{transform:rotate(180deg)}
.nav-links .nav-dropdown-panel{position:absolute;top:100%;left:-20px;width:355px;z-index:150;padding:11px;background:white;border:1px solid #e9e7ee;border-radius:17px;box-shadow:0 22px 60px rgba(34,28,72,.16);display:none}
.nav-item-dropdown.dropdown-open>.nav-dropdown-panel{display:block}
.nav-links .nav-dropdown-panel a{display:flex;align-items:center;gap:12px;border-radius:11px;padding:11px 12px;font-size:13px;line-height:1.2;color:var(--ink);transition:background .15s ease}
.nav-links .nav-dropdown-panel a:hover,.nav-links .nav-dropdown-panel a:focus-visible{background:#f2f0ff;color:var(--ink)}
.nav-links .nav-dropdown-panel a strong{display:block;font:800 13px/1.4 var(--display);letter-spacing:-.02em}
.nav-links .nav-dropdown-panel a small{display:block;font:500 11px/1.45 var(--sans);color:#777487;margin-top:2px}
.nav-links .nav-dropdown-panel .nav-dd-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#f0edff;color:#6750bc;font:800 17px/1 var(--display)}
.nav-links .nav-dropdown-panel .nav-dropdown-overview .nav-dd-icon{background:var(--lime);color:var(--ink)}
.nav-links .nav-dropdown-separator{height:1px;background:#eeedf2;margin:5px 9px}
.nav-links .nav-item-dropdown>.nav-primary-link[aria-current="page"]{color:var(--ink)}
@media(max-width:1180px){
  .nav-links{max-height:calc(100dvh - 76px);overflow-y:auto}
  .nav-links .nav-item-dropdown{display:flex;flex-wrap:wrap;width:100%;gap:0;border-bottom:1px solid #f0eef4}
  .nav-links .nav-item-dropdown>.nav-primary-link{flex:1;padding:14px 6px;font-size:16px}
  .nav-links .nav-dropdown-toggle{width:50px;height:49px;justify-self:end;background:#f7f6fa}
  .nav-links .nav-dropdown-panel{position:static;width:100%;box-shadow:none;border:0;border-radius:12px;padding:4px 0 10px;background:#f9f8fc}
  .nav-links .nav-dropdown-panel a{padding:10px 13px;font-size:13px}
  .nav-links .nav-dropdown-panel a strong{font-size:13px}
  .nav-links .nav-dropdown-panel a small{font-size:11px}
  .nav-links .nav-dropdown-panel a[aria-current="page"]::after{display:none}
}


/* Book a demo: designed to work with HubSpot's embedded Meetings iframe. */
.mobile-booking-link{display:none!important}
.demo-book-hero{background:#f5f3ec;overflow:hidden;position:relative;padding:76px 0 82px}
.demo-book-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-175px;top:-360px;background:radial-gradient(circle,rgba(211,201,255,.75),transparent 71%);pointer-events:none}
.demo-book-hero .container{position:relative}
.demo-hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #d7d4d7;border-radius:100px;background:rgba(255,255,255,.7);padding:9px 16px 9px 10px;font:800 11px var(--display);letter-spacing:.1em;color:#4a4960}
.demo-pill-dot{height:18px;width:18px;background:var(--lime);display:inline-block;border-radius:50%;box-shadow:inset 0 0 0 5px #d2fa81;border:4px solid white}
.demo-book-hero h1{font:800 clamp(43px,5.4vw,73px)/1.12 var(--display);letter-spacing:-.065em;max-width:850px;margin:24px 0 18px}
.demo-highlight{box-shadow:inset 0 -16px 0 var(--lime)}
.demo-book-hero p{font-size:clamp(16px,1.7vw,20px);line-height:1.7;color:#625f72;max-width:790px;margin:0}
.demo-book-body{background:white;padding:72px 0 95px}
.demo-book-layout{display:grid;grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr);align-items:start;gap:52px}
.demo-book-sidebar{padding:28px 0}
.demo-book-sidebar h2{font:800 clamp(32px,3vw,47px)/1.17 var(--display);letter-spacing:-.055em;margin:18px 0 16px}
.demo-book-sidebar h2 em{font-style:normal;box-shadow:inset 0 -10px 0 var(--lime)}
.demo-book-sidebar>p{line-height:1.7;color:#68687a;font-size:16px;margin:0 0 29px}
.demo-points{border-top:1px solid var(--border)}
.demo-point{display:flex;gap:14px;border-bottom:1px solid var(--border);padding:20px 0}
.demo-number{font:800 12px var(--display);color:#6e55d6;background:#eee9ff;border-radius:10px;min-width:32px;height:32px;display:grid;place-items:center}
.demo-point strong{font:800 15px var(--display);display:block;margin-bottom:5px}
.demo-point p{font-size:13px;color:#737081;line-height:1.6;margin:0}
.demo-help{margin-top:25px;padding:16px;display:flex;align-items:flex-start;gap:10px;background:#eefaD9;border-radius:14px;color:#323929;font-size:13px;line-height:1.55;font-weight:700}
.demo-help-icon{font-size:24px;line-height:1}
.demo-calendar-column{border:1px solid #e9e6ef;border-radius:25px;box-shadow:0 21px 60px rgba(33,30,70,.09);background:white;min-width:0;overflow:hidden}
.demo-calendar-top{background:#fbfbfe;border-bottom:1px solid #efedf3;padding:22px 25px;display:flex;align-items:center;gap:13px}
.demo-calendar-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:#d2fa81;font-size:24px;font-weight:bold;flex:none}
.demo-calendar-top strong{font:800 17px var(--display);letter-spacing:-.02em;display:block}
.demo-calendar-top small{font-size:13px;color:#757386;display:block;margin-top:4px}
.demo-embed-shell{width:100%;height:805px;background:white}
.demo-embed-shell iframe{display:block;width:100%;height:100%;border:0;background:white}
.demo-embed-fallback{padding:14px 25px 20px;border-top:1px solid #f1eff4;font-size:12px;color:#6f6c7c;line-height:1.65}
.demo-embed-fallback a{font-weight:800;text-decoration:underline;text-underline-offset:3px;color:#4e3caa}
.demo-book-bottom{background:#f5f3ec;padding:26px 0}
.demo-book-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:#555466;font-weight:700}
.demo-book-bottom a{color:#3825a1;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1180px){.nav-links.open .mobile-booking-link{display:block!important;color:#191a2e;background:#d2fa81;padding:14px 16px;border-radius:11px;margin:10px 0;font-weight:800}}
@media(max-width:980px){.demo-book-layout{grid-template-columns:1fr;gap:28px}.demo-book-body{padding:48px 0 70px}.demo-book-sidebar{padding:0}.demo-book-sidebar h2{max-width:650px}.demo-embed-shell{height:850px}}
@media(max-width:600px){.demo-book-hero{padding:52px 0 57px}.demo-book-hero h1{font-size:clamp(40px,10vw,53px)}.demo-book-hero p{font-size:16px}.demo-book-body{padding:30px 0 54px}.demo-book-sidebar h2{font-size:35px}.demo-calendar-top{padding:17px}.demo-calendar-top strong{font-size:14px}.demo-calendar-top small{font-size:11px}.demo-embed-shell{height:820px}.demo-embed-fallback{padding:14px 17px}.demo-calendar-column{border-radius:16px}.demo-book-bottom .container{align-items:flex-start;flex-direction:column}}