.home-preview .hero-rule{width:300px;max-width:55vw;height:1px;background:rgba(126,205,255,.48);margin:16px 0 20px}
.home-preview .hero-kicker{color:#7dcbff;font-size:25px;line-height:1.15;letter-spacing:.28em;font-weight:800;margin-bottom:20px}
.home-preview .hero-inner h1{font-family:Inter,sans-serif;font-weight:900;line-height:1.01;letter-spacing:-.055em;text-transform:uppercase;margin-top:0;max-width:650px}
.home-preview .pillar-grid strong{white-space:nowrap}
.home-preview .pillar-grid article{display:flex;flex-direction:column;justify-content:center;min-height:150px}
.home-preview .pillar-grid h3{margin-top:0}
.home-preview .section#kategoriler{background:#fbfdff}
.home-preview .section.soft{background:#edf4f8}
.home-preview #urunler .section-head{margin-bottom:28px}
.home-preview #urunler .text-link{color:#c63c36}
.home-preview #urunler .text-link:hover{color:#a92e29}
.home-preview .product-img{background:#f4f8fc;padding:20px}
.home-preview .product-img img{width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;background:transparent}
.home-preview .experience{background:linear-gradient(135deg,#08243e 0%,#0c3557 100%);color:#fff}
.home-preview .experience .eyebrow{color:#62c5ff}
.home-preview .experience p{color:#c8ddea}
.home-preview .experience .lead{color:#fff}
.home-preview .experience .eyebrow+.lead{margin-top:18px;margin-bottom:14px;max-width:760px}
.home-preview .exp-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.home-preview .exp-card .exp-stat{display:flex;align-items:center;gap:18px}.home-preview .exp-card .exp-badge-icon{width:68px;height:68px;flex:0 0 68px;color:#55c0ff;display:flex;align-items:center;justify-content:center}.home-preview .exp-card .exp-badge-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.home-preview .exp-card strong{font-size:72px;line-height:1;display:flex;align-items:baseline;gap:12px}
.home-preview .exp-card strong small{font-size:26px}
.home-preview .tech{background:#fff}
.home-preview .cta{background:#f4f8fb}
.home-preview .cta-box{background:#fff}
.home-preview .sustain-grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.home-preview .sustain .eyebrow{margin-bottom:0}
.home-preview .sustain h2{display:none}
.home-preview .sustain .eyebrow+p{margin:19px 0 14px}
.home-preview .sustain-grid>div>.btn{margin-top:0}
@media(max-width:620px){.home-preview .hero-kicker{font-size:18px;letter-spacing:.22em}.home-preview .hero-inner h1{font-size:42px;line-height:1.01}.home-preview .exp-card .exp-stat{gap:12px}.home-preview .exp-card .exp-badge-icon{width:54px;height:54px;flex-basis:54px}.home-preview .exp-card strong{font-size:58px}.home-preview .exp-card strong small{font-size:22px}}

/* Benefit icons */
.pillars .pillar-grid article{display:flex;align-items:center;gap:24px;min-height:150px;padding:28px 34px}
.pillars .pillar-icon{width:72px;height:72px;min-width:72px;border-radius:50%;background:#e8f2fa;color:#08243e;display:flex;align-items:center;justify-content:center}
.pillars .pillar-icon svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pillars .pillar-icon svg path[fill="currentColor"]{fill:currentColor}
.pillars .pillar-grid h3{margin:0 0 8px;font-size:19px}
.pillars .pillar-grid p{margin:0;color:#55708d;line-height:1.65}
@media(max-width:900px){.pillars .pillar-grid article{padding:26px 24px;gap:18px}}
@media(max-width:620px){.pillars .pillar-grid article{min-height:0;padding:26px 22px}.pillars .pillar-icon{width:62px;height:62px;min-width:62px}.pillars .pillar-icon svg{width:40px;height:40px}}

/* Responsible-use principle icons */
.home-preview .sustain .principles article{display:flex;align-items:center;gap:22px;padding:18px 22px;min-height:124px;background:rgba(255,255,255,.075);border:1px solid rgba(145,205,240,.26);border-radius:16px;box-shadow:none}
.home-preview .sustain .principle-icon{width:72px;height:72px;min-width:72px;border-radius:50%;background:#e8f2fa;color:#08243e;display:flex;align-items:center;justify-content:center}
.home-preview .sustain .principle-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.home-preview .sustain .principle-copy{min-width:0}
.home-preview .sustain .principles b{display:block;color:#5cc3ff;font-size:16px;line-height:1;margin-bottom:5px}
.home-preview .sustain .principles h3{margin:0 0 6px;font-size:20px;line-height:1.2;color:#fff}
.home-preview .sustain .principles p{margin:0;color:#cce0ef;line-height:1.55}
@media(max-width:620px){.home-preview .sustain .principles article{padding:18px;gap:16px;min-height:110px}.home-preview .sustain .principle-icon{width:60px;height:60px;min-width:60px}.home-preview .sustain .principle-icon svg{width:37px;height:37px}.home-preview .sustain .principles h3{font-size:18px}}

/* Pillar cards: icon positioned to the left of the content, matching the reference layout. */
.home-preview .pillars .pillar-grid article {
  flex-direction: row !important;
  align-items: center;
  gap: 24px;
}
.home-preview .pillars .pillar-icon {
  flex: 0 0 72px;
}
.home-preview .pillars .pillar-grid article > div:last-child {
  min-width: 0;
}
@media (max-width: 900px) {
  .home-preview .pillars .pillar-grid article {
    gap: 18px;
  }
}
@media (max-width: 620px) {
  .home-preview .pillars .pillar-grid article {
    gap: 16px;
  }
  .home-preview .pillars .pillar-icon {
    flex-basis: 62px;
  }
}