/* Enclaverse 2026-09: SaaS repositioning components (ledger, timeline, agreement, chips, giant number, engine, faq).
   Shared by index.html and the service pages. Bump ?v= on every change. */
:root{--ok:#1F8A4C;--cyan:#25F4EE}
.tabular{font-variant-numeric:tabular-nums}

/* ===== CTA ledger chips (replace the emoji burst) ===== */
.chip{position:absolute;left:50%;bottom:60%;z-index:1;opacity:0;pointer-events:none;animation:chipUp 7.5s ease-out infinite;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
  background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:4px 8px;box-shadow:2px 2px 0 var(--ink)}
.chip.r{background:var(--ink);color:var(--cream);box-shadow:2px 2px 0 var(--red)}
.chip.g{border-color:var(--ok);color:var(--ok);box-shadow:2px 2px 0 var(--ok)}
@keyframes chipUp{0%{opacity:0;transform:translate(-50%,0) scale(.7) rotate(0)}8%{opacity:1;transform:translate(calc(-50% + var(--dx,0px)*.3),-30px) scale(1) rotate(var(--rot,6deg))}72%{opacity:1;transform:translate(calc(-50% + var(--dx,0px)),-100px) scale(1) rotate(var(--rot,6deg))}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),-124px) scale(1) rotate(var(--rot,6deg))}}
@keyframes chipUpS{0%{opacity:0;transform:translate(-50%,0) scale(.7)}8%{opacity:.95;transform:translate(calc(-50% + var(--dx,0px)*.3),-18px) scale(1)}72%{opacity:.95;transform:translate(calc(-50% + var(--dx,0px)),-56px) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),-68px) scale(1)}}
@media(max-width:540px){.chip{animation-name:chipUpS;font-size:9.5px}}

