/* Shared editorial pages: the same brand, spacing and motion vocabulary as home. */
.navigation{max-height:calc(100dvh - 118px);overflow-y:auto;overscroll-behavior:contain}
.navigation a[aria-current=page]{color:#f1b5a0}
.footer-pages{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-bottom:38px}
.footer-pages a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;border-top:1px solid var(--line);padding-top:18px}
.footer-pages a:hover{color:var(--accent)}
.footer-pages .icon{width:17px;height:17px}
.eyebrow{font-size:12px;font-weight:550;line-height:1.65;letter-spacing:.035em;color:var(--muted)}
.heading-line{display:block;text-wrap:balance}
.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:550;line-height:1.55}
.text-link:hover{color:var(--accent)}.text-link .icon{width:18px;height:18px}
.page-hero{padding-block:80px 75px}
.page-hero>.eyebrow{margin-bottom:24px}
.page-hero h1,.article-header h1{font-size:clamp(48px,6.2vw,86px);line-height:1.06;font-weight:550;letter-spacing:-.04em;max-width:1080px}
.page-intro{max-width:710px;color:var(--muted);font-size:18px;line-height:1.85;margin-top:32px}
.resource-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}
.resource-heading h2{max-width:790px;font-size:clamp(34px,4vw,56px)}
.resource-heading>.text-link{flex-shrink:0}
.resource-heading>p{max-width:440px;color:var(--muted);font-size:15px}
.home-pricing{padding-block:75px 85px;border-top:1px solid var(--line)}
.home-journal{padding-block:20px 85px}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.plan{background:var(--warm);border-radius:22px;padding:44px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.plan h2,.plan h3{font-size:29px;line-height:1.3;margin-top:0}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.plan-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.plan-highlights li{font-size:13px;font-weight:550;line-height:1.4;padding:7px 13px;border-radius:999px;background:#fff;color:var(--ink)}
.plan-operations .plan-highlights li{background:rgba(255,255,255,.1);color:#fff}
.plan-logos{width:100%;margin-top:24px}
.plan-logo-row+.plan-logo-row{margin-top:16px}
.plan-logo-label{font-size:12px;font-weight:550;color:var(--muted);margin-bottom:9px}
.plan-operations .plan-logo-label{color:#d0c8c3}
.plan-logo-row ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.plan-logo-row li{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line)}
.plan-logo-row img{width:20px;height:20px;object-fit:contain}
.button-outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.button-outline:hover{background:var(--ink);color:#fff}
.plan-price{display:flex;align-items:baseline;gap:10px;margin-top:28px;flex-wrap:wrap;line-height:1}
.plan-price .currency{font-size:23px}.plan-price strong{font-size:86px;font-weight:500;letter-spacing:-.06em}
.plan-price>span:last-child{font-size:14px;color:var(--muted)}
.plan-summary{font-size:15px;margin-top:10px;color:var(--muted);max-width:460px;line-height:1.8}
.plan .button{margin-top:auto;width:100%}
.plan .button+.text-link{align-self:center;margin-top:14px;font-size:13px;color:var(--muted)}
.plan .tick-list{padding-block:26px 34px;width:100%}
.tick-list li{display:flex;gap:13px;align-items:flex-start;line-height:1.8;margin-top:15px;font-size:15px}
.tick-list li:first-child{margin-top:0}.tick-list .icon{width:17px;height:17px;margin-top:5px;color:var(--accent)}
.plan-operations{background:var(--ink);color:#fff}
.plan-operations .eyebrow,.plan-operations .plan-summary,.plan-operations .plan-price>span:last-child{color:#d0c8c3}
.plan-operations .tick-list .icon{color:#f1b5a0}
.plan-grid-compact .plan{padding:34px 38px}.plan-grid-compact .plan .button{margin-top:auto}.plan-grid-compact .plan>:has(+ .button){margin-bottom:28px}
.section-footnote{font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px;max-width:880px}
.pricing-body{padding-bottom:95px}
.price-comparison{padding-top:88px}.price-comparison h2{font-size:40px;margin-bottom:35px}
.table-scroll{overflow-x:auto;border-top:1px solid var(--ink)}
.table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:1.7}
th,td{padding:21px 24px;border-bottom:1px solid var(--line);vertical-align:top;width:33.33%}
th{font-weight:550}thead{background:var(--warm)}tbody th{color:var(--muted)}
.pricing-terms{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding-top:80px}
.pricing-terms h2{font-size:35px}
.pricing-terms li{font-size:14px;color:var(--muted);line-height:1.85;padding-left:20px;position:relative;margin-bottom:16px}
.pricing-terms li:before{content:'•';position:absolute;left:0;color:var(--accent)}
.pricing-faq{max-width:850px;margin:60px 0 0 auto}
.pricing-addons{padding-top:80px}
.pricing-addons h2{font-size:35px;margin-bottom:28px}
.addon-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;border-top:1px solid var(--ink);list-style:none;padding:0;margin:0}
.addon-list-single .addon{display:grid;grid-template-columns:minmax(200px,.8fr) 1.6fr;column-gap:40px;align-items:baseline}.addon-list-single{grid-template-columns:1fr}.addon-list-single .addon-price{grid-column:1;margin-bottom:0}.addon-list-single .addon p:last-child{grid-column:2;grid-row:1 / span 2;margin:0}
.addon{padding:24px 0 28px;border-bottom:1px solid var(--line);min-width:0}
.addon h3{font-size:17px;line-height:1.35}
.addon-price{color:var(--accent);font-weight:600;font-size:15px;margin:6px 0 10px}
.addon p:last-child{font-size:14px;color:var(--muted);line-height:1.75}
.pricing-more{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:22px 28px;background:var(--warm);border-radius:22px}
.pricing-more p{font-weight:550}
.feature-list{padding-bottom:30px}
.feature-row{display:grid;grid-template-columns:1.15fr .85fr;gap:13%;padding-block:58px 66px;border-top:1px solid var(--line)}
.feature-number{display:block;font-size:18px;color:var(--accent);margin-bottom:22px}
.feature-caption h2{font-size:clamp(32px,3.7vw,49px);margin-top:14px}
.feature-caption>p:last-child{font-size:16px;line-height:1.85;color:var(--muted);margin-top:25px;max-width:530px}
.feature-detail{padding-top:43px;min-width:0}.feature-detail .tick-list{margin-bottom:30px}.feature-detail .scope-note{font-size:13px;color:var(--muted);margin-bottom:24px}
.setup-chapter{background:var(--ink);color:#fff;padding-block:85px}
.setup-chapter h2{max-width:850px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}
.setup-steps li{border-top:1px solid #ffffff32;padding-top:25px}.setup-steps .step-number{color:#f1b5a0;font-size:36px;margin-bottom:22px;display:block}
.setup-steps h3{font-size:24px}.setup-steps p{font-size:14px;line-height:1.85;color:#cec7c2;margin-top:20px}
.setup-chapter .section-footnote{color:#cec7c2;margin-top:45px}.setup-chapter .button{margin-top:26px}
.demo-gallery{background:var(--warm);padding-block:36px 64px;overflow:clip}
.gallery-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:28px}
.gallery-head .eyebrow{order:1}
.gallery-switch{margin:0;flex-wrap:wrap;border-radius:20px;width:fit-content;max-width:100%}
.gallery-switch button{font-size:13px;padding:12px 23px}
.demo-gallery .demo-foot{align-items:flex-start}.demo-gallery .demo-foot>span{max-width:780px;font-size:12px;line-height:1.8}
.demo-gallery .replay-button{flex-shrink:0}
.more-demo-link{margin-top:40px;text-align:center}
.video-chapter{padding-block:90px}.video-chapter figure{margin:0}.video-chapter video{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;background:var(--warm);border-radius:18px}
.video-chapter figcaption{font-size:12px;line-height:1.75;color:var(--muted);margin-top:16px}
.film-chapter{padding-block:40px 70px}.film-chapter video{max-height:none;object-fit:contain;aspect-ratio:16/9;background:#f4f3f1}
.film-chapter .film-tall{display:none;aspect-ratio:4/5;max-width:480px;margin-inline:auto}
@media(max-width:760px){.film-chapter .film-wide{display:none}.film-chapter .film-tall{display:block}}
.journal-index{padding-bottom:100px}
.journal-lead{max-width:760px;padding:8px 0 48px;margin-bottom:8px}
.journal-lead-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted);margin-bottom:18px}
.journal-lead h2{font-size:clamp(32px,4.2vw,46px);line-height:1.22;letter-spacing:-.03em}
.journal-lead h2 a{color:inherit;text-decoration:none}
.journal-lead h2 a:hover{color:var(--accent)}
.journal-lead>p{font-size:17px;line-height:1.75;color:#48413d;margin:18px 0 26px;max-width:62ch}
.journal-list{max-width:760px}
.journal-item{display:block;padding:28px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.journal-item-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--muted);margin-bottom:10px}
.journal-item h3{font-size:clamp(22px,2.5vw,28px);line-height:1.32;letter-spacing:-.02em;font-weight:550}
.journal-item:hover h3{color:var(--accent)}
.journal-item>p{font-size:16px;line-height:1.7;color:#48413d;margin:10px 0 0;max-width:62ch}
.journal-guides{margin-top:72px;padding-top:48px;border-top:1px solid #e6dfda}
.journal-guides h2{font-size:28px;line-height:1.3;margin-bottom:12px}
.journal-guides>p{color:#48413d;max-width:62ch;margin-bottom:32px;line-height:1.75}
.journal-guide-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px}
.journal-guide-groups h3{font-size:16px;margin-bottom:8px}
.journal-guide-groups ul{list-style:none;padding:0;margin:0}
.journal-guide-groups li{border-top:1px solid #ece6e1;padding:13px 0}
.journal-guide-groups .text-link{font-size:16px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.article-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.article-art{height:230px;background:var(--warm);border-radius:15px;position:relative;overflow:hidden;width:100%;margin-bottom:24px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.article-art>img{width:100%;height:100%;object-fit:cover}
.journal-story-image{align-self:start}
.article-card:hover .article-art{background:#f5e7e1}.article-card:nth-child(2):hover .article-art{background:#e1e9df}
.article-card:hover h3{color:var(--accent)}.article-card h3{font-size:25px;line-height:1.35;margin-top:17px}
.article-card>p{font-size:14px;color:var(--muted);line-height:1.85;margin-block:19px 25px}
.article-card>.text-link{margin-top:auto}
.article-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);width:100%}
.art-page{position:absolute;width:120px;height:153px;border:1px solid #c7bcb6;background:#fff;transform:rotate(-12deg);left:calc(50% - 70px);top:40px;border-radius:6px}
.art-page:nth-child(2){transform:rotate(8deg);left:calc(50% - 48px);top:32px}
.art-page:after{content:'';position:absolute;left:18px;right:18px;bottom:20px;height:20px;border-block:2px solid #ded6d1}
.art-word{font-size:59px;letter-spacing:-.06em;font-weight:500;position:relative;color:var(--accent);transform:rotate(8deg)}
.art-1{background:var(--sage);gap:22px}.art-1 .art-word{color:var(--ink);transform:none;font-size:73px}.art-direction{font-size:40px;color:var(--green)}
.art-person{width:53px;height:60px;border-radius:25px 25px 8px 8px;background:var(--green);align-self:center;position:relative;margin-top:37px}
.art-person:before{content:'';position:absolute;width:39px;height:39px;border-radius:50%;background:var(--green);top:-45px;left:7px}
.art-2{background:#f3eee9}.art-editor{width:190px;height:135px;background:#fff;border:1px solid #c7bcb6;border-radius:9px;position:relative;transform:rotate(-6deg)}
.art-editor:before{content:'';position:absolute;inset:28px 23px;background:repeating-linear-gradient(to bottom,#dbd3ce 0 3px,transparent 3px 18px)}
.art-check{position:absolute;left:calc(50% + 45px);top:124px;border-radius:50%;width:49px;height:49px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:28px}
.article-page{max-width:1000px;padding-block:60px 75px}
.article-header>.text-link{margin-bottom:45px}.article-header>.eyebrow{margin-bottom:21px}.article-header h1{font-size:clamp(43px,5.3vw,70px)}
.article-byline{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;color:#6b635e;font-size:14px}
.article-body{max-width:720px;margin:62px auto 0;font-size:17px;line-height:1.95}
.article-answer{font-size:20px;line-height:1.7;margin:0 0 8px;color:#2b2623}
.article-compare{padding-top:28px;max-width:100%}
/* Four-column article tables: even widths and no featured column (that styling is for plan tables). */
.article-compare table:has(th:nth-child(4)) :is(th,td){width:25%}
.article-compare table:has(th:nth-child(4)) :is(th,td):nth-child(3){background:transparent}
.article-compare table:has(th:nth-child(4)) thead th:nth-child(3){color:inherit}
@media(max-width:760px){.article-compare table{min-width:640px}.article-compare table:has(th:nth-child(4)){min-width:760px}}
.article-sources{margin-top:48px}
.article-sources ol{padding-left:22px;margin-top:18px}
.article-sources a{color:inherit;text-underline-offset:3px}
.article-body .faq-list{margin-top:48px}
.article-body section{margin-top:48px}.article-body h2{font-size:30px;margin-bottom:23px;line-height:1.4}
.article-body section p{margin-top:20px;color:#48413d}.article-body ul{padding-left:24px;list-style:disc;margin-top:22px}.article-body li{padding-left:4px;margin-top:12px;color:#48413d}
.article-takeaway{background:var(--warm);padding:30px;margin-top:48px}.article-takeaway .text-link{margin-top:22px}
.guide-entry{margin-bottom:28px;max-width:720px}
.guide-body{padding-bottom:95px;max-width:1100px}
.guide-answer{max-width:760px;font-size:20px;line-height:1.75;margin-bottom:18px}
.guide-hero-media{margin:28px 0 42px}.guide-hero-media img,.guide-body ol.setup-steps img,.guide-found-media img{display:block;width:100%;height:auto;border-radius:16px;background:var(--warm);object-fit:cover}
.guide-hero-media img{aspect-ratio:16/9}
.guide-body ol.setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:36px 0 20px}
.guide-body ol.setup-steps li{border-top:1px solid var(--line);padding-top:22px}
.guide-body ol.setup-steps .step-number{color:var(--accent);font-size:28px;margin-bottom:14px}
.guide-body ol.setup-steps img{aspect-ratio:3/2;margin-bottom:16px}
.guide-body ol.setup-steps h3{font-size:22px}.guide-body ol.setup-steps p{color:var(--muted);margin-top:12px}
.guide-hero-media figcaption,.guide-found-media figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}
.guide-found{margin:8px 0 48px;max-width:1100px}.guide-found h2{font-size:30px;margin-bottom:22px}
.guide-found .guide-found-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-found-media img{aspect-ratio:3/2}
.guide-found-media a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.guide-section{max-width:760px;margin-top:48px}
.guide-section h2{font-size:30px;line-height:1.35;margin-bottom:18px}
.guide-section p{margin-top:18px;color:#48413d;font-size:17px;line-height:1.9}
.guide-section .tick-list{margin-top:22px}
.guide-compare{padding-top:64px}
.guide-compare h2{max-width:760px}
.guide-scope{padding:64px 0 8px;max-width:100%}
.guide-body .article-takeaway{max-width:760px}
.guide-body .pricing-faq{margin:48px 0 0}
.related-journal{padding-bottom:100px}.related-journal .article-grid{grid-template-columns:1fr 1fr}.related-journal .journal-list{max-width:760px}
html[lang^=zh] .page-hero h1,html[lang^=zh] .article-header h1{font-weight:600;letter-spacing:-.025em;line-height:1.22}
html[lang^=zh] .page-hero h1 .heading-line{text-wrap:pretty;line-break:strict}
@media(max-width:1100px){.addon-list{grid-template-columns:1fr 1fr}.plan{padding:32px}.feature-row{gap:7%}.article-art{height:195px}.article-grid{gap:24px}.pricing-terms{gap:45px}.article-card h3{font-size:23px}}
@media(max-width:760px){.addon-list-single .addon{grid-template-columns:1fr}.addon-list-single .addon p:last-child{grid-column:1;grid-row:auto;margin-top:8px}.plan-highlights li{font-size:12px}.addon-list{grid-template-columns:1fr}.pricing-addons{padding-top:56px}.pricing-addons h2{font-size:28px}.pricing-more{flex-direction:column;align-items:flex-start;padding:22px}
 .navigation{max-height:calc(100dvh - 98px)}.footer-pages{grid-template-columns:1fr 1fr;gap:23px;padding-bottom:30px}.footer-pages a{font-size:12px}
 .page-hero{padding-block:38px 45px}.page-hero h1{font-size:43px}.page-intro{font-size:15px;margin-top:24px}.page-hero>.eyebrow{margin-bottom:20px}
 .resource-heading{display:block;margin-bottom:28px}.resource-heading h2{font-size:34px}.resource-heading>.text-link,.resource-heading>p{margin-top:22px}
 .home-pricing{padding-block:55px}.home-journal{padding-block:10px 55px}.plan-grid{grid-template-columns:1fr;gap:20px}.plan,.plan-grid-compact .plan{padding:28px 25px;border-radius:17px}
 .plan h2,.plan h3{font-size:26px}.plan-price{margin-top:26px}.plan-price strong{font-size:74px}.plan-price .currency{font-size:20px}.plan .tick-list{padding-block:25px 30px}.plan-summary,.tick-list li{font-size:14px}
 .pricing-body{padding-bottom:60px}.price-comparison{padding-top:50px}.price-comparison h2{font-size:30px;margin-bottom:24px}table{font-size:12px}th,td{padding:17px 10px;overflow-wrap:anywhere}
 .pricing-terms{grid-template-columns:1fr;gap:27px;padding-top:50px}.pricing-terms h2{font-size:30px}.pricing-terms li{font-size:13px}.pricing-faq{margin-top:30px}
 .feature-row{grid-template-columns:1fr;gap:25px;padding-block:35px 42px}.feature-number{margin-bottom:17px}.feature-caption h2{font-size:33px}.feature-caption>p:last-child{font-size:15px;margin-top:21px}.feature-detail{padding-top:0}.feature-detail .tick-list{margin-bottom:22px}
 .setup-chapter{padding-block:55px}.setup-chapter h2{font-size:34px}.setup-steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.setup-steps .step-number{position:static;margin-bottom:16px}.setup-steps p{margin-top:14px}
 .demo-gallery{padding-block:32px 45px}.gallery-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.gallery-head .eyebrow{order:0}.gallery-switch{border-radius:18px;justify-content:flex-start}.gallery-switch button{flex:0 1 auto;font-size:11px;padding:10px 13px}.demo-gallery .demo-foot{flex-direction:column;gap:17px}.demo-gallery .demo-foot>span{max-width:100%;font-size:11px}
 .video-chapter{padding-block:55px}.video-chapter video{border-radius:12px}.video-chapter figcaption{font-size:11px}
 .journal-index{padding-bottom:60px}.journal-lead{padding-bottom:36px}.journal-lead h2{font-size:32px}.journal-lead>p{font-size:15px}.journal-item{padding:22px 0}.journal-item h3{font-size:22px}.journal-item>p{font-size:15px}.journal-guides{margin-top:48px;padding-top:36px}.journal-guide-groups{grid-template-columns:1fr;gap:28px}.article-grid,.related-journal .article-grid{grid-template-columns:1fr;gap:40px}.article-art{height:240px;margin-bottom:20px}.article-card h3{font-size:25px}.article-card>p{margin-block:15px 18px}
 .article-page{padding-block:35px 50px}.article-header>.text-link{margin-bottom:35px}.article-header h1{font-size:38px}.article-body{font-size:15px;line-height:1.95;margin-top:38px}.article-body section{margin-top:34px}.article-body h2{font-size:26px}.article-takeaway{padding:23px}.related-journal{padding-bottom:60px}
 .guide-body{padding-bottom:60px}.guide-answer{font-size:17px}.guide-section{margin-top:34px}.guide-section h2{font-size:26px}.guide-section p{font-size:15px}.guide-compare{padding-top:42px}.guide-compare table{min-width:640px}.guide-scope{padding-top:42px}
 .guide-body ol.setup-steps{grid-template-columns:1fr;gap:28px}.guide-found .guide-found-media{grid-template-columns:1fr;gap:22px}.guide-found h2{font-size:26px}
 html[lang^=zh] .page-hero h1{font-size:40px}html[lang^=zh] .article-header h1{font-size:34px}
}
@media(max-width:389px){.page-hero h1{font-size:37px}.plan h2,.plan h3{font-size:23px}.plan{padding:25px 22px}.gallery-switch button{padding-inline:11px}.article-header h1{font-size:33px}.article-art{height:210px}}
@media(max-width:389px){html[lang^=zh] .page-hero h1{font-size:34px}html[lang^=zh] .article-header h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.article-art{transition:none}}

/* Public package value; student offers are reserved for the partner channel. */




.plan-operations{position:relative;border:1px solid #a7634c}.plan-badge{background:#f2b69e;color:#422317;border-radius:20px;font-size:12px;line-height:1.5;padding:6px 14px;font-weight:550;white-space:nowrap;flex:none}




.service-value{padding-top:70px}.service-value h2{font-size:37px}.service-value ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.service-value li{border-top:1px solid var(--line);padding-top:24px}.service-value h3{font-size:22px;line-height:1.45}.service-value p{font-size:14px;color:var(--muted);line-height:1.85;margin-top:15px}
.video-play{min-height:44px;color:var(--ink);padding:8px 0;margin-bottom:8px;background:none;border:0;font:inherit;cursor:pointer}.video-play:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.video-transcript{margin-top:7px;color:var(--ink)}
#video,#channels,#offer-terms{scroll-margin-top:100px}.channel-table-hint{display:none}
.channels-section{padding-block:30px 80px}.channels-section>.eyebrow{margin-bottom:18px}.channels-compact{padding-top:60px}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.channel-card{padding:30px 28px;background:var(--warm);border-radius:18px;display:flex;flex-direction:column;min-width:0}
.channel-card:nth-child(2){background:#edf0e9}.channel-card:nth-child(3){background:#f8e9e1}
.channel-heading{display:flex;gap:15px;align-items:baseline}.channel-heading .feature-number{font-size:13px;flex-shrink:0;margin:0}.channel-heading h3{font-size:25px;line-height:1.35}
.channel-card>p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:18px}.channel-card .channel-plan{font-size:11px;margin-top:10px;color:#786150}
.platform-list{display:flex;gap:16px 21px;flex-wrap:wrap;padding-block:26px;align-items:center}.platform-list li{display:flex;gap:9px;align-items:center;font-size:12px;white-space:nowrap}.platform-list img{width:23px;height:23px;object-fit:contain;flex-shrink:0}
.channel-platform-group{border-top:1px solid #46342624;padding-top:17px;margin-top:18px}
.channel-platform-group+.channel-platform-group{margin-top:17px}
.channel-status-title{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.45;font-weight:700;color:var(--ink)}
.channel-status-title::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 7px}
.channel-platform-verified .channel-status-title{color:#315d45}
.channel-platform-verified .channel-status-title::before{background:#377454}
.channel-status-detail{font-size:12px;line-height:1.65;color:var(--muted);margin-top:6px}
.channel-platform-group .platform-list{gap:12px 18px;padding:13px 0 0}
.channel-card .channel-note{font-size:12px;line-height:1.8;border-top:1px solid #46342624;padding-top:17px;margin-top:auto}
.channel-conditions{border-block:1px solid var(--line);margin-top:33px}.channel-conditions summary{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:15px;list-style:none;cursor:pointer;padding:25px 0}.channel-conditions summary::-webkit-details-marker{display:none}.channel-conditions summary .icon{width:20px;height:20px;flex-shrink:0}.channel-conditions[open] summary .icon{transform:rotate(45deg)}.channel-conditions summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.channel-conditions th:first-child{width:25%}.channel-conditions td:nth-child(2){width:25%}.channel-conditions td:last-child{width:50%}
.channel-dm-note{padding-block:28px 35px;max-width:850px}.channel-dm-note h3{font-size:20px;line-height:1.6}.channel-dm-note p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.9}.channel-more{margin-top:28px}
@media(max-width:1100px){.channel-grid{gap:17px}.channel-card{padding:26px 21px}.channel-heading h3{font-size:22px}}
@media(max-width:760px){

 .plan-badge{font-size:11px;right:20px}.plan-grid{row-gap:35px}.service-value{padding-top:45px}.service-value h2{font-size:30px}.service-value ol{grid-template-columns:1fr;gap:25px;margin-top:25px}.service-value li{padding-top:20px}.service-value .feature-number{margin-bottom:13px}
 .channels-section{padding-block:15px 50px}.channels-compact{padding-top:45px}.channels-section>.eyebrow{font-size:10px}.channel-grid{grid-template-columns:1fr;gap:18px}.channel-card{padding:27px 25px}.channel-heading h3{font-size:26px}.channel-card>p{font-size:14px}.platform-list{gap:18px 23px}.channel-conditions summary{font-size:14px}.channel-conditions table{min-width:550px}.channel-dm-note h3{font-size:19px}.channel-dm-note p{font-size:12px}
 .channel-table-hint{display:block;font-size:11px;color:var(--muted);margin-bottom:13px}
}

/* Partner eligibility is resolved by the console, independent of public plans. */
.partner-entry{margin-top:24px;border-block:1px solid var(--line,#deddd8)}
.partner-entry summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:600}
.partner-entry summary::-webkit-details-marker{display:none}
.partner-entry summary span{font-size:24px;font-weight:400;transition:transform .15s}
.partner-entry[open] summary span{transform:rotate(45deg)}
.partner-entry-body{max-width:680px;padding:0 0 24px}
.partner-entry-body>p{color:var(--muted,#656560);line-height:1.7;margin:0 0 18px}
.partner-entry label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.partner-entry-fields{display:flex;gap:12px}
.partner-entry-fields button{border:0;cursor:pointer}
.partner-entry input[type=text]{min-width:0;flex:1;min-height:48px;border:1px solid #b9b8b1;border-radius:4px;padding:12px 14px;background:white;color:#242420;font:inherit}
.partner-entry input:focus-visible,.partner-entry summary:focus-visible{outline:2px solid #da532c;outline-offset:4px}
.partner-entry .partner-entry-note{font-size:12px;margin:12px 0 0}
@media(max-width:540px){.partner-entry-fields{flex-direction:column}.partner-entry-fields .button{width:100%;justify-content:center}}

/* Prompt library: two kinds of prompt, told apart by colour; each card and the prompt itself carry
   their own container so rows line up and the copy action sits where the text starts. */
.prompt-filters{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:5px;margin:0 0 36px;border:1px solid var(--line);border-radius:999px}
.prompt-filters button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:transparent;padding:11px 20px;min-height:44px;font-size:13px;line-height:1.4;font-weight:550;color:var(--ink)}
.prompt-filters button[aria-pressed=true]{background:var(--ink);color:#fff}
.prompt-filters button:hover:not([aria-pressed=true]){background:var(--accent-soft)}
.prompt-count{font-size:11px;font-weight:600;opacity:.6;font-variant-numeric:tabular-nums}
[data-prompt-type="owner"]{--prompt-tone:var(--green);--prompt-tone-soft:var(--sage)}
[data-prompt-type="reception"]{--prompt-tone:var(--accent);--prompt-tone-soft:var(--accent-soft)}
.prompt-type{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:4px 11px;border-radius:999px;background:var(--prompt-tone-soft);color:var(--prompt-tone);font-size:11px;font-weight:600;letter-spacing:.02em}
.prompt-type::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.prompt-card[data-prompt-type]{padding:28px 28px 24px;border-radius:20px;background:var(--warm);border:1px solid transparent;transition:border-color .2s,transform .2s var(--sb-ease,ease)}
.prompt-card:hover{border-color:var(--line);transform:translateY(-2px)}
.prompt-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.prompt-card h3{margin-top:18px}
.prompt-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}
.prompt-card>.prompt-type{margin:0;color:var(--prompt-tone)}.prompt-card>p:not(.prompt-type){margin-bottom:22px}
.prompt-card-foot{align-self:stretch}
.prompt-tags{font-size:12px;color:var(--muted)}
.prompt-next{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin:56px 0 88px;padding-top:32px;border-top:1px solid var(--line)}
.prompt-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-bottom:36px;font-size:13px}
.prompt-crumbs>span{color:var(--muted)}
.prompt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px}
.prompt-section{margin-top:0!important}
.prompt-well{background:var(--warm);border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden}
.prompt-well-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 24px;border-bottom:1px solid var(--line);background:var(--surface-muted)}
.prompt-well-head h2{margin:0!important;font-size:15px!important;line-height:1.4}
.prompt-well pre[data-prompt-text]{margin:0;padding:22px 24px 4px;font:inherit;font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.prompt-var{padding:1px 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent-hover);font:inherit;font-weight:600}
.prompt-well [data-copy-prompt]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;font-size:14px;font-weight:550;line-height:1.4;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;flex-shrink:0}
.prompt-well [data-copy-prompt]:hover{background:var(--accent)}
.prompt-well [data-copy-status]{min-height:1.4em;margin:0;padding:6px 24px 18px;font-size:13px;color:var(--muted)}
.prompt-inputs>div{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:4px 18px;padding:12px 0;border-bottom:1px solid var(--line)}
.prompt-inputs dt{grid-row:span 2}
.prompt-inputs dd{margin:0}.prompt-inputs dd+dd{color:var(--muted);font-size:.92em}
[data-prompt-empty]{margin:8px 0 28px;color:var(--muted);font-size:15px}
@media(max-width:760px){
 .prompt-filters{border-radius:18px;margin-bottom:28px;width:100%}
 .prompt-filters button{flex:1 1 auto;justify-content:center;font-size:12px;padding:10px 12px}
 .prompt-card[data-prompt-type]{padding:22px 20px 20px}
 .prompt-next{margin-bottom:56px}
 .prompt-well-head{padding:12px 12px 12px 18px}
 .prompt-well pre[data-prompt-text]{font-size:14px;padding:18px 18px 4px}
 .prompt-well [data-copy-status]{padding:6px 18px 14px}
 .prompt-inputs>div{grid-template-columns:1fr}
 .prompt-inputs dt{grid-row:auto}
}

/* Legal pages: hand-written text inside the site chrome, set like the journal articles. */
#site[data-static] .language-switch{display:none}
.legal-page{max-width:800px;padding-block:60px 90px;font-size:16px;line-height:1.85;color:#48413d}
.legal-page h1{font-size:clamp(38px,4.6vw,58px);line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
.legal-page .updated{margin-top:18px;font-size:13px;color:var(--muted)}.legal-page .updated strong{font-weight:550}
.legal-page h2{margin-top:48px;font-size:24px;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
.legal-page p,.legal-page ul{margin-top:16px}.legal-page ul{padding-left:22px;list-style:disc}.legal-page li{margin-top:8px;padding-left:4px}
.legal-page a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-page a:hover{color:var(--accent-hover)}
.legal-page strong{color:var(--ink)}
@media(max-width:760px){.legal-page{padding-block:36px 60px;font-size:15px}.legal-page h2{margin-top:36px;font-size:21px}}
.text-link-back{gap:10px}

/* 404: the same chrome as every page, so a lost visitor can navigate on. */
.not-found{max-width:640px;padding-block:90px 110px}
.not-found .eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.not-found h1{margin-top:16px;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.035em}
.not-found .lead{margin-top:22px;font-size:18px;line-height:1.75;color:var(--muted)}
.not-found .button{margin-top:34px}
.not-found .support{margin-top:22px;font-size:14px;color:var(--muted)}.not-found .support a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.not-found{padding-block:50px 70px}.not-found .lead{font-size:16px}}

/* Pay page (Singapore pilot): hand-written content and script inside the site chrome. */
.pay-page{--text-2:var(--muted);padding-block:56px 90px}
.pay-page .container{width:min(760px,calc(100% - 32px));margin-inline:auto}
.pay-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:var(--warm);font-size:12px;font-weight:550;color:var(--ink)}
.pay-page h1{margin-top:22px;font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.035em}
.pay-page h1 .grad{color:var(--accent)}
.pay-page .lede{margin-top:22px;font-size:17px;line-height:1.8;color:var(--muted)}
.pay-card{margin-top:28px;padding:34px 36px;border-radius:22px;background:var(--warm)}
.pay-card h2{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.3;letter-spacing:-.01em}
.pay-card .num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:650}
.pkg-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.pkg-row .lbl,.pkg-total .lbl{color:var(--muted)}.pkg-row .val{font-weight:550;text-align:right}
.pkg-row{margin-top:6px}.pkg-row+.pkg-row{margin-top:0}
.pkg-total{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:18px 20px;border-radius:14px;background:var(--white)}
.pkg-total .val{font-weight:650;color:var(--accent);text-align:right}
.phase-block{margin-top:26px}.phase-block h3{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:16px}
.phase-block ul,.terms-list{margin-top:12px;padding-left:20px;list-style:disc;color:#48413d;font-size:15px;line-height:1.75}.phase-block li+li,.terms-list li+li{margin-top:8px}
.badge{padding:3px 9px;border-radius:999px;font-size:10px;font-weight:650;letter-spacing:.05em}.badge.price{background:var(--accent-soft);color:var(--accent)}
.pay-form{display:grid;gap:18px;margin-top:22px}.pay-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pay-form label{display:block;margin-bottom:7px;font-size:13px;font-weight:550}.pay-form .req{color:var(--accent)}
.pay-form input,.pay-form select,.pay-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font:inherit;font-size:15px}
.pay-form textarea{min-height:110px;resize:vertical}
.pay-form input:focus-visible,.pay-form select:focus-visible,.pay-form textarea:focus-visible,.pay-btn:focus-visible{outline:3px solid rgb(198 67 42 / 30%);outline-offset:2px;border-color:var(--accent)}
.pay-page .help{margin-top:8px;font-size:13px;color:var(--muted)}
.pay-actions{display:grid;gap:12px;margin-top:22px}
.pay-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 22px;border-radius:18px;border:1px solid var(--ink);font-size:15px;font-weight:600;color:var(--ink);background:var(--white);transition:background .2s,border-color .2s}
.pay-btn .sub{font-size:13px;font-weight:400;color:var(--muted)}
.pay-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pay-btn.primary .sub{color:#fbe3dc}.pay-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.pay-btn.ghost:hover,.pay-btn.wa:hover{border-color:var(--accent)}
.pay-foot-note{margin-top:30px;font-size:14px;color:var(--muted)}.pay-foot-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.pay-page{padding-block:34px 60px}.pay-card{padding:26px 20px;border-radius:17px}.pay-form .row-2{grid-template-columns:1fr}.pkg-row,.pkg-total{flex-direction:column;align-items:flex-start;gap:4px}.pkg-row .val,.pkg-total .val{text-align:left}}
.pay-card h2+p{margin-top:12px}
.pay-disclaimer{margin-top:10px;font-size:12px;color:var(--muted)}
/* No analytics on this page, so there is no choice to reopen. */
#site[data-no-analytics] [data-analytics-settings]{display:none}
.pay-page .lede a,.pay-page .help a,.terms-list a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.pay-page .lede a:hover,.pay-page .help a:hover,.terms-list a:hover{color:var(--accent)}
.article-hero-media{margin:40px 0 0}
.guide-hero-media{position:relative}.scene-loop{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;pointer-events:none}
.scene-loop::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
@media(prefers-reduced-motion:reduce){.scene-loop{display:none}}

/* Pricing reads less like a document: a shorter hero so the plans are in the first view, marks in
   the comparison, a line of icons for the setup steps and ticked terms. All text stays.
   The demos page uses the same short hero, so its demo is in the first view. */
.pricing-hero,.demos-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:64px;align-items:end;padding-block:56px 44px}
.pricing-hero>.eyebrow,.demos-hero>.eyebrow{grid-column:1/-1}
.pricing-hero h1,.demos-hero h1{font-size:clamp(40px,4.4vw,62px)}
.pricing-hero .page-intro,.demos-hero .page-intro{margin-top:0;font-size:16px;line-height:1.8}
.demos-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.pricing-body>.guide-entry{margin:36px 0 0}
.price-comparison th:nth-child(3),.price-comparison td:nth-child(3){background:var(--warm)}
.price-comparison thead th:nth-child(3){background:var(--ink);color:#fff}
.cell-yes,.cell-no{white-space:normal}
.cell-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:9px;border-radius:50%;vertical-align:-5px}
.cell-yes .cell-mark{background:var(--sage);color:var(--green)}
.cell-yes .cell-mark .icon{width:12px;height:12px;stroke-width:2.4}
.cell-no{color:var(--muted)}
.cell-no .cell-mark::before{content:"";width:10px;height:2px;border-radius:2px;background:currentColor;opacity:.6}
.service-value li{position:relative;padding-top:38px}
.step-icon{position:absolute;top:-22px;left:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 6px var(--canvas)}
.step-icon .icon{width:20px;height:20px}
.service-value ol{margin-top:58px}
.pricing-terms ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
.pricing-terms li{display:flex;gap:12px;align-items:flex-start;padding-left:0;margin-bottom:0}
.pricing-terms li:before{content:none}
.term-mark{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:3px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.term-mark .icon{width:13px;height:13px;stroke-width:2.2}
@media(max-width:900px){
 .pricing-hero,.demos-hero{grid-template-columns:1fr;row-gap:18px;padding-block:36px 28px}
 .pricing-terms ul{grid-template-columns:1fr}
}
@media(max-width:760px){
 .service-value ol{margin-top:44px;row-gap:44px}
 .cell-mark{width:18px;height:18px;margin-right:6px}
}

/* Custom automation (Claw Complete): quoted per project, so a conversation rather than a price. */
.pricing-custom{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;margin-top:28px;padding:32px 36px;border-radius:22px;border:1px solid var(--line);background:var(--canvas)}
.pricing-custom>div{max-width:720px}
.pricing-custom h2{margin-top:10px;font-size:28px;line-height:1.25;letter-spacing:-.02em}
.pricing-custom p:not(.eyebrow){margin-top:12px;font-size:15px;line-height:1.8;color:var(--muted)}
.pricing-custom .button{flex-shrink:0}
@media(max-width:760px){.pricing-custom{flex-direction:column;align-items:flex-start;padding:26px 22px}.pricing-custom h2{font-size:23px}}
/* Pricing motion. Plan channels arrive in turn; Claw Chat's highlight then moves from one channel to
   the next (you choose one), and Claw Grow's messaging channels light up together (all of them).
   Marks in the comparison table arrive row by row. Only while on screen, never under reduced motion. */
@media(prefers-reduced-motion:no-preference){
 .plan-logos.is-inview li{animation:logo-in .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * 55ms) both}
 .plan-logos.is-inview .plan-logo-chooseOne li{animation:logo-in .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * 55ms) both,logo-choose 4.5s ease-in-out calc(1s + var(--j) * 1.5s) infinite}
 .plan-logos.is-inview .plan-logo-channels li{animation:logo-in .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * 55ms) both,logo-all 4.5s ease-in-out 1.2s infinite}
 .price-comparison table.is-inview .cell-mark{animation:logo-in .45s cubic-bezier(.34,1.56,.64,1) calc(var(--r) * 45ms) both}
}
@keyframes logo-in{from{opacity:0;scale:.5}to{opacity:1;scale:1}}
@keyframes logo-choose{0%,36%,100%{box-shadow:inset 0 0 0 1px var(--line)}8%,28%{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px var(--accent-soft)}}
@keyframes logo-all{0%,50%,100%{box-shadow:inset 0 0 0 1px var(--line)}15%,35%{box-shadow:inset 0 0 0 2px #f2b6a1,0 0 0 4px rgb(242 182 161 / 30%)}}
/* Features: a small drawing of each job (see FEATURE_VISUALS in site-render.mjs). */
.feature-visual{height:172px;margin-bottom:30px;padding:20px 22px;border-radius:18px;background:var(--warm);display:flex;align-items:center;overflow:hidden}
.feature-visual>*{width:100%}
.feature-visual b{display:block;height:6px;border-radius:3px;background:#e4d8d1}
.feature-visual .icon{width:15px;height:15px}
.fv-who{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);flex:none}
.fv-chat{display:grid;gap:8px}
.fv-chat p{display:grid;gap:6px;align-content:center;width:64%;padding:8px 12px;border-radius:0 12px 12px 12px;background:#fff;box-shadow:0 1px 1px #0b141a1f}
.fv-chat p b:nth-child(2){width:68%}
.fv-chat .fv-out{justify-self:end;border-radius:12px 0 12px 12px;background:#d9fdd3}.fv-chat .fv-out b{background:#b9e4b1}
.fv-chat .fv-short{width:40%}
.fv-owner,.fv-done{display:flex!important;align-items:center;gap:10px}.fv-owner b,.fv-done b{flex:1}
.fv-done{width:52%!important}.fv-done>.icon{color:var(--green)}
.fv-spark{background:var(--sage);color:var(--green)}
.fv-facts{display:grid;gap:8px}
.fv-facts li{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgb(74 38 21 / 6%)}
.fv-facts li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent);flex:none}
.fv-facts b{flex:1}.fv-facts b+b{flex:.6}.fv-facts li>.icon{color:var(--green)}
.fv-flow{display:grid;grid-template-columns:1fr auto 1.15fr;align-items:center;gap:14px}.fv-flow>.icon{color:var(--accent);width:18px;height:18px}
.fv-mini{gap:6px}.fv-mini p{width:88%;padding:7px 9px}.fv-mini .fv-out{width:80%}
.fv-card{padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgb(74 38 21 / 9%)}
.fv-card-top{display:flex;align-items:center;gap:8px;color:var(--green)}.fv-card-top span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--sage)}
.fv-card-top i{flex:1;height:6px;border-radius:3px;background:var(--sage);max-width:60px}.fv-card-top>.icon:last-child{margin-left:auto}
.fv-card dl{display:grid;gap:8px;margin:12px 0 2px}.fv-card dl div{display:flex;justify-content:space-between;gap:14px}.fv-card dt{flex:.5}.fv-card dd{margin:0;flex:.35}.fv-card dd b{background:#cfc2ba}
.fv-note{display:grid;gap:6px;padding:12px;border-radius:8px;background:#fff6c8;box-shadow:0 6px 14px rgb(74 38 21 / 8%);rotate:-2deg}.fv-note b{background:#d8c98a}.fv-note b:nth-child(2){width:80%}.fv-note b:nth-child(3){width:55%}
.fv-post{display:grid;gap:6px;padding:10px;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgb(74 38 21 / 9%)}
.fv-post p{display:flex;align-items:center;gap:5px}.fv-post p i{margin-left:auto;width:34px;height:7px;border-radius:4px;background:var(--accent-soft)}.fv-post b:nth-of-type(2){width:70%}
.fv-media{display:block;height:34px;border-radius:6px;background:linear-gradient(135deg,#f5e7e1,#f2b6a1)}
.fv-comments{display:grid;gap:8px}
.fv-comments p{display:flex;align-items:center;gap:9px;width:72%;padding:8px 11px;border-radius:12px;background:#fff;box-shadow:0 1px 1px #0b141a1f}.fv-comments p b{flex:1}
.fv-stars{display:flex;gap:4px}.fv-stars i{width:9px;height:9px;background:#e0a84c;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.fv-comments .fv-reply{justify-self:end;margin-left:auto;width:64%;border:1.5px dashed #e3b7a6;background:#fffaf8;box-shadow:none}.fv-reply b:nth-child(2){flex:.6}
@media(prefers-reduced-motion:no-preference){
 .feature-visual.is-inview :is(.fv-chat>p,.fv-facts li,.fv-comments p,.fv-note,.fv-card){animation:cs-in .5s cubic-bezier(.16,1,.3,1) both}
 .feature-visual.is-inview :is(.fv-chat>p,.fv-facts li,.fv-comments p):nth-child(2){animation-delay:.35s}
 .feature-visual.is-inview :is(.fv-chat>p,.fv-facts li,.fv-comments p):nth-child(3){animation-delay:.7s}
 .feature-visual.is-inview .fv-card{animation-delay:.9s}
 .feature-visual.is-inview :is(.fv-card dl div,.fv-post>b,.fv-media){transform-origin:left;animation:cs-grow .6s cubic-bezier(.16,1,.3,1) both}
 .feature-visual.is-inview .fv-card dl div:nth-child(1){animation-delay:1.1s}.feature-visual.is-inview .fv-card dl div:nth-child(2){animation-delay:1.25s}.feature-visual.is-inview .fv-card dl div:nth-child(3){animation-delay:1.4s}
 .feature-visual.is-inview .fv-post>b{animation-delay:.5s}.feature-visual.is-inview .fv-post>b:nth-of-type(2){animation-delay:.65s}.feature-visual.is-inview .fv-media{animation-delay:.8s}
 .feature-visual.is-inview :is(.fv-facts li>.icon,.fv-done>.icon,.fv-card-top>.icon:last-child){animation:cs-pop .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:1.1s}
 .feature-visual.is-inview .fv-facts li:nth-child(2)>.icon{animation-delay:1.3s}.feature-visual.is-inview .fv-facts li:nth-child(3)>.icon{animation-delay:1.5s}
 .feature-visual.is-inview .fv-stars i{animation:cs-pop .35s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.5s + var(--s,0) * 90ms)}
 .feature-visual.is-inview .fv-stars i:nth-child(2){--s:1}.feature-visual.is-inview .fv-stars i:nth-child(3){--s:2}.feature-visual.is-inview .fv-stars i:nth-child(4){--s:3}.feature-visual.is-inview .fv-stars i:nth-child(5){--s:4}
}
@media(max-width:760px){.feature-visual{height:auto;min-height:132px;margin-bottom:24px;padding:16px}.fv-chat p{width:78%}.fv-flow{gap:10px}}
/* Demos: how to read an example (under the demo), every example at a glance, and what the examples
   leave out. The legend marks copy the stage: a customer bubble, a green AI bubble, the team note. */
.demo-legend{display:flex;gap:18px 48px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.demo-legend h2{flex:0 0 150px;font-size:15px;line-height:1.6;font-weight:550;letter-spacing:0}
.demo-legend ol{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.demo-legend li{display:flex;gap:14px;align-items:flex-start}
.demo-legend h3{font-size:14px;line-height:1.5;letter-spacing:0}
.demo-legend p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:3px}
.legend-mark{flex:none;display:grid;place-items:center;width:46px;height:36px;border-radius:10px;background:#efeae2}
.legend-bubble{display:block;justify-self:start;width:26px;height:15px;margin-left:7px;border-radius:0 6px 6px 6px;background:#fff;box-shadow:0 1px 1px #0b141a26}
.legend-ai{justify-self:end;margin:0 7px 0 0;background:#d9fdd3;border-radius:6px 0 6px 6px}
.legend-card{background:#fff;box-shadow:0 4px 12px rgb(74 38 21 / 8%);color:var(--green)}
.legend-card .icon{width:24px;height:24px;padding:4px;border-radius:6px;background:var(--sage)}
.demo-overview{padding-block:80px 40px}
.demo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.demo-card{display:flex;flex-direction:column;gap:14px;padding:26px 26px 22px;border-radius:20px;background:var(--warm);min-width:0}
.demo-card-head{display:flex;align-items:center;gap:12px}
.demo-card-head h3{font-size:19px;line-height:1.3;flex:1;min-width:0}
.demo-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;color:var(--accent);box-shadow:0 4px 12px rgb(74 38 21 / 7%);flex:none}
.demo-card-icon .icon{width:19px;height:19px}
.demo-card-plan{font-size:11px;font-weight:600;line-height:1.4;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover);white-space:nowrap}
.demo-card-ask{position:relative;align-self:flex-start;max-width:92%;padding:10px 13px;border-radius:0 12px 12px 12px;background:#fff;box-shadow:0 1px 1px #0b141a1f;font-size:14px;line-height:1.55;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',var(--font)}
.demo-card-team{font-size:14px;line-height:1.7}.demo-card-team strong{display:block;font-size:11px;letter-spacing:.03em;color:var(--green);font-weight:650}
.demo-card-note{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.demo-card .text-link{margin-top:auto;align-self:flex-start;border:0;background:none;padding:6px 0;font-size:13px;gap:8px}
.demo-card .text-link .icon{width:15px;height:15px;color:var(--accent)}
.demo-boundaries{margin-top:44px;padding:30px 32px;border-radius:20px;border:1px solid var(--line)}
.demo-boundaries h3{font-size:22px}
.demo-boundaries ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;margin-top:20px}
.demo-boundaries li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.7}
.boundary-mark{display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--surface-muted);color:var(--muted);flex:none}.boundary-mark .icon{width:12px;height:12px;stroke-width:2.2}
@media(max-width:1100px){.demo-cards{grid-template-columns:1fr 1fr}.demo-legend{flex-direction:column}.demo-legend h2{flex:none}}
@media(max-width:760px){
 .demo-legend{margin-top:28px;padding-top:22px}.demo-legend ol{grid-template-columns:1fr;gap:16px}
 .demo-overview{padding-block:55px 20px}.demo-cards{grid-template-columns:1fr;gap:16px}.demo-card{padding:22px 20px 18px}
 .demo-boundaries{margin-top:30px;padding:24px 20px}.demo-boundaries ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:no-preference){
 .demo-cards>li{transition:transform .25s cubic-bezier(.16,1,.3,1)}.demo-cards>li:hover{transform:translateY(-2px)}
}
/* Comparison guides: a reception chat and the team note, instead of an illustration. */
.chat-snapshot{margin:30px 0 44px;max-width:760px}
.chat-snapshot-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:22px;padding:28px;border-radius:22px;background:var(--warm)}
.chat-snapshot .conversation{transform:none}
.chat-snapshot .message{font-size:13px}
.chat-snapshot .snapshot-card{margin:0 0 18px;box-shadow:0 18px 40px rgb(74 38 21 / 12%)}
.chat-snapshot .story-next{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.chat-snapshot .story-next .icon{width:14px;height:14px;margin-top:3px}
.chat-snapshot figcaption{font-size:12px;line-height:1.75;color:var(--muted);margin-top:12px;max-width:640px}
@media(max-width:760px){.chat-snapshot{margin:22px 0 34px}.chat-snapshot-stage{grid-template-columns:1fr;padding:16px;gap:14px}.chat-snapshot .snapshot-card{margin:0}}
@media(prefers-reduced-motion:no-preference){
 .chat-snapshot.is-inview .message{animation:message-arrive .6s cubic-bezier(.16,1,.3,1) both}
 .chat-snapshot.is-inview .message:nth-of-type(2){animation-delay:.7s}.chat-snapshot.is-inview .message:nth-of-type(3){animation-delay:1.4s}
 .chat-snapshot.is-inview .snapshot-card{animation:cs-in .7s cubic-bezier(.16,1,.3,1) 2.1s both}
}
/* Prompt library: an icon per prompt, the opening of a prompt in the hero, and how to use one. */
.prompt-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch}
.prompt-card-top>.prompt-type{margin:0}
.prompt-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--prompt-tone);box-shadow:0 4px 12px rgb(74 38 21 / 7%);flex:none}
.prompt-icon .icon{width:19px;height:19px}
.prompt-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:6%;align-items:end}
.prompt-hero>:not(.prompt-preview){grid-column:1}
.prompt-preview{grid-column:2;grid-row:1/4;align-self:center;--prompt-tone:var(--green);--prompt-tone-soft:var(--sage);rotate:1.5deg;border-radius:18px;box-shadow:0 24px 50px rgb(74 38 21 / 10%)}
.prompt-preview .prompt-well-head{padding:12px 14px 12px 20px}
.prompt-preview-copy{display:inline-flex;align-items:center;min-height:34px;padding:6px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:550}
.prompt-preview-title{padding:18px 22px 0;font-size:17px;font-weight:600;line-height:1.35}
.prompt-preview pre{margin:0 0 22px;padding:10px 22px 0;font:inherit;font-size:14px;line-height:1.75;white-space:pre-wrap;color:var(--muted);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.prompt-preview .prompt-var{color:var(--accent-hover)}
@media(max-width:1000px){.prompt-hero{display:block}.prompt-preview{margin-top:36px;rotate:none;max-width:560px}}
@media(prefers-reduced-motion:no-preference){
 .prompt-preview.is-inview .prompt-var{animation:prompt-var-glow 4.8s ease-in-out infinite both}
 .prompt-preview.is-inview .prompt-var:nth-of-type(2){animation-delay:1.6s}.prompt-preview.is-inview .prompt-var:nth-of-type(3){animation-delay:3.2s}
}
@keyframes prompt-var-glow{0%,40%,100%{box-shadow:0 0 0 0 transparent}12%,28%{box-shadow:0 0 0 3px #f2b6a1}}
.prompt-steps{margin-top:0!important;margin-bottom:34px}
.prompt-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none!important;padding:0!important;margin:0!important}
.prompt-steps li{margin:0!important;padding:18px 0 0!important;border-top:1px solid var(--line);color:var(--ink)!important}
.prompt-steps .feature-number{display:inline-block;margin:0 0 0 8px;font-size:13px;vertical-align:middle}
.prompt-steps p{margin-top:10px!important;font-size:14px;line-height:1.65;color:var(--muted)!important}
.prompt-step-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);vertical-align:middle}.prompt-step-icon .icon{width:17px;height:17px}
@media(max-width:760px){.prompt-steps ol{grid-template-columns:1fr;gap:14px}.prompt-steps li{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:8px;padding-top:14px!important}.prompt-steps .feature-number{margin:0}.prompt-steps p{grid-column:1/-1}}
/* Article upgrades (2026-09-30): key points box, table of contents, cover, chat and template blocks, share, author. */
.article-page{max-width:1120px}
.article-share{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:13px;color:var(--muted)}
.article-share a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line)}
.article-share a:hover{border-color:var(--ink)}
.article-cover{margin-top:40px}.article-cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}
.article-layout{display:block}
.article-toc{max-width:720px;margin:48px auto 0;padding:18px 22px;border:1px solid var(--line);border-radius:14px;font-size:14px}
.article-toc>p{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}
.article-toc ol{margin:0;padding-left:20px;display:grid;gap:6px}
.article-toc a{color:var(--muted);text-decoration:none;line-height:1.5}.article-toc a:hover,.article-toc a[aria-current]{color:var(--accent)}
@media(min-width:1100px){
 .article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:56px;justify-content:center;align-items:start}
 .article-toc{position:sticky;top:110px;margin:62px 0 0;padding:0;border:0}
 .article-toc ol{list-style:none;padding:0;gap:10px;border-left:1px solid var(--line)}
 .article-toc li{padding-left:14px;margin-left:-1px;border-left:2px solid transparent}
 .article-toc li:has(a[aria-current]){border-left-color:var(--accent)}
 .article-layout .article-body{margin:62px 0 0}
}
.article-tldr{padding:22px 24px;border-radius:14px;background:var(--warm);border-left:4px solid var(--accent)}
.article-tldr-label{font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--accent);margin-bottom:6px}
.article-tldr .article-answer{margin:0;font-size:18px}
.article-body #faq h2{margin-bottom:8px}
.article-chat{margin:26px 0 0}
.article-chat .conversation{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.article-chat .messages{padding:16px 16px 18px;gap:10px}
.article-chat .message{font-size:15px;line-height:1.5;max-width:85%}
.article-chat .message p{margin:0;color:inherit}
.article-chat figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.article-template{margin-top:26px}
.article-template .prompt-well-head h3{font-size:16px;margin:0}
.article-template pre{white-space:pre-wrap;font-size:14px;line-height:1.7}
.article-author-box{display:flex;gap:16px;align-items:flex-start;margin-top:36px;padding-top:28px;border-top:1px solid var(--line);font-size:15px;line-height:1.7}
.article-author-box p{margin:0}.article-author-box p+p{color:var(--muted);margin-top:4px}
.article-author-mark{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;font-size:15px}