/* LGI Kitchen Innovations: cretors page styles. Distinct look for this page;
   shared tokens and chrome come from base.css. */

body{font-family:'Manrope',sans-serif;background:linear-gradient(168deg,#FBFAF8 0%,#F1ECE2 100%);background-attachment:fixed;color:var(--ink);font-size:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* building-the-station numbered steps */
.buy-steps{list-style:none;display:flex;flex-direction:column;gap:1.3rem;margin:0.4rem 0 0}
.buy-step{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start}
.bs-n{font-family:'JetBrains Mono',monospace;font-size:1.05rem;font-weight:500;color:var(--heat);line-height:1.3;min-width:1.4rem}
.bs-c h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.18rem;color:var(--paper);margin-bottom:0.25rem}
.bs-c p{color:rgba(247,246,242,0.74);font-size:var(--small)}
/* pending spec-sheet download (disabled, silver, not an action color) */
.spec-actions{margin-top:1.1rem}
.btn-spec{flex-direction:column;align-items:flex-start;gap:0.15rem;background:transparent;color:var(--silver);border:1px solid rgba(138,144,153,0.45);cursor:not-allowed;opacity:0.85}
.btn-spec .soon{font-family:'JetBrains Mono',monospace;font-size:0.56rem;letter-spacing:0.14em;text-transform:uppercase;opacity:0.8}

.mono{font-family:'JetBrains Mono',monospace}

/* NAV */

.nav-link.active{color:var(--heat)}

.dropdown-menu a.active{background:rgba(232,85,43,0.16);color:var(--paper)}

/* PAGE HERO (split, heritage plate) */
.page-hero{position:relative;min-height:90vh;display:flex;align-items:center;background:var(--grad-steel);overflow:hidden;padding:7.5rem 0 4.5rem}
.mesh-a,.mesh-b{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.mesh-a{width:46vw;height:46vw;top:-12%;left:-8%;background:radial-gradient(circle,rgba(232,85,43,0.15),transparent 62%)}
.mesh-b{width:52vw;height:52vw;bottom:-22%;right:-12%;background:radial-gradient(circle,rgba(26,43,69,0.6),transparent 60%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr 0.98fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;width:100%}
.hero-copy{max-width:620px}
.hero-copy .eyebrow{margin-bottom:1.5rem}
.hero-copy h1{font-family:'Fraunces',serif;font-weight:300;color:var(--paper);font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;letter-spacing:-0.02em;margin-bottom:1.5rem}
.hero-copy h1 .word{display:inline-block;opacity:0;transform:translateY(40px);transition:opacity 900ms var(--ease-out-expo),transform 900ms var(--ease-out-expo)}
.is-loaded .hero-copy h1 .word{opacity:1;transform:none}
.hero-copy .lead{color:rgba(247,246,242,0.78);font-size:var(--body-lg);max-width:31rem;opacity:0;transform:translateY(20px);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out-quart);transition-delay:900ms}
.is-loaded .hero-copy .lead{opacity:1;transform:none}
.pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.8rem}
.pill{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(247,246,242,0.74);border:1px solid rgba(247,246,242,0.16);background:rgba(247,246,242,0.03);padding:0.46rem 0.8rem;border-radius:40px;opacity:0;transform:translateY(10px);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out-quart)}
.is-loaded .pill{opacity:1;transform:none}

