:root {
  --ink: #102a43;
  --text: #26384a;
  --muted: #64748b;
  --line: #dce5eb;
  --paper: #f4f7f8;
  --white: #ffffff;
  --blue: #4e6ecb;
  --aqua: #38c6b4;
  --pale-aqua: #e7f8f5;
  --pale-blue: #edf1fb;
  --magenta: #d946a8;
  --shadow: 0 24px 70px rgba(16, 42, 67, .10);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: auto; scroll-padding-top: 86px; }
body { margin: 0; background: var(--paper); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }

.topbar { position: sticky; top: 0; z-index: 100; height: 72px; padding: 0 clamp(22px, 4vw, 70px); display: flex; align-items: center; justify-content: space-between; gap: 28px; background: rgba(244,247,248,.92); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(16,42,67,.08); }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; color: white; font-weight: 850; letter-spacing: -.05em; background: linear-gradient(145deg, var(--blue), var(--aqua)); box-shadow: 0 10px 20px rgba(78,110,203,.22); }
.brand b { display: block; color: var(--ink); font-size: 14px; }
.brand small { color: var(--muted); font-size: 11px; }
.topbar nav { display: flex; align-items: center; gap: 26px; margin-left: auto; font-size: 13px; font-weight: 650; color: var(--ink); }
.topbar nav a:hover { color: var(--blue); }
.menu-button { display: none; border: 0; background: transparent; font-size: 23px; color: var(--ink); }

