/* Public home and turnkey presentation. Cabinet styles are intentionally scoped out. */
.km-home .service-card { align-items:center; gap:16px; padding:18px 20px; }
.km-home .service-card h3 { margin:0; font-size:19px; }
.km-home .service-card p { margin:5px 0 8px; font-size:14px; line-height:1.4; max-width:34ch; }
.km-home .service-card .icon { width:34px; height:34px; flex-shrink:0; }
.km-home .service-card .text-link { font-size:14px; }
.km-home-hero .hero-image { overflow:hidden; }
.km-home-hero .hero-image img { transform:translate3d(0,var(--km-parallax,0px),0) scale(1.035); }
.km-home .benefits { margin-top:32px; }
.km-home-tariffs-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px; }
.km-home-tariffs-heading h2 { margin:0 0 6px; font-size:23px; }
.km-home-tariffs-heading p { margin:0; font-size:13px; }
.km-home-tariffs-heading>a { font-size:14px; white-space:nowrap; }
.km-home-tariff-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px)/4); gap:16px; overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; padding:3px 2px 8px; margin:0 -2px; scrollbar-width:none; }
.km-home-tariff-track::-webkit-scrollbar { display:none; }
.km-home-tariff { position:relative; overflow:hidden; display:block; height:220px; border:1px solid #d5ded6; border-radius:18px; background:#eff4eb; color:var(--ink); text-decoration:none; scroll-snap-align:start; }
.km-home-tariff>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; opacity:.65; }
.km-home-tariff::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#ffffff9c,#fffffff0 70%,#ffffffeb); }
.km-home-tariff-content { position:relative; z-index:1; padding:17px; }
.km-home-tariff-label { display:block; min-height:16px; font-size:10px; color:#41614c; font-weight:650; margin-bottom:9px; }
.km-home-tariff-content h3 { font-size:20px; line-height:1.2; margin:0 0 7px; letter-spacing:-.02em; }
.km-home-tariff-price { font-size:24px; font-weight:700; letter-spacing:-.03em; margin:0; line-height:1.25; white-space:nowrap; }
.km-home-tariff-price>span { font-size:13px; font-weight:500; letter-spacing:0; }
.km-home-tariff-content>s,.km-home-tariff-spacer { display:block; font-size:11px; color:#596a5d; line-height:1.3; margin:3px 0 8px; }
.km-home-tariff-summary { font-size:12px; line-height:1.4; height:34px; margin:0 0 9px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.km-home-tariff-link { font-size:12px; font-weight:650; color:#1d6044; }
.km-home-tariff-popular { border-color:#7eaa98; box-shadow:inset 0 0 0 1px #7eaa98; }
.km-home-tariff-popular .km-home-tariff-label { color:#176b45; }
.km-home-swipe { font-size:12px; margin:2px 0 0; display:none; }
.km-portfolio-empty { border:1px solid var(--line); border-radius:var(--radius); padding:22px; background:linear-gradient(120deg,#fff,#f0f5f1); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.km-portfolio-empty h3 { margin:0 0 7px; font-size:18px; }
.km-portfolio-empty p { margin:0; font-size:14px; color:var(--muted); }
.km-portfolio-empty a { flex-shrink:0; }
.km-reveal { opacity:0; transform:translateY(8px); transition:opacity .45s ease,transform .45s ease; }
.km-reveal.km-revealed { opacity:1; transform:none; }
.km-page-heading { max-width:760px; }
.km-page-heading h1 { max-width:720px; font-size:clamp(30px,4vw,46px); line-height:1.1; letter-spacing:-.035em; margin:0 0 18px; }
.km-page-heading>p:last-child { max-width:660px; font-size:17px; color:var(--muted); }
.km-carousel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.km-carousel-heading h2 { margin:0 0 5px; font-size:23px; }
.km-carousel-heading p { margin:0; }
.km-carousel-arrows { display:flex; gap:8px; flex-shrink:0; }
.km-arrow { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid #bacbc4; border-radius:50%; background:#fff; color:var(--accent); font-size:23px; cursor:pointer; transition:background .2s ease,opacity .2s ease; }
.km-arrow:hover:not(:disabled) { background:#e5f0e9; }
.km-arrow:disabled { opacity:.3; cursor:default; }
.km-tariff-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 40px)/3); gap:20px; align-items:start; position:relative; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-left:0; scrollbar-width:none; padding:5px 3px 12px; margin:0 -3px; }
.km-tariff-track::-webkit-scrollbar { display:none; }
.km-tariff-track:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:12px; }
.km-tariff-card { scroll-snap-align:start; border:1px solid #d5ded6; border-radius:22px; position:relative; overflow:hidden; min-width:0; background:#f7f8f2; box-shadow:0 8px 24px #213f2c08; display:block; }
.km-tariff-card.selected { outline:3px solid var(--accent); outline-offset:0; }
.km-tariff-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 24%; opacity:.56; pointer-events:none; }
.km-tariff-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#f9faf13d,#fffffff2 46%,#fff 75%); pointer-events:none; }
.km-tariff-content { position:relative; z-index:1; padding:24px 22px 0; }
.km-tariff-kicker { min-height:28px; margin-bottom:28px; }
.km-level-label { color:#3a534b; font-size:12px; font-weight:650; }
.km-popular { border-color:#7eaa98; }
.km-popular-badge { display:inline-block; padding:6px 11px; background:var(--accent); border-radius:99px; color:#fff; font-size:12px; font-weight:650; line-height:1.25; }
.km-tariff-content h3 { font-size:27px; line-height:1.15; letter-spacing:-.025em; margin:0 0 12px; }
.km-tariff-summary { font-size:14px; line-height:1.5; color:#40524a; min-height:84px; margin:0 0 18px; }
.km-price-before { min-height:22px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:5px; font-size:12px; color:#56635d; }
.km-price-before>span { padding:2px 6px; border-radius:5px; background:#e4f1e7; color:#1c6849; font-weight:700; }
.km-tariff-price { margin:0; font-size:31px; line-height:1.2; font-weight:700; letter-spacing:-.035em; color:var(--ink); white-space:nowrap; }
.km-price-unit { font-size:15px; font-weight:500; letter-spacing:0; margin-left:5px; }
.km-from { font-size:20px; font-weight:500; letter-spacing:0; }
.km-price-pending { font-size:25px; }
.km-floor-note { margin:7px 0 20px; font-size:12px; color:var(--muted); }
.km-select-tariff { width:100%; min-height:46px; padding:11px 10px; font-size:14px; }
.km-tariff-details { border-top:1px solid #dce5df; margin-top:22px; }
.km-tariff-details>summary { min-height:56px; padding:18px 20px 18px 0; font-weight:600; font-size:14px; position:relative; list-style:none; cursor:pointer; color:#245b49; }
.km-tariff-details>summary::-webkit-details-marker { display:none; }
.km-tariff-details>summary::after { content:"+"; position:absolute; right:0; top:13px; font-size:24px; font-weight:400; }
.km-tariff-details[open]>summary::after { content:"−"; }
.km-details-body { padding:0 0 22px; font-size:13px; line-height:1.55; }
.km-details-body h4 { font-size:14px; margin:20px 0 9px; }
.km-details-body .hint { font-size:12px; margin:0 0 16px; }
.km-scope-list { padding-left:17px; margin:0 0 16px; }
.km-scope-list li { margin:0 0 9px; }
.km-material-note { padding:12px; background:#eff4ee; border-radius:10px; color:#42574c; }
.km-carousel-footer { display:flex; align-items:center; gap:14px; padding-top:4px; min-height:30px; }
.km-carousel-position { font-size:13px; font-variant-numeric:tabular-nums; color:#425b4d; min-width:40px; }
.km-swipe-hint { font-size:12px; }
.km-carousel-dots { margin-left:auto; display:flex; gap:1px; }
.km-carousel-dots button { width:30px; height:30px; border:0; background:none; padding:10px; cursor:pointer; }
.km-carousel-dots button::before { display:block; content:""; width:8px; height:8px; border-radius:50%; background:#c7d4cb; transition:background .2s ease; }
.km-carousel-dots button[aria-current="true"]::before { background:var(--accent); }
.km-estimate { display:grid; grid-template-columns:1fr 1fr; gap:44px; padding:30px; background:linear-gradient(125deg,#fff,#f0f5ef); }
.km-estimate h2 { font-size:27px; margin-top:0; }
.km-estimate h3 { font-size:21px; margin-top:0; }
.km-estimate #tariff-choice { margin:16px 0 20px; font-size:15px; color:#2c624e; }
.km-estimate #turnkey-area { max-width:250px; background:#fff; }
.km-estimate #turnkey-total { margin-top:20px; font-size:32px; }
.km-estimate #turnkey-total:not(:empty) { overflow-wrap:anywhere; }
.km-estimate-explanation { border-left:1px solid #dce5df; padding-left:30px; font-size:15px; line-height:1.6; }
.km-estimate-explanation p { color:#4a5f52; }
.km-estimate-explanation .hint { font-size:13px; }
.km-discount-note { padding:12px 14px; border-radius:12px; background:#e5f1e7; color:#27593f; font-size:13px; line-height:1.5; }
.km-estimate a[aria-disabled="true"] { opacity:.5; cursor:default; }
@media (max-width:1000px) {
  .km-home-tariff-track { grid-auto-columns:calc((100% - 30px)/2.5); gap:14px; }
  .km-home-swipe { display:block; }
  .km-tariff-track { grid-auto-columns:calc((100% - 30px)/2.25); gap:16px; }
  .km-tariff-content { padding:22px 19px 0; }
  .km-tariff-price { font-size:29px; }
}
@media (max-width:640px) {
  .km-home-tariffs-heading { align-items:start; gap:12px; }
  .km-home-tariffs-heading h2 { font-size:21px; }
  .km-home-tariffs-heading p { font-size:12px; max-width:250px; }
  .km-home-tariffs-heading>a { font-size:12px; margin-top:3px; }
  .km-home-tariff-track { grid-auto-columns:calc(100% - 58px); gap:12px; margin-right:-20px; padding-right:20px; }
  .km-home-tariff { height:214px; }
  .km-home-tariff-content { padding:16px 19px; }
  .km-home-tariff-content h3 { font-size:23px; }
  .km-home-tariff-price { font-size:25px; }
  .km-home .service-card { padding:14px 16px; gap:14px; }
  .km-home .service-card h3 { font-size:17px; }
  .km-home .service-card p { font-size:13px; margin:4px 0 6px; max-width:none; }
  .km-home .service-card .icon { width:29px; height:29px; }
  .km-home .service-card .text-link { font-size:13px; }
  .km-home>.grid { gap:12px; }
  .km-home .benefits { margin-top:25px; }
  .km-portfolio-empty { padding:20px; display:block; }
  .km-portfolio-empty h3 { font-size:17px; }
  .km-portfolio-empty p { font-size:13px; }
  .km-portfolio-empty a { display:inline-block; font-size:14px; margin-top:14px; }
  .km-page-heading h1 { font-size:32px; max-width:330px; margin-bottom:14px; }
  .km-page-heading>p:last-child { font-size:15px; }
  .km-carousel-heading { gap:12px; margin-bottom:12px; }
  .km-carousel-heading h2 { font-size:20px; }
  .km-carousel-heading .hint { font-size:12px; }
  .km-carousel-arrows { gap:6px; }
  .km-arrow { width:36px; height:36px; font-size:21px; }
  /* A visible sliver of the next card makes horizontal swipe discoverable. */
  .km-tariff-track { grid-auto-columns:calc(100% - 28px); gap:12px; margin-right:-20px; padding-right:20px; scroll-padding-right:20px; }
  .km-tariff-content { padding:22px 20px 0; }
  .km-tariff-kicker { margin-bottom:24px; }
  .km-tariff-content h3 { font-size:28px; }
  .km-tariff-summary { min-height:64px; max-width:34ch; margin-bottom:16px; }
  .km-tariff-price { font-size:32px; }
  .km-price-unit { font-size:15px; }
  .km-tariff-details { margin-top:20px; }
  .km-estimate { grid-template-columns:1fr; gap:26px; padding:22px; }
  .km-estimate h2 { font-size:25px; }
  .km-estimate #turnkey-total { font-size:29px; }
  .km-estimate-explanation { border-left:0; border-top:1px solid #dce5df; padding:22px 0 0; font-size:14px; }
  .km-estimate-explanation h3 { font-size:19px; }
  .km-estimate a { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .km-reveal { opacity:1; transform:none; transition:none; }
  .km-home-hero .hero-image img { transform:none; }
  .km-tariff-track { scroll-behavior:auto; }
  .km-marketing *, .km-home * { transition:none!important; animation:none!important; }
}