/* ===== Attribution ledger ===== */
.ledger{background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);max-width:640px;position:relative}
.ledger-head{background:var(--ink);color:var(--cream);display:flex;align-items:center;gap:10px;padding:12px 18px;font-family:'Archivo',sans-serif;font-weight:900;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.ledger-head .sq{width:12px;height:12px;background:var(--cyan);flex-shrink:0}
.ledger-head .live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.16em;color:rgba(253,246,236,.75)}
.ledger-head .live i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(37,244,238,.7);animation:blink 1.6s ease-in-out infinite}
.ledger .tw{overflow-x:auto}
.ledger table{width:100%;border-collapse:collapse;font-size:13.5px}
.ledger th{font-family:'Archivo',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);text-align:left;padding:12px 14px 8px;border-bottom:2px solid var(--ink)}
.ledger td{padding:11px 14px;border-bottom:1.5px dashed rgba(20,16,14,.18);white-space:nowrap}
.ledger tr.row{opacity:0;transform:translateX(-14px)}
.ledger.on tr.row{animation:rowIn .5s ease forwards}
.ledger tr.row:nth-child(1){animation-delay:.2s}.ledger tr.row:nth-child(2){animation-delay:.9s}.ledger tr.row:nth-child(3){animation-delay:1.6s}.ledger tr.row:nth-child(4){animation-delay:2.3s}.ledger tr.row:nth-child(5){animation-delay:3s}
@keyframes rowIn{to{opacity:1;transform:none}}
.ledger td.p{font-weight:600}
.ledger .code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:var(--cream-2);border:1.5px solid var(--ink);padding:2px 7px}
.ledger .tick{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--ok);color:var(--ok);font-size:11px;font-weight:900;border-radius:50%}
.ledger .comm{color:var(--red);font-weight:700}
.ledger tfoot td{border-bottom:none;background:var(--cream-2);font-family:'Archivo',sans-serif;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:13px 14px}
.ledger tfoot .zero{color:var(--soft);font-family:'Inter',sans-serif;font-weight:500;text-transform:none;letter-spacing:0;font-size:12.5px}
.ledger .stamp{position:absolute;left:-26px;bottom:-34px;transform:rotate(-8deg);font-family:'Archivo',sans-serif;font-weight:900;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);border:3px solid var(--red);padding:7px 12px;background:rgba(253,246,236,.88);box-shadow:3px 3px 0 var(--ink)}
.ledger .example{position:absolute;right:12px;top:-12px;font-family:'Archivo',sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;background:var(--cream);border:2px solid var(--ink);padding:3px 8px;color:var(--soft)}
@media(max-width:540px){.ledger th:nth-child(2),.ledger td:nth-child(2){display:none}.ledger.four th:nth-child(2),.ledger.four td:nth-child(2){display:table-cell}.ledger .stamp{left:-6px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ledger tr.row{opacity:1;transform:none}}

/* ===== Milestone timeline ===== */
.tl{position:relative;padding:70px 0 90px;max-width:1100px}
.tl-rail{position:absolute;left:0;right:0;top:50%;height:4px;background:rgba(20,16,14,.18);transform:translateY(-50%)}
.tl-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);transition:width 2.4s cubic-bezier(.2,.8,.2,1)}
.tl.on .tl-fill{width:100%}
.tl-nodes{display:flex;justify-content:space-between;position:relative}
.tl-node{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.tl-node .sq{width:18px;height:18px;background:var(--cream);border:3px solid var(--ink);z-index:2;transition:background .3s,transform .3s}
.tl.on .tl-node .sq{background:var(--red);transform:rotate(45deg)}
.tl-node .day{position:absolute;top:-52px;font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.tl-node .what{position:absolute;top:34px;font-size:12.5px;color:var(--soft);max-width:150px;line-height:1.35}
.tl-node.key .day{color:var(--red);font-size:15px}
.tl-node.key .sq{width:24px;height:24px}
.tl-node .flag{position:absolute;top:-92px;font-family:'Archivo',sans-serif;font-weight:900;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--cream);padding:5px 8px;white-space:nowrap;box-shadow:2px 2px 0 var(--red)}
.tl-node .flag.g{background:var(--red);color:#fff;box-shadow:2px 2px 0 var(--ink)}
.tl-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:12.5px;color:var(--soft);margin-top:10px;max-width:1100px}
.tl-legend span{display:inline-flex;align-items:center;gap:7px}
.tl-legend i{width:12px;height:12px;display:inline-block}
.tl.compact{padding:64px 0 76px}
.tl.compact .tl-node .what{font-size:12px;max-width:130px}
@media(max-width:820px){
  .tl,.tl.compact{padding:0 0 0 34px}
  .tl-rail{left:10px;right:auto;top:0;bottom:0;width:4px;height:auto;transform:none}
  .tl-fill{width:100%;height:0;transition:height 2.4s cubic-bezier(.2,.8,.2,1)}
  .tl.on .tl-fill{height:100%;width:100%}
  .tl-nodes{flex-direction:column;gap:44px}
  .tl-node{align-items:flex-start;text-align:left;padding-left:8px}
  .tl-node .sq{position:absolute;left:-33px;top:2px}
  .tl-node.key .sq{left:-36px;top:-1px}
  .tl-node .day,.tl-node .what,.tl-node .flag{position:static;max-width:none}
  .tl-node .flag{display:inline-block;margin-bottom:6px}
}

/* ===== Partner agreement ===== */
.agreement{background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);max-width:460px;padding:30px 30px 26px;position:relative;font-size:13.5px;transition:transform .25s,box-shadow .25s}
.agreement:hover{transform:rotate(-1deg) translate(-2px,-4px);box-shadow:12px 12px 0 var(--ink)}
.agreement::before{content:"";position:absolute;top:-2px;right:-2px;width:0;height:0;border-style:solid;border-width:0 34px 34px 0;border-color:transparent var(--cream) transparent transparent;z-index:2}
.agreement::after{content:"";position:absolute;top:-2px;right:-2px;width:34px;height:34px;background:var(--ink);clip-path:polygon(0 0,0 100%,100% 100%);z-index:1}
.agreement .top{font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.agreement .top i{width:10px;height:10px;background:var(--red);display:inline-block}
.agreement h3{font-size:20px;margin-bottom:48px;text-transform:uppercase}
.agreement dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-bottom:20px}
.agreement dt{font-family:'Archivo',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);padding-top:2px}
.agreement dd{border-bottom:1.5px dashed rgba(20,16,14,.2);padding-bottom:5px}
.agreement dd .code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:var(--cream-2);border:1.5px solid var(--ink);padding:1px 7px}
.agreement .sig{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.agreement .sig div{border-top:2px solid var(--ink);padding-top:6px;font-size:11px;color:var(--soft);letter-spacing:.06em;text-transform:uppercase;font-family:'Archivo',sans-serif;font-weight:700}
.agreement .sig .ink{font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;color:var(--ink);text-transform:none;letter-spacing:0;display:block;margin-bottom:4px;transform:rotate(-3deg);transform-origin:left}
.agreement .stamp2{position:absolute;right:30px;top:54px;transform:rotate(-14deg);font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);border:3px solid var(--red);padding:8px 12px;background:rgba(255,253,246,.9);opacity:0}
.agreement.on .stamp2{animation:stampIn .5s cubic-bezier(.2,1.4,.4,1) 1.1s forwards}
.agreement .stamp2 small{display:block;font-size:9px;letter-spacing:.24em;color:var(--red);opacity:.85}
@keyframes stampIn{from{opacity:0;transform:rotate(-14deg) scale(1.8)}to{opacity:1;transform:rotate(-14deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.agreement .stamp2{opacity:1}}

/* ===== Giant number ===== */
.giant{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:end;max-width:1100px}
.giant .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(120px,22vw,300px);line-height:.85;letter-spacing:-.04em;color:var(--ink);position:relative}
.giant .n::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:14px;background:var(--red);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform 1s ease .4s}
.giant.on .n::after{transform:scaleX(1)}
.giant .n i{font-style:normal;color:var(--red);font-size:.45em;vertical-align:top;line-height:1.6}
.giant p{font-size:clamp(17px,2vw,22px);line-height:1.4;max-width:520px;padding-bottom:18px}
.giant p b{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase}
.giant small{display:block;font-size:12.5px;color:var(--soft);margin-top:10px}
@media(max-width:820px){.giant{grid-template-columns:1fr}}

