/* ==========================================================
   KJRE PRODUCTION SYSTEM  |  Component layer: Seller V1.1
   Extracted verbatim from seller-parts.html (LOCKED). DO NOT EDIT BY HAND.
   01-tokens.css + 02-system.css concatenate byte-for-byte to
   the Homepage V2 style block. A build check asserts this.
   ========================================================== */
.crumb{display:flex;flex-wrap:wrap;gap:.75em;align-items:center;font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);margin-bottom:clamp(20px,3vw,34px)}
.crumb a{border-bottom:1px solid transparent;transition:border-color .35s var(--ease)}
.crumb a:hover{border-bottom-color:var(--canopy);color:var(--ink)}
.crumb .sep{color:var(--rule)}

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.6vw,38px)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,38px)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.2vw,30px)}

/* pillar cards, hairline top rule instead of a boxed card */
.pillar{display:flex;flex-direction:column;gap:.85em;padding-top:clamp(16px,2vw,22px);border-top:1px solid var(--rule)}
.pillar .k{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.pillar h3{font-family:var(--kjre-display);font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.2;margin:0;font-weight:400}
.pillar p{font-size:.9rem;font-weight:300;color:var(--ink-2)}

/* what is included, two columns of hairline rows on the dark ground */
.inc{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3.5vw,56px)}
.inc div{display:flex;gap:1em;align-items:baseline;padding-block:1.05em;border-bottom:1px solid rgba(244,241,232,.16);font-size:.9rem;font-weight:300;color:rgba(244,241,232,.78)}
.inc .n{flex:0 0 auto;color:var(--brass);font-size:.6rem;letter-spacing:.12em}
.inc b{font-weight:500;color:var(--paper)}

/* pricing scenarios */
.scen{display:flex;flex-direction:column;gap:.7em;padding:clamp(18px,2.2vw,26px);background:var(--paper);border:1px solid var(--rule-soft)}
.scen .k{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.scen h3{font-family:var(--kjre-display);font-size:1.12rem;margin:0;font-weight:400}
.scen p{font-size:.86rem;font-weight:300;color:var(--ink-2)}
.scen--focus{background:var(--paper-2);border-color:var(--canopy)}
.scen--focus .k{color:var(--canopy)}

/* net proceeds estimator */
.calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(22px,3vw,46px);background:var(--paper);border:1px solid var(--rule);padding:clamp(20px,2.6vw,34px)}
.calc__fields{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
.field .hint{font-size:.68rem;font-weight:300;color:var(--ink-3);line-height:1.5}
.field textarea{font-family:var(--body);font-size:.92rem;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:.65em 0;width:100%;border-radius:0;resize:vertical;min-height:72px;transition:border-color .35s var(--ease)}
.field textarea:focus{border-bottom-color:var(--canopy);outline:none}
.calc__out{background:var(--paper-2);padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;gap:.9em;align-self:start}
.calc__out .k{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.calc__big{font-family:var(--kjre-display);font-size:clamp(1.9rem,3vw,2.7rem);line-height:1;font-variant-numeric:tabular-nums;margin:0}
.calc__row{display:flex;justify-content:space-between;gap:16px;font-size:.84rem;font-weight:300;color:var(--ink-2);padding-block:.6em;border-bottom:1px solid var(--rule-soft)}
.calc__row b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.calc__note{font-size:.72rem;line-height:1.7;color:var(--ink-3);margin-top:.4em}

/* resource hub, tiles sharing hairlines with no gaps */
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft)}
.res a{background:var(--paper);padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:.75em;transition:background .45s var(--ease)}
.res a:hover{background:var(--paper-2)}
.res .k{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.res h3{font-family:var(--kjre-display);font-size:1.08rem;line-height:1.22;margin:0;font-weight:400}
.res p{font-size:.84rem;font-weight:300;color:var(--ink-2)}
.res .go{display:flex;align-items:center;gap:.5em;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:auto;padding-top:1em}
.res a:hover .go{color:var(--canopy)}
.res--slot h3,.res--slot p{color:var(--ink-3)}

/* inquiry */
.inq{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,3.5vw,56px);align-items:start}
.inq__form{background:var(--paper);border:1px solid var(--rule);padding:clamp(20px,2.6vw,36px)}
.inq__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
.inq__full{grid-column:1/-1}
.inq__more{grid-column:1/-1;margin-top:clamp(8px,1.2vw,14px);border-top:1px solid var(--rule-soft);padding-top:clamp(18px,2.2vw,26px)}
.inq__more summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.7em;font-size:.62rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--canopy)}
.inq__more summary::-webkit-details-marker{display:none}
.inq__more summary .pm{width:11px;height:11px;position:relative;flex:0 0 auto}
.inq__more summary .pm::before,.inq__more summary .pm::after{content:"";position:absolute;background:var(--canopy);transition:transform .4s var(--ease)}
.inq__more summary .pm::before{left:0;top:5px;width:11px;height:1px}
.inq__more summary .pm::after{left:5px;top:0;width:1px;height:11px}
.inq__more[open] summary .pm::after{transform:scaleY(0)}
.inq__morefields{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(18px,2.2vw,26px)}
.inq__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-top:clamp(18px,2.4vw,28px)}
.inq__foot p{font-size:.72rem;font-weight:300;color:var(--ink-3);max-width:44ch;line-height:1.6}
.aside{display:flex;flex-direction:column;gap:1.3em;background:var(--paper);border:1px solid var(--rule);padding:clamp(20px,2.4vw,30px)}
.aside h3{font-family:var(--kjre-display);font-size:1.25rem;margin:0;font-weight:400;line-height:1.2}
.aside p{font-size:.88rem;font-weight:300;color:var(--ink-2)}
.aside__list{display:flex;flex-direction:column}
.aside__list a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding-block:.95em;border-bottom:1px solid var(--rule-soft);font-size:.86rem;font-weight:300;color:var(--ink-2);transition:color .35s var(--ease)}
.aside__list a:first-child{border-top:1px solid var(--rule-soft)}
.aside__list a:hover{color:var(--canopy)}
.aside__list b{font-weight:500;color:var(--ink)}

/* current page marker in the nav */
.nav__links a[aria-current="page"]{color:var(--ink)}
.nav__links a[aria-current="page"]::after{width:100%;background:var(--brass)}

@media (max-width:1080px){
  .grid4{grid-template-columns:1fr 1fr}
  .calc{grid-template-columns:1fr}
  .inq{grid-template-columns:1fr}
  .res{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .grid3{grid-template-columns:1fr}
  .inc{grid-template-columns:1fr}
}
@media (max-width:620px){
  .grid2,.grid4{grid-template-columns:1fr}
  .res{grid-template-columns:1fr}
  .calc__fields,.inq__grid,.inq__morefields{grid-template-columns:1fr}
  .inq__foot .btn{width:100%;justify-content:center}
}