/* Rascunho compacto. Paleta original, neon estático e leitura preservados. */
.floating-contact[hidden], [data-whatsapp-pending][hidden] { display:none!important; }
.platform-note { display:block; text-align:center; }
.platform-note p { max-width:none; margin:0; }
.commission-notice { color:var(--cream)!important; font-size:14px!important; line-height:1.6; margin-top:14px; }
.hero-copy .commission-notice { max-width:435px; }
.footer-disclosure { padding-top:0; padding-bottom:22px; }
.footer-disclosure p { margin:0; }
.footer-disclosure .commission-notice { margin-top:10px; }
.platform-footer { color:var(--muted); font-size:14px; }
.final-cta .contact-email { margin-top:20px; font-size:16px; }
.contact-email a { text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.contact-pending { color:var(--muted); font-size:14px; margin-top:12px; }
.compact-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:48px; margin-bottom:32px; }
.compact-heading .eyebrow,.benefit-intro .eyebrow { color:var(--yellow); text-shadow:0 0 8px rgba(244,246,123,.25); margin-bottom:18px; }
.compact-heading>p { color:var(--muted); max-width:440px; font-size:14px; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; scroll-margin-top:110px; }
.service-card { min-width:0; display:flex; flex-direction:column; padding:26px; border:1px solid rgba(244,246,123,.24); background:#36340B; }
.service-number { color:var(--yellow); font-size:10px; font-weight:700; letter-spacing:1.2px; }
.service-card h3 { color:var(--cream); font-size:25px; line-height:1.16; margin:20px 0 14px; }
.service-card>p { color:var(--muted); font-size:14px; line-height:1.65; margin-bottom:20px; }
.service-price { color:var(--yellow); font-size:24px; letter-spacing:-.6px; margin-top:auto; }
.service-details { border-top:1px solid rgba(244,246,123,.18); margin:18px 0 24px; }
.service-details summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:48px; cursor:pointer; font-size:13px; list-style:none; }
.service-details summary::-webkit-details-marker { display:none; }
.service-details summary>span { color:var(--yellow); font-size:21px; }
.service-details[open] summary>span { transform:rotate(45deg); }
.service-details ul { list-style:none; margin:0 0 12px; padding:0; }
.service-details li { color:var(--muted); font-size:13px; padding:5px 0 5px 15px; position:relative; }
.service-details li::before { content:'·'; position:absolute; left:0; color:var(--yellow); }
.service-card .button { width:100%; font-size:13px; gap:12px; padding:14px 16px; }
.service-note { color:var(--muted); font-size:12px; margin-top:20px; max-width:850px; }
.benefit-layout { display:grid; grid-template-columns:1fr 1.05fr; gap:72px; align-items:start; }
.benefit-intro h2 { margin-bottom:22px; }
.benefit-intro>p:not(.eyebrow) { color:var(--muted); font-size:14px; max-width:390px; }
.creation-label { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(244,246,123,.25); padding-top:22px; margin:26px 0 12px; max-width:390px; }
.creation-label>span { font-size:9px; letter-spacing:1.1px; }
.creation-label strong { font-size:24px; color:var(--yellow); font-weight:400; }
.benefit-intro .offer-condition { font-size:12px!important; line-height:1.65; }
.benefit-intro .text-link { margin-top:22px; color:var(--yellow); border-color:var(--yellow); }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.benefit-grid article { padding-top:14px; border-top:1px solid rgba(244,246,123,.25); }
.benefit-number { display:flex; justify-content:space-between; align-items:center; color:var(--yellow); font-size:10px; }
.benefit-number>span { font-size:22px; line-height:1; text-shadow:0 0 7px rgba(244,246,123,.3); }
.benefit-grid h3 { color:var(--yellow); text-shadow:0 0 8px rgba(244,246,123,.22); font-size:21px; line-height:1.2; margin:15px 0 10px; }
.benefit-grid p { color:var(--muted); font-size:13px; }
.benefit-review { grid-column:1/-1; padding-top:18px; border-top:1px solid rgba(244,246,123,.18); font-size:12px!important; }
.gallery-controls { display:none; }
.examples-grid:focus-visible { outline:2px solid var(--yellow); outline-offset:5px; }
@media(max-width:1100px) {
  .service-grid { gap:16px; }
  .service-card { padding:22px; }
  .service-card h3 { font-size:23px; }
  .service-card .button { font-size:12px; padding:13px; }
  .benefit-layout { gap:40px; }
}
@media(max-width:800px) {
  .section { padding-top:36px; padding-bottom:36px; }
  .hero,.agency-hero { padding-top:30px; padding-bottom:32px; gap:24px; }
  .hero-copy .eyebrow { margin-bottom:18px; }
  .hero h1 { margin-bottom:18px; }
  .hero-lead,.agency-hero .hero-lead { margin-bottom:14px; }
  .hero-offer,.agency-hero .hero-offer { margin-bottom:22px; }
  .hero-portfolio { width:100%; max-width:440px; margin:0; }
  .portfolio-stage { aspect-ratio:1.42; padding:15px; }
  .portfolio-heading { font-size:7px; letter-spacing:.6px; }
  .portfolio-desktop { top:45px; left:16px; right:32px; bottom:30px; }
  .portfolio-screen { height:calc(100% - 20px); object-fit:cover; object-position:top; }
  .portfolio-mobile { width:86px; bottom:25px; padding:17px 6px 6px; border-width:3px; border-radius:13px; right:10px; }
  .portfolio-mobile-brand { font-size:8px; letter-spacing:1px; }
  .portfolio-mobile-brand>span { font-size:6px; }
  .portfolio-mobile-label { margin-top:10px; margin-bottom:5px; font-size:3.3px; }
  .portfolio-mobile-title { font-size:15px; }
  .portfolio-photo { margin-top:7px; }
  .portfolio-mobile-copy { margin:6px 0; font-size:4px; }
  .portfolio-mobile-contact { font-size:4px; padding:5px; }
  .portfolio-bottom { bottom:12px; left:16px; right:16px; font-size:5px; gap:8px; }
  .hero-portfolio figcaption { margin-top:12px; gap:6px; font-size:10px; }
  .hero-portfolio figcaption>span { max-width:none; }
  .hero-portfolio figcaption>a { font-size:11px; }
  .compact-heading { grid-template-columns:1fr; gap:16px; margin-bottom:24px; }
  .compact-heading h2 { font-size:33px; }
  .compact-heading>p { font-size:14px; }
  .compact-heading .eyebrow,.benefit-intro .eyebrow { margin-bottom:15px; }
  .service-grid { grid-template-columns:1fr; gap:16px; }
  .service-card { padding:22px; }
  .service-card h3 { margin:13px 0 10px; font-size:24px; }
  .service-card>p { margin-bottom:14px; }
  .service-price { font-size:23px; }
  .service-details { margin:14px 0 16px; }
  .service-details summary { min-height:44px; }
  .service-card .button { font-size:13px; padding:14px 17px; }
  .service-note { margin-top:18px; }
  .benefit-layout { grid-template-columns:1fr; gap:28px; }
  .benefit-intro h2 { margin-bottom:16px; font-size:34px; }
  .benefit-intro h2 br { display:none; }
  .creation-label { margin-top:20px; padding-top:18px; max-width:none; }
  .benefit-intro .text-link { margin-top:18px; }
  .benefit-grid { gap:24px 20px; }
  .benefit-grid h3 { font-size:18px; margin-top:10px; }
  .benefit-grid p { font-size:13px; line-height:1.6; }
  .benefit-review { padding-top:14px; }
  .examples-heading { gap:15px; margin-bottom:22px; }
  .examples-heading .eyebrow { margin-bottom:16px; }
  .examples-heading h2 { font-size:33px; }
  .examples-heading>p { font-size:13px; }
  .examples-grid { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(86%,360px); gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding:0; padding:2px 2px 12px; scrollbar-width:thin; scrollbar-color:var(--yellow) transparent; align-items:start; }
  .example { min-width:0; scroll-snap-align:start; }
  .example:last-child { scroll-snap-align:end; }
  .example-meta { flex-direction:column; gap:4px; align-items:flex-start; margin-top:14px; }
  .example-meta h3 { font-size:23px; }
  .example-meta>span { font-size:12px; }
  .example>p { font-size:13px; line-height:1.65; margin-top:12px; }
  .example-label { font-size:10px; margin-top:12px; }
  .gallery-controls { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:8px; }
  .gallery-hint { font-size:10px; color:var(--muted); }
  .gallery-navigation { display:flex; align-items:center; gap:10px; }
  .gallery-navigation button { width:44px; height:44px; padding:0; color:var(--yellow); background:transparent; border:1px solid rgba(244,246,123,.4); font-size:22px; cursor:pointer; }
  .gallery-navigation button:disabled { opacity:.35; cursor:default; }
  .gallery-count { font-size:11px; color:var(--muted); min-width:30px; text-align:center; }
  .examples-note { margin-top:24px; padding-top:20px; gap:16px; }
  .examples-note p { font-size:13px; }
  .process-heading { gap:16px; }
  .process-heading>p { margin-top:0; }
  .process-heading h2 { font-size:33px; }
  .process-heading .eyebrow { margin-bottom:16px; }
  .steps,.agency-steps { margin-top:24px; gap:17px; }
  .steps article { padding-top:14px; }
  .steps h3,.agency-steps h3 { font-size:18px; margin-bottom:7px; }
  .steps p,.agency-steps p { font-size:13px; line-height:1.65; }
  .partner-note { margin-top:25px; padding-top:20px; }
  .partner-note p { font-size:11px; }
  .campaign-invitation { padding-top:30px; padding-bottom:30px; }
  .campaign-invitation h2 { font-size:29px; margin-bottom:10px; }
  .campaign-invitation .eyebrow { margin-bottom:12px; }
  .campaign-action { margin-top:18px; }
  .faq { padding-top:36px; padding-bottom:36px; gap:22px; }
  .faq-heading .eyebrow { margin-bottom:16px; }
  .faq-heading h2 { font-size:33px; }
  .faq-heading>p:last-child { margin-top:15px; font-size:13px; }
  .faq summary { min-height:54px; padding:16px 0; font-size:14px; }
  .faq details p { font-size:13px; }
  .final-cta { padding-top:38px; padding-bottom:38px; }
  .final-cta .eyebrow { margin-bottom:18px; }
  .final-cta .eyebrow::before { margin-bottom:16px; }
  .final-cta h2 { font-size:34px; letter-spacing:-1.5px; }
  .final-cta>.shell>p:not(.eyebrow):not(.final-note) { font-size:14px; margin-top:18px; }
  .final-cta .button { margin-top:22px; }
  .footer-inner { padding-top:22px; padding-bottom:18px; gap:16px; }
  .footer-inner>p { display:none; }
  .footer-inner .logo-clip { width:165px; height:44px; }
  .footer-inner .logo-clip img { width:190px; left:-12.7px; top:-50.6px; }
  .footer-inner>a:last-child { flex-basis:auto; font-size:11px; margin-left:auto; }
  .footer-contact { padding-bottom:18px; gap:12px; font-size:11px; }
  .footer-bottom { padding-top:14px; padding-bottom:65px; font-size:10px; gap:16px; }
}
@media(max-width:360px) {
  .gallery-hint { max-width:110px; }
  .gallery-navigation { gap:6px; }
  .benefit-grid { column-gap:16px; }
  .benefit-grid h3 { font-size:17px; }
  .footer-inner>a:last-child { margin-left:0; }
}

