/* pages-b: pack page, search, install in Option B + Crate style */
.pp-in{max-width:var(--wide);margin:0 auto;padding:0 20px}
.crumbs{margin:0 0 18px}.crumbs a{text-decoration:underline;text-underline-offset:3px}
.pp-hero{padding:40px 0 24px}
.pp-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.pp-hero h1{font:800 68px/.95 var(--hd);letter-spacing:-.045em;margin:0 0 20px}
.pp-hero .lede{font-size:18px;color:#444;max-width:520px;margin:0 0 14px}
.for{margin:0 0 26px;font-size:15px;color:#222}
.fine{font-size:12.5px;color:#666;margin:14px 0 0}.fine a{text-decoration:underline}
.pp-art{position:relative;margin-top:14px}
.pp-tab{position:absolute;left:0;top:-14px;width:44%;height:16px;background:var(--m);border:2px solid var(--ink);border-bottom:0;border-radius:8px 8px 0 0}
.pp-band{position:relative;display:flex;justify-content:center;align-items:center;height:250px;background:var(--mt);border:2px solid var(--ink);border-radius:0 12px 0 0}
.pp-box{width:150px;height:150px}
.stamp.big{width:78px;height:78px;font-size:14px;right:16px;top:16px;border-width:2px}
.pp-ticket{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:2px solid var(--ink);border-top:2px dashed var(--ink);border-radius:0 0 12px 12px;background:#fff;font-size:14px}
.facts{display:grid;grid-template-columns:repeat(5,1fr);margin:40px 0 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.facts div{padding:12px 12px 12px 0}.facts div+div{padding-left:14px;border-left:1px solid var(--line)}
.facts dt{font:400 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#777;margin-bottom:6px}
.facts dd{margin:0;font-weight:600;font-size:15px}
.pp-body{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;padding-top:34px;padding-bottom:20px}
.blk{margin:0 0 40px}.blk.wide{grid-column:1/-1}
.blk h2{font:700 20px/1.2 var(--hd);letter-spacing:-.01em;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.sec-head h2{border:0;padding:0;margin:0}
.does,.wont{list-style:none;margin:0;padding:0}
.does li,.wont li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--line);font-size:14.5px;color:#333}
.does li::before{content:"";position:absolute;left:2px;top:14px;width:12px;height:12px;background:var(--accent);border:1.5px solid var(--ink);border-radius:2px}
.wont li::before{content:"×";position:absolute;left:3px;top:6px;font:600 16px var(--mono);color:#888}
.does b{font-family:var(--mono);font-weight:600;font-size:12.5px}
.conns{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.conns li{display:flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:8px;padding:9px 12px;font-weight:600;font-size:14px}
.conns em{font:400 10px var(--mono);font-style:normal;color:#777;text-transform:uppercase;letter-spacing:.04em}
.conns li.none{border-style:dashed;color:#444}
.steps{list-style:none;margin:0;padding:0;counter-reset:st}
.steps li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;gap:0 14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.steps .sn::before{content:counter(st);display:flex;width:34px;height:34px;border-radius:8px;background:var(--ink);color:#fff;align-items:center;justify-content:center;font:600 13px var(--mono)}
.steps p{margin:6px 0 0;font-size:15px;line-height:1.5}
.steps pre{grid-column:2;margin:10px 0 0;background:var(--acc-soft);border:1.5px solid var(--ink);border-radius:8px;padding:12px 14px;white-space:pre-wrap;font:400 12.5px/1.5 var(--mono)}
code{font:400 .86em var(--mono);background:#f4f3f0;padding:1px 5px;border-radius:3px}
pre code{background:none;padding:0}
.cl{list-style:none;margin:0;padding:0}
.cl>li{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.cl-v b{display:block;font:600 14px var(--mono)}.cl-v time{font:400 11px var(--mono);color:#777}
.cl ul{margin:0;padding-left:18px;font-size:14px;color:#333}.cl ul li{margin:2px 0}
.buybar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--acc-soft);border:2px solid var(--ink);border-radius:12px;padding:16px 20px}
.buybar b{display:block;font:800 22px var(--hd);letter-spacing:-.02em}
.rels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rel{display:block;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;background:#fff;transition:transform .15s,box-shadow .15s}
.rel:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}
.rel-band{position:relative;display:flex;justify-content:center;align-items:center;height:84px;background:var(--m);border-bottom:1.5px solid var(--ink)}
.rel-band .pk-ico{width:54px;height:54px}
.rel-body{display:block;padding:12px}.rel-body b{display:block;font:700 15px var(--hd);margin-bottom:4px}
.rel-body span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:#555}
/* search */
.sp{padding-top:40px}
.page-title .q{color:var(--accent);filter:brightness(.85)}
.searchbar button{height:28px;margin-right:-8px}
.searchbar{height:46px}
.chips{border:0;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;box-shadow:inset 0 0 0 1px #cfcdc8;font:600 13px var(--ui);cursor:pointer;background:#fff}
.chip input{position:absolute;opacity:0}
.chip:has(input:checked),.chip.is-checked{background:var(--ink);color:#fff;box-shadow:none}
.chip:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.chip-sep{width:1px;height:22px;background:#d6d4cf;margin:0 4px}
.srows{list-style:none;margin:26px 0 0;padding:0;display:block}
.srow{display:flex;max-width:100%}
.pack-num{font:400 11px/30px var(--mono);color:#999;width:22px;flex:none}
.sempty{margin-top:28px}.sempty h2{font:800 26px/1.1 var(--hd);margin:0 0 8px;letter-spacing:-.02em}.sempty p{margin:0 0 10px}
.sempty .add{display:inline-block}
/* install */
.ins h1{font-size:64px}
.ins-art{min-height:340px}
.chooser{margin:10px 0 48px}
.chooser>input{position:absolute;opacity:0}
.chooser>label{display:inline-flex;align-items:center;height:44px;padding:0 22px;border:2px solid var(--ink);border-radius:8px 8px 0 0;margin-right:6px;font:700 16px var(--hd);cursor:pointer;background:#fff;position:relative;top:2px}
.chooser>input:checked+label{background:var(--accent);}
.chooser>input:focus-visible+label{outline:3px solid var(--ink);outline-offset:2px}
.ipanels{border:2px solid var(--ink);border-radius:0 12px 12px 12px;padding:10px 24px 22px}
.ipanel{display:none}
#t-grok:checked~.ipanels #p-grok,#t-claude:checked~.ipanels #p-claude,#t-chatgpt:checked~.ipanels #p-chatgpt{display:block}
.ipanel-cta{display:flex;gap:22px;align-items:center;margin-top:20px}
.freelist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.freelist li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600}
.freelist li>a:first-of-type{flex:1}
@media (max-width:860px){
  .pp-grid{grid-template-columns:1fr;gap:28px}.pp-hero h1,.ins h1{font-size:46px}
  .pp-band{height:180px}.pp-box{width:110px;height:110px}
  .facts{grid-template-columns:1fr 1fr}.facts div{border:0!important;padding-left:0!important}
  .pp-body{grid-template-columns:1fr}.rels,.freelist{grid-template-columns:1fr}
  .cl>li{grid-template-columns:1fr}.buybar{flex-direction:column;align-items:flex-start}
  .chooser>label{padding:0 12px;font-size:14px}.ipanels{padding:6px 14px 18px}.ipanel-cta{flex-direction:column;align-items:flex-start}
  .ins-art{min-height:0}
}
/* pricing / tiers block */
.tier-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 18px}
.tier-cards.one{grid-template-columns:minmax(0,360px)}
.tier{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:18px 20px;border:2px solid var(--ink);border-radius:12px;background:#fff}
.tier b{font:800 26px/1.1 var(--hd);letter-spacing:-.02em}
.tier-team{background:var(--acc-soft)}
.tier-table{overflow-x:auto}
.tier-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.tier-table th,.tier-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tier-table thead th{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--ink)}
.tiers a:not([class]){text-decoration:underline}
@media (max-width:720px){.tier-cards{grid-template-columns:1fr}}
/* quick answers (server-rendered FAQ) */
.answers .qa{margin:0 0 16px}.answers .faq{padding:10px 0;border-bottom:1px solid var(--line)}
.answers dt{font:700 15px/1.3 var(--ui);margin:0 0 4px}.answers dd{margin:0;color:#333;font-size:14.5px}
.answers h3{font:700 16px var(--hd);margin:18px 0 8px}.answers .qa-steps{margin:0 0 8px;padding-left:20px}.answers .qa-steps li{margin:4px 0}