.mkt.h2 .cn-features.cn-features,.mkt.h2 .cn-tools.cn-tools{color:var(--ink);background:#fff;padding:clamp(3.5rem,9svh,6rem) clamp(1rem,5vw,4.5rem)}.mkt.h2 .cn-tools.cn-tools{background:var(--paper)}.cn-head{text-align:center;gap:1rem;max-width:40rem;margin:0 auto clamp(2rem,5svh,3rem);display:grid}.cn-head p{color:#010833b8;text-wrap:pretty;font-size:1.0625rem;line-height:1.5}.cn-grid,.cn-tool-grid{gap:.75rem;max-width:76rem;margin:0 auto;padding:0;list-style:none;display:grid}.cn-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:64rem}.cn-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:64rem}.cn-card,.cn-tool{border-radius:var(--radius-lg);background:#fff;border:0;outline:0;align-content:start;gap:.625rem;padding:clamp(1.4rem,2.4vw,1.9rem);display:grid;box-shadow:0 1px 2px #01083308,0 18px 40px -18px #01083329}.cn-tool{height:100%;color:inherit;background:#fff;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.cn-tool:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0108330d,0 24px 44px -18px #0108333d}}.cn-tool:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.cn-icon{width:1.5rem;height:1.5rem;color:var(--purple-800);margin-bottom:.5rem}.cn-card h3,.cn-tool h3{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.25rem;font-weight:400;line-height:1.15}.cn-card p,.cn-tool p{color:#010833b3;font-size:.9375rem;line-height:1.5}.cn-more svg{width:1.05rem;height:1.05rem;transition:transform .2s cubic-bezier(.22,1,.36,1)}.cn-tool:hover .cn-more svg{transform:translate(3px)}.cn-more{color:var(--purple-800);align-items:center;gap:.4rem;margin-top:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.mkt.h2 .cn-flow.cn-flow{min-height:calc(70svh - 2 * var(--h2-pad));color:var(--ink);background:#fff;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(3rem,8svh,5.5rem);display:grid}.cn-flow-copy{justify-items:start;gap:1.25rem;display:grid}.cn-flow-copy>p{color:#010833b8;text-wrap:pretty;max-width:30rem;font-size:1.0625rem;line-height:1.5}.cn-flow-flip .cn-flow-copy{order:2}.cn-flow-art{width:100%;min-height:clamp(380px,44vw,600px)}.mkt.h2 .cn-flow.cn-templates{background:var(--paper);color:var(--ink)}.mkt.h2 .cn-proof.cn-proof{isolation:isolate;min-height:calc(90svh - 2 * var(--h2-pad));background:var(--ink);color:var(--paper);place-items:center;padding:clamp(5rem,9vw,7rem) clamp(1rem,5vw,4.5rem);display:grid;position:relative}.cn-proof-img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mkt.h2 .cn-proof.cn-proof:after{content:"";z-index:-1;background:radial-gradient(65% 60%,#0108339e 0%,#01083300 100%);position:absolute;inset:0}.cn-proof-copy{text-align:center;justify-items:center;gap:clamp(2rem,5vw,3.5rem);width:min(100%,64rem);display:grid}.cn-proof-copy .h2-h{max-width:36rem}.cn-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%;margin:0;display:grid}.cn-stats div{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);color:#fff;outline-offset:-6px;background:#10164673;border:0;outline:1px solid #ffffff1a;align-content:start;gap:.5rem;padding:clamp(1.4rem,2.4vw,1.9rem);display:grid;box-shadow:0 18px 40px -22px #00000073}.cn-stats dt{font-family:var(--font-heading);letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400;line-height:1}.cn-stats dd{color:#f7f6fbb8;margin:0;font-size:.875rem;line-height:1.45}@media (max-width:1000px){.cn-grid,.cn-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt.h2 .cn-flow.cn-flow{grid-template-columns:minmax(0,1fr)}.cn-flow-flip .cn-flow-copy{order:0}}@media (max-width:640px){.cn-grid,.cn-tool-grid,.cn-stats{grid-template-columns:minmax(0,1fr)}}@media (max-width:1000px){.cn-flow-shot{width:100%}}@media (prefers-reduced-motion:reduce){.cn-more svg,.cn-tool{transition:none}}@media (min-width:1001px){.mkt.h2 .cn-flow.cn-flow.cn-flow-flip{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.cn-flow-shot{border-radius:var(--radius-lg);justify-self:center;width:min(100%,133.333svh - 14.6667rem)}@media (max-width:1023px){.mkt.h2 :is(.cn-features,.cn-flow,.cn-proof).h2-box{min-height:0;padding-block:clamp(2.5rem,5vw,3.5rem)}.mkt.h2 .cn-flow.cn-flow,.mkt.h2 .cn-flow.cn-flow.cn-flow-flip{grid-template-columns:minmax(0,1fr)}.cn-flow-copy{order:-1}}