/* Parte 3: preço e condições da oferta, usando a paleta existente. */
.offer-price{margin:24px 0;padding:20px 0;border-top:1px solid var(--yellow);border-bottom:1px solid var(--yellow)}
.offer-price h3{font-size:20px;line-height:1.3;color:var(--yellow);margin:0 0 12px}
.hero-copy .offer-price p,.benefit-intro .offer-price p,.offer-price li{font-size:14px!important;line-height:1.6!important;max-width:none;margin:0 0 10px}
.offer-price ul{padding-left:20px;margin:12px 0}.offer-price li+li{margin-top:8px}
.offer-price .price-renewal{color:var(--muted);margin-bottom:0!important}
.hero-copy .button-note,.benefit-intro .offer-condition,.campaign-action p,.final-cta .final-note{font-size:14px!important;line-height:1.6!important}
.button-note a,.offer-condition a,.campaign-action p a,.final-note a,.faq-list p a,.footer-conditions a{text-decoration:underline;text-underline-offset:4px}
.conditions-list{list-style:none;margin:0;padding:0}.conditions-list li{padding:18px 0;border-bottom:1px solid rgba(244,246,123,.24);font-size:16px;line-height:1.65}.conditions-list li:first-child{padding-top:0}
.draft-pending{display:block;margin-top:8px;font-size:14px;color:var(--yellow)}
.footer-conditions{padding-bottom:22px;font-size:14px;color:var(--yellow)}
#condicoes{scroll-margin-top:100px}
@media(max-width:767px){.offer-price{margin:20px 0;padding:16px 0}.offer-price h3{font-size:18px}.conditions-list li{font-size:15px;padding:15px 0}.offer-terms .benefit-layout{gap:24px}}
.plans-anchor{display:block;scroll-margin-top:110px}

