.i3-section{padding:104px 0}
.i3-head{text-align:center;max-width:640px;margin:0 auto 48px}.i3-head h2{margin-top:14px}
.i3-small{font-size:var(--small);color:var(--muted);margin-top:14px}

.i3-hero{padding:72px 0 104px;background:var(--paper)}
.i3-hero-top{text-align:center;max-width:720px;margin:0 auto}
.i3-hero h1{margin:16px 0 18px}
.i3-hero .lead{max-width:44ch;margin:0 auto}
.i3-paths{margin-top:52px}
.i3-path-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.i3-path-tabs button{display:flex;align-items:center;text-align:left;min-height:76px;padding:16px 20px;border:1px solid var(--line);background:var(--white);border-radius:var(--radius);font-size:16px;font-weight:600;line-height:1.3;transition:border-color .25s,background .25s}
.i3-path-tabs button:hover{border-color:var(--muted)}
.i3-path-tabs button[aria-selected=true]{background:var(--cocoa);border-color:var(--cocoa);color:var(--white)}
.i3-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center;margin-top:12px;padding:52px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
.i3-kicker{font-size:var(--small);color:var(--muted);font-weight:600}
.i3-panel h2{margin:12px 0 18px}
.i3-panel-copy>p:not(.i3-kicker){color:var(--muted);max-width:54ch;margin-bottom:30px}
.i3-panel-facts li{display:flex;flex-direction:column;padding:16px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.i3-panel-facts strong{font-size:16px;color:var(--ink)}

.i3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}
.i3-steps li{padding:32px 0 0;border-top:1px solid var(--ink)}
.i3-steps span{display:block;font-family:var(--serif);font-size:var(--h3);line-height:1;color:var(--cocoa);margin-bottom:18px}
.i3-steps p{color:var(--muted);font-size:15px;margin-top:10px}

.i3-breath-section{padding:104px 0;background:var(--deep);color:var(--on-deep)}
.i3-breath-section .eyebrow{color:var(--peach)}
.neutral .i3-breath-section .eyebrow{color:#d6d6d3}
.i3-breath-section .lead{color:var(--on-deep);opacity:.85;margin:20px 0 6px}
.i3-breath-section .i3-small{color:var(--on-deep);opacity:.65;margin-bottom:26px}
.i3-breath-section .text-link{color:var(--peach)}
.neutral .i3-breath-section .text-link{color:#e2e2e0}
.i3-breath-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.i3-breath{display:flex;flex-direction:column;align-items:center;gap:24px}
.i3-circle{width:min(340px,72vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff33}
.i3-circle-inner{width:46%;aspect-ratio:1;border-radius:50%;background:var(--terra);display:grid;place-items:center;font-family:var(--serif);font-size:44px;color:var(--white);transition:transform 5s ease-in-out}
.neutral .i3-circle-inner{background:#8a8a87;font-size:30px}
.i3-breath.running .i3-circle-inner{transform:scale(1.9)}
.i3-breath.running.out .i3-circle-inner{transform:scale(1)}
.i3-breath-label{font-family:var(--serif);font-size:26px;min-height:1.4em}
.neutral .i3-breath-label{font-size:21px;font-weight:700}
.i3-breath .button{background:var(--white);border-color:var(--white);color:var(--deep)}

.i3-pill-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.i3-pill-tabs button{padding:10px 22px;border-radius:4px;border:1px solid var(--line);background:var(--white);font-size:15px;font-weight:600}
.i3-pill-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.i3-method-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;max-width:1020px;margin:0 auto}
.i3-method-panel .video{border-radius:var(--radius)}
.i3-method-panel h3{margin-bottom:12px}.i3-method-panel p{color:var(--muted)}

.i3-about-section{background:var(--white)}
.i3-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.i3-about-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;border-radius:var(--radius)}
.i3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
.i3-about-copy h2{margin:14px 0 18px}
.i3-about-copy>p{color:var(--muted);max-width:56ch}
.i3-badge{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}
.i3-badge p{font-family:var(--serif);font-size:26px;line-height:1.25;color:var(--cocoa);font-style:italic}
.neutral .i3-badge p{font-size:21px;font-style:normal;font-weight:700}
.i3-badge span{display:block;margin-top:8px;font-size:14px;color:var(--muted)}

.i3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.i3-card{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.i3-card>img,.i3-card-cover{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:var(--radius);margin-bottom:10px;background:var(--blush)}
.i3-card>img[src*=livro]{object-fit:contain;padding:14px}
.i3-card .video{margin-bottom:10px}
.i3-card-cover{display:grid;place-items:center;background:var(--sand);border:1px solid var(--line);color:var(--muted);font-size:13px}
.i3-tag{font-size:13px;color:var(--muted);font-weight:600}
.i3-card h3{flex:1}
.i3-card .text-link{margin-top:8px;align-self:flex-start}
a.i3-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.i3-blog-link{display:table;margin:36px auto 0}

.i3-faq-section{background:var(--blush)}
.i3-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.i3-faq h2{margin:14px 0 16px}
.i3-faq-list details{border-top:1px solid var(--line)}
.i3-faq-list details:last-child{border-bottom:1px solid var(--line)}
.i3-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:600}
.i3-faq-list summary::-webkit-details-marker{display:none}
.i3-faq-list summary span{flex:none;width:26px;height:26px;position:relative}
.i3-faq-list summary span::before,.i3-faq-list summary span::after{content:'';position:absolute;left:8px;right:8px;top:12px;height:2px;background:var(--cocoa)}
.i3-faq-list summary span::after{transform:rotate(90deg);transition:transform .25s}
.i3-faq-list details[open] summary span::after{transform:rotate(0)}
.i3-faq-list details p{padding:0 0 24px;color:var(--muted);max-width:60ch}

.i3-contact{padding:104px 0}
.i3-contact-card{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:64px;border-radius:var(--radius);background:var(--deep);color:var(--white)}
.i3-contact-card h2{max-width:14ch;margin-bottom:14px}
.i3-contact-card p{opacity:.85}
.i3-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex:none}
.i3-contact-actions p{font-size:14px}

@media (max-width:1100px){
  .i3-path-tabs{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .i3-section,.i3-breath-section,.i3-contact{padding:72px 0}
  .i3-hero{padding:48px 0 72px}
  .i3-panel,.i3-breath-grid,.i3-method-panel,.i3-about,.i3-faq{grid-template-columns:1fr;gap:36px}
  .i3-panel{padding:36px 28px}
  .i3-steps,.i3-cards{grid-template-columns:1fr}
  .i3-about-photo{max-width:340px;width:100%;margin:0 auto}
  .i3-contact-card{flex-direction:column;align-items:flex-start;padding:44px 32px}
}
@media (max-width:620px){
  .i3-path-tabs{grid-template-columns:1fr}
  .i3-path-tabs button{min-height:60px}
  .i3-panel{padding:28px 22px}
  .i3-panel .button{width:100%}
  .i3-head{margin-bottom:34px}
}