/* LinkLedger product page - namespaced .ll-*  (sits beside pl.css) */

.llnav{display:flex;gap:18px;flex-wrap:wrap;align-items:center;}
.llnav a{color:#CFE3E1;text-decoration:none;font-size:14px;font-weight:500;}
.llnav a:hover{color:var(--teal-bright);}

.ll-crumb{font-size:13px;color:var(--muted);padding:14px 0 0;}
.ll-crumb a{color:var(--muted);text-decoration:none;}
.ll-crumb a:hover{color:var(--teal);}

/* hero */
.ll-hero{background:linear-gradient(160deg,#0B2B33 0%,#123B45 58%,#0E5F5C 100%);color:#fff;padding:54px 0 0;overflow:hidden;}
.ll-hero h1{color:#fff;font-size:clamp(28px,4.4vw,46px);line-height:1.12;margin:12px 0 0;max-width:19ch;}
.ll-hero .lead{color:#CFE3E1;font-size:clamp(16px,1.5vw,18.5px);max-width:60ch;margin:16px 0 0;}
.ll-pill{display:inline-block;border:1px solid rgba(45,212,200,.45);color:var(--teal-bright);
  border-radius:999px;padding:6px 15px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.ll-btns{display:flex;gap:11px;flex-wrap:wrap;margin:26px 0 0;}
.ll-cta{display:inline-block;background:var(--teal-bright);color:#04252B;font-weight:700;
  padding:13px 24px;border-radius:7px;text-decoration:none;font-size:15px;}
.ll-cta:hover{background:#5BE5DB;}
.ll-cta2{display:inline-block;border:1px solid rgba(255,255,255,.34);color:#fff;font-weight:600;
  padding:13px 22px;border-radius:7px;text-decoration:none;font-size:15px;}
.ll-cta2:hover{border-color:var(--teal-bright);color:var(--teal-bright);}
.ll-note{color:#9FBFBE;font-size:13px;margin:14px 0 0;}
.ll-herofig{margin:44px 0 -8px;}

/* section furniture */
.ll-sec{padding:60px 0;}
.ll-sec.alt{background:#fff;}
.ll-sec h2{font-size:clamp(21px,2.6vw,30px);margin:8px 0 0;max-width:24ch;}
.ll-sec .lead{color:var(--muted);max-width:66ch;margin:14px 0 0;}
.ll-lede{font-size:17px;color:var(--ink);max-width:64ch;margin:16px 0 0;}

.ll-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:16px;margin:30px 0 0;}
.ll-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 20px 22px;}
.ll-sec.alt .ll-card{background:var(--bg);}
.ll-card h3{font-size:16.5px;margin:0 0 6px;}
.ll-card p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.6;}
.ll-card ul{margin:10px 0 0;padding:0 0 0 17px;font-size:14px;color:var(--muted);line-height:1.75;}
.ll-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin:0 0 9px;}

.ll-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:28px 0 0;}
.ll-check{border-left:3px solid var(--teal);padding:2px 0 2px 15px;}
.ll-check b{display:block;font-family:Poppins,Inter,sans-serif;color:var(--navy);font-size:15.5px;margin:0 0 4px;}
.ll-check p{margin:0;font-size:14px;color:var(--muted);line-height:1.62;}

/* chain of documents */
.ll-chain{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:26px 0 0;}
.ll-chain span{background:var(--surface);border:1px solid var(--line);border-radius:7px;
  padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--navy);}
.ll-chain i{color:var(--teal);font-style:normal;font-weight:700;}
.ll-sec.alt .ll-chain span{background:var(--bg);}

/* roles table */
.ll-tablewrap{overflow-x:auto;margin:28px 0 0;-webkit-overflow-scrolling:touch;}
.ll-table{border-collapse:collapse;width:100%;min-width:540px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14.5px;}
.ll-table th,.ll-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.ll-table th{background:var(--navy);color:#fff;font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:13.5px;}
.ll-table td:first-child{font-weight:600;color:var(--navy);white-space:nowrap;}
.ll-table tr:last-child td{border-bottom:0;}
.ll-yes{color:var(--good,#127A4B);font-weight:700;}
.ll-no{color:#9AA9AC;}

/* ---------- the stylised app mockups ---------- */
.ll-shot{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0 6px;}
.ll-cap{font-size:12.5px;color:var(--muted);margin:10px 0 0;}
.ll-hero .ll-cap{color:#9FBFBE;}

.ll-win{min-width:860px;background:#F4F8F7;border-radius:12px;overflow:hidden;
  box-shadow:0 2px 6px rgba(11,43,51,.14),0 26px 60px rgba(11,43,51,.26);
  font-family:Inter,system-ui,sans-serif;color:#12262B;}
.ll-titlebar{background:#0A2229;display:flex;align-items:center;gap:9px;padding:9px 13px;}
.ll-dot{width:10px;height:10px;border-radius:50%;background:#2F4A51;flex:none;}
.ll-url{flex:1;background:#123B45;border-radius:5px;height:21px;display:flex;align-items:center;
  padding:0 10px;font-size:11px;color:#8FB3B2;letter-spacing:.02em;}
.ll-wbody{display:flex;min-height:392px;}

.ll-side{width:206px;flex:none;background:#0B2B33;padding:14px 0 18px;}
.ll-brand{color:#fff;font-family:Poppins,sans-serif;font-weight:800;font-size:13.5px;
  letter-spacing:.09em;padding:0 16px 3px;}
.ll-brand small{display:block;font-size:8px;letter-spacing:.24em;color:var(--teal-bright);font-weight:500;}
.ll-nav{margin:15px 0 0;}
.ll-nrow{display:flex;align-items:center;gap:9px;padding:7px 16px;font-size:12.5px;color:#A9C6C5;}
.ll-nrow.on{background:#123B45;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--teal-bright);}
.ll-nrow .ll-ic{width:13px;height:13px;border-radius:3px;background:#2C5760;flex:none;}
.ll-nrow.on .ll-ic{background:var(--teal-bright);}
.ll-ghead{display:flex;align-items:center;gap:9px;padding:8px 16px;font-size:12.5px;
  color:#CFE3E1;font-weight:600;}
.ll-ghead .ll-chev{margin-left:auto;color:#6F9295;font-size:9px;}
.ll-bdg{margin-left:auto;background:#1C4E57;color:#BFE9E5;border-radius:999px;
  font-size:9.5px;font-weight:700;padding:1px 6px;font-style:normal;}
.ll-bdg.bad{background:#5A1F22;color:#FFC9CB;}
.ll-sub .ll-nrow{padding-left:34px;font-size:12px;}

.ll-main{flex:1;padding:15px 18px 20px;min-width:0;}
.ll-top{display:flex;align-items:center;gap:11px;margin:0 0 15px;}
.ll-search{flex:1;background:#fff;border:1px solid #E1EAE9;border-radius:7px;height:31px;
  display:flex;align-items:center;padding:0 11px;font-size:11.5px;color:#8DA0A3;}
.ll-kbd{margin-left:auto;border:1px solid #E1EAE9;border-radius:4px;padding:1px 5px;font-size:9.5px;color:#8DA0A3;}
.ll-user{width:27px;height:27px;border-radius:50%;background:#17A398;color:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;}

.ll-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;}
.ll-tile{background:#fff;border:1px solid #E1EAE9;border-radius:9px;padding:11px 12px;}
.ll-tile .k{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#7C9195;font-weight:700;}
.ll-tile .v{font-family:Poppins,sans-serif;font-weight:700;font-size:17px;color:#0B2B33;margin:4px 0 0;
  font-variant-numeric:tabular-nums;}
.ll-tile .v.bad{color:#B4262A;}
.ll-tile .d{font-size:10px;color:#8DA0A3;margin:2px 0 0;}

.ll-panel{background:#fff;border:1px solid #E1EAE9;border-radius:9px;margin:13px 0 0;overflow:hidden;}
.ll-ph{padding:10px 13px;border-bottom:1px solid #E1EAE9;font-family:Poppins,sans-serif;
  font-weight:600;font-size:12.5px;color:#0B2B33;}
.ll-tb{width:100%;border-collapse:collapse;font-size:11.5px;}
.ll-tb th{text-align:left;padding:7px 13px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#7C9195;font-weight:700;border-bottom:1px solid #EFF4F3;}
.ll-tb td{padding:8px 13px;border-bottom:1px solid #F2F6F5;color:#3C5258;}
.ll-tb tr:last-child td{border-bottom:0;}
.ll-tb .num{text-align:right;font-variant-numeric:tabular-nums;color:#0B2B33;font-weight:600;}
.ll-tb .ref{font-weight:600;color:#0B2B33;}
.ll-chip{display:inline-block;border-radius:999px;padding:1.5px 8px;font-size:9.5px;font-weight:700;}
.ll-chip.paid{background:#DDF1E7;color:#0F6B42;}
.ll-chip.due{background:#FDE7E7;color:#9E2226;}
.ll-chip.open{background:#DFF0EE;color:#0E6A63;}
.ll-chip.draft{background:#EDF1F1;color:#5F7378;}

/* document preview mockup */
.ll-doc{background:#fff;border:1px solid #E1EAE9;border-radius:9px;padding:17px 19px;}
.ll-dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
  border-bottom:2px solid #0B2B33;padding:0 0 11px;}
.ll-dlogo{font-family:Poppins,sans-serif;font-weight:800;font-size:13px;letter-spacing:.08em;color:#0B2B33;}
.ll-dlogo small{display:block;font-size:7.5px;letter-spacing:.22em;color:#17A398;font-weight:500;}
.ll-dt{text-align:right;}
.ll-dt b{font-family:Poppins,sans-serif;font-size:14px;color:#0B2B33;letter-spacing:.05em;}
.ll-dt span{display:block;font-size:10px;color:#7C9195;margin:2px 0 0;}
.ll-dmeta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 0;font-size:10.5px;color:#5F7378;line-height:1.6;}
.ll-dmeta b{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7C9195;margin:0 0 3px;}
.ll-dtot{margin:11px 0 0;display:flex;justify-content:flex-end;}
.ll-dtot table{font-size:11px;border-collapse:collapse;min-width:228px;}
.ll-dtot td{padding:4px 0;color:#5F7378;}
.ll-dtot td+td{text-align:right;font-variant-numeric:tabular-nums;color:#0B2B33;font-weight:600;}
.ll-dtot tr.grand td{border-top:1px solid #E1EAE9;padding-top:7px;font-size:12.5px;color:#0B2B33;font-weight:700;}
.ll-side2{width:168px;flex:none;border-left:1px solid #E1EAE9;background:#fff;padding:15px 14px;}
.ll-act{display:block;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:600;margin:0 0 7px;}
.ll-act.p{background:#17A398;color:#fff;}
.ll-act.g{border:1px solid #E1EAE9;color:#3C5258;}

/* p&l mockup */
.ll-bars{display:flex;align-items:flex-end;gap:9px;height:104px;padding:12px 13px 0;}
.ll-bar{flex:1;background:linear-gradient(180deg,#2DD4C8,#17A398);border-radius:3px 3px 0 0;}
.ll-bars span{display:block;}
.ll-blabels{display:flex;gap:9px;padding:6px 13px 12px;}
.ll-blabels span{flex:1;text-align:center;font-size:9px;color:#8DA0A3;}

/* faq + closing */
.ll-faqwrap{max-width:860px;}
.ll-price{background:var(--navy);color:#fff;border-radius:14px;padding:30px 28px;margin:30px 0 0;
  display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center;}
.ll-price h3{color:#fff;font-size:21px;margin:0 0 9px;}
.ll-price p{color:#CFE3E1;font-size:14.5px;margin:0;line-height:1.65;}
.ll-price .ll-btns{margin:0;}

@media(max-width:820px){
  .ll-price{grid-template-columns:1fr;}
  .ll-tiles{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .ll-sec{padding:44px 0;}
  .ll-hero{padding:38px 0 0;}
}