/* Parte 4: planos e apresentação, preservando componentes e variáveis da marca. */
.agency-hero h1{font-size:clamp(38px,4.1vw,60px);line-height:1.08}
#planos,#quem-somos{scroll-margin-top:110px}
.creation-plans .service-price{margin-top:0;display:block;font-size:24px;line-height:1.3}
.plan-pricing{margin:0 0 20px;min-height:110px}.plan-pricing>p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0 0}
.define-value{font-size:14px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.plan-badge{color:var(--ink);background:var(--yellow);border-radius:3px;padding:5px 9px;font-size:12px;font-weight:700}
.plan-recommended{border-color:var(--yellow);box-shadow:0 0 14px rgba(244,246,123,.08)}
.plan-features{list-style:none;padding:0;margin:0 0 24px;border-top:1px solid rgba(244,246,123,.18)}
.plan-features li{font-size:14px;line-height:1.6;color:var(--muted);padding:10px 0 10px 16px;position:relative;overflow-wrap:anywhere}
.plan-features li::before{content:'·';position:absolute;left:0;color:var(--yellow)}
.creation-plans .button{margin-top:auto}
.maintenance-heading{margin:32px 0 18px}.maintenance-heading h3{font-size:23px;margin:0 0 6px}.maintenance-heading p{font-size:14px;color:var(--muted)}
.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.maintenance-card{padding:22px}.maintenance-card h3{font-size:22px;margin:0 0 14px}.maintenance-card .service-price{margin:0 0 12px;font-size:20px;line-height:1.5}.maintenance-card>p{margin:0}
.reformulation-note{font-size:15px;margin-top:24px}.reformulation-note a{color:var(--yellow);text-decoration:underline;text-underline-offset:4px}
.compact-services .service-note{font-size:14px;line-height:1.65}
.about-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:center}.about-photo{min-height:260px;display:grid;place-items:center;border:1px dashed var(--yellow);color:var(--yellow);padding:24px}.about-section h2{margin:18px 0 24px}.about-section p:not(.eyebrow){font-size:17px;line-height:1.75;color:var(--muted)}
.footer-business{padding-bottom:22px;color:var(--muted);font-size:14px;line-height:1.7}.footer-business p{margin:0 0 6px}
.final-cta .social-links{justify-content:center;margin-top:20px;font-size:14px}
@media(max-width:800px){.agency-hero h1{font-size:clamp(34px,8.4vw,44px)}.maintenance-grid{grid-template-columns:1fr;gap:14px}.plan-pricing{min-height:0;margin-bottom:16px}.about-layout{grid-template-columns:1fr;gap:24px}.about-photo{min-height:190px;max-width:360px;width:100%}.about-section h2{font-size:33px}.about-section p:not(.eyebrow){font-size:15px}.plan-features li{padding-top:8px;padding-bottom:8px}}

