:root{
  --bg:#000;
  --panel:#05090f;
  --text:#f5f7fa;
  --muted:#bcc7d2;
  --blue:#53c5ff;
  --blue-mid:#2093e1;
  --blue-dark:#0a3e8e;
  --max:1180px;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}

.topbar{min-height:58px;display:flex;align-items:center;justify-content:flex-start;padding-top:6px}
.language-control{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.select-wrap{position:relative}.select-wrap select{appearance:none;background:#000;color:#fff;border:1px solid #30485f;border-radius:999px;min-width:158px;padding:8px 34px 8px 15px;font:inherit;cursor:pointer}.chevron{position:absolute;right:13px;top:50%;transform:translateY(-55%);color:var(--blue);pointer-events:none;font-size:18px;line-height:1}

/* Troncosa lockup: animated T, static wordmark/TM */
.brand-lockup{position:relative;display:flex;flex-direction:column;align-items:center;width:230px;margin-inline:auto;animation:brandEntry .75s ease-out both}
.brand-symbol-wrap{position:relative;width:68%;line-height:0}
.brand-symbol{display:block;width:100%;height:auto;filter:drop-shadow(0 0 2px rgba(45,160,255,.10));animation:brandGlow 6s ease-in-out infinite}
.brand-symbol-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 12%,rgba(68,171,255,.18) 30%,rgba(89,225,255,.46) 49%,rgba(34,129,255,.18) 69%,transparent 88%);background-size:240% 100%;animation:brandSweep 8s linear infinite;mask:url('assets/troncosa-symbol.png') center/contain no-repeat;-webkit-mask:url('assets/troncosa-symbol.png') center/contain no-repeat;pointer-events:none}
.brand-wordmark{display:block;width:100%;height:auto;margin-top:2%}
.brand-tm{position:absolute;display:block;width:8%;height:auto;right:-5%;top:-7%}
.brand-lockup.small{width:86px;margin:0 auto}.brand-lockup.small .brand-tm{right:-6%;top:-8%}.brand-lockup.small .brand-symbol{animation-duration:7s}.brand-lockup.small .brand-symbol-wrap::after{opacity:.82}
@keyframes brandEntry{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes brandGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(45,160,255,.10))}50%{filter:drop-shadow(0 0 12px rgba(45,160,255,.34))}}
@keyframes brandSweep{0%{background-position:210% 50%}100%{background-position:-110% 50%}}
@media(prefers-reduced-motion:reduce){.brand-lockup,.brand-symbol,.brand-symbol-wrap::after{animation:none!important}}

