/* Smart PDF Pilot — home v7: sections 06, image strip, 07, 08. Link after home-v6.css. Light and quiet on purpose. */

/* ===== 06 — Why Mac: a spec sheet with keycaps ===== */
.hm-mac{padding:clamp(72px,9vw,120px) 0;border-top:1px solid var(--line)}
.hm-mac-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.hm-mac-copy{position:sticky;top:120px}
.hm-mac-copy h2{margin:12px 0 18px;font-size:clamp(34px,4vw,54px);line-height:1.06;text-wrap:balance}
.hm-mac-copy p{max-width:44ch;margin-bottom:28px;color:var(--muted);font-size:18px}
.hm-mac-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.hm-keys{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.hm-key{display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.hm-keycap{display:grid;place-items:center;width:56px;height:56px;border:1px solid #cfd8e6;border-bottom-width:4px;border-radius:14px;background:#fff;color:var(--ink);font-size:22px;transition:transform .15s,border-bottom-width .15s}
.hm-key:hover .hm-keycap{transform:translateY(3px);border-bottom-width:1px}
.hm-key strong{display:block;margin-bottom:4px;color:var(--ink);font-family:var(--font-head);font-size:21px;letter-spacing:-.025em}
.hm-key p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}

/* ===== IMAGE STRIP — close-up app details ===== */
.hm-crops{padding:0 0 clamp(56px,7vw,88px)}
.hm-crop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hm-crop{min-width:0;margin:0}
.hm-crop-frame{height:clamp(210px,21vw,270px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#f4f7fb;box-shadow:0 10px 28px rgba(16,27,52,.045)}
.hm-crop-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--op,50% 50%);transform:scale(var(--z,1.3));transform-origin:var(--o,50% 50%);transition:transform .7s var(--ease)}
.hm-crop:hover .hm-crop-frame img{transform:scale(calc(var(--z,1.3) + .08))}
.hm-crop figcaption{padding:16px 3px 0}
.hm-crop figcaption strong{display:block;color:var(--ink);font-family:var(--font-head);font-size:clamp(18px,1.6vw,21px);line-height:1.3;letter-spacing:-.025em}
.hm-crop figcaption span{display:block;margin-top:6px;color:var(--muted);font-size:15px;line-height:1.6}

/* ===== 07 — REAL DOCUMENT WORK: open editorial rows, no cards ===== */
.hm-docs{padding:clamp(54px,7vw,86px) 0 clamp(70px,8vw,104px);border-top:1px solid var(--line)}
.hm-docs .hm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:end;gap:clamp(28px,6vw,80px)}
.hm-docs .hm-split h2{max-width:13em;margin-top:12px;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.04em}
.hm-docs .hm-split>p{max-width:52ch;margin:0 0 5px;color:var(--muted);font-size:17px;line-height:1.8}
.hm-sheets{display:block;margin-top:42px;border-top:1px solid var(--line)}
.hm-sheet{position:relative;display:grid;grid-template-columns:44px minmax(220px,.78fr) minmax(0,1.25fr) 112px;align-items:center;column-gap:clamp(20px,3vw,46px);min-width:0;padding:27px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit;text-decoration:none;box-shadow:none;transition:background .22s ease,padding .22s ease}
.hm-sheet:before{content:none}
.hm-sheet:hover{padding-left:25px;padding-right:25px;background:linear-gradient(90deg,rgba(255,62,82,.055),rgba(255,62,82,.018));box-shadow:none;transform:none}
.hm-sheet-number{color:var(--red);font-size:15px;font-weight:800;letter-spacing:.08em}
.hm-sheet-main{min-width:0}
.hm-sheet-label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hm-sheet strong{display:block;color:var(--ink);font-family:var(--font-head);font-size:clamp(18px,1.6vw,23px);line-height:1.25;letter-spacing:-.025em}
.hm-sheet-detail{min-width:0;padding-left:clamp(18px,2.5vw,36px);border-left:1px solid var(--line)}
.hm-sheet p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.hm-sheet ul{display:flex;flex-wrap:wrap;gap:0;margin:10px 0 0;padding:0;list-style:none}
.hm-sheet li{padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:500}
.hm-sheet li+li:before{content:'·';display:inline-block;margin:0 12px;color:var(--red);font-weight:800}
.hm-lines{display:none}
.hm-sheet-go{justify-self:end;color:var(--ink);font-size:14px;font-weight:750;white-space:nowrap}
.hm-sheet-go span{display:inline-block;margin-left:9px;color:var(--red);transition:transform .2s ease}
.hm-sheet:hover .hm-sheet-go{color:var(--ink)}
.hm-sheet:hover .hm-sheet-go span{transform:translateX(4px)}
.hm-sheet:nth-child(3):hover{background:linear-gradient(90deg,rgba(255,62,82,.075),rgba(255,62,82,.025))}

/* ===== 08  — PRICING ===== */
.hm-plans{padding:clamp(64px,8vw,100px) 0 0;border-top:1px solid var(--line);background:linear-gradient(180deg,#f7f9fc 0%,#fbfcfe 100%)}
.hm-plans>.container{padding-bottom:clamp(58px,7vw,82px)}
.hm-plans-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.hm-plans-top h2{max-width:14em;margin-top:12px;font-size:clamp(32px,3.8vw,48px);line-height:1.08;letter-spacing:-.04em}
.hm-seg{display:inline-flex;flex-shrink:0;gap:3px;padding:4px;border:1px solid #d3dcea;border-radius:99px;background:#fff}
.hm-seg button{padding:9px 15px;border:0;border-radius:99px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.hm-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.hm-seg em{margin-left:5px;color:#157347;font-size:11px;font-style:normal;font-weight:800}
.hm-seg button[aria-pressed="true"] em{color:#7ee2a8}
.hm-ptable{max-width:100%;overflow:hidden;border:1px solid #d9e1ee;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(16,27,52,.045)}
.hm-ptable table{width:100%;border-collapse:collapse;font-size:14px}
.hm-ptable th,.hm-ptable td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:center;font-family:var(--font-body);letter-spacing:0;text-transform:none}
.hm-ptable th:first-child,.hm-ptable td:first-child{text-align:left}
.hm-ptable thead th{padding:20px 18px;border-bottom:1px solid #d9e1ee;vertical-align:top}
.hm-ptable thead th:first-child{width:46%;color:var(--muted);font-size:13.5px;font-weight:500;line-height:1.65;vertical-align:middle}
.hm-ptable thead th.pro{background:#fafbfd;box-shadow:inset 0 3px 0 var(--red)}
.hm-ptable thead strong{display:block;color:var(--ink);font-family:var(--font-head);font-size:17px}
.hm-pt-price{display:block;margin-top:6px;color:var(--ink);font-family:var(--font-head);font-size:clamp(20px,2.3vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1.15}
.hm-pt-price b{font-weight:800}
.hm-pt-price small{margin-left:4px;color:var(--muted);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0}
.hm-pt-sub{display:block;min-height:20px;margin:5px 0 12px;color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.5}
.hm-ptable .btn{width:100%;min-height:39px;padding:9px 12px;border-radius:9px;font-size:13px}
.hm-ptable tbody th{color:var(--ink);font-weight:600}
.hm-ptable tbody th span{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.5}
.hm-ptable td{color:#188458;font-weight:800}
.hm-ptable td:last-child{background:#fafbfd}
.hm-ptable td.no{color:#b3bdd0;font-weight:400}
.hm-ptable tbody tr:last-child th,.hm-ptable tbody tr:last-child td{border-bottom:0}
.hm-pt-note{margin:0;padding:13px 18px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7}
.hm-pt-note a{color:var(--ink);font-weight:600;border-bottom:1.5px solid var(--red)}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){.hm-sheet{grid-template-columns:34px minmax(180px,.8fr) minmax(0,1.2fr) 96px;column-gap:22px}.hm-faq-grid{gap:30px}}
@media(max-width:900px){.hm-crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-crop:last-child{grid-column:1/-1}.hm-docs .hm-split{grid-template-columns:1fr;gap:18px}.hm-sheet{grid-template-columns:34px minmax(0,1fr) 90px;row-gap:12px;padding:23px 8px}.hm-sheet-detail{grid-column:2/4;padding:0;border-left:0}.hm-sheet-go{grid-column:3;grid-row:1;align-self:center}.hm-faq-grid{grid-template-columns:1fr}.hm-faq-side{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:start}.hm-faq-side .section-kicker,.hm-faq-side h2,.hm-faq-side>p{grid-column:1}.hm-faq-logo{grid-column:2;grid-row:1/4;width:64px;margin:0}.hm-faq-actions{grid-column:1/-1;margin-top:18px}}
@media(max-width:640px){.hm-crop-grid{grid-template-columns:1fr;gap:28px}.hm-crop:last-child{grid-column:auto}.hm-crop-frame{height:clamp(210px,62vw,280px)}.hm-sheet{grid-template-columns:28px minmax(0,1fr) 76px;column-gap:12px;padding:21px 0}.hm-sheet strong{font-size:18px}.hm-sheet p{font-size:14px}.hm-sheet li{font-size:12px}.hm-sheet li+li:before{margin:0 8px}.hm-sheet-go{font-size:12.5px}.hm-plans-top{align-items:flex-start;flex-direction:column;margin-bottom:22px}.hm-seg{align-self:flex-start}.hm-ptable{overflow-x:auto}.hm-ptable table{min-width:540px}.hm-ptable th,.hm-ptable td{padding:12px 10px}.hm-ptable thead th:first-child{display:none}.hm-ptable thead th{padding:16px 10px}.hm-pt-price{font-size:22px}.hm-faq-side{display:block}.hm-faq-logo{width:64px;margin:20px 0 10px}.hm-faq-actions{gap:10px 14px}.hm-faq-card details{padding:0 16px}.hm-faq-card summary{font-size:14px;padding:17px 30px 17px 0}.hm-faq-card details p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hm-crop-frame img,.hm-sheet,.hm-sheet-go span{transition:none}.hm-crop:hover .hm-crop-frame img,.hm-sheet:hover{transform:none}.hm-sheet:hover .hm-sheet-go span{transform:none}}