/* v2026-10-24: public rebuild — what-is section, tile links, downloads, harness panel */
.what{padding-top:clamp(56px,7vw,96px)}
.what .sec-head{margin-bottom:clamp(28px,3.5vw,44px)}
.what .def{max-width:78ch;font-size:clamp(18px,1.45vw,21px);color:var(--ink);line-height:1.55}
.what .def2{max-width:78ch;margin-top:14px}
.what-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.5vw,48px);align-items:start}
.what-col{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.6vw,32px)}
.what-col .px-k{color:var(--green)}
.outc{list-style:none;display:grid;gap:12px}
.outc li{display:grid;gap:4px;padding:16px 18px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.outc b{font-size:17px;font-weight:700;color:var(--ink)}
.outc span{color:var(--mute);font-size:15.5px;line-height:1.5}
.howl{list-style:none;counter-reset:how;display:grid;gap:0}
.howl li{counter-increment:how;position:relative;padding:14px 0 14px 46px;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.55;color:var(--mute)}
.howl li:last-child{border-bottom:0}
.howl li::before{content:counter(how);position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:700 13px/1 var(--sans)}
.howl b{color:var(--ink);font-weight:700}
@media (max-width:900px){.what-grid{grid-template-columns:1fr}}

.bxw{display:flex;flex-direction:column;gap:10px;min-width:0}
.bxw .bx{flex:1}
.bx-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--c);text-decoration:none;padding:4px 2px;line-height:1.3}
.bx-link:hover{text-decoration:underline}
.bx-link svg{flex:none}
.bx.on::after{display:none}
.pp-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;color:var(--c);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.pp-link:hover{color:var(--ink)}
.pp-l-w li{grid-template-columns:170px 1fr}
.pp-tools{margin-top:10px;font-size:14px;color:var(--mute)}
.gagree{list-style:none;display:grid;gap:8px}
.gagree li{display:grid;grid-template-columns:34px 1fr;gap:4px 12px;align-items:start;background:#fff;border:1px solid #E3E4DA;border-radius:14px;padding:10px 12px}
.gagree i{font-style:normal;grid-row:span 2;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font:700 12px/1 var(--sans)}
.gagree b{font-size:14.5px}
.gagree span{font-size:13.5px;color:var(--mute);line-height:1.4}

.dlgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dlc{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:18px;padding:20px 20px 18px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.dlc:hover{transform:translateY(-3px);box-shadow:0 18px 34px -20px rgba(15,36,24,.4)}
.dlc-k{font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.dlc b{font:400 23px/1.15 var(--serif)}
.dlc-d{color:var(--mute);font-size:14.5px;line-height:1.5}
.dlc-f{font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7A857E;word-break:break-all;margin-top:auto;padding-top:8px}
.dlc-go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--c);margin-top:6px}
@media (max-width:1040px){.dlgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.dlgrid{grid-template-columns:1fr}}

.btn-ghost{border-color:rgba(255,255,255,.7);color:#fff}.btn-ghost:hover{background:#fff;color:var(--green)}
.demo-band .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:1040px){.boxes{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.boxes{grid-template-columns:1fr}.bx-link{font-size:13.5px}}