/* Graphics for the pricing introduction and literal monthly output allowances. */
.pricing-hero--graphic{background:radial-gradient(ellipse at 100% 20%,#d8ead7,transparent 60%),linear-gradient(125deg,#fcf8ef,#f1f6f1);padding-block:clamp(2.5rem,5vw,5rem)}
.pricing-hero--graphic .v24-hero__grid{align-items:center;grid-template-columns:1fr 1.05fr;gap:3.5rem}
.pricing-hero--graphic .pricing-overview{background:#174b47;color:#fff;border:1px solid #3b6860;border-radius:22px;box-shadow:0 18px 50px #214b3d20;padding:1.4rem;transform:rotate(1deg)}
.pricing-hero--graphic .v24-includes__top{color:#d4e7d8;border-color:#ffffff30;font-size:.67rem;align-items:center}
.pricing-hero--graphic .v24-includes__from{color:#fff}
.pricing-hero--graphic .platform-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0 .6rem;padding:0}
.pricing-hero--graphic .platform-gallery>li{display:block;margin:0;padding:0;border:0;min-width:0}
.pricing-hero--graphic .platform-gallery>li::before,.pricing-hero--graphic .platform-gallery>li::after{display:none}
.platform-gallery a{display:block;height:100%;text-decoration:none;color:#183e36;border-radius:12px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}
.platform-gallery a:hover{transform:translateY(-3px);box-shadow:0 8px 15px #08282230}
.platform-gallery a:focus-visible{outline:3px solid #f6d77a;outline-offset:3px}
.platform-card-copy{display:block;position:relative;padding:.85rem .85rem 1rem}
.pricing-hero--graphic .platform-card-copy strong{font-size:.84rem;color:#173f36;line-height:1.25;padding-right:.6rem}
.pricing-hero--graphic .platform-card-copy small{font-size:.65rem;color:#556b62;line-height:1.45;margin-top:.4rem}
.platform-arrow{position:absolute;right:.65rem;top:.8rem;font-size:.8rem;color:#688777}
.platform-art{height:115px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-weight:500}
.art-agent{background:#e7ddef;flex-direction:column;gap:7px;padding:12px}
.agent-spark{position:absolute;font-size:32px;color:#7e6398;left:9px;top:0;transform:rotate(-12deg)}
.platform-chat{font-size:8px;background:#fff;color:#604b72;padding:9px 10px;border-radius:10px 10px 2px 10px;transform:translateX(8px);z-index:1;box-shadow:0 3px 8px #49395f0c}
.agent-reply{width:70%;padding:10px;background:#725b8a;border-radius:10px 10px 10px 2px;display:flex;gap:4px;transform:translateX(-12px)}
.agent-reply i{width:5px;height:5px;background:#f5eaf8;border-radius:50%}
.art-caption{font:500 5.7px var(--mono);letter-spacing:.03em;color:#6a547d}
.art-pipeline{background:#dbe9d6;align-items:flex-start;padding:22px 14px;gap:6px}
.pipeline-column{background:#ffffff85;border-radius:4px;padding:6px;flex:1;min-width:0;height:70px}
.pipeline-column small{display:block;font:500 5px var(--mono);color:#47684e;white-space:nowrap;margin-bottom:6px}
.pipeline-column i{height:16px;background:#fff;border:1px solid #c6d5bd;border-radius:3px;display:block;margin-bottom:4px;box-shadow:0 2px 3px #3d552a08}
.pipeline-column:last-of-type i{background:#a9c87f;border-color:#a9c87f}
.pipeline-arrow{position:absolute;right:10px;bottom:4px;color:#487347;font-size:20px}
.art-insight{background:#f6e6b8;flex-direction:column;padding:14px 25px 9px;gap:9px}
.insight-chart{display:flex;align-items:end;justify-content:space-between;gap:8px;width:100%;max-width:165px;height:65px;border-bottom:1px solid #acb17d;padding:0 4px}
.insight-chart i{display:block;height:var(--bar);flex:1;background:#497c66;border-radius:4px 4px 0 0}
.insight-chart i:nth-child(2n){background:#a4bd79}
.insight-label{font:500 5.5px var(--mono);color:#5b6542;white-space:nowrap}
.art-content{background:#f3d8c6}
.content-sheet{display:block;width:100px;height:100px;background:#fff9ec;border-radius:3px;transform:rotate(-9deg) translate(-17px,12px);padding:10px;box-shadow:0 4px 8px #69462c15}
.content-sheet small{display:block;font:500 5px var(--mono);color:#7b7057;margin-bottom:6px}
.content-sheet b{display:block;font-size:9px;line-height:1.2;color:#4e604b}
.content-sheet i{display:block;background:#b6c49c;height:23px;margin-top:8px}
.content-post{position:absolute;right:27px;bottom:13px;background:#bd7357;color:#fff6e9;transform:rotate(9deg);padding:9px;width:68px;height:79px;border-radius:4px;box-shadow:0 5px 8px #69462c20}
.content-post>span{display:block;font-size:17px;line-height:1;margin-bottom:7px}.content-post b{font-size:9px;line-height:1.2;display:block}
.content-play{position:absolute;right:15px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fffc;color:#9c694e;font-size:9px}
.platform-art-note{font:400 .52rem var(--mono);color:#cee2d4;margin:0 0 .9rem}
.pricing-hero--graphic .v24-includes__foot{color:#d9e8e0;font-size:.7rem;border-color:#ffffff26;line-height:1.6}
.pricing-hero--graphic .v24-includes__foot b,.pricing-hero--graphic .v24-includes__foot a{color:#fff}
.platform-stack{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center;margin-top:2.2rem;padding:1.6rem;border:1px solid #d0ded3;border-radius:16px;background:#fff;box-shadow:0 8px 25px #1c4c3510}
.platform-stack__part{display:flex;align-items:center;gap:1rem;min-width:0}
.stack-icon{display:grid;place-items:center;width:60px;height:66px;border-radius:12px;background:#e2edd8;color:#44674a;flex-shrink:0;transform:rotate(-5deg)}
.stack-icon svg{width:30px;height:30px}
.platform-stack__part:nth-of-type(2) .stack-icon{background:#e7def0;color:#765b91;transform:rotate(4deg)}
.platform-stack__part:nth-of-type(3) .stack-icon{background:#f7dfc5;color:#977044;transform:rotate(-4deg)}
.stack-kicker{display:block;font:500 .49rem var(--mono);letter-spacing:.04em;color:#617967;margin-bottom:.4rem}
.platform-stack__part strong{display:block;font-size:1rem;line-height:1.2;letter-spacing:-.02em;color:#234e41}
.platform-stack__part small{display:block;font-size:.64rem;line-height:1.5;color:#657669;margin-top:.4rem}
.stack-plus{font-size:1.5rem;color:#a1b7a7;font-weight:400}
#plans .plan{border-radius:16px;overflow:visible}#plans .plan--feature{border-color:#32776a;box-shadow:0 10px 35px #164f4210}
#plans .plan__tag{background:#1b5a50}
.plan-output{padding:.9rem;background:#edf3e5;border:1px solid #dae4cf;border-radius:10px;margin:1rem 0 1.3rem;min-width:0}
.plan-output--core{background:#e2efe9;border-color:#c4dcd0}.plan-output--pro{background:#ede5f3;border-color:#ded0e9}
.output-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px;color:#3c6047}
.output-top>span{font:500 .44rem var(--mono);letter-spacing:.04em}.output-top>b{font:500 .55rem var(--mono);background:#fff9;padding:4px 6px;border-radius:4px;white-space:nowrap}
.output-preview{display:grid;grid-template-columns:1.6fr auto 1fr;align-items:center;gap:9px;height:100px}
.output-social{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:128px}
.output-post{aspect-ratio:1;display:flex;flex-direction:column;justify-content:end;gap:2px;background:#79a58a;border:2px solid white;border-radius:3px;padding:3px;box-shadow:0 2px 3px #31573d10;min-width:0}
.output-post span{display:block;height:2px;width:85%;background:#ffffffb0}.output-post span:last-child{width:60%}
.output-post.post-1{background:#d5b567}.output-post.post-2{background:#a58ab7}.output-post.post-3{background:#d49475}
.output-divider{font-size:16px;color:#688273}
.output-blogs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-width:74px;align-items:center}
.output-blog{display:flex;flex-direction:column;gap:3px;padding:5px;background:#fff;border:1px solid #d1dcc9;border-radius:3px;width:27px;height:32px;box-shadow:0 2px 3px #31573d08}
.output-blog b{height:8px;background:#bbd0aa;display:block}.output-blog span{height:2px;background:#cdd6c4;display:block}.output-blog span:last-child{width:65%}
.plan-output--starter .output-blogs{grid-template-columns:1fr}.plan-output--starter .output-blog{width:38px;height:48px;padding:7px;gap:5px}.plan-output--starter .output-blog b{height:12px}
.output-legend{display:flex;justify-content:space-between;gap:5px;margin-top:10px;font-size:.62rem;color:#526b55}
@media(max-width:1050px){.pricing-hero--graphic .v24-hero__grid{gap:1.8rem}.platform-stack{gap:.7rem;padding:1.2rem}.platform-stack__part{gap:.7rem}.stack-icon{width:45px;height:55px}.platform-stack__part strong{font-size:.9rem}.output-top>span{font-size:.4rem}.output-top>b{font-size:.5rem}.output-preview{gap:6px}.plan-output{padding:.7rem}}
@media(max-width:800px){.pricing-hero--graphic .v24-hero__grid{grid-template-columns:1fr;gap:2rem}.pricing-hero--graphic .pricing-overview{transform:none}.platform-art{height:135px}.platform-card-copy{padding:1rem}.pricing-hero--graphic .platform-card-copy strong{font-size:1rem}.pricing-hero--graphic .platform-card-copy small{font-size:.77rem}.platform-stack{grid-template-columns:1fr;gap:.5rem}.platform-stack__part{padding:.4rem}.stack-plus{padding-left:1.3rem;line-height:1}.platform-stack__part strong{font-size:1.1rem}.platform-stack__part small{font-size:.8rem}.stack-kicker{font-size:.6rem}.stack-icon{width:60px;height:60px}.plan-output{padding:1rem}.output-preview{height:100px;grid-template-columns:1.6fr auto 1fr;max-width:310px}.output-top>span{font-size:.55rem}.output-top>b{font-size:.65rem}.output-legend{font-size:.75rem}.output-social{max-width:128px}.output-top{margin-bottom:15px}}
@media(max-width:480px){.pricing-hero--graphic .pricing-overview{padding:1rem}.pricing-hero--graphic .platform-gallery{gap:.55rem}.platform-art{height:105px}.platform-card-copy{padding:.7rem}.pricing-hero--graphic .platform-card-copy strong{font-size:.75rem}.pricing-hero--graphic .platform-card-copy small{font-size:.65rem}.platform-arrow{display:none}.platform-chat{font-size:6px;padding:8px 6px;transform:translateX(3px)}.art-caption{font-size:4px}.pipeline-column small{font-size:4px}.art-pipeline{padding:20px 9px;gap:4px}.pipeline-column{padding:4px}.art-insight{padding:12px 14px}.insight-label{font-size:4.4px}.content-sheet{width:83px;padding:8px}.content-sheet b{font-size:8px}.content-post{right:11px;width:57px;height:70px;padding:8px}.content-post b{font-size:8px}.content-play{right:5px;width:20px;height:20px}.platform-art-note{font-size:.46rem}}
@media(prefers-reduced-motion:reduce){.platform-gallery a{transition:none}}

.pricing-hero--graphic .v24-includes__top>span:first-child{color:#d5ebdb}.pricing-hero--graphic .v24-includes__from small{color:#d5e5da}