.hero { position: relative; min-height: 690px; overflow: hidden; display: grid; grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr); gap: clamp(30px,4vw,64px); align-items: center; padding: 72px clamp(24px, 7vw, 120px) 68px; background: radial-gradient(circle at 80% 24%, rgba(56,198,180,.15), transparent 30%), radial-gradient(circle at 55% 60%, rgba(78,110,203,.12), transparent 35%), linear-gradient(180deg,#f8fafb,#f0f4f6); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .4; background-image: linear-gradient(rgba(16,42,67,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(16,42,67,.035) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.hero-copy, .hero-visual { position: relative; z-index: 1; }
.eyebrow, .mini-label { margin: 0 0 14px; color: var(--blue); font-size: 11px; font-weight: 820; letter-spacing: .18em; }
.hero h1 { margin: 0; max-width: 720px; font-size: clamp(54px, 5.5vw, 88px); line-height: .97; letter-spacing: -.06em; color: var(--ink); }
.hero h1 span { color: var(--blue); }
.hero-lead { max-width: 650px; margin: 28px 0 32px; font-size: clamp(18px, 1.6vw, 24px); line-height: 1.5; color: #43586b; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.primary-button, .secondary-button { min-height: 52px; display: inline-flex; gap: 14px; align-items: center; justify-content: center; padding: 0 22px; border-radius: 15px; font-weight: 750; font-size: 14px; transition: transform .2s, box-shadow .2s; }
.primary-button { color: white; background: var(--ink); box-shadow: 0 14px 30px rgba(16,42,67,.22); }
.secondary-button { background: white; color: var(--ink); border: 1px solid var(--line); }
.primary-button:hover, .secondary-button:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.hero-meta { display: flex; gap: 36px; margin-top: 42px; }
.hero-meta div { display: flex; flex-direction: column; }
.hero-meta strong { font-size: 27px; line-height: 1; color: var(--ink); }
.hero-meta span { margin-top: 5px; font-size: 12px; color: var(--muted); }
.hero-authors { display:flex; flex-direction:column; gap:6px; margin:26px 0 0; }
.hero-authors span { color:var(--blue); font-size:9px; font-weight:850; letter-spacing:.16em; }
.hero-authors strong { color:var(--ink); font-size:13px; font-weight:720; }
.hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.hero-visual::before { content: ""; position: absolute; width: 78%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(78,110,203,.17), rgba(56,198,180,.08) 44%, transparent 72%); filter: blur(10px); }
.hero-visual img { position: relative; z-index: 2; width: min(100%, 680px); aspect-ratio: 1; object-fit: contain; border-radius: 0; filter: drop-shadow(0 32px 34px rgba(16,42,67,.16)); animation: brain-float 6s ease-in-out infinite; will-change: transform; }

.thesis-band { padding: 76px clamp(24px, 10vw, 170px); background: var(--ink); color: white; text-align: center; }
.mission-map { position: relative; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 16px; align-items: center; padding: 30px clamp(24px,7vw,120px); color: white; background: linear-gradient(90deg,#17334a,#102a43); border-top: 1px solid rgba(255,255,255,.08); }
.mission-map div { min-height: 98px; padding: 18px; border-radius: 17px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09); }
.mission-map span { color: var(--aqua); font-size: 8px; font-weight: 850; letter-spacing: .14em; }.mission-map b { display: block; margin: 13px 0 5px; font-size: 15px; }.mission-map small { color: #aebfcb; line-height: 1.4; }.mission-map i { color: var(--aqua); font-style: normal; }
.study-roadmap { padding: 92px clamp(24px,7vw,120px); background: linear-gradient(180deg,#f4f7f8,#eef3f5); border-bottom: 1px solid var(--line); }
.roadmap-heading { display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.7fr) auto;gap:40px;align-items:end;max-width:1360px;margin:0 auto 36px }.roadmap-heading h2{margin:5px 0 0;color:var(--ink);font-size:clamp(36px,4.5vw,62px);line-height:1;letter-spacing:-.055em}.roadmap-heading>p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.roadmap-heading>strong{display:flex;flex-direction:column;align-items:flex-end;color:var(--blue);font-size:56px;line-height:.8;letter-spacing:-.06em}.roadmap-heading>strong span{margin-top:12px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.roadmap-track{display:grid;grid-template-columns:repeat(9,1fr);max-width:1360px;margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 20px 50px rgba(16,42,67,.06)}.roadmap-track a{position:relative;min-height:190px;padding:22px 17px;border-right:1px solid var(--line);transition:background .2s,transform .2s}.roadmap-track a:last-child{border-right:0}.roadmap-track a:hover{z-index:2;background:var(--pale-aqua);transform:translateY(-4px)}.roadmap-track span{color:var(--blue);font-size:9px;font-weight:850}.roadmap-track b{display:block;margin:27px 0 9px;color:var(--ink);font-size:13px;line-height:1.25}.roadmap-track small{color:var(--muted);font-size:10px;line-height:1.5}
.thesis-band p { margin: 0 0 15px; color: #9fb4c8; font-size: 16px; }
.thesis-band h2 { margin: 0 auto; max-width: 1050px; font-size: clamp(31px, 4vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.thesis-band h2 span:nth-child(1) { color: var(--aqua); }
.thesis-band h2 span:nth-child(2) { color: #8ea4ff; }
.thesis-band h2 span:nth-child(3) { color: #d2defb; }
.thesis-band h2 span:nth-child(4) { color: white; }

.learning-shell { max-width: 1580px; margin: 0 auto; display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 50px; padding: 92px clamp(24px, 5vw, 80px); }
.study-sidebar { position: sticky; top: 96px; align-self: start; max-height:calc(100vh - 116px); overflow-y:auto; scrollbar-width:thin; }
.reading-rail { --scroll-progress:0%; width:100%; padding:20px 18px 18px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:0 18px 44px rgba(16,42,67,.055); }
.rail-status { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:15px; color:var(--muted); }
.rail-status strong { color:var(--ink); font-size:19px; letter-spacing:-.035em; }
.rail-status span { font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.rail-track { position:relative; width:100%; padding-top:14px; }
.rail-track::before { content:""; position:absolute; top:0; right:0; left:0; height:3px; border-radius:999px; background:#dfe7eb; }
.rail-fill { position:absolute; z-index:1; top:0; left:0; width:var(--scroll-progress); height:3px; border-radius:999px; background:linear-gradient(90deg,var(--blue),var(--aqua)); box-shadow:0 4px 14px rgba(56,198,180,.28); transition:width .18s ease-out; }
.chapter-mini-nav { position:relative; z-index:2; display:flex; flex-direction:column; gap:5px; }
.chapter-mini-nav a { display:grid; grid-template-columns:30px minmax(0,1fr); gap:11px; align-items:start; min-height:64px; padding:10px; border:1px solid transparent; border-radius:14px; color:var(--ink); transition:background .18s,border-color .18s,transform .18s; }
.chapter-mini-nav a:hover { border-color:#cbe7e3; background:var(--pale-aqua); transform:translateX(2px); }
.chapter-mini-nav a:focus-visible { outline:3px solid rgba(78,110,203,.24); outline-offset:2px; }
.chapter-mini-nav span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #cdd9df; border-radius:9px; color:var(--blue); background:#f7f9fa; font-size:9px; font-weight:850; transition:color .18s,background .18s,border-color .18s; }
.chapter-nav-copy { min-width:0; }
.chapter-nav-copy b { display:block; color:var(--ink); font-size:12px; line-height:1.25; letter-spacing:-.01em; }
.chapter-nav-copy small { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.chapter-mini-nav a.is-passed span { color:#147a6d; border-color:#a8e5dd; background:var(--pale-aqua); }
.chapter-mini-nav a.is-active { border-color:#cfdaf5; background:var(--pale-blue); box-shadow:0 8px 20px rgba(78,110,203,.08); }
.chapter-mini-nav a.is-active span { color:white; border-color:var(--blue); background:var(--blue); }
.chapter-mini-nav a.is-active .chapter-nav-copy b { color:#344fa6; }

.section-intro { max-width: 820px; margin-bottom: 55px; }
.section-intro h2 { margin: 0; font-size: clamp(38px, 5vw, 65px); line-height: 1.02; letter-spacing: -.055em; color: var(--ink); }
.section-intro > p:last-child { max-width: 760px; margin: 20px 0 0; font-size: 17px; line-height: 1.65; color: var(--muted); }
.chapters { display: flex; flex-direction: column; }
.chapters > .section-intro { order: 0; }
#fundamentos { order: 1; } #estrategia { order: 2; } #clientes { order: 3; } #marca { order: 4; } #digital { order: 5; } #marketing7 { order: 6; } #ia { order: 7; } #laboratorio { order: 8; }
.chapter { scroll-margin-top: 88px; margin-bottom: 72px; padding: clamp(25px, 3.6vw, 48px); border: 1px solid var(--line); border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 18px 48px rgba(16,42,67,.055); }
.chapter:target { border-color:#aebfec; box-shadow:0 24px 58px rgba(78,110,203,.11); }
.chapter-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; align-items: center; margin-bottom: 46px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.chapter-heading > div > span { font-size: 10px; font-weight: 800; letter-spacing: .14em; color: var(--blue); }
.chapter-heading h2 { margin: 6px 0 2px; color: var(--ink); font-size: clamp(31px, 4vw, 49px); letter-spacing: -.045em; line-height: 1; }
.chapter-heading p { margin: 0; color: var(--muted); }
.complete-button { display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 12px; background: white; color: var(--muted); font-size: 11px; font-weight: 750; }
.complete-button span { font-size: 17px; }
.complete-button.is-done { color: #18776a; background: var(--pale-aqua); border-color: #a8e5dd; }

.reading-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: 40px; align-items: start; }
.prose h3 { margin: 0 0 12px; color: var(--ink); font-size: 25px; letter-spacing: -.025em; }
.prose h3:not(:first-child) { margin-top: 30px; }
.prose p { max-width: 72ch; margin: 0 0 15px; font-size: 15.5px; line-height: 1.72; color: #415569; }
.prose strong { color: var(--ink); }
.deepening-copy { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.deepening-copy h3 { color: var(--blue); }
.deepening-copy p:last-child { margin-bottom: 0; }
.concept-stack { display: flex; flex-direction: column; gap: 14px; }
.concept-card { padding: 24px; border-radius: 20px; background: #f5f7fa; border: 1px solid var(--line); }
.concept-card.accent { background: linear-gradient(145deg,var(--ink),#1e4865); color: white; border: 0; }
.concept-card small { display: block; margin-bottom: 12px; color: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.concept-card strong { display: block; font-size: 19px; }
.concept-card span { display: block; margin: 4px 0; font-size: 12px; opacity: .75; }
.concept-card i { display: block; margin: 13px 0; color: var(--aqua); font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .15em; }
.concept-card h4 { margin: 0 0 8px; color: var(--ink); font-size: 20px; }
.concept-card p { margin: 0; font-size: 13px; line-height: 1.5; }
.quote-card { padding: 25px; border-left: 4px solid var(--aqua); background: var(--pale-aqua); color: var(--ink); font-size: 20px; font-weight: 750; }
.quote-card span { display: block; margin-top: 7px; color: var(--muted); font-size: 10px; font-weight: 500; }

.activity-card { display: grid; grid-template-columns: 52px 1fr; gap: 18px; margin-top: 38px; padding: 25px; border-radius: 20px; background: var(--pale-blue); border: 1px solid #dce4f7; }
.activity-index { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; color: white; font-weight: 850; background: var(--blue); }
.activity-card h4 { margin: 2px 0 8px; color: var(--ink); font-size: 20px; }
.activity-card p { margin: 0 0 12px; line-height: 1.55; font-size: 14px; }
.text-button { padding: 0; border: 0; background: transparent; color: var(--blue); font-size: 12px; font-weight: 800; }
.answer-box { margin-top: 14px; padding: 15px 17px; border-radius: 12px; background: white; color: #43586b; font-size: 13px; line-height: 1.55; }
.framework-card { padding: 28px; border-radius: 22px; }
.framework-card.dark { color: white; background: linear-gradient(145deg,var(--ink),#173f5b); box-shadow: var(--shadow); }
.framework-card h3 { margin: 0 0 24px; font-size: 41px; color: white; }
.framework-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.framework-columns b { display: block; margin-bottom: 10px; color: var(--aqua); font-size: 12px; }
.framework-columns span { display: block; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.10); font-size: 12px; }
.framework-note { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.15); color: #b7c9d8; font-size: 11px; line-height: 1.5; }
.steps-line { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-top: 30px; }
.steps-line div { display: flex; gap: 8px; align-items: center; padding: 13px; border-radius: 12px; background: #f4f6f9; color: var(--ink); font-size: 11px; }
.steps-line span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; color: var(--blue); background: white; font-weight: 800; }
.journey { position: relative; display: flex; flex-direction: column; gap: 8px; }
.journey div { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; padding: 14px; border-radius: 13px; background: #f3f6f8; }
.journey span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: white; background: linear-gradient(145deg,var(--blue),var(--aqua)); font-size: 11px; font-weight: 850; }
.journey b { color: var(--ink); font-size: 13px; }.journey small { color: var(--muted); }
.callout { display: flex; gap: 18px; align-items: center; margin-top: 28px; padding: 18px 22px; border-radius: 16px; background: var(--pale-aqua); }
.callout b { color: #148878; }.callout span { font-size: 13px; line-height: 1.5; }
.brand-prism { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.brand-prism div { min-height: 160px; padding: 20px; border-radius: 18px; background: linear-gradient(145deg,#f2f5fb,#ffffff); border: 1px solid var(--line); }
.brand-prism span { color: var(--aqua); font-size: 11px; font-weight: 800; }.brand-prism b { display: block; margin: 20px 0 8px; color: var(--ink); font-size: 18px; }.brand-prism small { color: var(--muted); line-height: 1.45; }
.balance-card { padding: 28px; border-radius: 24px; background: #f2f5f7; }
.balance-top, .balance-bottom { min-height: 130px; display: flex; flex-direction: column; justify-content: center; padding: 20px; border-radius: 17px; background: white; }
.balance-top span, .balance-bottom span { color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .15em; }.balance-top b, .balance-bottom b { margin: 7px 0 3px; color: var(--ink); font-size: 22px; }.balance-top small, .balance-bottom small { color: var(--muted); }
.balance-line { display: flex; align-items: center; gap: 10px; margin: 14px 0; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }.balance-line i { flex: 1; height: 1px; background: var(--line); }
.content-model { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 30px; }.content-model div { padding: 18px; border-radius: 15px; background: var(--ink); color: white; }.content-model b { display: block; color: var(--aqua); }.content-model span { display: block; margin-top: 6px; color: #b7c9d8; font-size: 11px; }

.chapter-ai { background: linear-gradient(180deg,#fff,#f7fbfc); }
.ai-opening { display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px; margin-bottom: 40px; padding: 35px; border-radius: 25px; color: white; background: radial-gradient(circle at 85% 15%,rgba(217,70,168,.27),transparent 35%), linear-gradient(145deg,#0a1c2b,#173d58); }
.ai-opening h3 { margin: 0 0 13px; font-size: 34px; letter-spacing: -.035em; }.ai-opening > div > p:last-child { color: #bdd0df; line-height: 1.6; }
.ai-stat { display: flex; flex-direction: column; justify-content: center; padding: 25px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }.ai-stat strong { color: var(--aqua); font-size: 56px; }.ai-stat span { font-size: 13px; line-height: 1.45; }.ai-stat a { margin-top: 15px; color: #9db9ff; font-size: 10px; }
.five-steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-bottom: 40px; }.five-steps div { padding: 18px; border-radius: 16px; background: #f1f4f8; }.five-steps span { color: var(--magenta); font-size: 10px; font-weight: 850; }.five-steps b { display: block; margin: 14px 0 8px; color: var(--ink); font-size: 15px; }.five-steps small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.prompt-card { padding: 27px; border-radius: 22px; color: white; background: linear-gradient(145deg,#18324b,#4e6ecb); }.prompt-card .mini-label { color: #aeece4; }.prompt-card h4 { margin: 0 0 13px; font-size: 25px; }.prompt-card p { color: #e6edf7; font-size: 13px; line-height: 1.65; }.prompt-card button { margin-top: 15px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; color: white; background: rgba(255,255,255,.1); font-size: 11px; font-weight: 750; }

.chapter-seven { overflow: hidden; color: white; background: radial-gradient(circle at 90% 6%,rgba(56,198,180,.2),transparent 25%), linear-gradient(155deg,#071a29,#12324a); border: 0; }.chapter-seven .chapter-heading { border-color: rgba(255,255,255,.12); }.chapter-seven .chapter-heading h2, .chapter-seven .chapter-heading p { color: white; }.chapter-seven .chapter-heading > div > span { color: var(--aqua); }.chapter-seven .complete-button { color: white; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); }.chapter-seven .complete-button.is-done { color: var(--aqua); }
.seven-thesis { margin-bottom: 40px; padding: 32px 0; border-bottom: 1px solid rgba(255,255,255,.12); }.seven-thesis p { margin: 0; color: #9fb4c8; }.seven-thesis h3 { margin: 4px 0 13px; font-size: clamp(35px,4vw,55px); color: white; letter-spacing: -.05em; }.seven-thesis span { color: #c8d6e2; line-height: 1.6; }
.light-prose h3 { color: white; }.light-prose p { color: #c2d1dc; }
.gateway-card { padding: 27px; border-radius: 23px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }.gateway-card .mini-label { color: var(--aqua); }.gateway-card div { display: grid; grid-template-columns: 40px 1fr; gap: 2px 13px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.1); }.gateway-card div:last-child { border: 0; }.gateway-card span { grid-row: 1/3; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(145deg,var(--blue),var(--aqua)); font-size: 10px; font-weight: 850; }.gateway-card b { color: white; }.gateway-card small { color: #a9bdcb; }
.stimuli-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 36px; }.stimuli-grid div { padding: 20px; border-radius: 16px; background: rgba(255,255,255,.07); }.stimuli-grid b { display: block; margin-bottom: 8px; color: var(--aqua); font-size: 13px; }.stimuli-grid span { color: #aebfcb; font-size: 11px; line-height: 1.45; }
.warning-card { margin-top: 25px; padding: 23px 25px; border-radius: 17px; background: linear-gradient(90deg,rgba(217,70,168,.17),rgba(78,110,203,.1)); border: 1px solid rgba(217,70,168,.25); }.warning-card b { color: #ff8fd1; }.warning-card p { margin: 8px 0 0; color: #c6d3dc; font-size: 13px; line-height: 1.55; }
.chapter-seven .activity-card { background: rgba(78,110,203,.15); border-color: rgba(142,164,255,.25); }.chapter-seven .activity-card h4, .chapter-seven .activity-card p { color: white; }.chapter-seven .answer-box { color: var(--ink); }

.lab-brief { margin-bottom: 30px; padding: 35px; border-radius: 24px; background: linear-gradient(145deg,var(--pale-aqua),#f5fbfa); }.lab-brief h3 { margin: 0 0 13px; max-width: 780px; color: var(--ink); font-size: 33px; letter-spacing: -.035em; }.lab-brief p:last-child { max-width: 780px; line-height: 1.6; }
.canvas-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.canvas-grid div { min-height: 170px; padding: 20px; border-radius: 17px; border: 1px solid var(--line); background: #f7f9fa; }.canvas-grid span { color: var(--blue); font-size: 10px; font-weight: 850; }.canvas-grid b { display: block; margin: 20px 0 7px; color: var(--ink); }.canvas-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

.cases-section { padding: 110px clamp(24px,7vw,120px); background: var(--ink); color: white; }.cases-section .section-intro { max-width: 900px; }.inverse h2 { color: white; }.inverse > p:last-child { color: #9fb4c8; }.case-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.case-grid article { min-height: 310px; display: flex; flex-direction: column; padding: 27px; border-radius: 22px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); transition: transform .2s, background .2s; }.case-grid article:hover { transform: translateY(-5px); background: rgba(255,255,255,.09); }.case-grid span { color: var(--aqua); font-size: 9px; font-weight: 850; letter-spacing: .12em; }.case-grid h3 { margin: 24px 0 13px; font-size: 27px; }.case-grid p { margin: 0; color: #b7c9d8; font-size: 13px; line-height: 1.6; }.case-grid a { margin-top: auto; color: #a9baff; font-size: 11px; font-weight: 750; }
.materials-section, .sources-section { padding: 110px clamp(24px,7vw,120px); }.download-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }.download-featured { grid-column: 1/-1; min-height: 210px; display: flex; align-items: flex-end; justify-content: space-between; padding: 35px; border-radius: 25px; color: white; background: radial-gradient(circle at 85% 20%,rgba(56,198,180,.35),transparent 28%), linear-gradient(145deg,var(--ink),#284f6e); }.download-featured span { color: var(--aqua); font-size: 9px; font-weight: 850; letter-spacing: .14em; }.download-featured h3 { margin: 10px 0 8px; font-size: 31px; }.download-featured p { color: #bdd0df; }.download-featured > b { padding: 12px 17px; border-radius: 12px; background: white; color: var(--ink); font-size: 12px; }
.download-card { display: grid; grid-template-columns: 46px 1fr auto; gap: 14px; align-items: center; padding: 20px; border-radius: 17px; background: white; border: 1px solid var(--line); }.download-card > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--pale-blue); color: var(--blue); font-size: 10px; font-weight: 850; }.download-card h4 { margin: 0 0 3px; color: var(--ink); }.download-card p { margin: 0; color: var(--muted); font-size: 11px; }.download-card > b { color: var(--blue); }
.sources-section { background: #edf2f4; }.sources-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.sources-list a { display: grid; grid-template-columns: 38px 1fr auto; gap: 13px; align-items: center; padding: 18px; border-radius: 15px; background: white; border: 1px solid var(--line); }.sources-list > a > span { color: var(--aqua); font-size: 10px; font-weight: 850; }.sources-list b { display: block; color: var(--ink); font-size: 13px; }.sources-list small { display: block; margin-top: 4px; color: var(--muted); line-height: 1.35; }.sources-list i { color: var(--blue); font-style: normal; }
.inatel-header { width: 82px; height: auto; object-fit: contain; }
.inatel-footer { width: 112px; height: auto; object-fit: contain; }
footer { display: grid; grid-template-columns: 1fr auto auto auto; gap: 36px; align-items: center; padding: 48px clamp(24px,7vw,120px); color: #aebfcb; background: #081a27; font-size: 12px; }footer > div { display: flex; align-items: center; gap: 14px; }footer p { line-height: 1.6; }footer b { color: white; }footer a { color: var(--aqua); font-weight: 750; }

a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid rgba(78,110,203,.42); outline-offset: 3px; }
@keyframes brain-float { 0%,100% { transform: translate3d(0,0,0) rotate(-.25deg); } 50% { transform: translate3d(0,-13px,0) rotate(.35deg); } }

/* Premium long-form learning experience */
.chapters .premium-chapter { order: initial !important; margin-bottom: 84px; padding: clamp(28px, 4vw, 58px); }
.premium-chapter .chapter-heading { margin-bottom: 38px; }
.chapter-opening { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: 44px; align-items: center; margin-bottom: 54px; }
.chapter-deck { margin: 0; max-width: 32ch; color: var(--ink); font-size: clamp(23px, 2.6vw, 36px); line-height: 1.24; letter-spacing: -.035em; font-weight: 680; }
.longform-copy { border-top: 1px solid var(--line); }
.longform-copy section { display: grid; grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr); gap: 44px; padding: 42px 0; border-bottom: 1px solid var(--line); }
.longform-copy h3 { position: sticky; top: 108px; align-self: start; margin: 0; color: var(--ink); font-size: 22px; line-height: 1.25; letter-spacing: -.025em; }
.longform-copy .section-body { grid-column: 2; min-width: 0; }
.longform-copy p { grid-column: 2; max-width: 76ch; margin: 0 0 18px; color: #364b5f; font-family: inherit; font-size: 17px; line-height: 1.82; }
.longform-copy p:last-child { margin-bottom: 0; }
.chapter-seven .longform-copy{border-color:rgba(255,255,255,.13)}.chapter-seven .longform-copy section{border-color:rgba(255,255,255,.13)}.chapter-seven .longform-copy h3{color:white}.chapter-seven .longform-copy p{color:#c4d2dc}.chapter-seven .quotation-suite{color:var(--ink)}

.chapter-visual { position: relative; min-height: 330px; overflow: hidden; border-radius: 26px; background: radial-gradient(circle at 78% 20%, rgba(56,198,180,.18), transparent 30%), linear-gradient(145deg,#102a43,#173e59); box-shadow: 0 28px 60px rgba(16,42,67,.17); }
.chapter-visual::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(to bottom right,black,transparent 78%); }

.visual-value { display:grid; place-items:center; }
.value-core { position:relative; z-index:5; display:grid; place-items:center; width:102px; height:102px; border-radius:50%; color:white; font-size:15px; font-weight:850; letter-spacing:.1em; background:linear-gradient(145deg,var(--blue),var(--aqua)); box-shadow:0 0 0 14px rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.22); }
.value-ring { position:absolute; display:flex; justify-content:center; border:1px solid rgba(255,255,255,.24); border-radius:50%; animation:ring-breathe 6s ease-in-out infinite; }
.value-ring span { margin-top:-10px; padding:4px 9px; border-radius:20px; color:#d9e6ee; background:#16354d; font-size:9px; font-weight:780; letter-spacing:.09em; text-transform:uppercase; }
.value-ring.r1 { width:164px; height:164px; }.value-ring.r2 { width:230px; height:230px; animation-delay:-2s; }.value-ring.r3 { width:296px; height:296px; animation-delay:-4s; }

.visual-system { display:grid; place-items:center; }
.system-core { position:relative; z-index:4; width:132px; height:132px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:34px; color:white; background:linear-gradient(145deg,var(--blue),#3352ab); box-shadow:0 18px 40px rgba(0,0,0,.25); }
.system-core b { letter-spacing:.12em; }.system-core small { margin-top:6px; color:#dce4ff; font-size:9px; }
.system-node { position:absolute; z-index:3; min-width:84px; padding:10px 12px; border:1px solid rgba(255,255,255,.2); border-radius:12px; color:white; background:rgba(255,255,255,.08); text-align:center; font-size:10px; font-weight:750; backdrop-filter:blur(8px); animation:node-float 5s ease-in-out infinite; }
.system-node.n1{left:8%;top:18%}.system-node.n2{right:8%;top:18%;animation-delay:-1.4s}.system-node.n3{left:9%;bottom:16%;animation-delay:-2.8s}.system-node.n4{right:9%;bottom:16%;animation-delay:-4.2s}
.orbit { position:absolute; border:1px solid rgba(56,198,180,.32); border-radius:50%; }.orbit.o1{width:270px;height:180px;transform:rotate(24deg)}.orbit.o2{width:270px;height:180px;transform:rotate(-24deg)}

.visual-evolution { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; padding:40px; }
.visual-evolution div { position:relative; z-index:2; min-height:205px; display:flex; flex-direction:column; justify-content:center; padding:28px; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:rgba(255,255,255,.07); }
.visual-evolution strong { color:var(--aqua); font-size:58px; letter-spacing:-.06em; }.visual-evolution span{color:white;font-size:15px;font-weight:850;letter-spacing:.12em}.visual-evolution small{margin-top:10px;color:#b9ccd8}.visual-evolution>i{color:var(--aqua);font-size:32px;font-style:normal;animation:arrow-pulse 2.4s ease-in-out infinite}

.visual-brand { display:grid; place-items:center; }
.brand-center { position:relative; z-index:4; display:grid; place-items:center; width:124px;height:124px;border-radius:38px;color:white;font-weight:850;letter-spacing:.12em;background:linear-gradient(145deg,#5978dc,#38c6b4);box-shadow:0 20px 45px rgba(0,0,0,.25) }
.brand-node { position:absolute; z-index:3; padding:10px 15px; border-radius:12px; color:white; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); font-size:10px; font-weight:780; text-transform:uppercase; letter-spacing:.08em; animation:node-float 5.5s ease-in-out infinite; }.brand-node.b1{top:14%;left:17%}.brand-node.b2{top:14%;right:17%;animation-delay:-1.5s}.brand-node.b3{bottom:14%;left:17%;animation-delay:-3s}.brand-node.b4{bottom:14%;right:17%;animation-delay:-4.5s}.visual-brand>i{position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:slow-spin 24s linear infinite}

.visual-social { display:flex; align-items:center; justify-content:center; gap:8px; padding:38px 24px; }
.visual-social div { position:relative;z-index:2; width:76px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);animation:step-glow 6s ease-in-out infinite }.visual-social div:nth-of-type(2){animation-delay:-1.2s}.visual-social div:nth-of-type(3){animation-delay:-2.4s}.visual-social div:nth-of-type(4){animation-delay:-3.6s}.visual-social div:nth-of-type(5){animation-delay:-4.8s}.visual-social b{color:var(--aqua);font-size:20px}.visual-social span{margin-top:10px;color:white;font-size:9px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em}.visual-social>i{width:18px;height:1px;background:rgba(56,198,180,.55)}

.visual-data { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px }.data-stream{display:flex;gap:12px}.data-stream i{width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px var(--aqua);animation:data-drop 2.5s ease-in-out infinite}.data-stream i:nth-child(2){animation-delay:-.5s}.data-stream i:nth-child(3){animation-delay:-1s}.data-stream i:nth-child(4){animation-delay:-1.5s}.data-stream i:nth-child(5){animation-delay:-2s}.data-engine{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:24px 26px;border-radius:18px;color:white;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17)}.data-engine b{font-size:11px;letter-spacing:.08em}.data-engine span{color:var(--aqua)}.data-engine strong{color:#cdd8ff;font-size:11px;letter-spacing:.08em}.data-pulse{position:absolute;width:260px;height:260px;border:1px solid rgba(56,198,180,.25);border-radius:50%;animation:ring-breathe 4s ease-in-out infinite}

.visual-immersive { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px }.layer{position:relative;z-index:2;width:78%;min-height:72px;margin-top:-8px;padding:18px 24px;border:1px solid rgba(255,255,255,.17);border-radius:16px;color:white;background:rgba(255,255,255,.08);box-shadow:0 14px 28px rgba(0,0,0,.14);transform:perspective(500px) rotateX(53deg);transition:transform .3s}.layer:hover{transform:perspective(500px) rotateX(28deg) translateY(-4px)}.layer span{display:block;font-size:11px;font-weight:850;letter-spacing:.12em}.layer small{color:#b8cbd8}.layer.l1{background:linear-gradient(90deg,rgba(56,198,180,.3),rgba(78,110,203,.28))}.layer.l2{width:70%}.layer.l3{width:62%}

.visual-cognitive { display:grid;place-items:center }.cognitive-core{position:relative;z-index:5;display:grid;place-items:center;width:108px;height:108px;border-radius:50%;color:white;font-weight:850;letter-spacing:.11em;background:linear-gradient(145deg,#4e6ecb,#38c6b4);box-shadow:0 0 0 14px rgba(255,255,255,.06),0 20px 45px rgba(0,0,0,.28)}.cognitive-node{position:absolute;z-index:4;width:126px;min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:14px;border-radius:16px;color:white;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(9px);animation:node-float 5s ease-in-out infinite}.cognitive-node b{font-size:10px;letter-spacing:.1em}.cognitive-node small{margin-top:5px;color:#b9ccd8}.cognitive-node.c1{top:10%;left:8%}.cognitive-node.c2{top:10%;right:8%;animation-delay:-1.7s}.cognitive-node.c3{bottom:9%;left:50%;transform:translateX(-50%);animation-delay:-3.4s}.cognitive-path{position:absolute;width:210px;height:1px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);transform-origin:center}.cognitive-path.p1{transform:rotate(28deg) translateY(-48px)}.cognitive-path.p2{transform:rotate(-28deg) translateY(-48px)}.cognitive-path.p3{transform:rotate(90deg) translateX(65px)}

.visual-ai { display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:58px 48px }.human-core,.ai-core{position:relative;z-index:3;width:128px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:38px;color:white;box-shadow:0 20px 45px rgba(0,0,0,.24)}.human-core{background:linear-gradient(145deg,#38c6b4,#238e82)}.ai-core{background:linear-gradient(145deg,#6a87e2,#4e6ecb)}.human-core b,.ai-core b{letter-spacing:.1em}.human-core small,.ai-core small{margin-top:5px;color:#e0f5f2}.loop{position:absolute;z-index:4;padding:8px 12px;border-radius:20px;color:#d7e4ed;background:#17384f;font-size:9px;letter-spacing:.04em}.loop.top{top:17%}.loop.bottom{bottom:17%}.loop-line{position:absolute;width:58%;height:105px;border:1px solid rgba(56,198,180,.42);border-left:0;border-right:0;border-radius:50%}.loop-line.one{top:19%}.loop-line.two{bottom:19%;transform:rotate(180deg)}

.executive-framework { margin-top:52px; overflow:hidden; border:1px solid var(--line); border-radius:24px; background:#f6f8fa; }
.framework-heading { padding:28px 30px 22px; background:linear-gradient(135deg,#102a43,#183f5a); }.framework-heading .mini-label{color:var(--aqua)}.framework-heading h3{margin:0;color:white;font-size:27px;letter-spacing:-.03em}.framework-rows{display:grid;grid-template-columns:repeat(5,1fr)}.framework-rows>div{min-height:168px;padding:22px;border-right:1px solid var(--line)}.framework-rows>div:last-child{border-right:0}.framework-rows span{color:var(--aqua);font-size:10px;font-weight:850}.framework-rows b{display:block;margin:22px 0 8px;color:var(--ink);font-size:14px}.framework-rows p{margin:0;color:var(--muted);font-size:12px;line-height:1.52}
.chapter-case { display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.34fr);gap:28px;align-items:end;margin-top:26px;padding:32px;border-radius:23px;background:linear-gradient(135deg,var(--pale-aqua),#f5faf9);border:1px solid #caeae5}.chapter-case h3{margin:0 0 12px;color:var(--ink);font-size:27px;letter-spacing:-.03em}.chapter-case p:not(.mini-label){margin:0;color:#3e5868;font-size:14px;line-height:1.7}.chapter-case>a{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:15px;background:white;border:1px solid #cfe6e2;color:var(--ink)}.chapter-case>a span{font-size:11px;line-height:1.4}.chapter-case>a b{color:#168878;font-size:11px}.case-source{color:var(--muted);font-size:11px}
.reflection-card { display:grid;grid-template-columns:56px 1fr;gap:22px;margin-top:26px;padding:27px;border-radius:20px;background:var(--pale-blue);border:1px solid #d9e2f8}.reflection-number{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:white;background:var(--blue);font-weight:850}.reflection-card ol{margin:0;padding-left:22px;color:#30475a}.reflection-card li{padding:5px 0;font-family:inherit;font-size:15px;line-height:1.55}.materials-note{grid-column:1/-1;padding:25px 28px;border-radius:18px;background:white;border:1px solid var(--line)}.materials-note b{color:var(--ink)}.materials-note p{margin:7px 0 0;max-width:90ch;color:var(--muted);font-size:13px;line-height:1.6}

.quotation-suite{margin-top:48px;padding:clamp(26px,4vw,44px);border-radius:28px;background:linear-gradient(145deg,#eef2fc,#f8fafc);border:1px solid #d8e1f5}.quotation-intro{display:grid;grid-template-columns:1fr minmax(260px,.6fr);gap:26px;align-items:end;margin-bottom:25px}.quotation-intro .mini-label{grid-column:1/-1}.quotation-intro h3{margin:0;color:var(--ink);font-size:30px;letter-spacing:-.04em}.quotation-intro>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.quotation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quotation-grid blockquote{position:relative;min-height:230px;margin:0;padding:30px 24px 24px;border-radius:20px;background:white;border:1px solid #dfe5f3}.quotation-grid blockquote>span{position:absolute;top:12px;right:19px;color:var(--aqua);font-family:Georgia,serif;font-size:50px;line-height:1}.quotation-grid blockquote p{margin:38px 0 11px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.35}.quotation-grid small{display:block;color:#506579;font-size:11px;line-height:1.5}.quotation-grid cite{position:absolute;left:24px;right:24px;bottom:22px;color:var(--blue);font-size:9px;font-style:normal;font-weight:750;line-height:1.4}
.evidence-box{margin-top:24px;overflow:hidden;border-radius:25px;color:white;background:radial-gradient(circle at 92% 8%,rgba(56,198,180,.22),transparent 28%),linear-gradient(145deg,#102a43,#173f5b)}.evidence-heading{display:grid;grid-template-columns:1fr;gap:5px;padding:30px 32px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.evidence-heading .mini-label{color:var(--aqua)}.evidence-heading h3{margin:0;max-width:28ch;font-size:29px;line-height:1.1;letter-spacing:-.035em}.evidence-columns{display:grid;grid-template-columns:repeat(3,1fr)}.evidence-columns>div{min-height:220px;padding:26px 28px;border-right:1px solid rgba(255,255,255,.11)}.evidence-columns>div:last-child{border-right:0}.evidence-columns span{color:var(--aqua);font-size:10px;font-weight:850}.evidence-columns b{display:block;margin:24px 0 10px;color:white;font-size:15px}.evidence-columns p{margin:0;color:#bdd0dc;font-size:12px;line-height:1.65}

/* A linguagem tipográfica do site é integralmente sem serifa. */
.quotation-grid blockquote > span,
.quotation-grid blockquote p { font-family: inherit; }
.quotation-grid blockquote > span { font-weight: 300; }
.quotation-grid blockquote p { font-weight: 560; line-height: 1.42; }

.video-seminar{margin-top:52px;padding:clamp(24px,3.5vw,40px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#f7f9fb,#eef3f5)}.video-seminar-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:30px;align-items:end;margin-bottom:26px}.video-seminar-heading .mini-label{color:var(--blue)}.video-seminar-heading h3{margin:3px 0 0;color:var(--ink);font-size:31px;letter-spacing:-.04em}.video-seminar-heading>p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.video-grid.video-count-1{grid-template-columns:1fr}.video-card{overflow:hidden;border-radius:21px;background:white;border:1px solid var(--line);box-shadow:0 14px 32px rgba(16,42,67,.06)}.video-frame{position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#102a43,#214d6b)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-copy{padding:22px}.video-copy>span{color:#168878;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.video-copy h4{margin:8px 0 10px;color:var(--ink);font-size:20px;letter-spacing:-.025em}.video-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.video-copy a{display:inline-block;margin-top:16px;color:var(--blue);font-size:10px;font-weight:800}

.context-videos { display:grid; gap:10px; margin-top:28px; }
.context-video { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center; padding:22px 24px; border:1px solid #d8e1f5; border-radius:18px; background:linear-gradient(135deg,#f5f7fd,#eef9f7); box-shadow:0 12px 26px rgba(16,42,67,.05); }
.context-video-copy > span { color:#168878; font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.context-video-copy h4 { margin:7px 0 8px; color:var(--ink); font-size:18px; line-height:1.25; letter-spacing:-.025em; }
.context-video .context-video-copy p { margin:0; color:#506579; font-size:12px; line-height:1.55; }
.context-video > a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:142px; padding:12px 16px; border-radius:999px; color:white; background:var(--blue); font-size:10px; font-weight:820; white-space:nowrap; box-shadow:0 9px 20px rgba(78,110,203,.22); transition:transform .2s,background .2s,box-shadow .2s; }
.context-video > a:hover { transform:translateY(-2px); background:#3f5eb8; box-shadow:0 13px 24px rgba(78,110,203,.28); }
.context-video > a i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:var(--blue); background:white; font-size:8px; font-style:normal; }

.reading-library{grid-column:1/-1;margin-top:34px;padding-top:42px;border-top:1px solid var(--line)}.library-heading{display:grid;grid-template-columns:1fr minmax(280px,.75fr);gap:28px;align-items:end;margin-bottom:24px}.library-heading .mini-label{grid-column:1/-1}.library-heading h3{margin:0;color:var(--ink);font-size:34px;letter-spacing:-.04em}.library-heading>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.library-grid a{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:start;min-height:156px;padding:22px;border:1px solid var(--line);border-radius:18px;background:white;transition:transform .2s,border-color .2s,box-shadow .2s}.library-grid a:hover{transform:translateY(-3px);border-color:#9fded5;box-shadow:0 16px 30px rgba(16,42,67,.07)}.library-grid>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:white;background:var(--blue);font-size:9px;font-weight:850}.library-grid small{display:block;margin-bottom:6px;color:#168878;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.library-grid b{display:block;color:var(--ink);font-size:14px}.library-grid p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.library-grid i{color:var(--aqua);font-style:normal}

.brand-toolkit { margin-top: 54px; padding: clamp(26px,4vw,46px); overflow: hidden; border-radius: 28px; color: white; background: radial-gradient(circle at 95% 5%,rgba(56,198,180,.22),transparent 27%),linear-gradient(150deg,#0b2234,#173f5b); box-shadow:0 28px 60px rgba(16,42,67,.18); }
.brand-toolkit-heading { display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.55fr);gap:28px;align-items:end;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13) }.brand-toolkit-heading .mini-label{grid-column:1/-1;color:var(--aqua)}.brand-toolkit-heading h3{margin:0;max-width:19ch;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.05em}.brand-toolkit-heading>p:last-child{margin:0;color:#b9cbd7;font-size:13px;line-height:1.6}
.golden-sequence { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:13px;align-items:center;padding:34px 0 }.golden-sequence>div{min-height:174px;padding:24px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);transition:transform .25s,background .25s}.golden-sequence>div:hover{transform:translateY(-5px);background:rgba(56,198,180,.13)}.golden-sequence span{color:var(--aqua);font-size:10px;font-weight:850}.golden-sequence b{display:block;margin:25px 0 9px;font-size:21px}.golden-sequence p{margin:0;color:#bfd0db;font-size:12px;line-height:1.55}.golden-sequence i{color:var(--aqua);font-style:normal;animation:arrow-pulse 2.8s ease-in-out infinite}
.identity-triad { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:25px;border-radius:22px;background:white;color:var(--ink) }.identity-triad>div{padding:10px 18px;border-left:3px solid var(--aqua)}.identity-triad b{font-size:17px}.identity-triad p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.archetype-heading { display:grid;grid-template-columns:1fr minmax(260px,.6fr);gap:28px;align-items:end;margin-top:48px }.archetype-heading .mini-label{color:var(--aqua)}.archetype-heading h3{margin:2px 0 0;font-size:30px;letter-spacing:-.035em}.archetype-heading>p{margin:0;color:#b9cbd7;font-size:12px;line-height:1.6}
.archetype-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px }.archetype-grid article{position:relative;min-height:162px;padding:21px;border-radius:17px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);transition:transform .22s,border-color .22s}.archetype-grid article:hover{transform:translateY(-4px);border-color:rgba(56,198,180,.62)}.archetype-grid span{color:var(--aqua);font-size:9px;font-weight:850}.archetype-grid h4{margin:19px 0 7px;color:white;font-size:17px}.archetype-grid p{margin:0;color:#cad8e1;font-size:11px}.archetype-grid small{position:absolute;left:21px;right:21px;bottom:18px;color:#7f9bac;font-size:9px}

@keyframes ring-breathe{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes node-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes slow-spin{to{rotate:360deg}}
@keyframes arrow-pulse{0%,100%{opacity:.45;translate:-4px 0}50%{opacity:1;translate:4px 0}}
@keyframes step-glow{0%,100%{background:rgba(255,255,255,.07)}50%{background:rgba(56,198,180,.18)}}
@keyframes data-drop{0%,100%{translate:0 -8px;opacity:.35}50%{translate:0 8px;opacity:1}}

@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .hero-visual { min-height: 320px; }.hero-visual img { width: min(86%, 620px); }
  .learning-shell { grid-template-columns: 1fr; gap:28px; }
  .study-sidebar { position:sticky; top:72px; z-index:35; display:block; max-height:none; overflow:visible; padding:10px 0 12px; background:rgba(247,249,250,.92); backdrop-filter:blur(14px); }
  .reading-rail { width:100%; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; padding:11px 13px; border-radius:16px; }
  .rail-status { flex-direction:row; gap:5px; margin:0; }
  .rail-status strong { font-size:12px; }.rail-status span{font-size:7px}
  .rail-track { width:100%; padding-top:9px; overflow:hidden; }
  .chapter-mini-nav { flex-direction:row; gap:7px; overflow-x:auto; padding:3px 1px 4px; scrollbar-width:thin; }
  .chapter-mini-nav { scroll-snap-type:x proximity; overscroll-behavior-x:contain; }
  .chapter-mini-nav a { flex:0 0 210px; min-height:58px; padding:8px; scroll-snap-align:start; }
  .chapter-mini-nav a:hover { transform:translateY(-1px); }
  .chapter-mini-nav span { width:26px; height:26px; }
  .chapter-nav-copy b { font-size:11px; }
  .chapter-nav-copy small { font-size:8px; }
  .chapter { scroll-margin-top:172px; }
  .case-grid { grid-template-columns: 1fr 1fr; }.canvas-grid { grid-template-columns: 1fr 1fr; }.five-steps { grid-template-columns: 1fr 1fr 1fr; }.stimuli-grid { grid-template-columns: 1fr 1fr; }
  .inatel-header { width: 72px; }
  .chapter-opening { grid-template-columns: 1fr; }
  .chapter-deck { max-width: 44ch; }
  .framework-rows { grid-template-columns: repeat(2, 1fr); }
  .framework-rows > div { border-bottom: 1px solid var(--line); }
  .chapter-case { grid-template-columns: 1fr; }
  .brand-toolkit-heading,.archetype-heading { grid-template-columns:1fr; }
  .archetype-grid { grid-template-columns:repeat(3,1fr); }
  .roadmap-track{grid-template-columns:repeat(3,1fr)}.roadmap-track a{border-bottom:1px solid var(--line)}
}
@media (max-width: 760px) {
  .topbar nav { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 22px; flex-direction: column; background: var(--paper); border-bottom: 1px solid var(--line); }.topbar nav.nav-open { display: flex; }.menu-button { display: block; }.brand small, .inatel-header { display: none; }
  .hero { min-height: auto; padding: 58px 22px 40px; }.hero h1 { font-size: 54px; }.hero-lead { font-size: 18px; }.hero-meta { gap: 22px; }.hero-visual { min-height: 300px; }.hero-visual img { width: min(100%, 500px); border-radius: 0; filter: drop-shadow(0 20px 24px rgba(16,42,67,.14)); }
  .thesis-band { padding: 65px 23px; }.learning-shell { padding: 54px 16px 70px; }.study-sidebar { top:64px; }.section-intro h2 { font-size: 42px; }
  .mission-map { grid-template-columns: 1fr; }.mission-map i { transform: rotate(90deg); text-align: center; }
  .chapter { padding: 22px; border-radius: 22px; }.chapter-heading { grid-template-columns: 1fr; gap: 14px; }.complete-button { justify-self: start; }.reading-grid, .ai-opening { grid-template-columns: 1fr; }.framework-columns, .brand-prism { grid-template-columns: 1fr; }.steps-line, .five-steps { grid-template-columns: 1fr 1fr; }.journey div { grid-template-columns: 44px 1fr; }.journey small { grid-column: 2; }.content-model { grid-template-columns: 1fr; }.stimuli-grid, .canvas-grid { grid-template-columns: 1fr; }.activity-card { grid-template-columns: 1fr; }.case-grid, .download-grid, .sources-list { grid-template-columns: 1fr; }.download-featured { grid-column: auto; align-items: flex-start; flex-direction: column; }.case-grid article { min-height: 260px; }.materials-section, .sources-section, .cases-section { padding: 75px 20px; }footer { grid-template-columns: 1fr; gap: 14px; }
  .chapters .premium-chapter { padding: 22px; margin-bottom: 44px; }
  .chapter-opening { gap: 26px; margin-bottom: 34px; }
  .chapter-deck { font-size: 24px; }
  .chapter-visual { min-height: 280px; }
  .longform-copy section { grid-template-columns: 1fr; gap: 14px; padding: 30px 0; }
  .longform-copy h3 { position: static; }
  .longform-copy .section-body { grid-column: 1; }
  .longform-copy p { grid-column: 1; font-size: 16px; line-height: 1.72; }
  .context-video { grid-template-columns:1fr; gap:16px; padding:20px; }
  .context-video > a { justify-self:start; }
  .framework-rows { grid-template-columns: 1fr; }
  .framework-rows > div { min-height: 0; border-right: 0; }
  .chapter-case, .reflection-card { padding: 23px; }
  .reflection-card { grid-template-columns: 1fr; }
  .visual-evolution { grid-template-columns: 1fr; gap: 8px; }
  .visual-evolution > i { transform: rotate(90deg); }
  .visual-social { gap: 4px; padding: 28px 10px; }
  .visual-social div { width: 52px; min-height: 118px; }
  .visual-social > i { width: 7px; }
  .visual-ai { padding: 42px 16px; }
  .human-core, .ai-core { width: 104px; height: 104px; border-radius: 30px; }
  .loop { font-size: 8px; }
  .brand-toolkit { padding:24px 18px;border-radius:22px }
  .golden-sequence { grid-template-columns:1fr; }.golden-sequence i{transform:rotate(90deg);text-align:center}
  .identity-triad,.archetype-grid { grid-template-columns:1fr; }
  .archetype-grid article { min-height:138px; }
  .study-roadmap{padding:70px 20px}.roadmap-heading{grid-template-columns:1fr;gap:20px}.roadmap-heading>strong{align-items:flex-start}.roadmap-track{grid-template-columns:1fr}.roadmap-track a{min-height:0;border-right:0}.quotation-intro,.quotation-grid,.evidence-columns,.library-heading,.library-grid,.video-seminar-heading,.video-grid{grid-template-columns:1fr}.quotation-grid blockquote{min-height:210px}.evidence-columns>div{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; animation: none !important; } }
.canvas-grid small { display: block; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

/* Final UX refinement: executive editorial rhythm */
body { background:#f6f8f9; color:#283b4d; text-rendering:optimizeLegibility; }
.topbar { height:76px; padding-inline:clamp(24px,5vw,84px); background:rgba(248,250,251,.9); border-bottom-color:rgba(16,42,67,.07); }
.topbar nav a { position:relative; padding:27px 0 25px; }
.topbar nav a::after { content:""; position:absolute; right:0; bottom:18px; left:0; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--blue),var(--aqua)); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.topbar nav a:hover::after,.topbar nav a:focus-visible::after { transform:scaleX(1); }
.brand-mark { border-radius:13px; box-shadow:0 8px 18px rgba(78,110,203,.18); }

.hero { min-height:720px; grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr); padding:84px clamp(26px,7.5vw,132px) 76px; background:radial-gradient(circle at 84% 24%,rgba(56,198,180,.13),transparent 27%),radial-gradient(circle at 58% 70%,rgba(78,110,203,.10),transparent 34%),linear-gradient(180deg,#fbfcfd,#f1f5f6); }
.hero-copy { max-width:760px; padding-left:22px; border-left:3px solid transparent; border-image:linear-gradient(180deg,var(--blue),var(--aqua),transparent 86%) 1; }
.hero h1 { max-width:700px; font-size:clamp(54px,5.2vw,84px); line-height:.99; }
.hero-lead { max-width:610px; margin-block:27px 30px; color:#40576a; }
.hero-actions { gap:10px; }
.primary-button,.secondary-button { min-height:50px; border-radius:13px; }
.primary-button { background:linear-gradient(135deg,#102a43,#173f5b); box-shadow:0 12px 26px rgba(16,42,67,.18); }
.secondary-button { background:rgba(255,255,255,.8); }
.hero-meta { gap:0; margin-top:38px; }
.hero-meta div { min-width:116px; padding-right:26px; }
.hero-meta div+div { padding-left:26px; border-left:1px solid var(--line); }
.hero-visual img { width:min(100%,690px); filter:drop-shadow(0 28px 32px rgba(16,42,67,.14)); }

.mission-map { gap:0; padding:26px clamp(24px,7.5vw,132px); background:#102a43; }
.mission-map div { min-height:84px; padding:15px 19px; border:0; border-left:1px solid rgba(255,255,255,.13); border-radius:0; background:transparent; }
.mission-map div:first-child { border-left:0; }
.mission-map i { padding-inline:7px; opacity:.7; }
.thesis-band { padding-block:88px; }

.study-roadmap { padding:84px clamp(24px,7.5vw,132px); }
.roadmap-heading,.roadmap-track { max-width:1440px; }
.roadmap-track { border-radius:20px; box-shadow:0 18px 44px rgba(16,42,67,.05); }
.roadmap-track a { min-height:168px; padding:20px 16px; }
.roadmap-track b { margin-top:23px; }

.learning-shell { max-width:1580px; grid-template-columns:300px minmax(0,1fr); gap:50px; padding:100px clamp(24px,5.2vw,84px); }
.section-intro { max-width:900px; margin-bottom:64px; }
.section-intro>p:last-child { max-width:780px; }
.chapters .premium-chapter { margin-bottom:92px; padding:clamp(32px,4vw,58px); }
.chapter { border-color:#dfe7eb; border-radius:24px; background:rgba(255,255,255,.97); box-shadow:0 22px 54px rgba(16,42,67,.045); }
.chapter-heading { margin-bottom:40px; padding-bottom:28px; }
.chapter-heading h2 { max-width:880px; line-height:1.04; }
.complete-button { border-radius:999px; padding:9px 14px; }
.chapter-opening { gap:52px; margin-bottom:52px; }
.chapter-deck { max-width:34ch; }
.chapter-visual { min-height:350px; border-radius:22px; box-shadow:0 22px 52px rgba(16,42,67,.13); }
.longform-copy section { grid-template-columns:minmax(210px,.52fr) minmax(0,1.48fr); gap:58px; padding:50px 0; }
.longform-copy h3 { top:116px; font-size:21px; line-height:1.3; }
.longform-copy .section-body { max-width:850px; }
.longform-copy p { max-width:74ch; margin-bottom:19px; color:#344b5e; font-size:17px; line-height:1.8; }

.context-videos { margin-top:26px; }
.context-video { border-radius:16px; box-shadow:none; }
.context-video>a { box-shadow:0 8px 18px rgba(78,110,203,.18); }
.executive-framework,.chapter-case,.reflection-card,.materials-note { border-radius:18px; }
.quotation-suite,.evidence-box,.brand-toolkit,.video-seminar { border-radius:22px; }
.chapter-case { padding:30px; }
.reflection-card { padding:25px; }
.library-grid a { border-radius:16px; }

.materials-section,.sources-section { background:#f7f9fa; }
.download-featured { border-radius:22px; box-shadow:0 20px 46px rgba(16,42,67,.10); }
.sources-list a { background:rgba(255,255,255,.88); }
footer { padding-block:42px; }

@media (max-width:1100px) {
  .topbar { height:72px; }
  .hero { min-height:auto; padding-top:74px; }
  .hero-copy { max-width:none; }
  .mission-map { grid-template-columns:1fr 1fr; gap:1px; padding-block:0; background:rgba(255,255,255,.1); }
  .mission-map div { min-height:112px; background:#102a43; }
  .mission-map i { display:none; }
  .learning-shell { grid-template-columns:1fr; }
  .chapter-opening { gap:32px; }
  .longform-copy section { gap:38px; }
}

@media (max-width:760px) {
  .hero { padding:58px 22px 44px; }
  .hero-copy { padding-left:0; border-left:0; }
  .hero h1 { font-size:clamp(46px,14vw,58px); }
  .hero-meta div { min-width:0; flex:1; padding-right:13px; }
  .hero-meta div+div { padding-left:13px; }
  .mission-map { grid-template-columns:1fr; }
  .mission-map div { min-height:auto; padding:20px 22px; border-left:0; border-bottom:1px solid rgba(255,255,255,.12); }
  .study-roadmap { padding:68px 20px; }
  .learning-shell { padding:54px 16px 76px; }
  .study-sidebar { top:64px; }
  .reading-rail { grid-template-columns:1fr; gap:7px; }
  .rail-status { justify-content:flex-start; }
  .chapter-mini-nav a { flex-basis:178px; min-height:47px; }
  .chapter-nav-copy small { display:none; }
  .chapter { scroll-margin-top:184px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .primary-button,.secondary-button { width:100%; }
  .hero-meta { width:100%; gap:0; }
  .hero-meta div { min-width:0; flex:1; }
  .chapter-heading h2 { font-size:clamp(29px,9vw,39px); }
  .chapter-heading p { line-height:1.5; }
  .complete-button { min-height:44px; }
  .context-video { grid-template-columns:1fr; gap:16px; }
  .context-video>a { width:100%; min-height:44px; }
  .library-grid a { grid-template-columns:32px minmax(0,1fr); }
  .library-grid i { display:none; }
  .chapters .premium-chapter { margin-bottom:48px; padding:22px; }
  .chapter { border-radius:20px; }
  .chapter-opening { margin-bottom:36px; }
  .chapter-visual { min-height:280px; border-radius:18px; }
  .longform-copy section { grid-template-columns:1fr; gap:16px; padding:34px 0; }
  .longform-copy .section-body { max-width:none; }
  .longform-copy p { font-size:16px; line-height:1.74; }
}

@media (max-width: 430px) {
  .topbar { padding-inline:16px; }
  .brand { gap:9px; }
  .brand-mark { width:38px; height:38px; }
  .hero { padding-inline:18px; }
  .hero h1 { font-size:clamp(42px,13.5vw,54px); }
  .hero-lead { margin-top:22px; font-size:17px; }
  .hero-meta strong { font-size:23px; }
  .hero-meta span { font-size:10px; }
  .study-roadmap { padding-inline:16px; }
  .roadmap-heading>strong { font-size:48px; }
  .learning-shell { padding-inline:12px; }
  .reading-rail { padding-inline:10px; }
  .chapter-mini-nav a { flex-basis:160px; }
  .chapter { padding:19px 17px; }
  .chapter-opening,.longform-copy section { gap:14px; }
  .longform-copy p { font-size:15.5px; }
  .chapter-case,.reflection-card,.video-seminar,.quotation-suite,.brand-toolkit { padding:20px 17px; }
  .activity-card { padding:20px 17px; }
  .materials-section,.sources-section,.cases-section { padding-inline:16px; }
}

/* UX refinement: functional iconography, editorial reading and compact navigation */
.index-shortcut { display:none; align-items:center; gap:7px; min-height:38px; padding:8px 13px; border:1px solid #d5dfea; border-radius:999px; color:var(--ink); background:rgba(255,255,255,.76); font-size:11px; font-weight:800; }
.index-shortcut span { color:var(--blue); font-size:16px; line-height:1; }

.roadmap-track a { display:grid; grid-template-columns:34px minmax(0,1fr); align-content:start; column-gap:9px; }
.roadmap-number { grid-row:1 / span 2; display:grid; place-items:center; width:32px; height:32px; border:1px solid #cfdaee; border-radius:10px; color:var(--blue) !important; background:linear-gradient(145deg,#f7f9ff,#edf8f6); font-size:10px !important; font-weight:850; letter-spacing:.04em; }
.roadmap-time { align-self:center; color:var(--muted) !important; font-size:8px !important; letter-spacing:.04em; }
.roadmap-track b,.roadmap-track small { grid-column:1 / -1; }
.roadmap-track b { margin-top:22px; }

.chapters .premium-chapter:not(.chapter-seven) { padding:8px 0 80px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; }
.chapters .premium-chapter:not(.chapter-seven):target { border-bottom-color:#aebfec; box-shadow:none; }
.chapters .premium-chapter.chapter-seven { box-shadow:0 28px 68px rgba(7,26,41,.16); }

.sources-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.source-group { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.72); }
.source-group-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:20px 21px; border-bottom:1px solid var(--line); background:linear-gradient(135deg,#f5f7fd,#eef9f7); }
.source-group-heading h3 { margin:0; color:var(--ink); font-size:17px; letter-spacing:-.02em; }
.source-group-heading small { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.source-group-list { display:flex; flex-direction:column; }
.sources-list .source-group-list a { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.sources-list .source-group-list a:last-child { border-bottom:0; }
.sources-list .source-group-list>a>span { color:var(--aqua); font-size:10px; font-weight:850; }

@media (min-width:900px) and (max-width:1100px) {
  .hero { grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:22px; padding-block:68px; }
  .hero h1 { font-size:clamp(50px,6vw,66px); }
  .hero-visual { min-height:420px; }
  .hero-visual img { width:min(108%,570px); }
}

@media (max-width:760px) {
  .index-shortcut { display:inline-flex; margin-left:auto; }
  .hero-visual { min-height:250px; }
  .hero-visual img { width:min(82%,410px); }
  .roadmap-track { display:flex; gap:12px; overflow-x:auto; padding:3px 1px 12px; border:0; border-radius:0; background:transparent; box-shadow:none; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; }
  .roadmap-track a { flex:0 0 min(76vw,260px); min-height:146px; padding:18px; border:1px solid var(--line) !important; border-radius:18px; background:white; scroll-snap-align:start; }
  .roadmap-track b { margin-top:18px; font-size:14px; }
  .roadmap-track small { font-size:10px; }
  .chapters .premium-chapter:not(.chapter-seven) { padding:4px 5px 54px; border-radius:0; }
  .sources-list { grid-template-columns:1fr; }
  .source-group-heading { grid-template-columns:minmax(0,1fr) auto; }
}

@media (max-width:430px) {
  .index-shortcut { padding-inline:10px; }
  .brand b { font-size:12px; }
  .hero-visual { min-height:225px; }
  .chapter-seven { margin-inline:-1px; }
}