/* EasyAI shared visual language: 21 October 2026. */
:root{--site-ink:#4e3428;--site-muted:#796354;--site-dark:#30241e;--site-coral:#f4775b;--site-coral-hover:#f58a72;--site-button-radius:16px;--site-heading-size:clamp(30px,3.5vw,46px);--text:#4e3428;--ink:#4e3428;--muted:#796354;--accent:#f4775b;--accent-hover:#f58a72}
/* The homepage uses the same chocolate surface as the dark guide sections. */
html.easyai-home,html.easyai-home body.home-evening{background:#30241e}
html.easyai-home body.home-evening::before{background:radial-gradient(ellipse at 6% 32%,#b6937120,transparent 35%),radial-gradient(ellipse at 94% 42%,#b693711a,transparent 32%),linear-gradient(#30241e,#30241e)}
html.easyai-home .stats{background:#5c493921;border-color:#b3947350}
html body .site-footer.legal-footer{background:#30241e}
/* Primary actions share one colour and shape; circular media controls stay circular. */
html body .header-contact,
html body .button,
html body .submit-application,
html body .contact-button{border-radius:var(--site-button-radius)!important;font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5;transition:background .2s,color .2s,transform .2s}
html body .header-contact,
html body .button-primary,
html body .programme .button[data-product],
html body .submit-application,
html body .contact-button{background:var(--site-coral)!important;background-image:none!important;border:1px solid var(--site-coral)!important;color:var(--site-ink)!important;box-shadow:none}
html body .header-contact:hover,
html body .button-primary:hover,
html body .programme .button[data-product]:hover,
html body .submit-application:hover,
html body .contact-button:hover{background:var(--site-coral-hover)!important;border-color:var(--site-coral-hover)!important;color:var(--site-ink)!important}
html body .button-secondary,
html body .hero-individual{background:transparent!important;border:1px solid #bda18b!important;color:var(--site-ink)!important}
html body .button-secondary:hover,
html body .hero-individual:hover{background:#f2e5d7!important}
html body .header-contact{min-width:124px;min-height:46px;padding:10px 23px;font-size:14px}
html body .header-contact:focus-visible,
html body .button:focus-visible,
html body .submit-application:focus-visible,
html body .contact-button:focus-visible{outline:2px solid #986349;outline-offset:4px}
html body .button:disabled{opacity:.5;cursor:default}
html.easyai-home .choice-card.guide{background:#f4775b;color:#4e3428}
html.easyai-home .choice-card.guide :is(h2,p){color:#4e3428}
html.easyai-home .choice-card.guide:hover{background:#f58a72}
html.easyai-home .choice-card.classic{color:#4e3428}
html body .main-nav a.active{color:#f4775b}
/* A consistent hierarchy for every main section of the cartoons page. */
html body.cartoons-page main h2,
html body.cartoons-page .process-heading h2{font-family:Manrope,Arial,sans-serif;font-size:var(--site-heading-size)!important;font-weight:700;line-height:1.18;letter-spacing:-.04em;color:var(--site-ink);text-align:left;text-transform:none;margin-top:0}
html body.cartoons-page main :is(.section-heading,.order-heading,.tariffs-heading)>p{font-size:16px;line-height:1.8;color:var(--site-muted)}
html body.cartoons-page .process-heading{margin-bottom:28px}
html body.cartoons-page .process-grid{margin-top:0}
html body.cartoons-page .process-grid article>strong{font-size:18px;line-height:1.4}
html body.cartoons-page .process-grid article>p{font-size:14px;line-height:1.75}
html body.cartoons-page :is(.calculator-panel,.application-card,.scene-guide) h3{font-size:22px;line-height:1.3}
/* The comparison stays open and uncluttered, with a restrained colour accent. */
html body.cartoons-page #tariffs .tariffs-heading>p{margin:15px 0 0;max-width:650px}
html body.cartoons-page #tariffs .tariff-name-row h3{padding-bottom:6px;border-bottom:2px solid #ad8c70;color:#4e3428}
html body.cartoons-page #tariffs .tariff-brief-premium .tariff-name-row h3{color:#986349;border-bottom-color:#f4775b}
html body.cartoons-page #tariffs .tariff-recommended{background:#f4775b18;border-color:#e5bb9e;color:#795139}
/* Shared contact link opens the existing messenger chooser. */
html body .faq-unified .faq-contact a{color:var(--site-ink);font-weight:600;text-underline-offset:4px}
html body .faq-unified .faq-return{grid-column:2;justify-self:start;min-height:52px;padding:13px 22px;gap:14px;margin-top:0}
html body .faq-return svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0;animation:easyai-faq-arrow 3s ease-in-out infinite}
@keyframes easyai-faq-arrow{0%,65%,100%{transform:translateX(0)}80%{transform:translateX(4px)}}
@media(max-width:767px){
 html body .faq-unified .faq-return{grid-column:1;width:100%;font-size:14px;min-height:52px}
 html body.cartoons-page .process-heading{margin-bottom:22px}
 html body.cartoons-page :is(.calculator-panel,.application-card,.scene-guide) h3{font-size:20px}
}
@media(max-width:640px){html body .header-contact{min-width:112px;min-height:44px;padding:10px 20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html body .faq-return svg{animation:none}}