/* Full-width installation comparison and individual product functions. */
.comparison-hero{padding:34px clamp(20px,2.5vw,56px) 40px;background:#fff}
.comparison-intro{margin-bottom:26px;text-align:center}
.comparison-intro .eyebrow{color:var(--orange-text);margin-bottom:12px;font-size:.875rem}
.comparison-intro h1{font-size:clamp(32px,3.7vw,60px);line-height:1.2;letter-spacing:-.04em}
.comparison-intro>p:last-child{font-size:1rem;color:var(--muted);margin-top:14px}
.hero-slide-highlight{display:inline-block;margin-top:5px;color:var(--orange-text);font-size:1.1875rem;font-weight:600}
.hero-motion{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#101418;margin-bottom:40px}
.hero-motion video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101418}
.hero-motion figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;background:#fff;color:var(--muted);font-size:.875rem;line-height:1.7}
.hero-motion figcaption>a{flex-shrink:0;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.hero-motion figcaption>a:hover{color:var(--orange-text)}
.hero-multitask{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,3vw,48px);margin-bottom:40px;padding:clamp(24px,3vw,44px);border:1px solid #263238;border-radius:14px;background:#10181d;color:#fff}
.multitask-copy{min-width:0}
.multitask-copy .eyebrow{color:#ffb498;font-size:.875rem;letter-spacing:.08em;margin-bottom:18px}
.multitask-copy h2{font-size:clamp(32px,3.5vw,52px);line-height:1.3;letter-spacing:-.035em}
.multitask-copy h2 span{color:#ff996f;white-space:nowrap}
.multitask-copy>p:last-child{margin-top:22px;max-width:35ch;color:#d4dce0;font-size:1rem;line-height:1.85}
.multitask-motion{min-width:0;overflow:hidden;border:1px solid #3b474e;border-radius:10px;background:#101418}
.multitask-motion video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101418}
.multitask-motion figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;font-size:.875rem;line-height:1.7;color:#d4dce0}
.multitask-motion figcaption>a{flex-shrink:0;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.multitask-motion figcaption>a:hover{color:#ffb498}
.multitask-details{grid-column:1/-1;border-top:1px solid #3b474e;padding-top:26px}.multitask-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.multitask-benefits h3{font-size:18px;line-height:1.5;color:#fff;margin:0 0 10px}.multitask-benefits p{font-size:16px;line-height:1.75;color:#d4dce0;margin:0}.multitask-more{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-top:24px}.multitask-more p{font-size:14px;line-height:1.7;color:#d4dce0;margin:0}.multitask-more a{font-size:16px;line-height:1.6;color:#ffb498;font-weight:600;text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.multitask-benefits{grid-template-columns:1fr;gap:20px}.multitask-details{padding-top:22px}.multitask-more{align-items:flex-start;flex-direction:column}}
.comparison-subheading{margin-bottom:24px;text-align:center}
.comparison-subheading h2{font-size:clamp(25px,2.7vw,40px);line-height:1.35;letter-spacing:-.035em}
.comparison-subheading p{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:12px}
.comparison-grid{display:grid;grid-template-columns:669fr 744fr;gap:20px;align-items:start}
.comparison-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.comparison-card-after{border-color:#efb299;background:#fff4ee}
.comparison-photo{display:block;line-height:0;overflow:hidden;background:#fff}
.comparison-photo svg{display:block;width:100%;height:auto;overflow:hidden}
.comparison-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;color:var(--ink);font-size:1rem;line-height:1.55}
.comparison-card figcaption strong{font-weight:600}
.comparison-card figcaption span{color:var(--muted);font-size:.875rem;white-space:nowrap}
.comparison-card-after figcaption strong{color:var(--orange-text)}
.comparison-actions{display:flex;justify-content:center;align-items:center;gap:24px 30px;flex-wrap:wrap;margin-top:28px}
.comparison-actions .button{gap:16px}
.comparison-original{font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.comparison-original:hover{color:var(--orange-text)}
.comparison-install-steps{display:flex;align-items:center;justify-content:center;gap:16px 36px;list-style:none;margin:26px 0 0;padding:0;color:var(--muted);font-size:.875rem}
.comparison-install-steps li{display:flex;align-items:center;gap:10px}
.comparison-install-steps b{font-family:var(--display);font-weight:500;color:var(--orange-text)}
.function-index{background:#182127;color:#fff;padding:36px 0 40px}
.function-index-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px}
.function-index-heading .eyebrow{color:#f9b294;font-size:.875rem}
.function-index h2{font-size:1.375rem;line-height:1.5;letter-spacing:-.02em}
.function-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.function-links a{display:flex;flex-direction:column;gap:10px;padding:4px 18px 4px 20px;border-left:1px solid #455159;min-width:0;font-size:.9375rem;line-height:1.6;font-weight:500}
.function-links a:first-child{padding-left:0;border-left:0}
.function-links a>span{font-family:var(--display);color:#f9b294;font-size:.875rem}
.function-links a:hover{color:#f9b294}
.function-section{border-bottom:1px solid var(--line)}
.function-layout{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:64px}
.function-layout-reverse{grid-template-columns:1fr 1.13fr}
.function-layout-reverse .function-copy{order:-1}
.function-copy{min-width:0}
.function-copy>.eyebrow{font-size:.875rem;color:var(--orange-text);margin-bottom:16px}
.function-copy h2{font-size:clamp(30px,3.1vw,44px);line-height:1.3;letter-spacing:-.035em}
.function-copy>p:not(.eyebrow){margin-top:22px;font-size:1rem;line-height:1.85;color:var(--muted)}
.function-points{margin:24px 0;padding:0;list-style:none}
.function-points li{padding:14px 0;border-top:1px solid var(--line);font-size:1rem;line-height:1.75}
.function-points li:last-child{border-bottom:1px solid var(--line)}
.function-points strong{display:block;font-weight:600;margin-bottom:2px}
.function-points span{color:var(--muted)}
.function-copy .function-note{font-size:.875rem!important;margin-top:18px!important}
.function-figure{min-width:0}
.function-figure>a{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.function-figure img{width:100%;height:auto;object-fit:contain}
.function-figure figcaption{margin-top:12px;font-size:.875rem;color:var(--muted);line-height:1.7}
.function-visual-stack{display:grid;gap:20px;min-width:0}
.function-visual-stack .function-figure:last-child{width:83%;justify-self:end}
.upgrade-section .upgrade-feature{margin:0}
.upgrade-section .upgrade-copy h2{font-size:2rem;line-height:1.3;letter-spacing:-.04em;margin:12px 0 16px}
.application-copy>.eyebrow,#phu-kien .eyebrow{font-size:.875rem}
.main-nav{gap:21px}
@media(min-width:921px) and (max-width:1200px){.header-contact{display:none}.main-nav{gap:20px}}
@media(max-width:1100px){
  .comparison-card figcaption{padding:16px;align-items:flex-start;flex-direction:column;gap:4px}
  .function-layout,.function-layout-reverse{gap:34px}.function-links a{padding-inline:14px;font-size:.875rem}.function-index-heading{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:920px){
  .hero-multitask{grid-template-columns:1fr;gap:24px}.multitask-copy h2{font-size:clamp(32px,5vw,46px)}.multitask-copy>p:last-child{max-width:60ch;margin-top:16px}.multitask-motion{width:100%;max-width:760px;justify-self:center}
  .function-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 0}.function-links a:nth-child(4){border-left:0;padding-left:0}
  .function-layout,.function-layout-reverse{grid-template-columns:1fr;gap:30px}.function-copy,.function-layout-reverse .function-copy{order:-1}.function-copy h2{font-size:clamp(32px,5vw,42px)}
  .function-visual-stack{grid-template-columns:1fr 1fr;align-items:start}.function-visual-stack .function-figure:last-child{width:100%}
  .comparison-grid{gap:16px}.comparison-actions{gap:20px 24px}
}
@media(max-width:650px){
  .hero-multitask{padding:24px 14px 14px;margin-bottom:30px;border-radius:10px;gap:22px}.multitask-copy{padding-inline:4px}.multitask-copy .eyebrow{margin-bottom:14px}.multitask-copy h2{font-size:clamp(30px,7.8vw,42px)}.multitask-motion figcaption{align-items:flex-start;flex-direction:column;gap:8px;padding:13px 14px}
  .comparison-hero{padding:24px 16px 30px}.comparison-intro{margin-bottom:22px;text-align:left}.comparison-intro h1{font-size:clamp(29px,8vw,43px)}.comparison-intro>p:last-child{font-size:.9375rem;margin-top:14px}
  .hero-slide-highlight{font-size:1.0625rem}.hero-motion{border-radius:10px;margin-bottom:30px}.hero-motion figcaption{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.comparison-subheading{text-align:left;margin-bottom:20px}.comparison-subheading h2{font-size:clamp(26px,7vw,34px)}.comparison-subheading p{font-size:.9375rem}
  .comparison-grid{grid-template-columns:1fr;gap:20px}.comparison-card{border-radius:10px}.comparison-card figcaption{padding:13px 15px;font-size:.9375rem}.comparison-card figcaption span{font-size:.875rem}
  .comparison-actions{justify-content:flex-start;gap:18px;margin-top:24px}.comparison-actions .button{width:100%;padding-inline:20px}.comparison-original{flex-basis:100%}
  .comparison-install-steps{justify-content:space-between;gap:10px;font-size:.8125rem}.comparison-install-steps li{gap:6px}
  .function-index{padding:28px 0 32px}.function-index h2{font-size:1.1875rem}.function-index-heading{margin-bottom:24px}.function-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.function-links a{font-size:.9375rem;padding:0 12px 0 18px}.function-links a:nth-child(odd){border-left:0;padding-left:0}.function-links a:nth-child(even){border-left:1px solid #455159;padding-left:18px}
  .function-copy h2{font-size:clamp(29px,7.6vw,38px)}.function-copy>.eyebrow{margin-bottom:14px}.function-copy>p:not(.eyebrow){margin-top:18px}.function-points{margin:20px 0}.function-points li{padding:12px 0}.function-figure>a{border-radius:10px}.function-visual-stack{grid-template-columns:1fr;gap:22px}.function-figure figcaption{font-size:.875rem}
  .upgrade-section .upgrade-copy h2{font-size:1.875rem}
}