:root{color-scheme:light;--bg: #f7f9fc;--surface: #ffffff;--surface-alt: #eef6f4;--text: #17202a;--muted: #5c6876;--line: #d8dee8;--brand: #0f766e;--brand-strong: #0b5d56;--accent: #2563eb;--accent-soft: #e8f0ff;--warning: #b45309;--code-bg: #101828;--code-text: #f8fafc;--shadow: 0 12px 32px rgba(23, 32, 42, .08);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--brand-strong);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--accent)}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}button{border:0;cursor:pointer}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.section{padding:56px 0}.section-heading{max-width:760px;margin-bottom:24px}.section-heading h1,.section-heading h2{margin:0 0 10px;line-height:1.12}.section-heading p{margin:0;color:var(--muted)}.skip-link{position:absolute;left:16px;top:-80px;z-index:100;padding:10px 14px;background:var(--text);color:#fff;border-radius:var(--radius)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;background:#f7f9fceb;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:800;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:var(--brand);color:#fff}.site-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-nav a{color:var(--text);font-size:.96rem;font-weight:650;text-decoration:none}.hero{padding:72px 0 52px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(15,118,110,.1),transparent 42%),linear-gradient(90deg,rgba(37,99,235,.08),transparent 55%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:36px;align-items:center}.hero h1{max-width:820px;margin:0 0 18px;font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.02}.hero p{max-width:680px;margin:0;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button,.hero-actions a,.newsletter-form button,.tool-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:var(--radius);background:var(--brand);color:#fff;font-weight:750;text-decoration:none}.button.secondary,.hero-actions a.secondary,.tool-actions button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.lab-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);color:var(--code-text);box-shadow:var(--shadow);overflow:hidden}.lab-panel-header{display:flex;gap:7px;padding:14px;border-bottom:1px solid rgba(255,255,255,.12)}.lab-dot{width:10px;height:10px;border-radius:50%;background:#2dd4bf}.lab-dot:nth-child(2){background:#60a5fa}.lab-dot:nth-child(3){background:#f59e0b}.lab-panel pre{margin:0;padding:20px;overflow-x:auto;font-size:.9rem}.eyebrow{margin:0 0 8px;color:var(--brand-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.content-card h2,.content-card h3{margin:0 0 10px;font-size:1.18rem;line-height:1.25}.content-card h2 a,.content-card h3 a{color:var(--text);text-decoration:none}.content-card p{margin:0 0 14px;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 0;list-style:none}.tag-list a,.pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.86rem;text-decoration:none}.text-link{font-weight:750}.internal-link{display:block;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);color:var(--text);text-decoration:none}.internal-link span{display:block;font-weight:800}.internal-link small{display:block;margin-top:4px;color:var(--muted)}.breadcrumbs{margin-bottom:26px;color:var(--muted);font-size:.9rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:8px;color:#95a1b0}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:44px;align-items:start}.article-header{grid-column:1 / -1;max-width:820px}.article-header h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.article-description{margin:0 0 18px;color:var(--muted);font-size:1.08rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:.92rem}.toc{position:sticky;top:96px;grid-column:2;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.toc h2{margin:0 0 10px;font-size:.9rem}.toc ol{display:grid;gap:8px;padding:0;margin:0;list-style:none}.toc a{color:var(--muted);font-size:.9rem;text-decoration:none}.toc-depth-3{padding-left:14px}.article-content{grid-column:1}.article-cover{grid-column:1 / -1;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.article-cover img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.prose{max-width:780px;color:var(--text)}.prose h2,.prose h3{margin-top:2rem;line-height:1.22}.prose p,.prose ul,.prose ol{margin:1rem 0}.prose li+li{margin-top:.35rem}.prose code{padding:.15rem .35rem;border-radius:5px;background:var(--accent-soft);color:#123b7a;font-size:.92em}.prose pre{padding:18px;border-radius:var(--radius);background:var(--code-bg);color:var(--code-text);overflow-x:auto}.prose pre code{padding:0;background:transparent;color:inherit}.article-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}.article-neighbors div{min-height:86px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.article-neighbors span{display:block;color:var(--muted);font-size:.82rem;font-weight:750;text-transform:uppercase}.article-neighbors a{display:inline-block;margin-top:6px;color:var(--text);font-weight:750;text-decoration:none}.related-section{margin-top:54px}.newsletter-band{padding:44px 0;background:var(--surface-alt);border-block:1px solid var(--line)}.newsletter-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:28px;align-items:center}.newsletter-inner h2{margin:0 0 8px;font-size:1.65rem;line-height:1.18}.newsletter-inner p{margin:0;color:var(--muted)}.newsletter-form{display:grid;gap:9px}.newsletter-form label{font-weight:750}.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.newsletter-form input,.search-form input,.tool-io textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}.newsletter-form input,.search-form input{min-height:42px;padding:10px 12px}.form-message{min-height:1.4em;color:var(--muted);font-size:.92rem}.search-form{display:grid;gap:9px;max-width:760px;margin-bottom:16px}.search-form label{font-weight:750}.search-form button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:var(--radius);background:var(--brand);color:#fff;font-weight:750}.search-status{min-height:1.5em;margin:0 0 18px;color:var(--muted);font-weight:650}.search-results{display:grid;gap:14px}.search-result mark{padding:0 .2em;border-radius:4px;background:#fef3c7;color:var(--text)}.topic-cluster-list{display:grid;gap:22px}.topic-cluster{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:22px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.topic-cluster h2{margin:0 0 8px;line-height:1.2}.topic-cluster p{margin:0;color:var(--muted)}.topic-article-list{display:grid;gap:12px}.topic-article{position:relative;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.topic-article h3{margin:8px 0 6px;font-size:1rem;line-height:1.25}.topic-article h3 a{color:var(--text);text-decoration:none}.topic-article small{display:inline-block;margin-top:8px;color:var(--muted);font-weight:700;text-transform:capitalize}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase}.status-pill.published{background:#dcfce7;color:#166534}.status-pill.planned{background:#f1f5f9;color:#475569}.tool-layout{display:grid;gap:24px}.tool-io{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-pane{min-width:0}.tool-pane label{display:block;margin-bottom:8px;font-weight:750}.tool-io textarea{min-height:360px;padding:14px;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55}.tool-actions{display:flex;flex-wrap:wrap;gap:10px}.tool-message{min-height:1.5em;margin:0;color:var(--muted);font-weight:650}.tool-message.error{color:#b42318}.creator-hero{padding:56px 0 44px;border-bottom:1px solid var(--line);background:#f4f8f3}.creator-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:36px;align-items:center}.creator-hero-copy h1{max-width:800px;margin:0 0 16px;font-size:clamp(2.35rem,5vw,4.75rem);line-height:1.02}.creator-hero-copy p{max-width:720px;margin:0;color:var(--muted);font-size:1.08rem}.creator-proof-list{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:22px 0 0;list-style:none}.creator-proof-list li{min-height:32px;padding:6px 11px;border:1px solid #c8d8ce;border-radius:999px;background:#fff;color:#31543d;font-size:.88rem;font-weight:760}.creator-tool-preview,.calculator-form-panel,.calculator-result-panel,.builder-form-panel,.creator-template-band{border:1px solid var(--line);border-radius:var(--radius)}.creator-tool-preview{padding:22px;background:var(--surface);box-shadow:var(--shadow)}.preview-header,.calculator-actions,.preview-fields,.creator-template-band,.creator-workflow-grid{display:flex;align-items:center;gap:14px}.preview-header{justify-content:space-between;margin-bottom:18px;font-weight:820}.preview-header strong{padding:5px 9px;border-radius:999px;background:#e7f0ea;color:#244b35;font-size:.78rem}.preview-fields{align-items:stretch;margin-bottom:16px}.preview-fields div{flex:1;min-width:0;padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:#f8faf8}.preview-fields span,.field-card span,.rate-bands span{display:block;color:var(--muted);font-size:.76rem;font-weight:780;text-transform:uppercase}.preview-fields strong,.field-card strong{display:block;margin-top:4px;color:var(--text)}.preview-result{padding:20px;border-radius:var(--radius);background:#102018;color:#fff}.preview-result span{color:#a7dab4;font-size:.82rem;font-weight:780;text-transform:uppercase}.preview-result strong{display:block;margin-top:4px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05}.preview-result p{margin:8px 0 0;color:#dcebe0;font-size:.95rem}.preview-visual{display:grid;gap:9px;margin-top:18px}.preview-visual div{height:12px;border-radius:999px;background:linear-gradient(90deg,#3f7b54 var(--bar),#e7f0ea var(--bar))}.creator-section{padding:34px 0}.creator-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px;border:1px solid #203529;border-radius:var(--radius);background:#102018}.creator-metric-strip div{padding:12px 14px}.creator-metric-strip strong{display:block;color:#fff;font-size:2rem;line-height:1}.creator-metric-strip span{display:block;margin-top:6px;color:#b9cdbf;font-size:.9rem;font-weight:680}.creator-workflow{background:#eef6f0;border-block:1px solid var(--line)}.creator-workflow-grid{align-items:start;justify-content:space-between}.creator-workflow-grid>div{max-width:420px}.creator-workflow-grid h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08}.creator-workflow-grid p{margin:0;color:var(--muted)}.creator-answer-band{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:24px;align-items:center;padding:26px;border:1px solid #b8cbe1;border-radius:var(--radius);background:#eef5ff}.creator-answer-band h2{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1}.creator-answer-band p{margin:0;color:#40546f;font-size:1.02rem}.workflow-list{display:grid;flex:1;gap:12px;padding:0;margin:0;list-style:none}.workflow-list li{padding:18px;border:1px solid #d5e1d8;border-radius:var(--radius);background:#fff}.workflow-list strong,.workflow-list span{display:block}.workflow-list span{margin-top:4px;color:var(--muted)}.creator-template-band{justify-content:space-between;padding:28px;background:#dff2e3}.creator-template-band h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1}.creator-template-band p{max-width:740px;margin:0;color:#4c5e53}.monetization-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.monetization-card{min-width:0;min-height:210px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.monetization-card span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-weight:850}.monetization-card h3{margin:18px 0 8px;font-size:1.08rem;line-height:1.2}.monetization-card p{margin:0;color:var(--muted)}.section-heading.compact{margin-bottom:0}.calculator-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:20px;align-items:start}.builder-shell{display:grid;grid-template-columns:minmax(0,.96fr) minmax(360px,.82fr);gap:20px;align-items:start}.calculator-form-panel,.calculator-result-panel,.builder-form-panel,.builder-preview-panel{padding:24px}.calculator-form-panel,.builder-form-panel{background:var(--surface)}.calculator-grid,.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.field-card{display:grid;gap:7px;min-width:0;min-height:98px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#f8faf8}.field-card input,.field-card select{width:100%;min-height:36px;border:0;background:transparent;color:var(--text);font-weight:760}.field-card small{color:var(--muted);font-size:.78rem}.calculator-actions{flex-wrap:wrap;margin-top:18px}.calculator-result-panel{position:sticky;top:92px;background:#102018;color:#fff}.builder-preview-panel{position:sticky;top:92px;border:1px solid #b8cbe1;border-radius:var(--radius);background:#eef5ff}.calculator-result-panel .eyebrow{color:#a7dab4}.rate-range{display:block;margin:6px 0 8px;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:860;line-height:1.05}.base-rate{margin:0 0 18px;color:#dcebe0}.rate-bands{display:grid;gap:10px}.rate-bands div,.addon-breakdown div,.result-note{padding:14px;border-radius:var(--radius);background:#173125}.addon-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.rate-bands span{color:#a7dab4}.addon-breakdown span{display:block;color:#a7dab4;font-size:.76rem;font-weight:780;text-transform:uppercase}.rate-bands strong{display:block;margin-top:4px;font-size:1.3rem}.addon-breakdown strong{display:block;margin-top:4px;color:#fff}.rate-bands small,.result-note p{display:block;margin-top:3px;color:#c8d8ce}.rate-card-output{margin-top:14px;padding:14px;border-radius:var(--radius);background:#f8faf8;color:var(--text)}.rate-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rate-card-heading span{min-width:max-content;color:var(--brand-strong);font-size:.82rem;font-weight:820}.rate-card-output textarea{width:100%;min-height:188px;padding:12px;border:1px solid #cfd9d3;border-radius:var(--radius);background:#fff;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.45;resize:vertical}.rate-card-document{padding:18px;border:1px solid #cbd8e7;border-radius:var(--radius);background:#fff;color:var(--text)}.rate-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.rate-card-topline h3{margin:0;font-size:1.5rem;line-height:1.08}.rate-card-topline>span{min-width:max-content;padding:6px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:820}.rate-card-summary{margin:14px 0 0;color:var(--muted)}.package-list{display:grid;gap:10px;margin-top:16px}.package-card{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#f8faf8}.package-card.featured{border-color:#94b9ff;background:#eef5ff}.package-card span{display:block;color:var(--muted);font-size:.76rem;font-weight:780;text-transform:uppercase}.package-card strong{display:block;margin-top:3px;font-size:1.55rem;line-height:1.05}.package-card p{margin:6px 0 0;color:var(--muted)}.builder-addons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.builder-addons div{min-width:0;padding:10px;border-radius:var(--radius);background:#102018;color:#fff}.builder-addons span{display:block;color:#a7dab4;font-size:.72rem;font-weight:780;text-transform:uppercase}.builder-addons strong{display:block;margin-top:3px;font-size:.9rem}.rate-card-output.light{border:1px solid #cbd8e7;background:#fff}.rate-card-output.light textarea{min-height:238px}.rate-card-output.light .rate-card-heading span{color:var(--accent)}.usage-rights-details,.deal-constraint-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.usage-rights-details div,.deal-constraint-details div{min-width:0;padding:14px;border-radius:var(--radius);background:#173125}.usage-rights-details span,.deal-constraint-details span{display:block;color:#a7dab4;font-size:.76rem;font-weight:780;text-transform:uppercase}.usage-rights-details strong,.deal-constraint-details strong{display:block;margin-top:4px;color:#fff;line-height:1.15}.result-note{margin-top:14px}.result-note p{margin-bottom:0}.faq-list{display:grid;gap:12px}.faq-list details{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.faq-list summary{cursor:pointer;font-weight:800}.site-footer{padding:42px 0 24px;border-top:1px solid var(--line);background:var(--surface)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(160px,.6fr));gap:28px}.footer-grid h2{margin:0 0 10px;font-size:.95rem}.footer-grid p{max-width:420px;color:var(--muted)}.footer-grid nav{display:grid;align-content:start;gap:8px}.footer-grid nav a{color:var(--muted);text-decoration:none}.footer-bottom{margin-top:30px;color:var(--muted);font-size:.88rem}@media(max-width:860px){.hero-grid,.creator-hero-grid,.creator-workflow-grid,.creator-answer-band,.calculator-shell,.builder-shell,.newsletter-inner,.article-grid,.topic-cluster,.tool-io,.footer-grid{grid-template-columns:1fr}.article-header,.article-cover,.article-content,.toc{grid-column:1}.toc{position:static;grid-row:auto}.card-grid,.card-grid.three,.article-neighbors{grid-template-columns:1fr}.creator-metric-strip,.monetization-grid,.calculator-grid,.builder-grid,.builder-addons,.usage-rights-details,.deal-constraint-details{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-result-panel,.builder-preview-panel{position:static}.creator-template-band,.preview-fields{align-items:stretch;flex-direction:column}.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.site-nav{gap:12px}}@media(max-width:560px){.container{width:min(100% - 24px,1120px)}.section{padding:40px 0}.hero{padding:48px 0 38px}.form-row{grid-template-columns:1fr}.hero-actions a,.newsletter-form button,.tool-actions button,.calculator-actions .button,.calculator-actions button,.creator-template-band .button{width:100%}.creator-hero{padding:38px 0 30px}.creator-proof-list,.calculator-actions,.rate-card-heading{flex-direction:column;align-items:stretch}.creator-proof-list li{width:100%}.creator-metric-strip,.monetization-grid,.calculator-grid,.builder-grid,.builder-addons,.usage-rights-details,.deal-constraint-details,.addon-breakdown{grid-template-columns:1fr}.creator-tool-preview,.calculator-form-panel,.calculator-result-panel,.builder-form-panel,.builder-preview-panel,.creator-template-band{padding:18px}.rate-range{font-size:2rem}}
