/* asmixo — guide / landing pages (built on site.css + work.css tokens) */
.lp main{padding-bottom:20px}
.lp-hero{padding:clamp(36px,6vw,84px) var(--pad) 10px;max-width:1240px}
.lp-crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-bottom:22px}
.lp-crumb a{color:var(--ink-2)}
.lp-crumb a:hover{color:var(--blue)}
.lp-h{font-size:clamp(40px,6.2vw,92px);font-weight:600;letter-spacing:-.055em;line-height:.95;max-width:15ch}
.lp-h .script{font-weight:400;letter-spacing:0;font-size:1.08em}
.lp-sub{margin-top:22px;max-width:60ch;font-size:clamp(17px,1.4vw,20px);color:var(--ink-2)}
.lp-meta{margin-top:18px;font-size:13px;color:var(--grey)}
.lp-meta b{color:var(--ink-2);font-weight:600}
.lp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* short answer box: the paragraph an AI assistant should quote */
.lp-answer{margin:clamp(28px,4vw,48px) var(--gut) 0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:clamp(26px,3.6vw,48px) var(--pad);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.lp-answer h2{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;color:var(--blue);margin-bottom:14px}
.lp-answer p{font-size:clamp(18px,1.55vw,22px);line-height:1.45;letter-spacing:-.015em}
.lp-facts{list-style:none;border-left:1px solid var(--line);padding-left:clamp(18px,2.5vw,36px)}
.lp-facts li{display:grid;grid-template-columns:118px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.lp-facts li:first-child{border-top:0;padding-top:0}
.lp-facts span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);padding-top:3px}
.lp-facts b{font-weight:600}

/* body copy */
.lp-body{padding:clamp(56px,7vw,100px) var(--pad) 0;display:grid;grid-template-columns:minmax(0,260px) minmax(0,760px);gap:clamp(24px,5vw,80px)}
.lp-toc{position:sticky;top:96px;align-self:start;font-size:14px}
.lp-toc p{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:12px}
.lp-toc a{display:block;padding:7px 0;color:var(--ink-2);border-top:1px solid var(--line)}
.lp-toc a:hover{color:var(--blue)}
.lp-copy h2{font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:64px 0 16px;scroll-margin-top:96px}
.lp-copy h2:first-child{margin-top:0}
.lp-copy h3{font-size:19px;letter-spacing:-.02em;font-weight:600;margin:28px 0 8px}
.lp-copy p{color:var(--ink-2);font-size:17px;line-height:1.65;margin-bottom:14px;max-width:68ch}
.lp-copy ul,.lp-copy ol{margin:4px 0 18px 20px;color:var(--ink-2);font-size:17px;line-height:1.6}
.lp-copy li{margin-bottom:8px}
.lp-copy li::marker{color:var(--blue)}
.lp-copy strong{color:var(--ink);font-weight:600}
.lp-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.lp-note{font-size:13.5px !important;color:var(--grey) !important}

/* tables */
.lp-table{margin:18px 0 10px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:auto;background:var(--white);-webkit-overflow-scrolling:touch}
.lp-table table{width:100%;border-collapse:collapse;font-size:15px}
.lp-table.wide table{min-width:640px}
.lp-table-hint{display:none;font-size:12.5px;color:var(--grey);margin-top:-2px}
.lp-table th,.lp-table td{text-align:left;padding:13px 16px;border-top:1px solid var(--line);vertical-align:top}
.lp-table thead th{border-top:0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--grey);background:var(--soft)}
.lp-table tbody th{font-weight:600}
.lp-table tr.us{background:var(--blue-soft)}
.lp-table tr.us th{color:var(--blue-2)}
.lp-table .y{color:#0a8a4a;font-weight:600}
.lp-table .n{color:var(--grey)}

/* plan cards */
.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 10px}
.lp-plan{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px}
.lp-plan.hot{border-color:var(--blue);box-shadow:0 20px 50px -30px rgba(0,123,255,.7)}
.lp-plan p{margin:0;font-size:14.5px;line-height:1.5}
.lp-plan .k{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.lp-plan .pr{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--ink);margin:6px 0 10px}
.lp-plan .pr small{font-size:13px;font-weight:400;color:var(--grey);letter-spacing:0}

/* FAQ + related */
.lp-faq{padding:clamp(64px,8vw,110px) var(--pad) 0}
.lp-faq .faq{max-width:900px}
.lp-related{padding:clamp(48px,6vw,80px) var(--pad) 0}
.lp-related ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:6px}
.lp-related a{display:block;height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);padding:18px 20px;font-weight:600;letter-spacing:-.015em;transition:border-color .25s,transform .3s var(--ease)}
.lp-related a small{display:block;margin-top:6px;font-weight:400;font-size:13.5px;color:var(--grey);letter-spacing:0}
.lp-related a:hover{border-color:var(--blue);transform:translateY(-2px)}

/* enquiry */
.lp-contact{padding:clamp(64px,8vw,110px) var(--gut) 0}
.lp-contact .contact-card{padding:clamp(48px,7vw,96px) var(--pad)}
.lp-contact .contact-h{font-size:clamp(38px,5.4vw,80px);font-weight:600;letter-spacing:-.055em;line-height:.95;max-width:16ch}
.lp-contact .contact-h .script{font-weight:400;letter-spacing:0}
.lp-contact .cform{margin-top:30px}
.lp-contact .light-p{margin-top:30px}

@media (max-width:1000px){
  .lp-body{grid-template-columns:minmax(0,1fr)}
  .lp-toc{position:static;display:none}
  .lp-answer{grid-template-columns:1fr}
  .lp-facts{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}
  .lp-plans{grid-template-columns:1fr}
}
@media (max-width:700px){.lp-table-hint{display:block}}
@media (max-width:560px){
  .lp-table th,.lp-table td{padding:11px 12px;font-size:14px}
  .lp-facts li{grid-template-columns:96px 1fr}
  .lp-copy p,.lp-copy ul,.lp-copy ol{font-size:16px}
  .lp-cta .btn{flex:1 1 auto}
}