/* Homepage presentation belongs to the displayHome module, not the theme shell. */
.teklano-home{background:var(--tk-paper);overflow:visible}
.tk-shell{width:100%;margin-inline:auto}

/* ── Shared primitives (kicker, headings, buttons) ── */
.tk-kicker,.tk-section-label{font:700 11px/1.3 'Space Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--tk-mint-text, #1f6f60);margin:0 0 24px}
.tk-hero h1,.tk-section-head h2,.tk-products-intro h2,.tk-benefits-copy h2,.tk-final-cta h2{font-size:clamp(44px,5.5vw,82px);line-height:.96;letter-spacing:-.075em;margin:0;font-weight:800}
.tk-hero h1 em{display:inline-block;color:var(--tk-mint-text, #1f6f60);font:600 .92em/1 Caveat,cursive;letter-spacing:-.055em;transform:rotate(-2deg)}
.tk-benefits-copy h2 em,.tk-final-cta h2 em{color:var(--tk-mint-text, #1f6f60);font-style:normal}
.tk-lead{color:var(--tk-muted);max-width:520px;line-height:1.65;margin:27px 0;font-size:clamp(14px,1.15vw,16px)}
.tk-actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center}
.tk-button{min-height:53px;border-radius:var(--tk-radius-pill);padding:0 22px;display:inline-flex;align-items:center;gap:18px;text-decoration:none;font-size:13px;font-weight:800;border:0;cursor:pointer;transition:transform .2s,background .2s}
.tk-button--ink{background:var(--tk-ink);color:#fff}
.tk-button--mint{background:var(--tk-mint);color:var(--tk-ink)}
.tk-button--sm{min-height:44px;padding:0 16px;gap:10px;font-size:11px}
.tk-button-icon{width:18px;height:18px;display:inline-flex}
.tk-button-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── Hero ── */
.tk-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(40px,6vw,92px);align-items:center;padding:clamp(38px,4vw,52px) 0 clamp(62px,6vw,88px)}
.tk-hero-copy{padding-left:clamp(0px,1vw,18px)}
.tk-hero-art{height:clamp(420px,38vw,570px);border-radius:31px;background:#eaf0ec;position:relative;overflow:hidden;isolation:isolate}
.tk-hero-art img{position:absolute;z-index:3;height:94%;max-width:72%;width:auto;bottom:-1px;left:50%;transform:translateX(-50%)}
.tk-orbit{position:absolute;border:1px solid rgba(17,19,17,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.tk-orbit--one{width:84%;aspect-ratio:1}
.tk-orbit--two{width:58%;aspect-ratio:1}
.tk-mint-shape{position:absolute;z-index:0;width:75%;aspect-ratio:1;background:var(--tk-mint);border-radius:48% 52% 0 0;bottom:-25%;right:-8%}
.tk-hero-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:21px;color:var(--tk-muted);font-size:12px;font-weight:700}
.tk-hero-trust span{display:inline-flex;align-items:center;gap:7px}
.tk-hero-trust svg{width:15px;height:15px;fill:none;stroke:var(--tk-mint-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tk-hero-badge{position:absolute;z-index:4;display:grid;place-items:center;padding:10px 14px;color:var(--tk-ink);background:var(--tk-paper);border:1px solid var(--tk-ink);font:700 9px/1.25 'Space Mono',monospace;letter-spacing:.04em;text-align:center}
.tk-hero-badge--compat{top:9%;right:7%;width:88px;aspect-ratio:1;border-radius:50%;transform:rotate(8deg)}
.tk-hero-badge--one{left:7%;top:27%;background:var(--tk-ink);color:var(--tk-paper);border-radius:999px;transform:rotate(-5deg)}
.tk-hero-badge--two{right:5%;top:54%;border-radius:8px;transform:rotate(4deg)}
.tk-hero-badge--three{left:8%;bottom:9%;border-radius:8px;transform:rotate(-3deg)}

@media (prefers-reduced-motion:no-preference){
  .tk-orbit--one{animation:tk-orbit-drift 48s linear infinite}
  .tk-orbit--two{animation:tk-orbit-drift 36s linear infinite reverse}
  .tk-hero-badge--one{animation:tk-label-float-one 8s ease-in-out infinite}
  .tk-hero-badge--two{animation:tk-label-float-two 10s ease-in-out infinite}
}
@keyframes tk-orbit-drift{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes tk-label-float-one{50%{translate:0 -5px}}
@keyframes tk-label-float-two{50%{translate:0 5px}}

/* ── Featured products ── */
.tk-products{padding-bottom:var(--tk-section-pad-y,clamp(70px,10vw,136px))}
.tk-products-intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:52px}
.tk-products-intro p{color:var(--tk-muted);max-width:340px;margin:0;line-height:1.6}
.tk-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tk-product-card{padding:22px;border:1px solid var(--tk-line);border-radius:var(--tk-radius);background:var(--tk-card-cream);display:flex;flex-direction:column;min-height:340px}
.tk-product-card--featured{border:0;background:var(--tk-ink);color:var(--tk-paper);min-height:460px}
.tk-product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.tk-card-number{font:10px 'Space Mono';letter-spacing:.05em;opacity:.5}
.tk-status{padding:6px 8px;border-radius:var(--tk-radius-pill);border:1px solid var(--tk-line);font:9px 'Space Mono';letter-spacing:.05em;text-transform:uppercase;color:var(--tk-mint-text, #1f6f60)}
.tk-product-card--featured .tk-status{border-color:rgba(121,215,195,.55);color:var(--tk-mint)}
.tk-status--muted{color:var(--tk-muted);border-color:var(--tk-line)}
.tk-product-card--featured .tk-status--muted{border-color:rgba(247,246,241,.2);color:var(--tk-text-inverse-soft,rgba(247,246,241,.68))}
.tk-product-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.tk-product-meta{font:700 10px 'Space Mono';text-transform:uppercase;letter-spacing:.04em;color:var(--tk-mint-text, #1f6f60);margin-bottom:12px}
.tk-product-card--featured .tk-product-meta{color:var(--tk-mint)}
.tk-product-content h3{margin:0 0 10px;font-size:1.55rem;line-height:.98;letter-spacing:-.07em}
.tk-product-card--featured .tk-product-content h3{font-size:clamp(1.7rem,2.5vw,2.6rem)}
.tk-product-content h3 a{color:inherit;text-decoration:none}
.tk-product-content>p{opacity:.68;font-size:13px;line-height:1.6;max-width:500px;margin:0 0 20px}
.tk-product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tk-price{font-size:18px;font-weight:800;letter-spacing:-.03em}
.tk-compat{font:10px 'Space Mono';opacity:.5;margin-right:4px}

/* ── How it works ── */
.tk-steps{padding-bottom:var(--tk-section-pad-y,clamp(70px,10vw,136px))}
.tk-steps .tk-section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}
.tk-steps .tk-section-head h2{font-size:clamp(42px,5vw,72px)}
.tk-steps-intro{color:var(--tk-muted);max-width:340px;margin:0;line-height:1.6}
.tk-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.tk-step-card{padding:28px;border:1px solid var(--tk-line);border-radius:var(--tk-radius);background:var(--tk-card-cream)}
.tk-step-index{display:block;font:10px 'Space Mono';color:var(--tk-mint-text, #1f6f60);margin-bottom:18px}
.tk-step-card h3{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:-.04em}
.tk-step-card p{margin:0;font-size:13px;line-height:1.65;color:var(--tk-muted)}

/* ── Benefits panel ── */
.tk-benefits{padding-bottom:var(--tk-section-pad-y,clamp(70px,10vw,136px))}
.tk-benefits-panel{background:var(--tk-ink);border-radius:var(--tk-radius);padding:clamp(44px,7vw,96px);color:var(--tk-paper);display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center}
.tk-benefits-copy .tk-kicker{color:var(--tk-mint)}
.tk-benefits-copy h2{font-size:clamp(2.4rem,4vw,4.6rem)}
.tk-benefits-copy>p{color:rgba(247,246,241,.68);line-height:1.7;max-width:400px;font-size:14px;margin-top:20px}
.tk-benefits-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(247,246,241,.14)}
.tk-benefits-list li{padding:16px 0;border-bottom:1px solid rgba(247,246,241,.14);display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700}
.tk-benefits-list li span{font:10px 'Space Mono';color:var(--tk-mint)}

/* ── Final CTA ── */
.tk-final-cta{padding-bottom:0;text-align:center}
.tk-final-cta h2{margin:0 0 16px}
.tk-final-cta>p{color:var(--tk-muted);font-size:16px;line-height:1.7;margin:0 auto 30px;max-width:480px}

@media (max-width:900px){
  .tk-hero{grid-template-columns:1fr;gap:30px;padding:32px 0 58px}
  .tk-hero-copy{padding-left:0}
  .tk-hero-art{height:auto;aspect-ratio:4/3;max-height:420px}
  .tk-hero h1{font-size:clamp(42px,12vw,58px)}
  .tk-hero .tk-section-label{margin-bottom:18px}
  .tk-hero .tk-lead{margin:22px 0;line-height:1.55}
  .tk-hero-trust{margin-top:17px;gap:8px 16px;font-size:11px}
  .tk-hero-badge{padding:8px 11px;font-size:8px}
  .tk-hero-badge--compat{width:74px}
  .tk-products,.tk-steps,.tk-benefits,.tk-final-cta{padding-bottom:85px}
  .tk-products-intro,.tk-steps .tk-section-head{display:block}
  .tk-products-intro p{margin-top:25px}
  .tk-product-grid,.tk-step-grid{grid-template-columns:1fr}
  .tk-product-card--featured{min-height:380px}
  .tk-benefits-panel{grid-template-columns:1fr;gap:32px;padding:36px 26px}
}

.tk-home-miniatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tk-home-miniatures>.product{min-width:0;width:auto;max-width:none;padding:0}
@media (max-width:1180px){.tk-home-miniatures{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tk-home-miniatures{grid-template-columns:minmax(0,1fr)}}