:root{
    --navy-950:#111315;
    --navy-900:#1d2024;
    --navy-800:#1d2024;
    --blue-600:#c74400;
    --blue-500:#ff7626;
    --blue-300:#c7c3be;
    --ice:#faf9f7;
    --panel:#faf9f7;
    --white:#ffffff;
    --slate-600:#666b70;
    --slate-500:#666b70;
    --line:rgba(23,25,29,0.08);
    --shadow-soft:0 20px 50px -22px rgba(23,25,29,0.25);
    --shadow-lift:0 30px 70px -24px rgba(23,25,29,0.35);
    --ease:cubic-bezier(.22,1,.36,1);
  }

  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Outfit',system-ui,sans-serif;
    color:var(--navy-900);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  ul{list-style:none}
  button{font-family:inherit;cursor:pointer}
  section{position:relative}
  .wrap{max-width:1240px;margin:0 auto;padding:0 32px}

  @media (prefers-reduced-motion:reduce){
    *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
  }
  :focus-visible{outline:2px solid var(--blue-500);outline-offset:3px;border-radius:4px}
  .sr-only{position:absolute;left:-9999px}

  /* ---------- Header ---------- */
  header.site-header{
    position:sticky; top:0; z-index:100;
    background:var(--white);
    border-bottom:1px solid var(--line);
    box-shadow:0 2px 14px rgba(23,25,29,0.05);
  }
  header.site-header .bar{
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    padding:14px 0;
  }
  .brand{display:flex;align-items:center;gap:12px}
  .brand .logo-img{height:38px;width:auto;display:block}
  .brand .word{font-weight:800;font-size:19px;letter-spacing:0.3px;line-height:1;color:var(--navy-900)}
  .brand .sub{font-weight:600;font-size:15px;letter-spacing:2px;color:var(--slate-500);margin-top:3px}

  nav.main-nav{display:flex;align-items:center;gap:2px}
  nav.main-nav a{
    padding:10px 15px;border-radius:10px;font-weight:500;font-size:15px;color:var(--navy-900);
    position:relative; transition:background .25s var(--ease), color .25s var(--ease);
  }
  nav.main-nav a:hover{background:rgba(23,25,29,0.05)}
  nav.main-nav a.active{color:var(--blue-600); font-weight:600}
  nav.main-nav a.active::after{
    content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2px;border-radius:2px;
    background:var(--blue-600);
  }

  .header-contact{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
  .header-contact .phones{display:flex;flex-direction:column;gap:5px}
  .header-contact a{
    display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--navy-800);
    transition:color .2s var(--ease);
  }
  .header-contact a:hover{color:var(--blue-600)}
  .header-contact svg{width:15px;height:15px;color:var(--blue-600);flex:none}

  .menu-toggle{display:none;background:none;border:0;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center}
  .menu-toggle svg{width:22px;height:22px}

  .btn{
    display:inline-flex;align-items:center;gap:8px;
    font-weight:600;font-size:15px;
    padding:13px 24px;border-radius:12px;
    border:1px solid transparent;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);
    white-space:nowrap;
  }
  .btn svg{width:16px;height:16px;transition:transform .3s var(--ease)}
  .btn:hover svg{transform:translateX(3px)}
  .btn-primary{
    color:var(--white);
    background:var(--blue-600);
    box-shadow:0 14px 26px -10px rgba(199,68,0,0.55);
  }
  .btn-primary:hover{transform:translateY(-2px);background:#c74400;box-shadow:0 18px 34px -10px rgba(199,68,0,0.6)}
  .btn-outline-dark{
    color:var(--white); background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.55);
  }
  .btn-outline-dark:hover{background:rgba(255,255,255,0.14);transform:translateY(-2px)}

  /* ---------- Hero ---------- */
  .hero{
    position:relative; color:var(--white); overflow:hidden;
    min-height:560px; display:flex; align-items:center;
    padding:70px 0 60px;
    background:
      linear-gradient(100deg, rgba(23,25,29,0.92) 0%, rgba(23,25,29,0.72) 32%, rgba(23,25,29,0.32) 60%, rgba(23,25,29,0.15) 100%),
      url('hero-tevi.webp') center/cover no-repeat, var(--navy-950);
  }
  .hero-cta-badge{
    position:absolute; top:24px; right:32px; z-index:5;
  }
  .hero .wrap{position:relative;z-index:2}
  .hero-copy{max-width:600px}
  .hero h1{
    font-size:clamp(32px,4.2vw,46px);
    font-weight:800; line-height:1.12; letter-spacing:-0.5px;
    margin-bottom:16px;
  }
  .hero .lede{font-size:clamp(17px,2vw,21px);font-weight:700;color:var(--white);margin-bottom:16px}
  .hero p.desc{font-size:15.5px;line-height:1.65;color:#f3eee9;max-width:480px;margin-bottom:32px}
  .hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}

  /* ---------- Reveal on scroll ---------- */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease), transform .8s var(--ease)}
  .reveal.in{opacity:1;transform:translateY(0)}
  .reveal-stagger > *{transition-delay:calc(var(--i,0) * 90ms)}
  .reveal-stagger > :nth-child(1){--i:0}
  .reveal-stagger > :nth-child(2){--i:1}
  .reveal-stagger > :nth-child(3){--i:2}

  /* ---------- Section headings ---------- */
  .kicker{
    display:inline-block; font-size:15px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase;
    color:var(--blue-600); margin-bottom:12px;
  }
  .section-head{max-width:640px; margin-bottom:44px}
  .section-head h2{font-size:clamp(24px,3vw,32px); font-weight:800; letter-spacing:-0.4px; color:var(--navy-900); line-height:1.15; margin-bottom:12px}
  .section-head p{font-size:15.5px; color:var(--slate-600); line-height:1.7}
  .centered{text-align:center; margin-left:auto; margin-right:auto}

  /* ---------- Products ---------- */
  .products{padding:64px 0 70px}
  .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:28px}
  .product-card{
    border-radius:18px;
    background:var(--white);
    border:1px solid var(--line);
    box-shadow:var(--shadow-soft);
    transition:transform .45s var(--ease), box-shadow .45s var(--ease);
    overflow:visible;
  }
  .product-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lift)}
  .product-media{
    position:relative; height:200px; border-radius:18px 18px 0 0; overflow:hidden;
    background:linear-gradient(160deg,#f3eee9,#c7c3be);
  }
  .product-media img{width:100%;height:100%;object-fit:cover}
  .product-icon{
    position:absolute; left:24px; bottom:-28px;
    width:56px;height:56px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--white);
    border:1px solid var(--line);
    box-shadow:0 10px 24px -8px rgba(23,25,29,0.3);
  }
  .product-icon svg{width:26px;height:26px;color:var(--navy-900)}
  .product-body{padding:44px 26px 26px}
  .product-card h3{font-size:18.5px;font-weight:700;margin-bottom:8px;line-height:1.3}
  .product-card p{font-size:15px;color:var(--slate-600);line-height:1.6;margin-bottom:16px}
  .link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--blue-600)}
  .link-arrow svg{width:15px;height:15px;transition:transform .3s var(--ease)}
  .product-card:hover .link-arrow svg{transform:translateX(4px)}
  .product-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-top:8px}
  .product-phone{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--navy-900);transition:color .2s var(--ease);white-space:nowrap}
  .product-phone svg{width:15px;height:15px;color:var(--blue-600);flex-shrink:0}
  .product-phone:hover{color:var(--blue-600)}

  /* ---------- Why us ---------- */
  .why{padding:0 0 70px}
  .why .inner{
    border-radius:20px; overflow:hidden;
    display:grid; grid-template-columns:0.62fr 1.38fr;
    min-height:280px;
  }
  .why .visual{position:relative}
  .why .visual img{width:100%;height:100%;object-fit:cover;min-height:280px}
  .why .content{
    background:var(--panel);
    padding:38px 40px;
    display:flex; flex-direction:column; justify-content:center;
  }
  .why .content h2{font-size:clamp(20px,2.2vw,25px); font-weight:800; margin-bottom:26px; letter-spacing:-0.3px; color:var(--navy-900)}
  .why-grid{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap}
  .why-item{
    display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; flex:1; min-width:110px;
  }
  .why-item .ic{
    width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:var(--white);
    border:1px solid var(--line);
  }
  .why-item .ic svg{width:22px;height:22px;color:var(--blue-600)}
  .why-item .ic img{width:100%;height:100%;object-fit:contain;display:block}
  .why-item span{display:block; font-size:15px; font-weight:600; color:var(--navy-900); line-height:1.4; max-width:100px}

  /* ---------- CTA band ---------- */
  .cta-band{padding:0 0 60px}
  .cta-inner{
    border-radius:18px; padding:34px 40px;
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
    background:linear-gradient(120deg,var(--navy-950),var(--navy-800));
  }
  .cta-inner h3{font-size:20px; font-weight:700; margin-bottom:6px; color:var(--white)}
  .cta-inner p{font-size:15px; color:#e8e2dc}

  /* ---------- Footer ---------- */
  footer{background:var(--navy-950); color:#c7c3be; padding:40px 0 26px}
  .footer-top{display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px}
  .footer-top .brand .word{color:#fff}
  .footer-top .brand .sub{color:#8f9499}
  .footer-grid{
    display:grid; grid-template-columns:1.2fr 1fr 1.2fr; gap:32px;
    padding-top:26px; border-top:1px solid rgba(255,255,255,0.08);
  }
  .contact-list{display:flex;flex-direction:column;gap:10px}
  .contact-list li{display:flex; gap:9px; align-items:flex-start; font-size:15px; line-height:1.5}
  .contact-list svg{width:15px;height:15px; flex:none; margin-top:2px; color:#c7c3be}
  .contact-list a{color:#f3eee9; transition:color .2s var(--ease)}
  .contact-list a:hover{color:#fff}
  .footer-legal{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#f3eee9}

  /* ---------- Responsive ---------- */
  @media (max-width:1180px){
    .wrap{padding:0 26px}
  }

  @media (max-width:980px){
    .grid-3{grid-template-columns:repeat(2,1fr)}
    .why .inner{grid-template-columns:1fr}
    .why .visual img{min-height:200px}
    .why-grid{justify-content:flex-start}
    .footer-grid{grid-template-columns:1fr 1fr}
  }

  @media (max-width:840px){
    header.site-header .bar{flex-wrap:wrap; row-gap:10px}
    nav.main-nav{
      position:fixed; inset:78px 16px auto 16px; flex-direction:column; align-items:stretch;
      padding:14px; border-radius:20px; gap:4px; max-height:calc(100vh - 96px); overflow-y:auto;
      background:var(--white); box-shadow:var(--shadow-lift);
      transform:translateY(-12px); opacity:0; pointer-events:none; transition:all .35s var(--ease);
    }
    nav.main-nav.open{transform:translateY(0); opacity:1; pointer-events:auto}
    nav.main-nav a{padding:13px 16px}
    .header-contact{display:none}
    .menu-toggle{display:flex}
    .hero-cta-badge{position:static; margin-bottom:20px}
    .hero{padding-top:24px}
  }

  @media (max-width:680px){
    .grid-3{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr; gap:22px}
    .footer-top{flex-direction:column; align-items:flex-start; gap:16px}
  }

  @media (max-width:640px){
    .wrap{padding:0 18px}
    .cta-inner{flex-direction:column; align-items:flex-start; text-align:left}
    .cta-inner .btn{width:100%; justify-content:center}
    .hero .cta-row{flex-direction:column; align-items:stretch}
    .hero .cta-row .btn{justify-content:center}
    .why-grid{flex-direction:column; align-items:flex-start}
    .why-item{flex-direction:row; text-align:left}
  }

  @media (max-width:480px){
    .brand .logo-img{height:30px}
    .product-body{padding:40px 20px 22px}
    .cta-inner{padding:26px 22px}
  }

/* Layout calibrated to the supplied desktop and mobile references */
  .reveal{opacity:1;transform:none}
  body{background:#fff}
  .wrap{width:100%;max-width:1480px;padding:0 30px}
  header.site-header{position:relative;box-shadow:none}
  header.site-header .bar{min-height:72px;padding:9px 0}
  .brand .logo-img{height:42px}
  nav.main-nav a{font-size:15px;padding:10px 14px;border-radius:0;font-weight:600}
  nav.main-nav a.active::after{bottom:-17px;height:3px}
  .header-contact{gap:20px}
  .header-contact a{font-size:15px}

  main,footer,header.site-header{width:100%;max-width:none;margin-left:0;margin-right:0}
  .hero{min-height:485px;padding:76px 0 52px;background-position:center}
  .hero>.wrap{width:100%}
  .hero-copy{max-width:620px}
  .hero h1{font-size:52px;line-height:1.02;max-width:620px;margin-bottom:15px}
  .hero .lede{font-size:20px;margin-bottom:15px}
  .hero p.desc{font-size:16px;line-height:1.45;margin-bottom:28px}
  .hero-cta-badge{top:12px;right:max(30px,calc((100vw - 1480px)/2 + 30px))}
  .btn{font-size:15px;padding:14px 28px;border-radius:5px}

  .products{padding:26px 0 22px;background:#fff}
  .grid-3{gap:28px}
  .product-card{border-radius:9px;box-shadow:0 3px 12px rgba(23,25,29,.12);overflow:hidden}
  .product-media{height:auto;aspect-ratio:1.85/1;border-radius:9px 9px 0 0;overflow:visible}
  .product-media img{border-radius:9px 9px 0 0}
  .product-card:nth-child(1) .product-media img{object-position:center 48%}
  .product-card:nth-child(2) .product-media img{object-position:center 52%}
  .product-card:nth-child(3) .product-media img{object-position:center 55%}
  .product-icon{left:16px;bottom:-25px;width:52px;height:52px}
  .product-body{padding:36px 18px 16px 92px;min-height:140px}
  .product-card h3{font-size:17px;line-height:1.12;margin-bottom:6px}
  .product-card p{font-size:15px;line-height:1.35;margin-bottom:8px}
  .link-arrow{font-size:15px;text-decoration:underline}
  .product-phone{font-size:15px}
  .product-phone svg{width:13px;height:13px}

  .why{padding:0 0 12px;background:#fff}
  .why .inner{grid-template-columns:240px 1fr;min-height:165px;border-radius:8px}
  .why .visual img{min-height:165px}
  .why .content{padding:20px 26px}
  .why .content h2{font-size:22px;margin-bottom:18px}
  .why-item{gap:7px;min-width:90px}
  .why-item .ic{width:36px;height:36px;background:transparent;border:0}
  .why-item .ic svg{width:26px;height:26px}
  .why-item span{font-size:15px}

  .cta-band{padding:0;background:#fff}
  .cta-band{background:linear-gradient(110deg,#1d2024,#c74400)}
  .cta-band .wrap{max-width:1480px;padding:0 30px}
  .cta-inner{border-radius:0;padding:17px 0;background:transparent}
  .cta-inner h3{font-size:16px;margin-bottom:3px}
  .cta-inner p{font-size:15px}

  footer{padding:18px 0 10px;background:#111315}
  .footer-logo{height:40px}
  footer>.wrap{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:54px}
  .footer-top{float:none;width:auto;margin:0;padding:5px 0 0}
  .footer-grid{display:grid;grid-template-columns:.85fr 1.1fr 1.55fr;align-items:center;gap:48px;padding:0;border:0}
  .footer-grid>.contact-list:nth-child(2){justify-self:center;text-align:center}
  .contact-list{gap:7px}.contact-list li,.footer-legal{font-size:15px}
  .footer-legal{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;width:100%}
  .footer-legal span{white-space:nowrap}
  footer:after{display:none}
  .footer-bottom{display:flex;clear:both;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 60px);max-width:1420px;margin:14px auto 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px;color:#e8e2dc}
  .footer-links{display:flex;align-items:center;gap:24px}
  .footer-links a{transition:color .2s var(--ease)}
  .footer-links a:hover{color:#fff}

  @media(min-width:841px) and (max-width:1100px){
    footer>.wrap{grid-template-columns:170px minmax(0,1fr);gap:28px}
    .footer-grid{gap:20px}
    .contact-list li,.footer-legal{font-size:15px}
    .footer-legal{flex-direction:column;align-items:flex-start;gap:4px}
  }

  @media(max-width:840px){
    body{background:#fff}
    main,footer,header.site-header{max-width:none}
    .wrap{padding:0 18px}
    header.site-header .bar{min-height:90px;padding:12px 0;flex-wrap:nowrap}
    .brand .logo-img{height:34px}
    nav.main-nav{
      inset:90px 12px auto 12px;
      gap:0;
      padding:8px;
      border-radius:0 0 12px 12px;
      box-shadow:0 12px 30px rgba(23,25,29,.18);
    }
    nav.main-nav a{padding:11px 14px;font-size:15px}
    nav.main-nav a.active::after{display:none}
    .menu-toggle{display:flex;width:38px;height:38px;border-radius:4px}
    .menu-toggle svg{width:25px;height:25px;stroke-width:2.7}
    .hero{min-height:200px;padding:34px 0 31px;background-position:center;background-image:linear-gradient(90deg,rgba(23,25,29,.94),rgba(23,25,29,.68)),url('hero-tevi.webp')}
    .hero-cta-badge{display:none}
    .hero-copy{max-width:100%}
    .hero h1{font-size:27px;line-height:1.02;max-width:290px;margin-bottom:7px;letter-spacing:-.2px}
    .hero .lede{font-size:15px;margin-bottom:16px}
    .hero p.desc{display:none}
    .hero .cta-row{flex-direction:row;flex-wrap:nowrap;gap:9px}
    .hero .cta-row .btn{flex:1;padding:11px 8px;font-size:15px;justify-content:center}

    .products{padding:11px 0 17px;background:#fafafa}
    .grid-3{display:flex;flex-direction:column;gap:10px}
    .product-card{display:grid;grid-template-columns:minmax(118px,41%) minmax(0,59%);width:100%;height:142px;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px rgba(23,25,29,.08)}
    .product-card:hover{transform:none}
    .product-media{height:142px;aspect-ratio:auto;border-radius:7px 0 0 7px}
    .product-media{overflow:visible}.product-media img{border-radius:7px 0 0 7px}
    .product-icon{left:calc(100% + 12px);top:10px;bottom:auto;width:24px;height:24px;border:0;box-shadow:none;background:transparent;z-index:2}
    .product-icon svg{width:21px;height:21px}
    .product-body{padding:36px 10px 10px 14px;min-width:0;min-height:0;overflow:hidden}
    .product-card h3{font-size:16px;line-height:1.03;margin-bottom:7px}
    .product-card p{font-size:13px;line-height:1.22;margin-bottom:4px}
    .link-arrow{font-size:15px}

    .why{padding:5px 0 15px;background:#fff}
    .why .inner{display:block;min-height:auto;overflow:visible}
    .why .visual,.why .content h2{display:none}
    .why .content{padding:8px 10px;background:#fff}
    .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:start}
    .why-item{display:flex;flex-direction:column;text-align:center;gap:5px;min-width:0}
    .why-item:nth-child(3),.why-item:nth-child(4){display:none}
    .why-item:nth-child(5){display:flex}
    .why-item .ic{width:32px;height:32px}
    .why-item .ic svg{width:27px;height:27px}
    .why-item span{font-size:15px}
    .why-item:nth-child(1) span:last-child{font-size:0}.why-item:nth-child(1) span:last-child:after{content:'Calitate';font-size:15px}
    .why-item:nth-child(2) span:last-child{font-size:0}.why-item:nth-child(2) span:last-child:after{content:'Stocuri reale';font-size:15px}
    .why-item:nth-child(5) span:last-child{font-size:0}.why-item:nth-child(5) span:last-child:after{content:'Livrare rapidă';font-size:15px}

    .cta-inner{padding:10px 14px;display:block}.cta-inner>div{display:none}
    .cta-inner .btn{width:100%;padding:11px 10px;font-size:15px;justify-content:center}
    footer{padding:13px 0 16px;text-align:center}
    .footer-top{display:none}
    .footer-grid{display:block;padding:0}
    .footer-grid>.contact-list:first-child{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 15px}
    .footer-grid>.contact-list:first-child li{font-size:15px;align-items:center}
    .footer-grid>.contact-list:first-child li:last-child{flex-basis:100%;justify-content:center}
    .footer-grid>.contact-list:nth-child(2),.footer-legal{display:none}
    footer:after,.footer-bottom{display:none}
  }

  @media(max-width:380px){
    .wrap{padding:0 14px}
    .hero h1{font-size:25px}
    .product-card{grid-template-columns:40% 60%}
    .product-body{padding-left:12px}
  }

  .mobile-call,.mobile-email,.mobile-menu-contact,.nav-icon,.trust-strip{display:none}

  @media(max-width:840px){
    header.site-header{
      position:sticky;top:0;z-index:1000;
      background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(250,249,247,.78));
      border-bottom:1px solid rgba(255,255,255,.82);
      box-shadow:0 8px 28px rgba(23,25,29,.12),inset 0 1px 0 #fff;
      -webkit-backdrop-filter:blur(22px) saturate(180%);
      backdrop-filter:blur(22px) saturate(180%);
    }
    header.site-header::after{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 42%,rgba(255,255,255,.26));
    }
    header.site-header .bar{min-height:82px;position:relative;z-index:1;gap:10px}
    .brand{margin-right:auto}.brand .logo-img{height:46px}
    .mobile-call{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:15px;color:#c74400;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,249,247,.78));border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(23,25,29,.14),inset 0 1px 1px #fff}
    .mobile-call svg{width:23px;height:23px}
    .menu-toggle{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,249,247,.78));border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(23,25,29,.14),inset 0 1px 1px #fff;border-radius:15px;width:46px;height:46px;z-index:2}
    nav.main-nav{
      position:fixed;inset:92px 12px auto 12px;padding:10px;
      border:1px solid rgba(255,255,255,.76);border-radius:18px;
      background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(250,249,247,.72));
      box-shadow:0 18px 50px rgba(23,25,29,.22),inset 0 1px 0 #fff;
      -webkit-backdrop-filter:blur(24px) saturate(185%);backdrop-filter:blur(24px) saturate(185%);
    }
    nav.main-nav a{border-radius:11px;padding:11px 14px}
    nav.main-nav a:hover,nav.main-nav a.active{background:rgba(255,255,255,.58)}

    .hero{min-height:565px;padding:48px 0 30px;align-items:flex-start;background-position:64% center;background-image:linear-gradient(90deg,rgba(23,25,29,.96) 0%,rgba(23,25,29,.80) 47%,rgba(23,25,29,.18) 100%),url('hero-tevi.webp')}
    .hero h1{font-size:39px;line-height:1.04;max-width:360px;margin-bottom:16px}
    .hero .lede{font-size:20px;line-height:1.35;max-width:320px;margin-bottom:14px}
    .hero .lede::after{content:"";display:block;width:46px;height:3px;margin-top:13px;background:#ff7626;border-radius:5px}
    .hero p.desc{display:block;font-size:15px;line-height:1.55;max-width:330px;margin-bottom:21px;color:#fff}
    .hero .cta-row{display:flex;flex-direction:column;max-width:310px;gap:10px}
    .hero .cta-row .btn{flex:none;width:100%;min-height:52px;font-size:16px}
    .hero::after{content:"● ● ● ●";position:absolute;bottom:12px;left:0;right:0;text-align:center;color:rgba(255,255,255,.18);font-size:15px;letter-spacing:5px}

    .products{padding:14px 0 15px}
    .grid-3{gap:9px}
    .product-card{position:relative;grid-template-columns:44% minmax(0,56%);height:150px;border:1px solid rgba(23,25,29,.08);border-radius:12px;box-shadow:0 7px 22px rgba(23,25,29,.10)}
    .product-media{height:150px;aspect-ratio:auto;border-radius:12px 0 0 12px}
    .product-media img{border-radius:12px 0 0 12px}
    .product-icon{
      left:10px;
      top:10px;
      width:46px;
      height:46px;
      border-radius:13px;
      background:linear-gradient(135deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.16) 100%);
      -webkit-backdrop-filter:blur(16px) saturate(190%);
      backdrop-filter:blur(16px) saturate(190%);
      border:1px solid rgba(255, 255, 255, 0.65);
      box-shadow:0 8px 20px rgba(23,25,29,0.18), inset 0 1px 1px rgba(255, 255, 255, 0.75);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:2;
    }
    .product-icon svg{
      width:26px;
      height:26px;
      color:#fff;
      filter:drop-shadow(0 2px 4px rgba(23,25,29,0.35));
    }
    .product-body{padding:14px 12px 10px 12px;display:flex;flex-direction:column;justify-content:center;overflow:visible}
    .product-card h3{font-size:18px;line-height:1.08;margin-bottom:7px}
    .product-card p{font-size:13px;line-height:1.3;margin-bottom:8px}
    .product-actions{gap:4px 8px;margin-top:4px;flex-wrap:wrap}
    .product-phone{font-size:13px;white-space:nowrap}
    .product-phone svg{width:12px;height:12px}
    .link-arrow{font-size:13px;white-space:nowrap}
    .product-card::after{display:none}

    .why{padding:4px 0 14px}
    .why .content{padding:5px 0}.why .content h2{display:block;text-align:center;font-size:21px;margin:0 0 22px}
    .why .content h2::after{content:"";display:block;width:28px;height:2px;background:#ff7626;margin:8px auto 0}
    .why-grid{grid-template-columns:repeat(3,1fr);gap:16px 4px}
    .why-item:nth-child(3),.why-item:nth-child(4),.why-item:nth-child(5),.why-item:nth-child(6){display:flex}
    .why-item{position:relative;gap:7px}
    .why-item .ic{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#faf9f7,#faf9f7)}
    .why-item .ic svg{width:29px;height:29px}
    .why-item span{font-size:15px;line-height:1.15}
    .why-item:nth-child(1) span:last-child,.why-item:nth-child(2) span:last-child,.why-item:nth-child(5) span:last-child{font-size:15px}
    .why-item:nth-child(1) span:last-child:after,.why-item:nth-child(2) span:last-child:after,.why-item:nth-child(5) span:last-child:after{content:none}

    .cta-band{margin:0 12px;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,rgba(23,25,29,.98),rgba(23,25,29,.82)),url('why-tevi.webp') center/cover}
    .cta-band .wrap{padding:0 14px}
    .cta-inner{min-height:105px;padding:14px 0 14px 58px;display:flex;flex-direction:row;align-items:center;gap:10px;position:relative}
    .cta-inner::before{content:'•••';position:absolute;left:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:2px;background:#ff7626}
    .cta-inner>div{display:block;flex:1}.cta-inner h3{font-size:16px;line-height:1.15}.cta-inner p{font-size:15px;line-height:1.25}
    .cta-inner .btn{width:auto;flex:none;padding:10px 14px;font-size:15px;background:#fff;color:#1d2024;box-shadow:none}
    .trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 12px 14px;padding:10px 6px;border-radius:11px;background:linear-gradient(145deg,#faf9f7,#faf9f7);box-shadow:inset 0 1px 0 #fff}
    .trust-item{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;line-height:1.15;color:#1d2024}
    .trust-icon{font-size:20px;color:#ff7626}
    footer{display:none}
  }

  @media(max-width:430px){
    .hero{min-height:520px}.hero h1{font-size:33px}.hero .lede{font-size:17px}
    .product-card{height:142px}.product-media{height:142px}
    .product-card h3{font-size:16px}.product-body{padding-right:22px}
    .cta-inner{padding-left:52px}.cta-inner .btn{font-size:15px;padding:10px}
  }