/* Dedicated creative-tools page. Shared navigation, typography and CTA styles remain global. */
.creation-page{background:#fff;color:#22221e}
.creation-page main{overflow:clip}
.creation-page .site-header{background:var(--nav-surface);box-shadow:0 2px 12px #22221e08}
.creation-page main section[id]{scroll-margin-top:100px}
.ct-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;padding-block:90px 100px}
.ct-eyebrow{font-size:12px;letter-spacing:.1em;font-weight:500;margin:0 0 22px;line-height:1.5}
.creation-page h1{font-size:clamp(48px,5.5vw,78px);line-height:1.04;letter-spacing:-.05em;font-weight:600;margin:0 0 28px}
.ct-lead,.ct-body{font-size:18px;line-height:1.75;color:#62625c;margin:0 0 26px;max-width:56ch}
.ct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:32px 0 20px}
.ct-link{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:14px;font-weight:500;text-decoration:none;border-bottom:1px solid #b4b4ad;padding-bottom:5px}
.ct-link:hover{color:#be4612;border-color:currentColor}
.ct-hero-note{font-size:12px;color:#75756f;margin:22px 0 0}
.ct-demo{border:1px solid #e7e5df;border-radius:22px;background:#fff;box-shadow:0 22px 60px #27343c10;min-width:0;--demo-ink:#17334a;--demo-accent:#5368ee;--demo-soft:#95e6d1;--demo-bg:#edf8ff}
.ct-demo-top{display:flex;align-items:center;gap:9px;padding:18px 20px;border-bottom:1px solid #eae9e4;font-size:11px}
.ct-example{margin-inline-start:auto;font-size:9px;color:#75756f}
.ct-demo-body{display:grid;grid-template-columns:1.35fr 1fr;padding:20px;gap:18px;align-items:start}
.ct-email{background:var(--demo-bg);color:var(--demo-ink);padding:25px 18px 18px;text-align:center;border-radius:10px;transition:background .3s,color .3s}
.ct-store{font-size:8px;letter-spacing:1.8px;font-weight:500}
.ct-email-kicker{font-size:7px;letter-spacing:1px;margin:25px 0 10px}
.ct-email h2{font-size:34px;line-height:1.05;letter-spacing:-1.5px;margin:0 0 12px;font-weight:600}
.ct-email>p:not(.ct-email-kicker){font-size:9px;line-height:1.6;margin:0 0 20px}
.ct-email-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--demo-soft);text-align:start;border-radius:7px;overflow:hidden}
.ct-email-art>span{font-size:15px;font-weight:600;line-height:1.2;padding:12px;letter-spacing:-.3px}
.ct-email-art img{display:block;width:100%;height:135px;object-fit:cover}
.ct-email-button{display:block;background:var(--demo-accent);color:#fff;padding:12px 4px;font-size:10px;border-radius:6px;margin:16px 0 12px}
.ct-email>small{font-size:8px}
.ct-mini-label{font-size:8px;letter-spacing:.8px;color:#77786f;margin:10px 0 12px}
.ct-brand-controls h3{font-size:20px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}
.ct-brand-controls>p:not(.ct-mini-label){font-size:11px;line-height:1.6;color:#70716b}
.ct-palette-options{display:grid;gap:8px;margin-top:16px}
.ct-palette-options button{display:flex;align-items:center;gap:10px;padding:10px 9px;border:1px solid #e6e5e0;border-radius:8px;background:#fff;color:#22221e;cursor:pointer;font:inherit;font-size:11px;min-height:43px}
.ct-palette-options button[aria-pressed=true]{border-color:#EF5E20;box-shadow:0 0 0 1px #EF5E20;background:#fffaf6}
.ct-palette-dots{display:flex;gap:3px}.ct-palette-dots i{width:12px;height:12px;border-radius:50%;background:#17334a}.ct-palette-dots i:nth-child(2){background:#5368ee}.ct-palette-dots i:nth-child(3){background:#95e6d1}
[data-palette=sunset] i{background:#352c25}[data-palette=sunset] i:nth-child(2){background:#bd470d}[data-palette=sunset] i:nth-child(3){background:#ffcf6a}
[data-palette=violet] i{background:#282157}[data-palette=violet] i:nth-child(2){background:#6048d8}[data-palette=violet] i:nth-child(3){background:#c8bfff}
.ct-demo-status{min-height:35px}
.ct-ai-note{font-size:10px;line-height:1.7;padding:12px 10px;border-radius:10px;background:#22221e;color:white;margin-top:14px}
.ct-ai-note>.ui-icon{color:#ff773b;width:15px;height:15px;vertical-align:middle;margin-inline-end:4px}
.ct-section-nav{border-block:1px solid #eeede7;background:#fff}
.ct-section-nav>.container{display:flex;justify-content:space-between;gap:22px;overflow:auto;padding-block:21px;scrollbar-width:thin}
.ct-section-nav a{white-space:nowrap;font-size:13px;text-decoration:none;color:#4e4e48}.ct-section-nav a:hover{color:#c74610}
.ct-section{padding-block:100px}
.creation-page .ct-section h2,.ct-closing h2{font-size:clamp(32px,3.6vw,50px);line-height:1.13;letter-spacing:-.035em;font-weight:500;margin:0 0 24px}
.ct-brand-section,.ct-language-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.ct-brand-list{display:grid;gap:26px}.ct-brand-list article{display:flex;align-items:start;gap:18px}.ct-brand-list article>span{font-size:12px;color:#bd480e;background:#fff1e6;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none}
.ct-brand-list h3{margin:2px 0 8px;font-weight:500;font-size:19px}.ct-brand-list p{margin:0;color:#62625c;font-size:15px;line-height:1.75}
.ct-tint{background:#f8f9f6}
.ct-section-heading{max-width:760px;margin-bottom:46px}.ct-section-heading>p:last-child{font-size:18px;line-height:1.7;color:#62625c;max-width:62ch;margin:0}
.ct-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ct-tool-grid article{padding:30px;background:#fff;border:1px solid #e6e7e0;border-radius:18px;display:flex;flex-direction:column;align-items:start}
.ct-tool-symbol{display:grid;place-items:center;width:43px;height:43px;background:#fff0e5;color:#bb460e;border-radius:12px;font-size:21px;margin-bottom:26px}
.ct-tool-grid h3{font-size:20px;font-weight:500;line-height:1.4;margin:0 0 12px;letter-spacing:-.4px}
.ct-tool-grid p{font-size:14px;line-height:1.8;color:#62625c;margin:0 0 24px}
.ct-tool-grid a,.ct-review-grid a,.ct-context-cards a,.ct-faq a{font-size:13px;color:inherit;text-underline-offset:5px}
.ct-tool-grid a,.ct-card-note{margin-top:auto}.ct-card-note{font-size:11px;color:#7c7c73}
.ct-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ct-media-card{border:1px solid #e8e8e0;border-radius:22px;padding:32px;background:#fff}
.ct-canva-head,.ct-asset-head{display:flex;align-items:center;gap:16px;font-size:15px;font-weight:500;min-height:48px;margin-bottom:26px}.ct-canva-head>img{margin:4px 8px 4px 0}.ct-asset-head>.ui-icon{width:32px;height:32px;color:#EF5E20}
.ct-design-samples{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ct-design-samples>div{background:#95e6d1;color:#17334a;border-radius:12px;position:relative;height:240px;padding:22px;overflow:hidden}.ct-design-samples>div:nth-child(2){background:#edf8ff;color:#3047b8}.ct-design-samples small{font-size:8px;letter-spacing:1px}.ct-design-samples strong{font-size:36px;letter-spacing:-1.8px;line-height:1;display:block;font-weight:600;margin-top:18px;position:relative;z-index:1}.ct-design-samples div>span{position:absolute;width:100px;height:35px;background:#edf8ff;border-radius:30px;bottom:28px;inset-inline-end:18px;rotate:-15deg}.ct-design-samples div:nth-child(2)>span{background:#5368ee;rotate:15deg}
.ct-asset-samples{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr 1fr;gap:10px;height:240px}.ct-asset-samples img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:12px;min-width:0}
.ct-media-card h3{font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:28px 0 18px}.ct-media-card p{font-size:15px;line-height:1.8;color:#62625c;margin:0 0 22px}
.ct-personal-section{background:#22221e;color:#fff}.ct-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ct-personal-section .ct-body{color:#cecec7}.ct-personal-section .ct-eyebrow{color:#ff9a68}.ct-personal-section .ct-link{color:white}
.ct-context-cards{display:grid;gap:16px}.ct-context-cards article{border:1px solid #50504a;background:#2d2d28;border-radius:14px;padding:24px}.ct-context-label{font-size:9px;letter-spacing:1px;color:#ffac83}.ct-context-cards h3{font-size:21px;font-weight:500;margin:10px 0}.ct-context-cards p{font-size:14px;color:#d1d1c8;line-height:1.7;margin:0}.ct-context-cards a{display:inline-block;margin-top:15px}
.ct-language-example{background:#f8f9f6;border:1px solid #e7e8e1;border-radius:20px;padding:28px}.ct-language-example>div{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.ct-language-example>div>span{padding:7px 13px;background:#fff;border:1px solid #e1e3d9;border-radius:20px}.ct-language-example article{margin:25px 0;background:#edf8ff;border-radius:10px;padding:28px;color:#17334a}.ct-language-example small{font-size:8px;letter-spacing:1px}.ct-language-example article>p{font-size:28px;line-height:1.6;letter-spacing:-.6px;margin:18px 0}.ct-language-example article>p>span{opacity:.7}.ct-language-example>p{font-size:11px;margin:0;color:#62625c}.ct-language-swatches{display:flex;gap:8px}.ct-language-swatches i{width:18px;height:18px;background:#17334a;border-radius:50%}.ct-language-swatches i:nth-child(2){background:#5368ee}.ct-language-swatches i:nth-child(3){background:#95e6d1}
.ct-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.ct-review-grid article>span{display:inline-grid;place-items:center;background:#EF5E20;color:#fff;width:38px;height:38px;border-radius:50%;font-size:12px;margin-bottom:22px}.ct-review-grid h3{font-size:21px;font-weight:500;margin:0 0 14px}.ct-review-grid p{font-size:15px;line-height:1.75;color:#62625c;margin:0 0 22px}
.ct-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.ct-faq>div>p{font-size:15px;line-height:1.8}.ct-faq details{border-bottom:1px solid #dfdfd8;padding:21px 0}.ct-faq details:first-child{border-top:1px solid #dfdfd8}.ct-faq summary{cursor:pointer;font-size:16px;font-weight:500;line-height:1.5;padding-inline-end:12px}.ct-faq details p{font-size:14px;line-height:1.8;color:#62625c;margin:16px 0}
.ct-closing{padding-block:80px;background:#fff1e8;text-align:center}.ct-closing>.container>p:not(.ct-eyebrow){font-size:17px;color:#62625c;line-height:1.7}.ct-closing .ct-actions{justify-content:center;margin-bottom:30px}
.creation-page main a:focus-visible,.creation-page main button:focus-visible,.creation-page main summary:focus-visible{outline:2px solid #EF5E20;outline-offset:5px}
@media(min-width:901px) and (max-width:1199px){.ct-hero{gap:32px;grid-template-columns:.85fr 1.15fr}.ct-demo-body{padding:14px;gap:12px}.ct-email{padding-inline:12px}.ct-email h2{font-size:29px}.ct-brand-controls h3{font-size:18px}.ct-brand-section,.ct-personal-grid,.ct-language-section{gap:50px}.ct-design-samples>div{padding:16px}.ct-design-samples strong{font-size:29px}}
@media(max-width:900px){.ct-hero{grid-template-columns:1fr;gap:40px;padding-block:52px 60px}.ct-hero-copy{width:100%;max-width:680px}.ct-demo{width:100%;max-width:660px;margin-inline:auto}.ct-section{padding-block:65px}.ct-brand-section,.ct-personal-grid,.ct-language-section,.ct-faq{grid-template-columns:1fr;gap:36px}.ct-tool-grid{grid-template-columns:repeat(2,1fr)}.ct-media-grid{grid-template-columns:1fr}.ct-section-nav>.container{justify-content:flex-start}.ct-review-grid{gap:24px}.ct-review-grid h3{font-size:18px}.ct-hero-copy h1 br{display:none}.ct-hero-copy h1{max-width:none}.ct-hero-copy h1 br:after{content:' '}}
@media(max-width:600px){.ct-hero{padding-top:40px}.creation-page h1{font-size:50px}.ct-lead,.ct-body,.ct-section-heading>p:last-child{font-size:16px}.ct-eyebrow{font-size:10px}.ct-actions{gap:20px}.ct-demo-top{padding:14px 12px;font-size:9px}.ct-example{font-size:8px}.ct-demo-body{grid-template-columns:1fr;padding:14px;gap:18px}.ct-email{max-width:320px;width:100%;margin:auto}.ct-email h2{font-size:36px}.ct-email-art img{height:140px}.ct-brand-controls{display:grid;grid-template-columns:1fr;gap:8px}.ct-mini-label,.ct-brand-controls h3,.ct-brand-controls>p{margin:0}.ct-brand-controls h3 br{display:none}.ct-palette-options{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:5px}.ct-palette-options button{flex-direction:column;gap:6px;font-size:10px;padding:10px 4px}.ct-ai-note{margin:0}.ct-demo-status{min-height:0}.ct-demo-status{padding-block:5px}.ct-tool-grid,.ct-review-grid{grid-template-columns:1fr}.ct-tool-grid article{padding:25px}.ct-section-heading{margin-bottom:30px}.ct-media-card{padding:22px}.ct-canva-head,.ct-asset-head{font-size:13px;gap:10px}.ct-design-samples{gap:10px}.ct-design-samples>div{height:200px;padding:16px 12px}.ct-design-samples small{font-size:6px;letter-spacing:.5px}.ct-design-samples strong{font-size:28px}.ct-design-samples div>span{width:75px;height:28px;inset-inline-end:12px}.ct-asset-samples{height:200px;gap:7px}.ct-media-card h3{font-size:25px}.ct-review-grid{gap:34px}.ct-language-example{padding:20px}.ct-language-example article{padding:20px}.ct-language-example article>p{font-size:22px}.ct-faq{gap:22px}.ct-closing{padding-block:60px}.ct-closing h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.ct-email{transition:none}}

.ct-hero-copy{container-type:inline-size;min-width:0}
.creation-page .ct-hero-copy h1{max-width:none;font-size:clamp(36px,10.8cqw,64px);line-height:1.1;text-wrap:wrap}

/* Reuse the site's creative illustrations as a multi-tool overview. */
.ct-creative-overview{min-width:0;width:100%;max-width:700px;margin-inline:auto}
.ct-creative-overview .creative-mosaic{padding:0;gap:24px 18px;border:0;background:transparent;box-shadow:none;overflow:visible}
.ct-creative-item{margin:0;min-width:0}
.ct-creative-item .cm-tile{aspect-ratio:1.08;width:100%;min-height:0;box-sizing:border-box}
.ct-creative-item figcaption{font-size:12px;font-weight:500;line-height:1.6;color:#53614c;margin-top:10px}
.ct-creative-item .cm-palette-menu{padding:14px 10px;justify-content:center;gap:13px}
.ct-creative-item .cm-palette-heading strong{font-size:13px}
.ct-type-sample{display:flex;align-items:center;gap:15px;margin-top:2px;padding-top:12px;border-top:1px solid #dce3d4;color:#34452e}
.ct-type-sample>span:first-child{font:42px/1 Georgia,serif;letter-spacing:-.06em}
.ct-type-sample>span+span{font-size:10px;line-height:1.6}
.ct-type-sample small{color:#7a8373;font-size:10px}
.ct-creative-item .cm-code-sheet{inset:12px 0 0 0;padding:17px 14px;box-shadow:none}
.ct-creative-item .cm-code pre{font-size:10px;line-height:1.9}
.ct-creative-item .cm-canva-gallery{border:0}
.ct-creative-item .cm-drag-drop{border:0}
.creation-page .ct-creative-ai{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;line-height:1.6;margin:24px 0 0;color:#53614c}
.ct-creative-ai .ui-icon{width:18px;height:18px;color:#ef5e20}
@media(max-width:1100px) and (min-width:901px){.ct-creative-item .cm-tile{aspect-ratio:.92}.ct-creative-item .cm-palette-menu{padding-inline:0}.ct-type-sample{padding-top:8px}.ct-creative-item .cm-palette-heading strong{font-size:12px}}
@media(max-width:480px){.ct-creative-overview .creative-mosaic{gap:20px 12px}.ct-creative-item .cm-tile{aspect-ratio:.72}.ct-creative-item .cm-palette-menu{padding:6px 0;gap:10px}.ct-creative-item .cm-palette-heading strong{font-size:12px}.ct-creative-item .cm-code-sheet{padding:12px 9px}.ct-creative-item .cm-code pre{font-size:9px}.ct-creative-item figcaption{font-size:11px}.ct-type-sample{gap:10px}.ct-type-sample>span:first-child{font-size:34px}.creation-page .ct-creative-ai{font-size:12px}}

.ct-creative-overview{max-width:620px}
.creation-page .ct-creative-ai{justify-content:flex-start;margin:0 0 18px}
.ct-creative-overview .creative-mosaic{gap:20px 16px}