:root{
  --bg:#0A0A0C;
  --bg-2:#150A0C;
  --panel:#180D10;
  --paper:#F5F4F1;
  --red:#E63950;
  --red-deep:#B8202F;
  --red-bright:#FF5C72;
  --led:#E3C077;
  --text-light:#EDE9E6;
  --text-dim:#A8A2A0;
  --text-dark:#17151A;
  --text-dark-dim:#5C5762;
  --line-dark:rgba(237,232,217,0.12);
  --line-light:#E2DFDA;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:
    radial-gradient(ellipse 60% 50% at 88% 0%, rgba(230,57,80,0.24), transparent 60%),
    radial-gradient(ellipse 55% 45% at 5% 95%, rgba(230,57,80,0.16), transparent 60%),
    linear-gradient(160deg, #0A0A0C 0%, #150A0C 45%, #0A0A0C 100%);
  color:var(--text-light);
  font-family:'Public Sans',sans-serif;
  font-size:16px;
  line-height:1.6;
  position:relative;
}

/* hero background graphic — red streaks (left) + wireframe globe (right), matching reference art */
/* splash / preloader */
#preloader{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:#0A0A0C;
  transition:opacity .7s ease;
  opacity:1;
}
#preloader.hide{opacity:0; pointer-events:none;}
#preloader .pl-bg{
  position:absolute; inset:0;
  background-image:url('assets/hero-bg.jpg');
  background-size:cover; background-position:center;
  filter:brightness(.55) saturate(1.1);
  animation:pl-bg-zoom 3s ease-out forwards;
}
#preloader .pl-bg::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 50%, transparent 0%, rgba(10,8,9,0.55) 60%, #0A0A0C 100%);
}
@keyframes pl-bg-zoom{
  from{transform:scale(1.12);}
  to{transform:scale(1);}
}
#preloader .pl-inner{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:18px;}
#preloader .pl-mark{
  width:64px; height:64px; object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(230,57,80,0.65));
  animation:pl-pulse 1.6s ease-in-out infinite;
}
@keyframes pl-pulse{
  0%,100%{transform:scale(1); filter:drop-shadow(0 0 10px rgba(230,57,80,0.5));}
  50%{transform:scale(1.08); filter:drop-shadow(0 0 22px rgba(230,57,80,0.85));}
}
#preloader .pl-title{
  font-family:'Fraunces',serif; font-weight:700; font-size:1.5rem; letter-spacing:.04em;
  color:var(--text-light); text-align:center;
}
#preloader .pl-title span{
  display:block; font-family:'IBM Plex Mono',monospace; font-weight:500; font-size:.68rem;
  color:var(--red-bright); letter-spacing:.4em; margin-top:6px;
}
#preloader .pl-bar{width:180px; height:2px; background:var(--line-dark); overflow:hidden; border-radius:2px;}
#preloader .pl-fill{
  height:100%; width:0%;
  background:linear-gradient(90deg, var(--red-deep), var(--red-bright));
  box-shadow:0 0 8px rgba(230,57,80,0.7);
  animation:pl-fill 2.2s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes pl-fill{ to{width:100%;} }
@media (prefers-reduced-motion:reduce){
  #preloader .pl-bg{animation:none;}
  #preloader .pl-mark{animation:none;}
  #preloader .pl-fill{animation:none; width:100%;}
}

