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

body{font-family:'Manrope',sans-serif;background:var(--grad-light);background-attachment:fixed;color:var(--ink);font-size:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* NAV */

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

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

/* PAGE HERO (split) */
.page-hero{position:relative;overflow:hidden;background:var(--grad-steel);padding:clamp(8rem,14vw,10rem) 0 clamp(3rem,6vw,4.5rem)}
.page-hero .mesh-a{position:absolute;top:-25%;left:-8%;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(232,85,43,0.16) 0%,transparent 62%);filter:blur(8px);animation:drift 26s ease-in-out infinite alternate}
.page-hero .mesh-b{position:absolute;bottom:-40%;right:-12%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(38,86,150,0.4) 0%,transparent 60%)}
@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(5%,4%)}}
.hero-split{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 0.95fr;gap:3rem;align-items:center}
@media(max-width:900px){.hero-split{grid-template-columns:1fr;gap:2.5rem}}
.page-hero h1{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-md);line-height:1.06;color:var(--paper);letter-spacing:-0.015em;margin:1.3rem 0 1.4rem}
.page-hero h1 .word{display:inline-block;opacity:0;transform:translateY(34px)}
.page-hero p.lead{font-size:var(--body-lg);max-width:38rem;color:rgba(247,246,242,0.74);opacity:0;transform:translateY(18px)}
.pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.7rem;opacity:0;transform:translateY(14px)}
.pill{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(247,246,242,0.72);border:1px solid rgba(255,255,255,0.18);border-radius:100px;padding:0.42rem 0.85rem;transition:border-color var(--dur-fast),color var(--dur-fast)}
.pill:hover{border-color:var(--heat);color:var(--paper)}
.is-loaded .page-hero h1 .word{opacity:1;transform:translateY(0);transition:opacity 800ms var(--ease-out-expo),transform 800ms var(--ease-out-expo)}
.is-loaded .page-hero p.lead{opacity:1;transform:translateY(0);transition:opacity var(--dur-base) .7s,transform var(--dur-base) .7s}
.is-loaded .pills{opacity:1;transform:translateY(0);transition:opacity var(--dur-base) .9s,transform var(--dur-base) .9s}
.product-stage{position:relative;display:grid;place-items:center;min-height:380px}
.product-card{background:#fff;border-radius:14px;padding:1.4rem 1.6rem;box-shadow:0 30px 70px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.04);transform:rotate(1.5deg);opacity:0;will-change:transform}
.is-loaded .product-card{opacity:1;transition:opacity 800ms var(--ease-out-expo) .5s}
.product-card img{display:block;max-height:440px;width:auto;max-width:100%}
.product-tag{position:absolute;left:-0.6rem;top:-0.6rem;background:linear-gradient(120deg,var(--heat),var(--ember));color:#fff;font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;padding:0.4rem 0.7rem;border-radius:5px;box-shadow:0 6px 18px rgba(232,85,43,0.4);transform:rotate(1.5deg)}

/* SECTION SCAFFOLD */
section{position:relative}
.sec-head{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:end;margin-bottom:3rem}
@media(max-width:768px){.sec-head{grid-template-columns:1fr;gap:1.2rem}}
.sec-head h2{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-lg);line-height:1.04;letter-spacing:-0.015em;margin-top:1rem}
.sec-head .sub{color:var(--graphite);font-size:var(--body-lg);align-self:end}
.reveal{opacity:0;transform:translateY(40px);transition:opacity 700ms var(--ease-out-quart),transform 700ms var(--ease-out-quart)}
.reveal.in{opacity:1;transform:translateY(0)}

/* WHY RATIONAL */
.why{padding:clamp(4rem,8vw,6.5rem) 0;background:radial-gradient(120% 90% at 95% -5%,rgba(232,85,43,0.10),transparent 50%),radial-gradient(110% 90% at -5% 105%,rgba(26,43,69,0.12),transparent 52%),linear-gradient(165deg,#FCFBF9 0%,#F0ECE4 55%,#E7E1D7 100%)}
.benefits{margin-top:1rem}
.benefit{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.7rem 0;border-bottom:1px solid rgba(138,144,153,0.22)}
.benefit:last-child{border-bottom:none}
.benefit .bn{font-family:'JetBrains Mono',monospace;color:var(--heat);font-size:0.95rem;padding-top:0.25rem}
.benefit h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.4rem;letter-spacing:-0.01em;margin-bottom:0.4rem}
.benefit p{color:var(--graphite);font-size:var(--body)}

/* VOLTAGE (prime rib) */
.voltage{position:relative;color:var(--paper);padding:clamp(4.5rem,9vw,7rem) 0;border-top:1px solid rgba(232,85,43,0.22);background:radial-gradient(85% 120% at 80% 0%,rgba(232,85,43,0.13),transparent 55%),radial-gradient(80% 110% at 0% 100%,rgba(38,86,150,0.12),transparent 55%),var(--grad-dark)}
.voltage::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,85,43,0.7) 35%,rgba(232,85,43,0.7) 65%,transparent);box-shadow:0 0 14px rgba(232,85,43,0.45)}
.voltage .eyebrow{justify-content:center;display:flex;margin-bottom:2.5rem}
.pr-proof{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2.5rem);flex-wrap:wrap;margin-bottom:2rem}
.pp{position:relative;text-align:center}
.pp .ppv{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2.4rem,6vw,4rem);line-height:1;display:block}
.pp .ppv.dim{color:var(--paper);opacity:0.45}
.pp .ppv.heat{font-style:italic;color:var(--heat);text-shadow:0 0 10px rgba(232,85,43,0.5),0 0 30px rgba(232,85,43,0.28)}
.pp .pps{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(247,246,242,0.5);margin-top:0.6rem;display:block}
.pp .strike{position:absolute;top:38%;left:-4%;height:3px;width:108%;background:var(--heat);box-shadow:0 0 10px rgba(232,85,43,0.6);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease-out-quart)}
.pp.struck .strike{transform:scaleX(1)}
.pr-arrow{font-family:'JetBrains Mono',monospace;color:var(--heat);font-size:1.8rem;line-height:1;text-shadow:0 0 14px rgba(232,85,43,0.55);opacity:0;transition:opacity 400ms}
.pr-arrow.in{opacity:1}
.pp-note{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(247,246,242,0.4);align-self:flex-end;padding-bottom:0.5rem}
.pr-eq{font-family:'JetBrains Mono',monospace;font-size:clamp(0.78rem,1.6vw,0.98rem);letter-spacing:0.1em;text-transform:uppercase;color:rgba(247,246,242,0.72);text-align:center;margin-bottom:1.1rem;opacity:0;transform:translateY(10px);transition:opacity 500ms,transform 500ms}
.pr-eq.in{opacity:1;transform:none}
.pr-eq b{color:var(--heat)}
.pr-final{text-align:center;line-height:0.85}
.pr-final .v{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:clamp(5rem,16vw,12rem);color:var(--heat);display:inline-block;text-shadow:0 0 12px rgba(232,85,43,0.55),0 0 38px rgba(232,85,43,0.32),0 0 84px rgba(232,85,43,0.16);opacity:0;transform:translateY(40px) scale(0.95)}
.pr-final.in .v{opacity:1;transform:none;transition:opacity 700ms var(--ease-out-expo),transform 700ms var(--ease-out-expo)}
.pr-final .unit{font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:clamp(1.8rem,5vw,3.4rem);color:var(--heat);margin-left:0.35rem}
.pr-final-lbl{text-align:center;font-family:'JetBrains Mono',monospace;font-size:var(--micro);letter-spacing:0.16em;text-transform:uppercase;color:var(--heat);margin-top:1rem;opacity:0;transition:opacity 500ms}
.pr-final-lbl.in{opacity:1}
.pr-scale{display:flex;justify-content:center;gap:0.6rem;flex-wrap:wrap;margin-top:1.6rem;opacity:0;transition:opacity 500ms}
.pr-scale.in{opacity:1}
.pr-scale span{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.06em;text-transform:uppercase;color:rgba(247,246,242,0.72);border:1px solid rgba(255,255,255,0.16);border-radius:100px;padding:0.42rem 0.95rem}
.pr-scale span b{color:var(--heat)}
.pr-cap{max-width:48rem;margin:2.4rem auto 0;text-align:center;color:rgba(247,246,242,0.7);font-size:var(--body)}