.creation-plans>.service-card>.service-number,.plan-card-top{min-height:29px;display:flex;align-items:center}.creation-plans>.service-card>p{min-height:46px}@media(max-width:800px){.creation-plans>.service-card>p{min-height:0}}
/* Parte 5: leitura, contraste e contato. A marca mantém oliva e amarelo-limão.
   As fontes são Arial/Helvetica do sistema: não há @font-face nem download de
   fontes; font-display:swap será usado se uma fonte web for adicionada. */
:root{--muted:#CECBAB;--footer-space:112px}
.project-surface,.process-surface,.faq-surface,.offer{--muted:#CECBAB}
body :is(.hero-offer,.hero-secondary,.button-note,.final-note,.commission-notice,
.eyebrow,.service-number,.service-note,.service-details summary,.service-details li,
.step-number,.benefit-number,.benefit-grid p,.benefit-review,.example-meta>span,
.example-label,.preview-action,.examples-note p,.examples-note .text-link,
.gallery-hint,.gallery-count,.partner-note p,.platform-footer,.footer-bottom,
.footer-inner>p,.footer-inner>a:last-child,.footer-contact,.contact-pending,
.footer-business,.footer-conditions,.footer-privacy,.faq-contact,.plan-badge,
.define-value,.dialog-heading button,.example-dialog>p){font-size:14px!important;line-height:1.6}
.steps p,.faq-heading>p,.compact-heading>p,.intro-strip p{font-size:14px!important;line-height:1.65}
.hero-portfolio figcaption,.hero-portfolio figcaption>a{font-size:14px!important;line-height:1.6;white-space:normal}
.hero-portfolio figcaption{flex-wrap:wrap;gap:10px 22px}
.hero-offer,.hero-secondary,.button-note,.hero-portfolio figcaption,.examples-heading>p,
.example>p,.examples-note p,.steps p,.faq-heading>p,.footer-inner>p,.footer-contact,
.footer-bottom,.footer-business,.platform-footer,.partner-note p{color:var(--muted)}
.footer a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.footer{padding-bottom:var(--footer-space)}
.footer a{font-size:14px!important;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;max-width:100%}
.footer-bottom{gap:16px 24px;flex-wrap:wrap}
.footer .social-links{gap:12px 24px;flex-wrap:wrap}
.footer-privacy{padding-bottom:16px}
.final-cta{background:var(--yellow);color:var(--ink);--muted:#484710;border-top-color:var(--ink)}
.final-cta :is(h2,p,a),.final-cta>.shell>p:not(.eyebrow):not(.final-note){color:var(--ink)!important;text-shadow:none}
.final-cta .button{background:var(--ink);border-color:var(--ink);color:var(--yellow)!important;box-shadow:none}
.final-cta .button:hover{background:#484710}
.final-cta a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.final-cta .social-links a,.final-cta .contact-email a,.final-cta .final-note a{min-height:44px;display:inline-flex;align-items:center}
.final-cta .social-links{gap:12px 24px;flex-wrap:wrap}
.floating-contact{width:auto!important;height:54px!important;min-width:54px;max-width:calc(100vw - 36px);padding:0 17px;gap:10px;border-radius:30px;background:#25D366!important;color:#123B25!important;border:1px solid #123B25!important;box-shadow:0 3px 14px rgba(0,0,0,.18)}
.floating-contact svg{flex-shrink:0}
.floating-label{font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}
.floating-contact.is-collapsed{padding:0;width:54px!important;gap:0}
.floating-contact.is-collapsed .floating-label{display:none}
.floating-contact.is-collapsed:is(:hover,:focus-visible){width:auto!important;padding:0 17px;gap:10px}
.floating-contact.is-collapsed:is(:hover,:focus-visible) .floating-label{display:inline}
.floating-contact:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.privacy-content{max-width:900px;padding-top:54px;padding-bottom:64px}
.privacy-content h1{font-size:clamp(34px,5vw,56px);margin:18px 0 24px}
.privacy-content h2{font-size:26px;margin:32px 0 14px}
.privacy-content p{font-size:16px;line-height:1.75;margin-bottom:18px;color:var(--cream)}
.privacy-content a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.privacy-review{border:1px solid var(--yellow);padding:18px;color:var(--yellow)!important}
@media(max-width:800px){
 .footer-inner,.footer-contact{gap:16px;align-items:flex-start}
 .footer-inner>p{max-width:none;margin-left:0}
 .footer-contact>a{max-width:100%;word-break:break-word}
 .footer-contact .social-links{display:flex;gap:12px 24px}
 .footer-bottom{padding-bottom:20px}
 .examples-note>p{white-space:normal}
 .example-meta>span{line-height:1.6}
 .hero-portfolio figcaption>span{max-width:100%}
 .hero-secondary{min-height:44px;display:inline-flex;align-items:center}
 .final-cta .contact-email{font-size:14px}
}

body .faq details>p,body .faq details>p a,body .desktop-nav a,body .mobile-nav a,body .header-cta,body .button,body .text-link{font-size:14px!important}
body .example>p{font-size:14px!important;line-height:1.65}

/* Ícones vetoriais das redes e indicação do canal de contato. */
.social-icon-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid currentColor;border-radius:50%;color:inherit;flex:0 0 auto}
.social-icon-link .social-icon{display:block;width:24px;height:24px;flex-shrink:0}
.social-icon-link:hover{background:rgba(244,246,123,.1);text-decoration:none!important}
.final-cta .social-icon-link:hover{background:rgba(54,52,11,.1)}
.social-icon-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.contact-route-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;vertical-align:middle;flex-shrink:0;line-height:1}
.contact-route-icon .whatsapp-contact-icon{display:none;width:22px;height:22px;flex-shrink:0}
.whatsapp-ready .whatsapp-contact-icon{display:block}
.whatsapp-ready .contact-arrow{display:none}
.header-cta .contact-route-icon{margin-left:14px}
.header-cta .contact-route-icon span{margin:0}
.button .contact-route-icon{margin-left:0}
.button.button-whatsapp{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:0 0 20px var(--neon-glow);gap:18px}
.button.button-whatsapp:hover{background:var(--cream);border-color:var(--cream)}
.button.button-whatsapp:focus-visible{outline-color:var(--cream)}
.social-links{align-items:center}

/* Rascunho de conversão: mesma paleta, exemplos e componentes. */
.draft-offers .plan-pricing{min-height:78px;margin-bottom:16px}.draft-offers .service-price{font-size:23px;line-height:1.3}.draft-offers .service-card h3{min-height:36px;margin:18px 0 14px}.draft-offers .service-card>p{min-height:52px}.draft-offers .plan-features{margin-bottom:20px}.draft-offers .plan-features li{padding:8px 0 8px 16px}
.support-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:28px;padding:24px 0;border-top:1px solid rgba(244,246,123,.25);border-bottom:1px solid rgba(244,246,123,.25)}.support-summary h3{font-size:22px;margin-bottom:12px}.support-summary p{font-size:14px;line-height:1.65;color:var(--muted);max-width:630px}.support-links{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.support-links a{min-height:44px}.draft-offers .service-note a{text-decoration:underline;text-underline-offset:4px}
.campaign-hero-draft .hero-lead{margin-bottom:20px}.offer-summary{border-top:1px solid rgba(244,246,123,.4);padding-top:18px;margin:0 0 22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}.offer-summary strong{font-size:22px;line-height:1.3;color:var(--yellow);font-weight:400}.offer-summary>span{font-size:14px;color:var(--muted)}
.campaign-hero-draft .commission-notice{font-size:14px!important;max-width:460px}.campaign-hero-draft .button-note{max-width:460px}.offer-benefits .offer-condition{margin:22px 0 0}
.draft-terms .conditions-list li{font-size:15px;padding:14px 0;line-height:1.65}.draft-terms .conditions-list li:first-child{padding-top:0}.conditions-billing{border-bottom:1px solid rgba(244,246,123,.24);margin-top:6px}.conditions-billing summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;cursor:pointer;list-style:none;font-size:15px;color:var(--yellow)}.conditions-billing summary::-webkit-details-marker{display:none}.conditions-billing summary>span{font-size:24px}.conditions-billing[open] summary>span{transform:rotate(45deg)}.conditions-billing p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:18px}
@media(max-width:800px){.draft-offers .service-card h3,.draft-offers .service-card>p,.draft-offers .plan-pricing{min-height:0}.draft-offers .service-card{padding:20px}.draft-offers .service-card h3{margin:12px 0}.draft-offers .service-card>p{margin-bottom:16px}.draft-offers .plan-features li{padding-top:6px;padding-bottom:6px}.support-summary{grid-template-columns:1fr;gap:18px;padding:20px 0}.support-links{gap:10px}.campaign-hero-draft .hero-lead{margin-bottom:18px}.offer-summary{gap:6px;margin-bottom:18px;padding-top:16px;flex-direction:column;align-items:flex-start}.offer-summary strong{font-size:22px}.campaign-hero-draft .commission-notice{margin-top:12px}.draft-terms .benefit-layout{gap:22px}}