.hero{position:relative; overflow:hidden;}
.hero-bg{
  position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden;
  background-image:url('assets/hero-bg.jpg');
  background-size:cover;
  background-position:center;
  transition:transform 1.1s cubic-bezier(.22,.9,.35,1), filter .8s ease;
  transform:scale(1);
  filter:brightness(1) saturate(1);
}
.hero:hover .hero-bg{
  transform:scale(1.09);
  filter:brightness(1.22) saturate(1.4) contrast(1.08);
}
@media (prefers-reduced-motion:reduce){
  .hero-bg{transition:none;}
}
.hero-bg::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(10,8,9,0.35) 0%, rgba(10,8,9,0.05) 35%, rgba(10,8,9,0.35) 100%),
             linear-gradient(0deg, rgba(10,8,9,0.55) 0%, transparent 40%);
}
.hero-bg svg{display:none;}
.streak{fill:none; stroke:var(--red); stroke-width:1.1; vector-effect:non-scaling-stroke; stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(230,57,80,0.8)) drop-shadow(0 0 14px rgba(230,57,80,0.4));}
.streak.dim{opacity:.55; stroke-width:.7;}
.streak.bright{opacity:.9;}
.globe-ring{fill:none; stroke:rgba(230,57,80,0.35); stroke-width:.6; vector-effect:non-scaling-stroke;}
.globe-ring.strong{stroke:rgba(255,140,155,0.5);}
.globe-dot{fill:var(--red-bright); filter:drop-shadow(0 0 4px rgba(255,92,114,0.9));}
.globe-dot.dim{fill:rgba(230,57,80,0.6); filter:none;}
.globe-line{stroke:rgba(230,57,80,0.3); stroke-width:.4; vector-effect:non-scaling-stroke;}

/* CTA banner — mountain silhouette background */
.cta-banner{position:relative; overflow:hidden;}
.cta-banner .mountains{position:absolute; inset:0; z-index:0; pointer-events:none;}
.cta-banner .mountains svg{position:absolute; bottom:0; left:0; width:100%; height:100%;}
.cta-banner .wrap{position:relative; z-index:1;}
header, main, footer{position:relative; z-index:1;}
section.light{position:relative; z-index:1;}
h1,h2,h3{font-family:'Fraunces',serif; margin:0 0 .3em 0; font-weight:600;}
.mono{font-family:'IBM Plex Mono',monospace;}
a{color:inherit;}
.wrap{max-width:1140px; margin:0 auto; padding:0 32px;}

/* header */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(8,8,10,0.9); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-dark);
  box-shadow:0 1px 0 rgba(230,57,80,0.15), 0 12px 30px -20px rgba(0,0,0,0.6);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