/* CONFIG */
.config{padding:clamp(4rem,8vw,6.5rem) 0;background:radial-gradient(110% 90% at -5% -5%,rgba(26,43,69,0.13),transparent 52%),radial-gradient(100% 90% at 105% 105%,rgba(232,85,43,0.08),transparent 50%),linear-gradient(195deg,#EFEBE3 0%,#FAF8F3 55%,#F1EDE5 100%)}
.config-grid{display:grid;grid-template-columns:1fr;gap:3rem}
.config-col{max-width:46rem}
@media(max-width:820px){.config-grid{gap:2.5rem}}
.config-col h3{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1;letter-spacing:-0.01em;margin-bottom:1.1rem}
/* pending spec-sheet download (disabled, silver, not an action color) */
.spec-actions{margin-top:1.8rem}
.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}
.config-col p{color:var(--graphite);font-size:var(--body);margin-bottom:0.9rem}
.steps{list-style:none;counter-reset:s;margin-top:0.4rem;padding-left:0;margin-left:0}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:0.8rem 0;color:var(--graphite);font-size:var(--small)}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:'JetBrains Mono',monospace;color:var(--heat);font-size:0.8rem}
.steps li b{color:var(--ink)}

/* CTA */
.cta{padding:clamp(4rem,8vw,6rem) 0;text-align:center;color:var(--paper);background:radial-gradient(100% 120% at 50% 0%,rgba(232,85,43,0.10),transparent 55%),var(--grad-steel)}
.cta h2{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-md);line-height:1.06;margin:1rem 0 1.1rem;letter-spacing:-0.015em}
.cta p{color:rgba(247,246,242,0.72);max-width:38rem;margin:0 auto 1.8rem}