/* Home: everything fits at 100% */
.home{height:100svh;display:grid;grid-template-rows:58px minmax(0,1fr) 76px;overflow:hidden}
.home-main{display:flex;align-items:center;justify-content:center;min-height:0;padding:0 24px 12px}
.home-hero{text-align:center;transform:translateY(-1vh)}
.home .brand-lockup{width:230px}
.tagline{margin:30px auto 0;color:var(--blue);font-size:clamp(23px,2vw,32px);line-height:1.15;font-weight:600;letter-spacing:-.018em;white-space:nowrap}
.home-footer,.interior-footer{padding:8px 24px 14px}.home-footer-inner,.interior-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.home-footer-inner{width:min(var(--max),calc(100% - 24px));margin:0 auto}
.footer-nav{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.footer-nav a{text-decoration:none;color:#eef4fa;font-size:14px;font-weight:650}.footer-nav a:hover,.footer-nav a[aria-current="page"]{color:var(--blue)}.copyright{color:#697a8b;font-size:10px;text-align:center}

/* Interior pages: compact header/content/footer, no decorative lines */
.interior{height:100svh;display:grid;grid-template-rows:88px minmax(0,1fr) 66px;overflow:hidden}
.interior .topbar{position:relative;justify-content:flex-start;min-height:88px;padding-top:4px}
.interior .topbar>a{position:absolute;left:50%;top:7px;transform:translateX(-50%)}
.interior-main{padding:10px 0 8px;min-height:0;overflow:hidden}
.page-head{margin:0 0 12px}.page-head h1{margin:0;color:var(--blue);font-size:34px;line-height:1;font-weight:700;letter-spacing:-.025em}
.interior-footer{height:66px;padding:7px 24px 10px;gap:5px}

/* Products */
.products-intro{max-width:930px;margin:0 0 15px;color:#cdd7e0;font-size:15px;line-height:1.42}
.product-section{margin-top:12px}.product-section h2{margin:0 0 10px;font-size:19px;color:#f5f8fb;font-weight:650}
.product-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1020px}
.product-detail{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px;border:1px solid #173d5e;border-radius:14px;padding:16px 18px;background:linear-gradient(180deg,#050a10,#03070b);min-height:145px}
.product-logo-wrap{height:74px;display:flex;align-items:center;justify-content:center;padding-right:4px}.product-detail img{display:block;max-width:100%;object-fit:contain}.product-detail .ivetit-product-logo{width:148px;max-height:70px}.product-detail .isubit-product-logo{width:150px;max-height:64px}
.product-detail h3{margin:0 0 5px;font-size:20px}.product-detail p{margin:0 0 9px;color:#d7e0e9;font-size:14px;line-height:1.35}.product-detail a{display:inline-flex;text-decoration:none;color:#8dd7ff;font-size:14px;font-weight:800}.product-detail a:hover{text-decoration:underline}
.consumer-note{max-width:820px;padding:0;color:#cbd6df;font-size:15px;line-height:1.4}

/* About */
.about-statement{max-width:1020px;font-size:18px;line-height:1.54;color:#e0e7ee;letter-spacing:-.004em;margin:0}

/* Contact */
.contact-intro{max-width:840px;color:#d4dde5;font-size:17px;line-height:1.48;margin:0 0 18px}.contact-card{max-width:560px;border:1px solid #173d5e;border-radius:14px;background:#03070b;padding:19px 22px}.contact-card h2{margin:0 0 10px;color:#f6f8fa;font-size:19px}.contact-name{margin:0 0 4px;color:#dbe4ec;font-size:16px;font-weight:650}.contact-email{display:inline-block;color:#83d2ff;text-decoration:none;font-size:17px;font-weight:700}.contact-email:hover{text-decoration:underline}.contact-tagline{margin-top:18px;color:#718598;font-size:13px}

html[dir="rtl"] .language-control{flex-direction:row-reverse}html[dir="rtl"] .page-head,html[dir="rtl"] .product-list,html[dir="rtl"] .product-section{text-align:right}

@media(max-width:900px){
  .shell{width:min(100% - 30px,var(--max))}.home .brand-lockup{width:210px}.tagline{font-size:clamp(21px,4vw,28px);white-space:normal;max-width:720px}
  .interior{height:auto;min-height:100svh;overflow:auto;grid-template-rows:auto 1fr auto}.interior-main{overflow:visible;padding:18px 0 26px}.interior .topbar{min-height:78px}.brand-lockup.small{width:78px}.product-list{grid-template-columns:1fr}.product-detail{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:640px){
  .home{height:auto;min-height:100svh;overflow:auto;grid-template-rows:auto 1fr auto}.home-main{padding:36px 18px}.home .brand-lockup{width:190px}.tagline{margin-top:26px;font-size:21px}.footer-nav{gap:20px}
  .language-control{gap:7px}.select-wrap select{min-width:145px}.interior .topbar>a{top:9px}.brand-lockup.small{width:72px}.page-head h1{font-size:30px}.about-statement{font-size:17px;line-height:1.5}.contact-intro{font-size:16px}.contact-card{padding:18px}.product-detail{grid-template-columns:1fr;text-align:center}.product-logo-wrap{height:66px}.product-detail p{margin-inline:auto}
}