/* heritage plate holding product image */
.plate{position:relative;max-width:450px;margin-left:auto;background:var(--grad-warm);border-radius:8px;padding:1.5rem;box-shadow:0 40px 90px rgba(0,0,0,0.45);border:1px solid rgba(15,20,25,0.1)}
.plate::before{content:"";position:absolute;inset:10px;border:1px solid rgba(15,20,25,0.18);border-radius:4px;pointer-events:none}
.plate::after{content:"";position:absolute;inset:14px;border:1px solid rgba(232,85,43,0.28);border-radius:3px;pointer-events:none}
.plate-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0.2rem 0.6rem 0.9rem}
.plate-head .pm{font-family:'JetBrains Mono',monospace;font-size:0.58rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--graphite)}
.plate-head .pm b{color:var(--ember)}
.plate img{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.plate-foot{position:relative;z-index:2;text-align:center;font-family:'Fraunces',serif;font-style:italic;color:var(--graphite);font-size:0.9rem;padding-top:0.7rem}
/* EST seal stamp */
.seal{position:absolute;z-index:4;top:-26px;right:-22px;width:108px;height:108px;border-radius:50%;border:2px solid var(--heat);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(251,248,242,0.92);transform:rotate(-12deg);box-shadow:0 10px 26px rgba(0,0,0,0.18)}
.seal::before{content:"";position:absolute;inset:6px;border:1px solid rgba(232,85,43,0.5);border-radius:50%}
.seal .s1{font-family:'JetBrains Mono',monospace;font-size:0.5rem;letter-spacing:0.2em;color:var(--ember);text-transform:uppercase}
.seal .s2{font-family:'Fraunces',serif;font-weight:600;font-size:1.6rem;color:var(--heat);line-height:1}
.seal .s3{font-family:'JetBrains Mono',monospace;font-size:0.46rem;letter-spacing:0.16em;color:var(--graphite);text-transform:uppercase;margin-top:0.1rem}

/* SECTION SHELL */
section{position:relative;overflow:hidden}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:end;margin-bottom:3rem}
.sec-head h2{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-lg);line-height:1.05;letter-spacing:-0.02em}
.sec-head .sub{color:var(--graphite);font-size:var(--body-lg)}
.eyebrow.on-dark{color:var(--heat)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--dur-slow) var(--ease-out-quart),transform var(--dur-slow) var(--ease-out-quart)}
.reveal.in{opacity:1;transform:none}

/* HERITAGE MONUMENT (signature reverse counter) */
.heritage{background:var(--grad-ink);padding:clamp(5rem,10vw,8rem) 0;text-align:center;color:var(--paper);border-top:1px solid rgba(232,85,43,0.18);border-bottom:1px solid rgba(232,85,43,0.18)}
.heritage .est{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--heat);margin-bottom:1rem}
.heritage .year{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(5.5rem,18vw,14rem);line-height:0.86;letter-spacing:-0.02em;color:var(--paper);text-shadow:0 0 60px rgba(232,85,43,0.25)}
.heritage .since{font-family:'Fraunces',serif;font-style:italic;color:var(--heat);font-size:clamp(1.8rem,4.5vw,3rem);margin-top:0.8rem;text-shadow:0 0 22px rgba(232,85,43,0.4)}
.heritage .hcap{color:rgba(247,246,242,0.74);font-size:var(--body-lg);max-width:34rem;margin:1.2rem auto 0}
/* timeline rule */
.timeline{position:relative;max-width:640px;margin:3rem auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,246,242,0.3),transparent)}
.timeline .tick{position:absolute;top:-4px;width:1px;height:9px;background:rgba(247,246,242,0.45)}
.timeline .tlab{position:absolute;top:10px;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:0.56rem;letter-spacing:0.1em;color:var(--silver)}
.timeline .tlab.now{color:var(--heat)}

/* WHY CRETORS (light) */
.why{padding:clamp(4.5rem,9vw,7rem) 0}
.benefits{display:grid;gap:1rem}
.benefit{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;background:var(--grad-card);border:1px solid rgba(138,144,153,0.2);border-radius:10px;padding:1.6rem 1.8rem;transition:transform var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base),border-color var(--dur-base)}
.benefit:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,20,25,0.08);border-color:rgba(232,85,43,0.4)}
.benefit .bn{font-family:'JetBrains Mono',monospace;font-size:var(--small);color:var(--heat);padding-top:0.35rem}
.benefit h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.35rem;letter-spacing:-0.01em;margin-bottom:0.4rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.7rem}
.benefit p{color:var(--graphite);font-size:var(--small);max-width:48rem}
.metric{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ember);background:rgba(232,85,43,0.09);border:1px solid rgba(232,85,43,0.22);padding:0.26rem 0.55rem;border-radius:30px;white-space:nowrap}

