@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--primary:#5448ee;--primary-dark:#4038c4;--primary-tint:#edecfd;--primary-tint-2:#f7f6fe;--ink:#1c1b2e;--ink-soft:#504f66;--border:#e6e4f5;--bg:#ffffff;--amber:#b4790a;--amber-bg:#fff3d6;--green:#17795c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.draft-banner{background:#fff7e0;color:#6b5900;text-align:center;font-size:13px;padding:10px 16px;border-bottom:1px solid #f0e2a8}header.site{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.logo{gap:8px;font-size:20px;letter-spacing:-.02em}.logo,.logo .mark{display:flex;align-items:center;font-weight:800}.logo .mark{width:30px;height:30px;border-radius:8px;background:var(--primary);justify-content:center;color:white;font-size:16px}.logo .tag{font-size:15px;border-left:1px solid var(--border);padding-left:12px;margin-left:4px}.logo .tag,nav.top{font-weight:500;color:var(--ink-soft)}nav.top{display:flex;align-items:center;gap:24px;font-size:14px}nav.top a:hover{color:var(--primary)}.btn-primary{background:var(--primary);color:white!important;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--border);background:white;padding:11px 20px;border-radius:8px;font-weight:600;font-size:14px}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.breadcrumb{max-width:1080px;margin:20px auto 0;padding:0 24px;font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}.breadcrumb a:hover{color:var(--primary)}.hero{background:linear-gradient(160deg,var(--primary) 0,#4038c4 100%);padding:64px 24px 96px;text-align:center;color:white;margin-top:0}.hero.hero-light{background:transparent;color:var(--ink);padding:44px 24px 8px}.hero.hero-light p{color:var(--ink-soft)}.hero h1{font-size:40px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.hero-light h1{font-size:34px}.hero p{font-size:17px;color:rgba(255,255,255,.85);max-width:620px;margin:0 auto}.hero .eyebrow,.hero-light .eyebrow{color:var(--primary);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:block}.search-box{max-width:560px;margin:32px auto 0;background:white;border-radius:12px;display:flex;align-items:center;padding:6px 6px 6px 18px;box-shadow:0 12px 32px rgba(28,27,46,.25)}.search-box input{border:none;outline:none;flex:1 1;padding:12px;font-size:15px;font-family:inherit;color:var(--ink)}.search-box button{background:var(--ink);color:white;border:none;border-radius:8px;padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.categories{max-width:1080px;margin:-56px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.cat-card{background:white;border:1px solid var(--border);border-radius:14px;padding:24px 20px;box-shadow:0 4px 18px rgba(28,27,46,.06);display:block}.cat-card.linkable:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(84,72,238,.14);border-color:var(--primary)}.cat-card .icon,.feature-card .icon,.feature-explain-card .icon,.persona-card .icon{width:40px;height:40px;border-radius:10px;background:var(--primary-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:14px}.cat-card h3{font-size:15px;font-weight:700;margin-bottom:6px}.cat-card p{font-size:13px;color:var(--ink-soft)}.cat-card .go,.cat-card .soon{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px}.cat-card .soon{color:var(--ink-soft);background:var(--primary-tint-2)}.cat-card .go{color:var(--primary);background:var(--primary-tint)}section.content{max-width:820px;margin:70px auto 0;padding:0 24px;scroll-margin-top:90px}section.content+section.content{margin-top:0}.breadcrumb+.hero,.breadcrumb~.feature-hero,.breadcrumb~.persona-hero{margin-top:20px}section.content.wide{max-width:1080px}section.content.tight{margin-top:30px}.section-head{margin-bottom:22px}.section-head.centered{text-align:center;margin:0 auto 26px}.section-head .eyebrow{color:var(--primary);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;display:block}.section-head h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.section-head p{color:var(--ink-soft);font-size:15px;max-width:620px}.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;background:white;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .plus{width:22px;height:22px;border-radius:50%;background:var(--primary-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;font-weight:700}.faq-item[open] summary .plus{transform:rotate(45deg)}.faq-item[open] summary{border-bottom:1px solid var(--border)}.faq-body{padding:4px 20px 22px;font-size:14px;color:var(--ink-soft);background:var(--primary-tint-2)}.faq-body p{margin-bottom:12px}.faq-body ol,.faq-body ul{margin:0 0 12px 20px}.faq-body a{color:var(--primary);font-weight:600}.placeholder{background:var(--amber-bg);color:var(--amber);padding:1px 7px;border-radius:5px;font-weight:700;font-size:12.5px}.note{border-left:3px solid var(--primary);background:white;padding:12px 16px;border-radius:0 8px 8px 0;font-size:13.5px;color:var(--ink)}.note.flag{border-left-color:var(--amber)}.note a{color:var(--primary);font-weight:600}.prose p{color:var(--ink-soft);font-size:15px;margin-bottom:12px}.example-box{border:1px solid var(--border);background:var(--primary-tint-2);border-radius:12px;padding:18px 20px;font-size:14px;color:var(--ink-soft)}.feature-card-grid,.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature-card-grid{grid-template-columns:repeat(2,1fr)}.feature-card,.persona-card{border:1px solid var(--border);border-radius:16px;padding:28px 24px;background:white;box-shadow:0 4px 18px rgba(28,27,46,.05);display:flex;flex-direction:column;height:100%}.feature-card:hover,.persona-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(84,72,238,.16);border-color:var(--primary)}.feature-card h3,.persona-card h3{font-size:17px;font-weight:800;margin-bottom:8px}.feature-card p,.persona-card p{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px;flex-grow:1}.feature-chips,.split-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.feature-chip,.split-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.feature-chip,.split-tag.a{color:var(--primary);background:var(--primary-tint)}.split-tag.b{color:var(--green);background:#e7f6ef}.feature-card .go,.persona-card .go{font-size:13px;font-weight:700;color:var(--primary)}.picker-head{text-align:center;max-width:620px;margin:0 auto 36px}.basics-note{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);background:var(--primary-tint-2);border-radius:14px;padding:18px 22px;margin-top:30px}.basics-note p{font-size:13.5px;color:var(--ink-soft)}.basics-note a{color:var(--primary);font-weight:700;font-size:13.5px;flex-shrink:0}.feature-explain-grid{display:grid;grid-gap:16px;gap:16px}.feature-explain-card{border:1px solid var(--border);border-radius:14px;padding:22px 24px;display:flex;gap:18px}.feature-explain-card h4{font-size:16px;font-weight:700;margin-bottom:6px}.feature-explain-card p{font-size:13.5px;color:var(--ink-soft);margin-bottom:8px}.free-tag,.pro-tag,.tag-free{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;margin-bottom:8px}.free-tag,.tag-free{color:var(--green);background:#e7f6ef}.pro-tag{color:var(--primary);background:var(--primary-tint)}.feature-explain-card a.learn{font-size:13px;font-weight:700;color:var(--primary)}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.popular-card{border:1px solid var(--border);border-radius:12px;padding:18px;display:block}.popular-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(84,72,238,.1);border-color:var(--primary)}.popular-card .tag{display:inline-block;font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-tint);padding:3px 9px;border-radius:20px;margin-bottom:10px}.popular-card h4{font-size:14px;font-weight:600;line-height:1.4}.new-here{background:linear-gradient(160deg,var(--primary) 0,#4038c4 100%);border-radius:18px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:white}.new-here h3{font-size:20px;font-weight:800;margin-bottom:6px}.new-here p{font-size:14px;color:rgba(255,255,255,.85);max-width:480px}.new-here .btn-primary{background:white;color:var(--primary)!important;flex-shrink:0}.contact-card{margin:80px auto 0;max-width:1080px;padding:0 24px}.contact-inner{background:var(--primary-tint-2);border:1px solid var(--border);border-radius:16px;padding:44px;text-align:center}.contact-inner h3{font-size:22px;font-weight:800;margin-bottom:8px}.contact-inner p{color:var(--ink-soft);font-size:14.5px;margin-bottom:20px}.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}footer.site{margin-top:90px;border-top:1px solid var(--border);padding:40px 24px}.footer-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-soft)}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--primary)}hr.divider{border:none;border-top:1px solid var(--border);max-width:820px;margin:70px auto 0}.feature-hero,.persona-hero{background:linear-gradient(160deg,var(--primary) 0,#4038c4 100%);color:white;padding:48px 24px 56px}.feature-hero .inner,.persona-hero .inner{max-width:820px;margin:0 auto}.back-pill{display:inline-block;font-size:13px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:16px}.kicker{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.75);margin-bottom:10px}.feature-hero h1,.persona-hero h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.feature-hero p,.persona-hero p{font-size:15px;color:rgba(255,255,255,.88);max-width:620px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chip{font-size:12px;font-weight:700;background:rgba(255,255,255,.16);padding:6px 12px;border-radius:20px}.video-wrap{max-width:820px;margin:30px auto 0;padding:0 24px}.video-slot{border:1px dashed var(--border);border-radius:16px;background:var(--primary-tint-2);padding:48px 24px;text-align:center}.video-slot .play-btn{width:44px;height:44px;border-radius:50%;background:var(--primary);color:white;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.video-slot p{font-weight:700;margin-bottom:6px}.video-slot span{font-size:12px;color:var(--ink-soft)}.roadmap{display:grid;grid-gap:14px;gap:14px}.roadmap-step{display:flex;gap:14px;border:1px solid var(--border);border-radius:12px;padding:16px 18px;background:white}.roadmap-step .num{width:28px;height:28px;border-radius:50%;background:var(--primary-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.roadmap-step h4{font-size:14px;font-weight:700;margin-bottom:4px}.roadmap-step p{font-size:13px;color:var(--ink-soft)}.fork-diagram{max-width:320px;margin:0 auto 24px}.fork-diagram svg{width:100%;height:30px}.fork-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.audience-label{font-size:13px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.audience-label.readers{color:var(--green)}.audience-label .dot{width:8px;height:8px;border-radius:50%;background:var(--primary);display:inline-block}.audience-label.readers .dot{background:var(--green)}.cross-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin-top:24px;background:var(--primary-tint-2)}.cross-card h4{font-size:15px;font-weight:700;margin-bottom:6px}.cross-card p{font-size:13px;color:var(--ink-soft)}.cross-card .arrow{font-size:22px;color:var(--primary);font-weight:700}.quicklinks{max-width:820px;margin:22px auto 0;padding:0 24px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.quicklinks a{font-size:13px;font-weight:600;color:var(--primary);background:var(--primary-tint);padding:8px 14px;border-radius:20px}.quicklinks a:hover{background:var(--primary);color:white}.plans-wrap{max-width:900px;margin:40px auto 0;padding:0 24px}.plan-grid5{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.plan-card{border:1px solid var(--border);border-radius:16px;padding:22px 18px;display:flex;flex-direction:column;background:white}.plan-card.featured{border-color:var(--primary);background:var(--primary);color:white;position:relative;box-shadow:0 14px 32px rgba(84,72,238,.22)}.plan-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ffb020;color:#4a2e00;font-size:10.5px;font-weight:800;padding:4px 12px;border-radius:20px}.plan-card .name{font-size:15px;font-weight:800;margin-bottom:4px}.plan-card .for{font-size:11.5px;color:var(--ink-soft);margin-bottom:14px}.plan-card.featured .for{color:rgba(255,255,255,.75)}.plan-card .price{font-size:26px;font-weight:800}.plan-card .price small{font-size:12.5px;font-weight:500;color:var(--ink-soft)}.plan-card.featured .price small{color:rgba(255,255,255,.75)}.plan-card .annual{font-size:11.5px;color:var(--ink-soft);margin:4px 0 16px}.plan-card.featured .annual{color:rgba(255,255,255,.75)}.plan-card ul{list-style:none;margin:0 0 18px;flex-grow:1}.plan-card li{font-size:12.5px;color:var(--ink-soft);margin-bottom:9px;padding-left:18px;position:relative}.plan-card.featured li{color:rgba(255,255,255,.92)}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.plan-card.featured li:before{color:#b7ffe0}.plan-card li.no:before{content:"–";color:var(--ink-soft);opacity:.5}.plan-card li.no{opacity:.55}.plan-card .cta{text-align:center;padding:10px 14px;border-radius:8px;font-weight:700;font-size:13px;background:var(--primary-tint);color:var(--primary)}.plan-card.featured .cta{background:white;color:var(--primary)}.plan-inline-note{margin-bottom:14px;font-size:11.5px}.plan-card.featured .plan-inline-note{background:rgba(255,255,255,.14);border-left-color:white;color:white}.plan-footnote{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:26px}.feature-map{border:1px solid var(--border);border-radius:14px;overflow:hidden}.feature-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px}.feature-row:last-child{border-bottom:none}.feature-row:nth-child(odd){background:var(--primary-tint-2)}.feature-row .name{flex:1.4 1;font-weight:600}.feature-row .tag{flex:1 1;font-weight:700;color:var(--primary)}.fee-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}.fee-table td,.fee-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}@media (max-width:900px){.feature-card-grid,.fork-columns,.persona-grid{grid-template-columns:1fr}}@media (max-width:860px){.categories,.popular-grid{grid-template-columns:repeat(2,1fr)}nav.top{display:none}}@media (max-width:560px){.categories,.plan-grid5,.popular-grid{grid-template-columns:1fr}.categories{margin-top:-40px}.basics-note,.footer-inner,.new-here{flex-direction:column;align-items:flex-start}.hero h1{font-size:30px}.search-box{flex-wrap:wrap;padding:14px}.search-box button{width:100%}.feature-explain-card{flex-direction:column}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}