.brand{font-family:'Fraunces',serif; font-weight:700; font-size:1.15rem; color:var(--text-light); text-decoration:none; display:flex; align-items:center; gap:12px; letter-spacing:.01em;}
.brand .mark{
  width:38px; height:38px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
}
.brand .mark img{width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 8px rgba(230,57,80,0.45));}
.brand .dot{display:none;}
nav{display:flex; align-items:center; gap:8px;}
nav a{
  text-decoration:none; font-size:.82rem; color:var(--text-dim); font-family:'IBM Plex Mono',monospace;
  letter-spacing:.03em; text-transform:uppercase; padding:8px 4px; position:relative;
}
nav a::after{
  content:""; position:absolute; left:4px; right:4px; bottom:4px; height:1px;
  background:linear-gradient(90deg, var(--red-bright), var(--red));
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
nav a:hover{color:var(--text-light);}
nav a:hover::after{transform:scaleX(1);}
nav a.active{color:var(--red-bright);}
nav a.active::after{transform:scaleX(1);}
.nav-divider{width:1px; height:20px; background:var(--line-dark); margin:0 10px;}
.nav-cta{
  font-family:'IBM Plex Mono',monospace; font-size:.78rem; font-weight:600;
  color:#1A0508; background:linear-gradient(160deg, var(--red-bright), var(--red-deep));
  padding:9px 18px; text-decoration:none; text-transform:uppercase; letter-spacing:.03em;
  box-shadow:0 4px 14px -4px rgba(230,57,80,0.6);
  transition:filter .2s ease, transform .2s ease;
}
.nav-cta:hover{filter:brightness(1.1); transform:translateY(-1px);}
.lang-toggle{display:flex; gap:1px; font-family:'IBM Plex Mono',monospace; font-size:.72rem;}
.lang-toggle button{border:1px solid var(--line-dark); background:transparent; color:var(--text-dim); padding:6px 10px; cursor:pointer;}
.lang-toggle button.active{background:var(--red); color:#1A0508; border-color:var(--red);}

/* hero */
.hero{padding:84px 0 90px; position:relative; overflow:hidden;}
.hero::before{content:""; position:absolute; top:-200px; right:-160px; width:520px; height:520px; background:radial-gradient(circle, rgba(230,57,80,0.18), transparent 70%); pointer-events:none;}
.hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; position:relative; z-index:1;}
.eyebrow{font-family:'IBM Plex Mono',monospace; font-size:.75rem; color:var(--red-bright); margin-bottom:16px; display:flex; align-items:center; gap:10px; letter-spacing:.06em; text-transform:uppercase;}
.eyebrow::before{content:"●"; font-size:.6rem;}
.hero h1{font-size:2.9rem; line-height:1.1; color:var(--text-light); max-width:14ch; letter-spacing:-.01em;}
.hero h1 .accent{color:var(--red-bright);}
.hero .lead{font-size:1.05rem; color:var(--text-dim); max-width:46ch; margin:20px 0 30px;}
.hero-ctas{display:flex; gap:14px; align-items:center; flex-wrap:wrap;}
.cta{display:inline-block; background:var(--red); color:#1A0508; text-decoration:none; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:.85rem; padding:14px 24px; border:none; cursor:pointer;}
.cta:hover{background:var(--red-bright);}
.cta.ghost{background:transparent; border:1px solid var(--line-dark); color:var(--text-light);}
.cta.ghost:hover{border-color:var(--red); color:var(--red-bright);}
.feature-row{display:flex; gap:26px; margin-top:36px; flex-wrap:wrap;}
.feature-row .fi{display:flex; align-items:center; gap:8px; font-size:.82rem; color:var(--text-dim); font-family:'IBM Plex Mono',monospace;}
.feature-row .fi::before{content:"✓"; color:var(--red-bright); font-weight:700;}

/* page hero */
.page-hero{padding:70px 0 56px; position:relative;}
.page-hero .eyebrow{margin-bottom:14px;}
.page-hero h1{font-size:2.5rem; max-width:20ch;}
.page-hero .lead{font-size:1.05rem; color:var(--text-dim); max-width:56ch; margin:16px 0 0;}

/* device / POS screen mockup */
/* laptop bezel wrapping the POS screen mockup */
.laptop{position:relative; z-index:1;}
.laptop-frame{
  background:linear-gradient(160deg, #17171C, #0B0B0E);
  border-radius:14px;
  padding:14px 14px 10px;
  box-shadow:0 30px 70px -30px rgba(0,0,0,0.8), 0 0 40px -6px rgba(230,57,80,0.16), 0 0 0 1px rgba(255,255,255,0.04);
}
.laptop-cam{
  width:6px; height:6px; border-radius:50%;
  background:#2A2A30; margin:0 auto 10px;
  box-shadow:0 0 0 2px rgba(255,255,255,0.03);
}
.laptop-base{
  height:16px;
  width:106%;
  margin:0 -3% 0;
  background:linear-gradient(180deg, #232328, #131316);
  border-radius:0 0 10px 10px;
  position:relative;
  box-shadow:0 14px 24px -14px rgba(0,0,0,0.7);
}
.laptop-notch{
  position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:70px; height:6px; background:#0B0B0E; border-radius:0 0 6px 6px;
}
.screen{background:#0B0B10; border:1px solid rgba(230,57,80,0.28); border-radius:6px; padding:0; overflow:hidden; position:relative;}

/* scrolling code feed inside the hero laptop screen */
.code-feed{height:260px; overflow:hidden; position:relative; padding:16px 18px;}
.code-feed::before{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, #0B0B10 0%, transparent 16%, transparent 84%, #0B0B10 100%);
}
.code-feed-track{
  display:flex; flex-direction:column;
  animation:code-scroll 16s linear infinite;
}
@keyframes code-scroll{
  from{transform:translateY(-50%);}
  to{transform:translateY(0);}
}
.code-feed .cl{
  font-family:'IBM Plex Mono',monospace; font-size:.8rem; line-height:1.9;
  color:#6B6870; white-space:pre;
}
.code-feed .c-kw{color:var(--red-bright); font-weight:600;}
.code-feed .c-fn{color:#E3C077;}
.code-feed .c-str{color:#8FD6F2;}
.code-feed .c-num{color:#8FD6F2;}
.code-feed .c-op{color:var(--red-bright);}
.code-feed .c-cm{color:#4B4850; font-style:italic;}
@media (prefers-reduced-motion:reduce){
  .code-feed-track{animation:none;}
}
.screen .scanline{position:absolute; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent, rgba(227,192,119,0.6), transparent); animation:scan 4.5s ease-in-out infinite; pointer-events:none;}
@keyframes scan{0%{top:8%; opacity:0;} 10%{opacity:.9;} 50%{top:92%; opacity:.9;} 60%{opacity:0;} 100%{top:92%; opacity:0;}}
@media (prefers-reduced-motion:reduce){.screen .scanline{animation:none; display:none;}}
.screen-bar{display:flex; align-items:center; gap:6px; padding:12px 16px; background:#0E0D12; border-bottom:1px solid rgba(230,57,80,0.14);}
.screen-bar span{width:9px; height:9px; border-radius:50%; background:#2A2429;}
.screen-bar .title{margin-left:8px; font-family:'IBM Plex Mono',monospace; font-size:.7rem; color:var(--text-dim);}
.screen-body{padding:22px 20px;}
.screen-row{display:flex; justify-content:space-between; font-family:'IBM Plex Mono',monospace; font-size:.88rem; color:#E3C077; padding:9px 0; border-bottom:1px dashed rgba(227,192,119,0.16); text-shadow:0 0 10px rgba(227,192,119,0.3);}
.screen-row .qty{color:var(--text-dim); text-shadow:none; width:28px;}
.screen-row .name{flex:1; color:#EFE3D2; text-shadow:none;}
.screen-total{display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:16px; border-top:1px solid rgba(227,192,119,0.28);}
.screen-total .tl{font-family:'IBM Plex Mono',monospace; font-size:.78rem; color:var(--text-dim);}
.screen-total .tv{font-family:'IBM Plex Mono',monospace; font-size:1.6rem; color:#E3C077; text-shadow:0 0 14px rgba(227,192,119,0.45);}
.cursor{display:inline-block; width:8px; height:16px; background:#E3C077; animation:blink 1.1s steps(1) infinite; vertical-align:middle; margin-left:4px;}
@keyframes blink{50%{opacity:0;}}

/* sections */
section{padding:76px 0;}
section.light{
  background:
    radial-gradient(ellipse 55% 60% at 90% 0%, rgba(230,57,80,0.16), transparent 65%),
    radial-gradient(ellipse 45% 50% at 0% 100%, rgba(230,57,80,0.08), transparent 65%),
    linear-gradient(160deg, #0D080A 0%, #180B0E 50%, #0D080A 100%);
  color:var(--text-light); position:relative; overflow:hidden;
  border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark);
}
section.light::before{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(230,57,80,0.07) 1px, transparent 1px); background-size:22px 22px; mask-image:radial-gradient(ellipse 75% 80% at 50% 20%, black 0%, transparent 75%); pointer-events:none;}
section.light .wrap{position:relative; z-index:1;}
section.light h2{color:var(--text-light);}
.section-head{display:flex; align-items:baseline; gap:16px; margin-bottom:40px;}
.section-head .idx{font-family:'IBM Plex Mono',monospace; font-size:.8rem; color:var(--red-bright);}
.section-head h2{font-size:1.9rem;}
.section-head .line{flex:1; height:1px; background:var(--line-dark);}
.section-kicker{font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--red-bright); text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px;}

.about-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px;}
.about-grid p{margin:0 0 1.1em 0; color:var(--text-dim); font-size:1.02rem;}
.stat-row{display:flex; gap:24px;}
.stat-card{background:rgba(255,255,255,0.03); border:1px solid var(--line-dark); border-top:2px solid var(--red); padding:24px 20px; flex:1; box-shadow:0 16px 32px -22px rgba(0,0,0,0.5);}
.stat-card .num{font-family:'Fraunces',serif; font-size:2rem; font-weight:700; color:var(--red-bright);}
.stat-card .desc{font-size:.85rem; color:var(--text-dim); margin-top:4px;}

/* services grid */
.marquee{overflow:hidden; position:relative; width:100%; -webkit-mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent); mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);}
.marquee-track{display:flex; width:max-content; animation:marquee-scroll 32s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-track.rev{animation-direction:reverse; animation-duration:38s;}
@keyframes marquee-scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;}}

.service-card{
  background:var(--bg); padding:26px 24px; width:270px; flex-shrink:0;
  border:1px solid var(--line-dark); border-left:2px solid var(--red);
  position:relative;
}
.service-card::before, .service-card::after{
  content:""; position:absolute; width:8px; height:8px; border:1px solid rgba(230,57,80,0.45); opacity:.8;
}
.service-card::before{top:8px; right:8px; border-left:none; border-bottom:none;}
.service-card::after{bottom:8px; right:8px; border-left:none; border-top:none;}
.service-card .ic{
  width:36px; height:36px; border:1px solid var(--red); color:var(--red-bright);
  display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono',monospace;
  font-size:.8rem; margin-bottom:14px; position:relative;
  box-shadow:0 0 10px rgba(230,57,80,0.35);
  animation:ic-pulse 3.4s ease-in-out infinite;
}
@keyframes ic-pulse{0%,100%{box-shadow:0 0 6px rgba(230,57,80,0.25);} 50%{box-shadow:0 0 16px rgba(230,57,80,0.55);}}
.service-card .status-dot{
  position:absolute; top:14px; right:14px; width:6px; height:6px; border-radius:50%;
  background:var(--red-bright); box-shadow:0 0 6px var(--red-bright);
  animation:blink 2s steps(1) infinite;
}
.service-card h3{font-size:1rem; margin:0 0 8px; color:var(--text-light);}
.service-card p{color:var(--text-dim); font-size:.85rem; margin:0; line-height:1.5;}

.products-grid{display:flex; width:max-content; animation:marquee-scroll 34s linear infinite;}
.marquee:hover .products-grid{animation-play-state:paused;}
.product-card{
  background:var(--bg); padding:32px 28px; width:340px; flex-shrink:0;
  border:1px solid var(--line-dark); border-top:2px solid var(--red);
  position:relative;
}
.product-card::before, .product-card::after{
  content:""; position:absolute; width:9px; height:9px; border:1px solid rgba(230,57,80,0.4);
}
.product-card::before{top:10px; right:10px; border-left:none; border-bottom:none;}
.product-card::after{bottom:10px; left:10px; border-right:none; border-top:none;}
.product-card .sku{font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--red-bright); margin-bottom:14px; display:block;}
.product-card h3{font-size:1.4rem; color:var(--text-light);}
.product-card p{color:var(--text-dim); font-size:.95rem; margin:12px 0 18px;}
.product-card .cta{margin-top:22px;}
.status-tag{display:inline-block; margin-top:20px; font-family:'IBM Plex Mono',monospace; font-size:.7rem; padding:4px 10px; border:1px solid var(--red-bright); color:var(--red-bright);}
.status-tag.muted{border-color:var(--line-dark); color:var(--text-dim);}

/* full product detail cards */
.product-detail{border:1px solid var(--line-dark); background:rgba(255,255,255,0.025); padding:40px; margin-bottom:2px; display:grid; grid-template-columns:1fr 1fr; gap:40px; position:relative;}
.product-detail + .product-detail{margin-top:24px;}
.product-detail .pd-head{display:flex; align-items:center; gap:14px; margin-bottom:10px;}
.product-detail .sku{font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--red-bright);}
.product-detail h3{font-size:1.9rem; margin:0;}
.product-detail .pd-desc{color:var(--text-dim); font-size:1rem; margin:14px 0 22px; max-width:52ch;}
.module-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.module-chip{border:1px solid var(--line-dark); padding:12px 14px; font-size:.85rem; color:var(--text-light); display:flex; align-items:center; gap:10px; background:rgba(255,255,255,0.02);}
.module-chip .n{font-family:'IBM Plex Mono',monospace; font-size:.7rem; color:var(--red-bright); flex-shrink:0;}

/* CTA banner */
.cta-banner{
  background:
    linear-gradient(100deg, rgba(184,32,47,0.35), transparent 60%),
    linear-gradient(160deg, #170B0D 0%, #0A0A0C 100%);
  border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark);
  padding:56px 0;
}
.cta-banner .wrap{display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap;}
.cta-banner h2{font-size:1.7rem; margin-bottom:6px;}
.cta-banner p{color:var(--text-dim); margin:0; font-size:.95rem;}

/* blog */
.post-list{display:flex; flex-direction:column;}
.post{display:grid; grid-template-columns:130px 1fr; gap:24px; padding:24px 20px; margin:0 -20px; border-bottom:1px solid var(--line-dark); border-radius:6px; transition:background .2s ease;}
.post:hover{background:rgba(255,255,255,0.04);}
.post .date{font-family:'IBM Plex Mono',monospace; font-size:.78rem; color:var(--red-bright); padding-top:3px;}
.post h3{font-size:1.1rem; color:var(--text-light); margin-bottom:6px;}
.post p{margin:0; color:var(--text-dim); font-size:.92rem;}

/* contact */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px;}
form{display:flex; flex-direction:column; gap:16px;}
label{font-family:'IBM Plex Mono',monospace; font-size:.75rem; color:var(--red-bright); margin-bottom:6px; display:block;}
input,textarea{width:100%; background:var(--panel); border:1px solid var(--line-dark); padding:13px 14px; font-family:'Public Sans',sans-serif; font-size:.95rem; color:var(--text-light);}
input:focus,textarea:focus{outline:none; border-color:var(--red);}
textarea{resize:vertical; min-height:120px;}
.contact-info .row{display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--line-dark); font-size:.95rem;}
.contact-info .row .k{font-family:'IBM Plex Mono',monospace; font-size:.75rem; color:var(--red-bright); width:110px; flex-shrink:0; padding-top:2px;}

footer{border-top:1px solid var(--line-dark); padding:32px 0; font-family:'IBM Plex Mono',monospace; font-size:.75rem; color:var(--text-dim); display:flex; justify-content:space-between;}

@media (max-width:820px){
  .hero-grid, .about-grid, .contact-grid, .product-detail, .module-grid{grid-template-columns:1fr; gap:28px;}
  .hero h1{font-size:2.1rem; max-width:none;}
  .page-hero h1{font-size:2rem; max-width:none;}
  .products-grid, .services-grid{grid-template-columns:1fr;}
  nav a{display:none;}
  .nav-divider{display:none;}
  .post{grid-template-columns:1fr; gap:6px;}
  footer{flex-direction:column; gap:10px;}
  .product-detail{padding:28px 22px;}
  .cta-banner .wrap{flex-direction:column; align-items:flex-start;}
}

body.lang-en [data-tr]{display:none !important;}
body.lang-en [data-en]{display:revert !important;}
[data-en]{display:none;}