/* Offer presentation used only by phase-one.html. */
body[data-page="phase-one"] .phase-one-hero{padding:var(--intro-top) 0 var(--intro-bottom)}
.phase-one-hero .container{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.phase-one-hero .kicker,.phase-one-hero h1,.phase-one-hero .container>p{grid-column:1/-1}
.phase-one-hero .container>.button{justify-self:start}
.phase-one-hero .phino-intro-slot{grid-column:2;grid-row:4;padding:0}
.phase-one-hero .phino-intro-figure{width:88px;height:96px}
body[data-page="phase-one"] .phase-one-offers{padding:var(--section-space) 0;overflow:visible}
.phase-one-offers .section-head{margin-bottom:26px}
.phase-one-offers .section-head>p{color:var(--body-text)}
.offer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.offer-tab{display:flex;min-width:0;min-height:88px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:16px 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);text-align:left;cursor:pointer}
.offer-tab>span{font-size:16px;line-height:1.35;font-weight:750}
.offer-tab>small{font-size:12px;line-height:1.4;color:var(--body-text)}
.offer-tab:hover{border-color:var(--accent-strong)}
.offer-tab[aria-selected="true"]{border:2px solid var(--accent-strong);padding:15px 19px;background:var(--surface-soft);box-shadow:inset 0 -4px 0 var(--accent-strong)}
.offer-tab[aria-selected="true"]>span{color:var(--accent-strong)}
.offer-tab:focus-visible,.offer-panel:focus-visible,.offer-panel a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.offer-panel{min-width:0;padding:var(--panel-padding);border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--heading);box-shadow:0 12px 36px #071c3a08}
.offer-panel[hidden]{display:none}
.offer-panel .offer-title{margin:10px 0 14px;font-size:var(--font-section-title);line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}
.offer-panel p,.offer-panel li{max-width:74ch;color:var(--body-text);font-size:var(--font-body);line-height:1.8;overflow-wrap:anywhere}
.offer-panel p{margin:0}
.offer-panel .offer-intro{font-size:var(--font-lead);line-height:1.7}
.offer-outcome{margin:24px 0 30px;padding:20px 24px;border-left:4px solid var(--accent-strong);border-radius:0 8px 8px 0;background:var(--surface-raised)}
.offer-outcome h4{margin:0 0 6px;font-size:17px;color:var(--accent-strong)}
.offer-section{margin-top:28px}
.offer-section h4{margin:0 0 10px;font-size:var(--font-detail-heading);line-height:1.4;letter-spacing:-.015em}
.offer-module-grid,.offer-handover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.offer-module-grid{margin-top:28px}
.offer-module-grid .offer-section{margin-top:0;padding-top:22px;border-top:1px solid var(--border)}
.offer-handover{margin-top:28px;border-top:1px solid var(--border)}
.offer-section ul{margin:0;padding-left:20px}
.offer-section li+li{margin-top:6px}
.offer-optional{padding:22px 24px;border:1px dashed var(--accent-strong);border-radius:10px;background:var(--surface-raised)}
.offer-badge{display:inline-block;margin-bottom:10px;color:var(--accent-strong);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.offer-panel>.offer-cta{margin-top:24px;gap:24px;min-height:var(--button-height)}
.website-comparison{width:100%;margin-top:12px;border:1px solid var(--border);border-spacing:0;border-radius:10px;overflow:hidden;text-align:left;table-layout:fixed}
.website-comparison caption{padding:0 0 14px;text-align:left;color:var(--body-text);font-size:14px;line-height:1.6}
.website-comparison th,.website-comparison td{padding:16px;vertical-align:top;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.website-comparison thead{background:var(--surface-soft)}
.website-comparison thead th{font-size:12px;letter-spacing:.01em}
.website-comparison th:first-child{width:13%}
.website-comparison th:nth-child(2){width:29%}
.website-comparison tbody tr+tr>*{border-top:1px solid var(--border)}
.website-comparison tbody th{color:var(--accent-strong);font-size:16px}
.website-comparison td{color:var(--body-text)}
.website-comparison tbody tr:nth-child(even){background:var(--surface-raised)}
.comparison-label{display:none}
.offer-panel .comparison-note{margin-top:10px;font-size:13px;color:var(--subtle-text)}
@media(max-width:700px){
  .phase-one-hero .container{display:block}
  .phase-one-hero .phino-intro-slot{margin-top:12px}
  body[data-page="phase-one"] .phase-one-hero{padding-bottom:var(--intro-bottom)}
  body[data-page="phase-one"] .phase-one-offers{padding-top:var(--section-space);padding-bottom:var(--section-space)}
  .offer-tabs{grid-template-columns:minmax(0,1fr);gap:8px}
  .offer-tab{min-height:68px;padding:13px 16px;gap:3px}
  .offer-tab[aria-selected="true"]{padding:12px 15px}
  .offer-tab>span{font-size:15px}
  .offer-panel{padding:var(--panel-padding)}
  .offer-panel .offer-intro{font-size:var(--font-lead)}
  .offer-panel p,.offer-panel li{font-size:var(--font-body)}
  .offer-outcome{margin:20px 0 24px;padding:16px}
  .offer-module-grid,.offer-handover{grid-template-columns:minmax(0,1fr);gap:24px}
  .offer-handover .offer-section{margin-top:0}
  .offer-handover{padding-top:24px}
  .offer-optional{padding:18px}
  .offer-panel>.offer-cta{width:100%;justify-content:space-between;gap:10px}
  .website-comparison,.website-comparison tbody{display:block;border:0;border-radius:0}
  .website-comparison caption{display:block;width:100%}
  .website-comparison thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .website-comparison tbody tr{display:block;margin-top:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
  .website-comparison tbody th,.website-comparison tbody td{display:block;width:100%;padding:13px 16px;border:0}
  .website-comparison tbody th{background:var(--surface-soft);font-size:18px}
  .website-comparison tbody th:first-child{width:100%}
  .website-comparison tbody td+td{border-top:1px solid var(--border)}
  .comparison-label{display:block;margin-bottom:4px;color:var(--heading);font-size:12px;font-weight:750}
}