/* A mesma apresentação, com menos conteúdo simultâneo no celular. */
.mobile-copy,.examples-summary,.step-expand{display:none}
.proposal h2>.desktop-copy{color:var(--ink)}
.proposal h2>.desktop-copy>span{color:#7b8a6f}
.step-details>summary{display:block;list-style:none}
.step-details>summary::-webkit-details-marker{display:none}
.step-details>summary:focus-visible,.examples-summary:focus-visible{outline:3px solid #679934;outline-offset:5px}

@media(max-width:600px){
  .desktop-copy{display:none}
  .mobile-copy{display:inline}
  p.mobile-copy{display:block}
  .header{height:76px;border-bottom:0}
  .header-cta,.hero .intro,.hero-note,.hero-visual,.principles,.hero-actions>.text-link{display:none}
  .header .brand-illustrated{font-size:27px}
  .hero{display:block;min-height:0;padding-top:30px;padding-bottom:54px}
  .hero h1{font-size:clamp(40px,10.7vw,54px);line-height:1.14;letter-spacing:-.035em}
  .hero-description{font-size:15px;line-height:1.75;max-width:33ch;margin-top:22px}
  .hero-actions{margin-top:28px}
  .hero-actions .button{font-size:13px;min-height:52px;gap:28px;padding:14px 20px}
  .proposal{padding:42px 0 35px}
  .proposal-grid{gap:15px}
  .proposal h2{font-size:29px;line-height:1.25}
  .proposal h2>.mobile-copy{color:var(--ink)}
  .proposal p{font-size:14px;line-height:1.85}
  .demo-section{padding:12px 0 38px}
  .section-heading{margin-bottom:17px}
  .section-heading h2{font-size:25px}
  .section-heading p,.demo-badge{display:none}
  .examples-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px;padding:16px 0;border-top:1px solid #d8decf;border-bottom:1px solid #d8decf;cursor:pointer;font-size:14px;font-weight:650;list-style:none}
  .examples-summary::-webkit-details-marker{display:none}
  .examples-summary small{display:block;font-size:12px;font-weight:400;color:#64725d;margin-top:2px}
  .examples-summary>svg{width:20px;height:20px;transform:rotate(90deg)}
  .examples-details[open]>.examples-summary>svg{transform:rotate(-90deg)}
  .demo-layout{gap:18px;margin-top:20px}
  .scenario-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .scenario{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 4px;border-radius:7px;border-color:#d8decf}
  .scenario strong{font-size:11px;line-height:1.5;font-weight:650}
  .scenario>svg,.scenario small,.scenario.active .scenario-arrow{display:none}
  .scenario-panel{padding:20px 17px;min-height:0}
  .demo-chat-top{padding-bottom:15px}
  .demo-chat-top strong{font-size:11px}
  .demo-question{font-size:13px;line-height:1.8;margin:18px 0 19px 18px;padding:12px 14px}
  .demo-answer p{font-size:13px;line-height:1.85}
  .demo-takeaway{display:none}
  .demo-disclosure{font-size:11px;line-height:1.8;margin-top:15px}
  .how-section{padding-bottom:43px}
  .how-section>.wrap{padding-top:30px}
  .how-heading h2{font-size:25px}
  .how-heading>p{display:none}
  .steps{gap:0;margin-top:18px}
  .steps>li{border-bottom:1px solid #d8decf}
  .step-number{display:none}
  .step-details>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;cursor:pointer}
  .step-details h3{font-size:14px;font-weight:600;line-height:1.5}
  .step-details p{font-size:13px;line-height:1.8;margin:0 0 18px;max-width:34ch}
  .step-expand{display:block;width:12px;height:12px;flex-shrink:0;position:relative;color:#5c7550}
  .step-expand::before,.step-expand::after{content:"";position:absolute;background:currentColor;top:5px;left:0;width:12px;height:1.5px}
  .step-expand::after{transform:rotate(90deg)}
  .step-details[open] .step-expand::after{display:none}
  .footer-inner{padding:28px 0;min-height:0;gap:20px 10px}
  .footer-inner>.brand{font-size:24px}
  .footer-inner>span,.back-top{font-size:10px}
}