/* ===== Hero grid (homepage + offer page) ===== */
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero-grid .hero-visual{position:relative;z-index:3}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-grid .hero-visual{max-width:560px;margin-top:40px}}

/* ===== Engine four stages ===== */
.engine-grid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.engine-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.engine-grid.four{grid-template-columns:1fr}}
.eng-card .stage{font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:6px}

/* ===== Entry points / ways in ===== */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.ways{grid-template-columns:1fr}}
.way{background:var(--paper);border:2px solid var(--ink);padding:26px 24px;box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column}
.way .num{font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;color:var(--red);margin-bottom:12px}
.way h3{font-size:19px;text-transform:uppercase;margin-bottom:8px}
.way p{font-size:14px;color:var(--soft);margin-bottom:12px}
.way .for{margin-top:auto;font-size:12.5px;border-top:2px dashed rgba(20,16,14,.18);padding-top:10px;color:var(--soft)}
.way .for b{color:var(--ink);font-family:'Archivo',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:3px}
.way.dark{background:var(--ink);color:var(--cream);box-shadow:5px 5px 0 var(--red)}
.way.dark h3{color:var(--cream)}
.way.dark p,.way.dark .for{color:rgba(253,246,236,.75)}
.way.dark .for b{color:var(--cream)}
.way.dark .for{border-color:rgba(253,246,236,.2)}

/* ===== Asset list (what you own at day 90) ===== */
.assets{columns:2;column-gap:40px;list-style:none;max-width:1000px}
@media(max-width:800px){.assets{columns:1}}
.assets li{break-inside:avoid;display:flex;gap:12px;padding:10px 0;border-bottom:1.5px dashed rgba(20,16,14,.18);font-size:14.5px;color:var(--soft)}
.assets li b{color:var(--ink)}
.assets li::before{content:"";width:12px;height:12px;background:var(--red);flex-shrink:0;margin-top:7px;border:2px solid var(--ink)}

/* ===== Fit lists ===== */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px}
@media(max-width:800px){.fit{grid-template-columns:1fr}}
.fit ul{list-style:none}
.fit li{display:flex;gap:11px;padding:9px 0;border-bottom:1.5px dashed rgba(20,16,14,.18);font-size:14.5px;color:var(--soft)}
.fit li b{color:var(--ink)}
.fit .yes li::before{content:"✓";color:var(--ok);font-weight:900;flex-shrink:0}
.fit .no li::before{content:"✕";color:var(--red);font-weight:900;flex-shrink:0}
.fit h3{font-size:15px;text-transform:uppercase;margin-bottom:8px}

/* ===== Proof rows ===== */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.proof-grid{grid-template-columns:1fr}}
.proof{background:var(--paper);border:2px solid var(--ink);padding:22px 22px;box-shadow:5px 5px 0 var(--ink)}
.proof .big{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(28px,3.4vw,40px);line-height:1;color:var(--ink);display:block;margin-bottom:8px}
.proof .big i{font-style:normal;color:var(--red)}
.proof p{font-size:13.5px;color:var(--soft)}
.proof small{display:block;font-size:11.5px;color:var(--soft);opacity:.8;margin-top:8px}

/* ===== FAQ ===== */
.faq{max-width:860px}
.faq details{border:2px solid var(--ink);background:var(--paper);margin-bottom:12px;box-shadow:4px 4px 0 var(--ink)}
.faq summary{cursor:pointer;list-style:none;padding:16px 20px;font-family:'Archivo',sans-serif;font-weight:900;font-size:15.5px;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--red);font-size:22px;line-height:1;flex-shrink:0}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 20px 18px;font-size:14.5px;color:var(--soft)}
.faq details p b{color:var(--ink)}

