/* Smart kitchen V07 — one page rhythm, preserved copy and section ownership. */
#main>.section{padding:80px 0;scroll-margin-top:calc(var(--header-height,94px) + 20px)}
#main>.section>.wrap{width:min(1120px,calc(100% - 80px))}
.sk-hero,.sk-dark{background:#092431;color:#f7f3eb}.sk-light,.sk-finish{background:#f6f2e9;color:#142c39}.sk-scale{background:#eae4d9;color:#142c39}
#main .eyebrow{font-size:12px!important;line-height:1.5;letter-spacing:.14em;margin:0 0 20px;color:#80572d}.sk-hero .eyebrow,.sk-dark .eyebrow{color:#e7bc7d!important}
#main h2{font-size:clamp(32px,3.2vw,44px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px}#main h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}
.sk-head{max-width:760px}.sk-head>p:last-child,.sk-split>div:first-child>p:not(.eyebrow),.sk-finish-head>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#536772;max-width:64ch}
.sk-dark .sk-split>div:first-child>p:not(.eyebrow){color:#bdcdd3}.sk-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
#main>.sk-visual-hero{padding-top:48px;padding-bottom:42px}.sk-hero-grid{display:grid;gap:30px}.sk-hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.sk-hero-copy>.eyebrow{grid-column:1/-1}.sk-hero h1{grid-column:1;grid-row:2/4;font-size:clamp(40px,4vw,56px);line-height:1.1;letter-spacing:-.045em;margin:0;align-self:start}.sk-hero-copy .sk-lead{grid-column:2;font-size:21px;line-height:1.45;color:#e7bc7d;margin:0 0 14px}.sk-hero-copy>p:not(.eyebrow):not(.sk-lead){grid-column:2;font-size:17px;line-height:1.65;color:#bdcdd3;margin:0}
.sk-connected-media{margin:0;min-width:0;overflow:hidden;border-radius:5px}.sk-connected-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.sk-scene-link{display:block;position:relative}.sk-scene-mark{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:40px;height:40px;background:#092431e6;border:1px solid #e7bc7d80;border-radius:50%;font-size:23px;color:#fff;transition:background .2s,color .2s}.sk-scene-link:hover .sk-scene-mark,.sk-scene-link:focus-visible .sk-scene-mark{background:#e7bc7d;color:#092431}
.sk-system{padding-top:26px;margin-top:26px;border-top:1px solid #ffffff26}.sk-system-heading{display:none}.sk-system-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0;margin:0;list-style:none}.sk-step-no{display:block;font-size:12px;color:#e7bc7d;margin-bottom:10px}.sk-system-steps h2{font-size:18px!important;line-height:1.3!important;margin:0 0 8px!important;text-wrap:initial!important}.sk-system-steps p{font-size:15px;line-height:1.5;color:#bdcdd3}.sk-step-future h2{color:#e7bc7d}.sk-system-note{font-size:13px;line-height:1.5;color:#9fb3bd;margin:22px 0 0;max-width:none}
.sk-variables{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.sk-variables span{padding:10px 20px;background:#e9e2d6;border-radius:5px;font-size:16px;color:#304b57}.sk-caption{font-size:15px;line-height:1.6;color:#52616b;margin-top:24px;padding-top:20px;border-top:1px solid #142c3926;max-width:760px}
.sk-sequence,.sk-cycle{display:grid;gap:0;border-top:1px solid #ffffff30}.sk-sequence>div{display:grid;grid-template-columns:30px 1fr;gap:6px 14px;padding:23px 0;border-bottom:1px solid #ffffff30}.sk-sequence b{grid-row:span 2;font-size:12px;color:#e7bc7d;padding-top:4px}.sk-sequence strong{font-size:19px;font-weight:500}.sk-sequence small{font-size:15px;color:#bdcdd3;line-height:1.5}
.sk-stations{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.sk-stations article{border-top:1px solid #b3976c;padding-top:22px}.sk-stations span{font-size:12px;letter-spacing:.12em;color:#80572d}.sk-stations h3{margin:14px 0 12px}.sk-stations p{font-size:17px;line-height:1.65;color:#536772}
.sk-benefits{border-top:1px solid #142c3930}.sk-benefits p{margin:0;padding:22px 0;border-bottom:1px solid #142c3930;font-size:17px;color:#536772;line-height:1.6}.sk-benefits strong{display:block;font-size:19px;font-weight:500;color:#142c39;margin-bottom:6px}.sk-cycle{border-color:#142c3930;counter-reset:cycle}.sk-cycle span{padding:22px 0;border-bottom:1px solid #142c3930;font-size:18px;line-height:1.4}.sk-cycle span:before{counter-increment:cycle;content:'0' counter(cycle);font-size:12px;color:#80572d;margin-right:20px}
#main .text-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;margin-top:24px;padding:0;border:0;text-decoration:none}#main .text-link:hover,#main .text-link:focus-visible{color:#a3783d;text-decoration:underline;text-underline-offset:5px}.sk-dark .text-link:hover{color:#e7bc7d!important}
.sk-finish-head{max-width:720px}.sk-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0 56px}.sk-links a{border-top:1px solid #142c3930;padding:18px 0;font-size:17px}.sk-links a:hover{color:#80572d}.sk-faq{max-width:850px}.sk-faq h3{margin-bottom:20px}.sk-faq .faq summary{color:#142c39;font-size:18px}.sk-faq .faq p{font-size:16px;color:#536772;line-height:1.7}.sk-finish .button{margin-top:32px}
@media(max-width:900px){.sk-hero-copy{column-gap:30px}.sk-hero h1{font-size:42px}.sk-split{gap:36px}.sk-system-steps{grid-template-columns:1fr 1fr;gap:24px 32px}}
@media(max-width:700px){#main>.section{padding:52px 0}#main>.section>.wrap{width:calc(100% - 40px)}#main>.sk-visual-hero{padding-top:30px;padding-bottom:34px}.sk-hero-grid{display:flex;flex-direction:column;gap:0}.sk-hero-copy{display:contents}.sk-hero-copy>.eyebrow{order:0;align-self:start;margin-bottom:16px!important}.sk-hero h1{order:1;font-size:clamp(34px,8.7vw,50px);margin:0 0 24px}.sk-connected-media{order:2;margin-bottom:24px}.sk-hero-copy .sk-lead{order:3;font-size:20px;margin-bottom:12px}.sk-hero-copy>p:not(.eyebrow):not(.sk-lead){order:4;font-size:16px;line-height:1.7}.sk-scene-mark{width:34px;height:34px;right:10px;bottom:10px}.sk-system-steps{gap:24px 20px}.sk-system-steps h2{font-size:17px!important}.sk-system-steps p{font-size:14px}.sk-split{grid-template-columns:1fr;gap:30px}#main h2{font-size:33px;margin-bottom:20px;text-wrap:pretty}.sk-head>p:last-child,.sk-split>div:first-child>p:not(.eyebrow),.sk-finish-head>p:not(.eyebrow){font-size:17px;line-height:1.7}.sk-variables span{padding:9px 15px;font-size:15px}.sk-stations{grid-template-columns:1fr;gap:24px;margin-top:28px}.sk-stations h3{font-size:23px}.sk-links{grid-template-columns:1fr;gap:0;margin:28px 0 38px}.sk-links a{padding:17px 0}.sk-faq .faq summary{font-size:17px}.sk-cycle span{padding:18px 0}}
@media(prefers-reduced-motion:reduce){.sk-scene-mark{transition:none}}
.sk-benefits strong+br{display:none}.sk-faq .faq{margin-top:0}.sk-faq .faq summary{padding:20px 0}.sk-faq .faq details{border-bottom:1px solid #142c3926}

/* Shared section introductions: balanced columns, source order on mobile. */
:is(#variables,#coordination) .sk-head, #applications .sk-finish-head{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}
:is(#variables,#coordination) .sk-head>.eyebrow, #applications .sk-finish-head>.eyebrow{grid-column:1/-1}
:is(#variables,#coordination) .sk-head>h2, #applications .sk-finish-head>h2{grid-column:1;margin-bottom:0;text-wrap:initial}
:is(#variables,#coordination) .sk-head>p:last-child, #applications .sk-finish-head>p:last-child{grid-column:2;margin:0;max-width:48ch;font-size:18px;line-height:1.7}
#coordination .sk-stations{margin-top:38px}
@media(max-width:700px){:is(#variables,#coordination) .sk-head, #applications .sk-finish-head{grid-template-columns:1fr;gap:0}:is(#variables,#coordination) .sk-head>h2, #applications .sk-finish-head>h2{margin-bottom:20px}:is(#variables,#coordination) .sk-head>p:last-child, #applications .sk-finish-head>p:last-child{grid-column:1;font-size:17px}#coordination .sk-stations{margin-top:28px}}

#variables .sk-variables{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px}
#variables .sk-variables span{text-align:center;padding:14px 12px}
#variables .sk-caption{max-width:none;font-size:16px;margin-top:22px}
.sk-split{align-items:start}
@media(max-width:700px){#variables .sk-variables{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}#variables .sk-variables span:last-child{grid-column:1/-1}}

/* V11: use the same column start and title row across all sections. */
@media(min-width:701px){.sk-split>div:nth-child(2){margin-top:38px}.sk-hero-copy{column-gap:64px}.sk-split{gap:64px}}

/* V13: compact two-column hero with a shared bottom edge. */
@media(min-width:701px){.sk-hero-copy{grid-template-columns:1fr 1fr;column-gap:64px;align-items:end}.sk-hero h1{align-self:end;margin:0;font-size:clamp(40px,3.7vw,54px)}.sk-hero-copy .sk-lead{font-size:20px;line-height:1.4;margin:0 0 12px}.sk-hero-copy>p:not(.eyebrow):not(.sk-lead){font-size:17px;line-height:1.6}.sk-hero-grid{gap:28px}}