/* ---------- EQUIPMENT DATASHEET TREATMENT ---------- */
.specband{position:relative;background:linear-gradient(176deg,#eef0f2 0%,#dfe2e6 38%,#cfd3d8 52%,#e6e9ec 100%);border-top:1px solid rgba(20,30,45,0.16);border-bottom:1px solid rgba(20,30,45,0.16);box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -1px 0 rgba(255,255,255,0.4)}
.specband::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,0.35) 0 1px,transparent 1px 5px);opacity:0.45;pointer-events:none}
.specband .row{position:relative;display:grid;grid-template-columns:repeat(5,1fr)}
@media(max-width:820px){.specband .row{grid-template-columns:repeat(2,1fr)}}
.spec{padding:1.1rem 1.3rem;border-left:1px solid rgba(20,30,45,0.13)}
.spec:first-child{border-left:none}
@media(max-width:820px){.spec{border-top:1px solid rgba(20,30,45,0.10)}.spec:nth-child(1),.spec:nth-child(2){border-top:none}.spec:nth-child(odd){border-left:none}}
.spec .k{font-family:'JetBrains Mono',monospace;font-size:0.58rem;letter-spacing:0.16em;text-transform:uppercase;color:#5b6573}
.spec .v{font-family:'Manrope',sans-serif;font-weight:700;font-size:0.95rem;color:var(--steel);margin-top:0.28rem;line-height:1.2}

.product-card{position:relative}
.ds-head{display:flex;justify-content:space-between;align-items:center;gap:0.6rem;font-family:'JetBrains Mono',monospace;font-size:0.58rem;letter-spacing:0.12em;text-transform:uppercase;color:#6b7480;border-bottom:1px solid rgba(20,30,45,0.12);padding-bottom:0.7rem;margin-bottom:0.9rem}
.ds-head .mdl{color:var(--steel);font-weight:500}
.ds-badge{color:var(--heat);border:1px solid rgba(232,85,43,0.45);border-radius:4px;padding:0.2rem 0.5rem;background:rgba(232,85,43,0.06);letter-spacing:0.1em;white-space:nowrap}
.ds-foot{display:flex;gap:0.4rem 1.2rem;flex-wrap:wrap;border-top:1px solid rgba(20,30,45,0.12);padding-top:0.7rem;margin-top:0.9rem;font-family:'JetBrains Mono',monospace;font-size:0.58rem;letter-spacing:0.08em;text-transform:uppercase;color:#7a828c}
.ds-foot b{color:var(--steel);font-weight:600}
.bracket{position:absolute;width:15px;height:15px;border:2px solid var(--heat);z-index:3}
.bracket.tl{top:-3px;left:-3px;border-right:none;border-bottom:none}
.bracket.tr{top:-3px;right:-3px;border-left:none;border-bottom:none}
.bracket.bl{bottom:-3px;left:-3px;border-right:none;border-top:none}
.bracket.br{bottom:-3px;right:-3px;border-left:none;border-top:none}

.benefit .bh{display:flex;justify-content:space-between;align-items:center;gap:0.8rem;flex-wrap:wrap;margin-bottom:0.4rem}
.benefit .bh h3{margin-bottom:0}
.metric{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--heat);border:1px solid rgba(232,85,43,0.4);border-radius:4px;padding:0.26rem 0.55rem;white-space:nowrap;background:rgba(232,85,43,0.05)}

.specs{padding:clamp(4rem,8vw,6.5rem) 0;background:radial-gradient(120% 90% at 95% -5%,rgba(232,85,43,0.08),transparent 50%),radial-gradient(110% 90% at -5% 105%,rgba(26,43,69,0.10),transparent 52%),linear-gradient(165deg,#FCFBF9 0%,#EFEBE3 100%)}
.spectable{width:100%;border-collapse:collapse;background:var(--grad-card);border:1px solid rgba(138,144,153,0.24);border-radius:10px;overflow:hidden}
.spectable tr{border-bottom:1px solid rgba(138,144,153,0.18);transition:box-shadow var(--dur-fast),background var(--dur-fast)}
.spectable tr:last-child{border-bottom:none}
.spectable tr:hover{box-shadow:inset 3px 0 0 var(--heat);background:rgba(232,85,43,0.03)}
.spectable td{padding:1rem 1.4rem;vertical-align:top}
.spectable td.k{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--silver);width:36%}
.spectable td.v{color:var(--ink);font-size:var(--small)}
@media(max-width:600px){.spectable td.k{width:42%}}

/* FOOTER */
footer{background:radial-gradient(80% 130% at 0% 0%,rgba(26,43,69,0.22),transparent 60%),var(--grad-ink);color:var(--paper);padding:clamp(3.5rem,7vw,5rem) 0 2.2rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.6rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08)}
@media(max-width:768px){.foot-grid{grid-template-columns:1fr;gap:2.2rem}}
.foot-brand .mark{font-family:'Fraunces',serif;font-weight:600;font-size:1.6rem;color:var(--paper)}
.foot-brand p{color:var(--silver);margin-top:0.7rem;font-size:var(--small);font-style:italic;font-family:'Fraunces',serif}
.foot-col h4{font-family:'JetBrains Mono',monospace;font-size:var(--micro);letter-spacing:0.2em;text-transform:uppercase;color:var(--heat);margin-bottom:1rem}
.foot-col a,.foot-col .ci{display:block;color:rgba(247,246,242,0.7);font-size:var(--small);padding:0.3rem 0;transition:color var(--dur-fast)}
.foot-col a:hover{color:var(--paper)}.foot-col .ph{color:var(--silver);font-style:italic}
.copyright{padding-top:1.8rem;font-family:'JetBrains Mono',monospace;font-size:var(--micro);color:var(--silver);letter-spacing:0.06em}

@media(max-width:880px){.nav-links{display:none}.nav-toggle{display:block}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.2s !important}
  .page-hero h1 .word,.page-hero p.lead,.pills,.product-card,.reveal,.pr-arrow,.pr-eq,.pr-final .v,.pr-final-lbl,.pr-scale{opacity:1 !important;transform:none !important}
  .product-card{transform:rotate(1.5deg) !important}
}