/* ===== Honesty line ===== */
.physics{background:var(--ink);color:var(--cream);padding:22px 26px;box-shadow:6px 6px 0 var(--red);max-width:760px;font-size:15px;margin-top:34px}
.physics b{font-family:'Archivo',sans-serif;font-weight:900;color:#fff}

/* ===== Engine section (shared; the homepage keeps its own inline copy) ===== */
.engine{background:var(--cream-2);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}
@media(max-width:900px){.engine-grid{grid-template-columns:1fr}}
.eng-card{background:var(--paper);border:2px solid var(--ink);padding:26px 24px;box-shadow:5px 5px 0 var(--ink)}
.eng-card .tag2{font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--ink);padding:5px 10px;display:inline-block;margin-bottom:14px}
.eng-card h3{font-size:18px;text-transform:uppercase;margin-bottom:8px}
.eng-card p{font-size:14px;color:var(--soft)}
.engine .rule{font-size:16.5px;max-width:660px;color:var(--soft)}
.engine .rule b{color:var(--ink)}
.engine-grid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.engine-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.engine-grid.four{grid-template-columns:1fr}}

/* ===== 2026-09-05 mobile fixes: grid children must be allowed to shrink, ledger compact under 540px ===== */
.hero-grid > *{min-width:0}
.hero-visual{min-width:0;max-width:100%}
@media(max-width:540px){
  .hero-grid .hero-visual{margin-top:28px}
  .ledger{max-width:100%}
  .ledger table{font-size:12px}
  .ledger td,.ledger th{padding:8px 9px}
  .ledger .code{font-size:11px;padding:1px 5px}
  .ledger-head{font-size:10.5px;padding:10px 12px;letter-spacing:.14em}
  .ledger tfoot td{font-size:10.5px;padding:10px 9px}
}

/* grid children may shrink below their content width (tables scroll inside .tw instead) */
.grid-2 > *,.grid-3 > *,.hero-grid > *{min-width:0}

/* ===== 2026-09-05 round 3: ledger hover (home + offer page) ===== */
.ledger{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.ledger.hov{transform:translate(-4px,-8px) rotate(0deg) !important;box-shadow:14px 14px 0 var(--ink)}
.ledger .stamp.soft{opacity:0;transform:rotate(-8deg) scale(1.6);transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1)}
.ledger.hov .stamp.soft{opacity:1;transform:rotate(-8deg) scale(1)}
.ledger tr.row.fresh{animation:rowIn .45s ease forwards;background:rgba(37,244,238,.10)}
.ledger tr.row.fresh td{transition:background 1.2s ease 1.2s}
.ledger tfoot .tick-up{display:inline-block;min-width:5.5ch;text-align:left}
.stat .n i{color:var(--cyan)}
.cluster.featured .cnum,.cluster.featured .go{color:var(--cyan) !important}
@media(prefers-reduced-motion:reduce){.ledger,.ledger.hov{transition:none;transform:none !important}}

