.marketing-page{background:var(--page)}.marketing-width{width:calc(100% - 96px);max-width:1184px;margin:auto}.marketing-hero{padding:120px 0 80px;background:url('../images/marketing-category/hero.png') no-repeat calc(50% + 544px) -102px/512px}.marketing-hero h1{font:800 56px/64px var(--heading-font);letter-spacing:-.025em}.marketing-hero h1 span{background:linear-gradient(100deg,#00a8bf,#16bc83,#72cb0b);background-clip:text;-webkit-text-fill-color:transparent}.marketing-hero p{font:400 16px/26px var(--font);margin-top:24px}.marketing-page h2{font:700 40px/48px var(--heading-font);letter-spacing:-.035em}.marketing-foundation{padding:72px 0 58px;background:#f3f1ff}.marketing-foundation h2+p{font:400 14px/22px var(--font);margin-top:12px}.marketing-foundation aside{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:12px;margin-top:36px}.marketing-foundation aside svg{width:18px;height:20px;flex-shrink:0;color:#006d94}.marketing-foundation aside p{font:600 12px/20px var(--font);color:var(--ink)}.marketing-review{padding-top:64px;padding-bottom:48px}.marketing-review>p{font:400 16px/26px var(--font);margin-top:16px}.marketing-review aside{margin-top:48px;padding:24px;display:flex;align-items:center;gap:16px;background:#e3e5ff;border-radius:18px}.marketing-review aside>span{display:grid;place-items:center;background:#006c8d;color:white;width:40px;height:40px;border-radius:12px;flex-shrink:0}.marketing-review aside svg{width:22px;height:22px}.marketing-review aside p{font:400 14px/22px var(--font)}.marketing-templates{padding:88px 0 420px;background:#f3f1ff}.marketing-grid,.marketing-faq{display:grid;grid-template-columns:1fr 1fr;gap:32px}.marketing-grid{margin-top:40px}.marketing-card{min-width:0;padding:32px;background:white;border-radius:18px}.marketing-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 10px/14px var(--heading-font);letter-spacing:.03em}.marketing-card header>span{background:#c3e5ff;padding:4px 12px;border-radius:20px}.marketing-card header small{font:400 10px/14px var(--font);color:#536071}.marketing-card:nth-child(2) header>span{background:#63f6bb;color:#006449}.marketing-card h3{font:600 22px/30px var(--heading-font);letter-spacing:-.03em;margin-top:20px}.marketing-card>p{font:400 14px/22px var(--font);margin-top:8px}.marketing-card ul{list-style:none;padding:16px;margin:20px 0 0;background:var(--page);border-radius:12px;font:700 12px/18px var(--font);color:#434e57;display:grid;gap:8px}.marketing-card li b{color:var(--ink)}.marketing-terminal{min-height:112px;margin-top:20px;padding:16px;background:#e3e5ff;border-radius:12px}.marketing-terminal>div{display:flex;justify-content:space-between;font:400 10px/14px var(--font);color:#5f6974;letter-spacing:.03em}.marketing-terminal code{display:block;margin-top:8px;font:400 12px/19px var(--font);word-break:break-all;overflow-wrap:anywhere;color:var(--ink)}.marketing-card>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:24px;background:#006b8f;color:white;border-radius:12px;font:600 12px/16px var(--heading-font)}.marketing-card:nth-child(2)>button{background:#006d4c}.marketing-card>button span{font-size:20px}.marketing-faq{margin-top:80px}.marketing-faq details{padding:32px;background:white;border-radius:18px}.marketing-faq summary{display:flex;align-items:center;gap:12px;list-style:none;font:600 18px/26px var(--heading-font);letter-spacing:-.02em;cursor:pointer}.marketing-faq summary::-webkit-details-marker{display:none}.marketing-faq summary svg{width:18px;height:20px;flex-shrink:0;color:#006d94}.marketing-faq details:nth-child(2) svg{color:#007653}.marketing-faq p{font:400 14px/22px var(--font);margin-top:16px}.marketing-cta{margin-top:80px;padding:56px 24px;display:grid;justify-items:center;gap:32px;border-radius:24px;background:url('../images/marketing-category/cta-left.png') no-repeat -120px -120px/400px,url('../images/marketing-category/cta-right.png') no-repeat calc(100% + 120px) -32px/400px,white;box-shadow:0 4px 4px #19203322}.marketing-cta>span{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#e3e5ff;color:#006d94}.marketing-cta svg{width:32px;height:32px}.marketing-cta a{display:flex;align-items:center;gap:8px;background:linear-gradient(100deg,#00a6d9,#0abb97,#78cb0a);color:white;border-radius:12px;padding:14px 24px;font:600 14px/20px var(--heading-font)}
@media(max-width:1100px){.marketing-break{display:none}.marketing-hero h1{font-size:48px;line-height:56px}.marketing-page h2{font-size:34px;line-height:42px}.marketing-card{padding:24px}.marketing-card header{flex-wrap:wrap}.marketing-faq details{padding:24px}}@media(max-width:800px){.marketing-width{width:calc(100% - 40px)}.marketing-hero{padding:64px 0 48px}.marketing-hero h1{font-size:38px;line-height:46px}.marketing-hero h1 br,.marketing-foundation h2 br{display:none}.marketing-foundation,.marketing-review{padding-block:40px}.marketing-templates{padding:48px 0 80px}.marketing-grid,.marketing-faq{grid-template-columns:1fr;gap:24px}.marketing-faq,.marketing-cta{margin-top:40px}.marketing-review aside{margin-top:28px}.marketing-cta{padding:48px 20px}}@media(max-width:440px){.marketing-width{width:calc(100% - 32px)}.marketing-hero h1{font-size:32px;line-height:40px}.marketing-page h2{font-size:28px;line-height:36px}.marketing-card,.marketing-faq details{padding:24px 20px}.marketing-review aside{padding:20px;align-items:flex-start}.marketing-faq summary{font-size:16px;line-height:24px}.marketing-cta a{padding-inline:16px;font-size:12px}}