/* WHAT YOU'RE BUYING (dark) */
.buying{background:var(--grad-dark-cool);padding:clamp(4.5rem,9vw,7rem) 0;color:var(--paper)}
.buying .sec-head h2{color:var(--paper)}
.buying .sec-head .sub{color:rgba(247,246,242,0.7)}
.buy-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.buy-grid .intro{color:rgba(247,246,242,0.78);font-size:var(--body-lg)}
.components{list-style:none;display:grid;gap:0}
.components li{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(247,246,242,0.1);font-size:var(--small);color:rgba(247,246,242,0.86);opacity:0;transform:translateX(18px);transition:opacity var(--dur-slow) var(--ease-out-quart),transform var(--dur-slow) var(--ease-out-quart)}
.components li:last-child{border-bottom:none}
.components li.in{opacity:1;transform:none}
.components li .ar{color:var(--heat);flex:none;font-family:'JetBrains Mono',monospace}
.components li b{color:var(--paper);font-weight:600}
.buy-note{margin-top:1.6rem;font-family:'Fraunces',serif;font-style:italic;color:rgba(247,246,242,0.8);font-size:1.05rem}

/* SPECS (light, heritage datasheet) */
.specs{padding:clamp(4.5rem,9vw,7rem) 0}
.spec-table{border:1px solid rgba(138,144,153,0.22);border-radius:12px;overflow:hidden;background:var(--grad-card)}
.spec-bar{display:flex;align-items:center;justify-content:space-between;padding:0.85rem clamp(1.2rem,3vw,2rem);border-bottom:1px solid rgba(138,144,153,0.2);font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--silver);background:rgba(26,43,69,0.04)}
.spec-bar b{color:var(--heat)}
.spec-row{display:grid;grid-template-columns:auto 0.7fr 1.3fr;gap:1rem;padding:1.1rem clamp(1.2rem,3vw,2rem);border-bottom:1px solid rgba(138,144,153,0.16);position:relative;transition:background var(--dur-fast)}
.spec-row:last-child{border-bottom:none}
.spec-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--heat);transform:scaleY(0);transform-origin:top;transition:transform var(--dur-base) var(--ease-out-quart)}
.spec-row:hover::before{transform:scaleY(1)}
.spec-row:hover{background:rgba(232,85,43,0.03)}
.spec-row .ix{font-family:'JetBrains Mono',monospace;font-size:0.66rem;color:var(--silver);padding-top:0.2rem}
.spec-row .k{font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--silver);padding-top:0.15rem}
.spec-row .v{color:var(--ink);font-size:var(--small)}
.spec-row .v b{font-weight:600}
.spec-cta{text-align:center;margin-top:2.6rem}
.spec-cta p{color:var(--graphite);max-width:34rem;margin:0 auto 1.6rem}

/* CTA */
.cta{background:var(--grad-steel);padding:clamp(4.5rem,9vw,7rem) 0;text-align:center}
.cta .eyebrow{justify-content:center;margin-bottom:1.4rem}
.cta h2{font-family:'Fraunces',serif;font-weight:300;color:var(--paper);font-size:var(--display-lg);letter-spacing:-0.02em;margin-bottom:1rem}
.cta p{color:rgba(247,246,242,0.74);max-width:34rem;margin:0 auto 2rem}

/* FOOTER */
footer{background:var(--grad-ink);color:rgba(247,246,242,0.7);padding:4.5rem 0 2.2rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding-bottom:2.6rem;border-bottom:1px solid rgba(247,246,242,0.1)}
.foot-brand .mark{font-family:'Fraunces',serif;font-weight:600;font-size:1.35rem;color:var(--paper)}
.foot-brand p{margin-top:0.6rem;font-size:var(--small);max-width:18rem}
.foot-col h4{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--silver);margin-bottom:1rem}
.foot-col a,.foot-col .ci{display:block;font-size:var(--small);color:rgba(247,246,242,0.72);padding:0.32rem 0;transition:color var(--dur-fast)}
.foot-col a:hover{color:var(--heat)}
.foot-col .ci.ph{color:var(--silver);font-family:'JetBrains Mono',monospace;font-size:0.72rem}
.copyright{padding-top:1.8rem;font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.06em;color:var(--silver)}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:3rem}
  .plate{max-width:480px;margin:0 auto;width:100%}
  .sec-head{grid-template-columns:1fr;gap:1rem}
  .buy-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .nav-links{display:none}.nav-toggle{display:block}
  .spec-row{grid-template-columns:auto 1fr;gap:0.3rem 1rem}
  .spec-row .v{grid-column:1 / -1}
  .seal{width:90px;height:90px;top:-18px;right:-10px}
  .foot-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.2s !important}
  .hero-copy h1 .word,.hero-copy .lead,.pill,.reveal,.components li{opacity:1 !important;transform:none !important}
}