/* ===== 2026-09-05 round 6 ===== */
/* home engine: red in the boxes */
.engine-grid.four .eng-card:nth-child(even) .tag2{background:var(--red)}
.engine-grid.four .eng-card{border-top:6px solid var(--ink);transition:transform .18s,box-shadow .18s}
.engine-grid.four .eng-card:nth-child(even){border-top-color:var(--red)}
.engine-grid.four .eng-card:hover{transform:translate(-2px,-4px);box-shadow:8px 8px 0 var(--red)}
/* offer page method cards: reveal a "you get" line on hover */
.eng-card .more{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .3s ease,margin .3s;font-size:13px;color:var(--ink);border-top:2px dashed rgba(20,16,14,.18);margin-top:0;padding-top:0}
.eng-card .more b{font-family:'Archivo',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:3px}
.eng-card:hover .more,.eng-card:focus-within .more{max-height:140px;opacity:1;margin-top:12px;padding-top:10px}
@media(hover:none){.eng-card .more{max-height:140px;opacity:1;margin-top:12px;padding-top:10px}}
/* offer page hero */
@media(min-width:1000px){.hero.offer .wrap{padding-left:24px}.hero.offer .hero-grid{grid-template-columns:1.25fr .75fr;gap:40px}.hero.offer .hero-visual{justify-self:end;margin-right:-24px}}
.hero.offer h1{font-size:clamp(38px,4.8vw,80px)}
.agreement .body{transition:opacity .25s ease,transform .25s ease}
.agreement.swap .body{opacity:0;transform:translateY(8px)}
.agreement .hint{position:absolute;left:0;right:0;bottom:-30px;text-align:center;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-family:'Archivo',sans-serif;font-weight:700;color:var(--soft)}
.agreement .stamp2.again{animation:stampIn .5s cubic-bezier(.2,1.4,.4,1) .2s forwards}
/* prettier timeline */
.tl.pretty{padding:34px 0 190px;max-width:none}
.tl.pretty .tl-rail{height:6px;background:rgba(20,16,14,.14)}
.tl.pretty .tl-node .sq{width:20px;height:20px;border-width:3px}
.tl.pretty .tl-node.key .sq{width:26px;height:26px}
.tl.pretty .tcard{position:absolute;top:40px;width:168px;background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 14px 15px;text-align:left;transition:transform .18s,box-shadow .18s}
.tl.pretty .tl-node:hover .tcard{transform:translate(-2px,-4px);box-shadow:8px 8px 0 var(--red)}
.tl.pretty .tcard b{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;letter-spacing:-.01em;line-height:1;margin-bottom:8px;color:var(--red)}
.tl.pretty .tcard span{font-size:12.5px;color:var(--soft);line-height:1.4;display:block}
.tl.pretty .tl-node.key .tcard{background:var(--ink);color:var(--cream);box-shadow:5px 5px 0 var(--red)}
.tl.pretty .tl-node.key .tcard span{color:rgba(253,246,236,.8)}
.tl.pretty .tl-node.key .tcard b{color:var(--cyan)}
.tl.pretty .tl-node:nth-child(odd) .tcard{top:auto;bottom:40px}
.tl.pretty{padding:190px 0 190px}
@media(max-width:820px){
  .tl.pretty{padding:0 0 0 40px}
  .tl.pretty .tcard,.tl.pretty .tl-node:nth-child(odd) .tcard{position:static;width:100%;max-width:420px}
  .tl.pretty .tl-node .sq{left:-37px}
  .tl.pretty .tl-node.key .sq{left:-40px}
}
.physics{max-width:none;padding:26px 30px;font-size:15.5px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.physics .big{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(28px,3.4vw,44px);line-height:1;color:var(--cyan);white-space:nowrap}
@media(max-width:700px){.physics{grid-template-columns:1fr}}
/* do / get lists, full width */
.dg{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:820px){.dg{grid-template-columns:1fr}}
.dg .col{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:26px 26px 18px}
.dg .col.dark{background:var(--ink);color:var(--cream);box-shadow:6px 6px 0 var(--red)}
.dg h3{font-size:16px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.dg h3 i{width:12px;height:12px;background:var(--red);display:inline-block}
.dg .col.dark h3 i{background:var(--cyan)}
.dg ul{list-style:none}
.dg li{display:flex;gap:12px;padding:9px 0;border-bottom:1.5px dashed rgba(20,16,14,.18);font-size:14.5px;color:var(--soft)}
.dg .col.dark li{border-color:rgba(253,246,236,.18);color:rgba(253,246,236,.8)}
.dg li b{color:var(--ink)}
.dg .col.dark li b{color:#fff}
.dg li::before{content:"\2192";color:var(--red);font-weight:900;flex-shrink:0}
.dg .col.dark li::before{color:var(--cyan)}

/* ===== round 7 ===== */
.engine .rule.wide{max-width:none;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px 26px;font-size:16px;color:var(--soft)}
.engine .rule.wide b{color:var(--ink)}
.fit.wide{max-width:none;gap:26px}
.fit.wide > div{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:24px 26px 16px}
.fit.wide .no{box-shadow:6px 6px 0 var(--red)}
.fit.wide h3{font-size:16px}
.fit.wide li{font-size:15px}
.proof-stats{background:var(--ink);color:var(--cream);box-shadow:8px 8px 0 var(--red);padding:34px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center;margin-bottom:26px}
@media(max-width:800px){.proof-stats{grid-template-columns:1fr 1fr}}
.proof-stats .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(34px,4.2vw,54px);line-height:1;display:block;color:#fff}
.proof-stats .n i{font-style:normal;color:var(--cyan)}
.proof-stats .l{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.65;margin-top:8px;display:block}
.logowall{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:28px 30px}
.logowall .lbl{margin-bottom:18px}
.logowall .row{display:flex;flex-wrap:wrap;gap:22px 40px;align-items:center;justify-content:flex-start}
.logowall img{height:30px;width:auto;max-width:150px;object-fit:contain;transition:transform .18s}
.logowall img.sm{height:20px}
.logowall img.ic{height:34px;border-radius:7px}
.logowall img:hover{transform:translateY(-3px)}