:root{
  --primary:#009F94; /* teal */
  --primary-2:#00B8A9; /* gradient end */
  --teal-700:#0A5C58;
  --teal-900:#051A18;
  --bg:#0E1615; /* dark bg like Euveka */
  --bg-light:#F6FAF9; /* light sections */
  --ink:#FFFFFF; /* white text on dark */
  --ink-dark:#0E1615; /* dark text on light */
  --ink-2:#B8D4D0; /* muted light */
  --muted:#5C7A76;
  --white:#fff;
  --bd:1px solid rgba(255,255,255,.1);
  --bd-light:1px solid rgba(0,0,0,.08);
  --radius-xl:28px; 
  --radius-lg:18px; 
  --shadow:0 20px 50px rgba(0,0,0,.3);
}

*{box-sizing:border-box; scroll-behavior:smooth}
html,body{height:100%; margin:0; padding:0}
body{font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:var(--ink); background:var(--bg); overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
body.menu-open{overflow:hidden}
img{max-width:100%; display:block; height:auto}
a{text-decoration:none; color:inherit; -webkit-tap-highlight-color:rgba(0,159,148,.2)}
button{cursor:pointer; border:none; background:none; font:inherit; -webkit-tap-highlight-color:rgba(0,159,148,.2); touch-action:manipulation}

.container{max-width:1400px; margin:0 auto; padding:0 40px}

/* NAV */
.site-nav{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(14,22,21,.8); backdrop-filter:blur(20px); border-bottom:var(--bd); transition:all .3s}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:20px 0; position:relative}
.brand{display:flex; align-items:center; gap:12px; font-size:18px; font-weight:700; z-index:101}
.brand-logo{width:40px; height:40px}
.menu{display:flex; align-items:center; gap:24px}
.link{opacity:.8; transition:opacity .3s; font-weight:500; font-size:14px}
.link:hover{opacity:1}
.lang-switch{display:flex; gap:8px; margin-left:16px}
.lang{padding:8px 14px; border-radius:10px; border:var(--bd); background:transparent; font-weight:700; font-size:12px; color:var(--ink-2); transition:all .3s}
.lang.is-active{background:linear-gradient(135deg, var(--teal-700), var(--primary-2)); color:white; border-color:transparent}
.cta{padding:8px 14px; border-radius:10px; border:var(--bd); background:linear-gradient(135deg, var(--teal-700), var(--primary-2)); color:white; border-color:transparent; font-weight:700; font-size:12px; transition:all .3s; white-space:nowrap; display:inline-flex; align-items:center; justify-content:center}
.cta:hover{transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,159,148,.3)}

/* Hamburger Menu Toggle */
.menu-toggle{display:none; flex-direction:column; justify-content:space-around; width:32px; height:32px; background:transparent; border:none; cursor:pointer; padding:0; z-index:101; position:relative}
.menu-toggle-line{width:100%; height:3px; background:var(--ink); border-radius:2px; transition:all .3s ease; transform-origin:center}
.menu-toggle.is-active .menu-toggle-line:nth-child(1){transform:rotate(45deg) translate(8px, 8px)}
.menu-toggle.is-active .menu-toggle-line:nth-child(2){opacity:0; transform:translateX(-10px)}
.menu-toggle.is-active .menu-toggle-line:nth-child(3){transform:rotate(-45deg) translate(8px, -8px)}

/* HERO - EUVEKA STYLE */
.hero-euveka{min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:120px 40px 80px; position:relative; overflow:hidden}
.hero-scroll-hint{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); font-size:11px; letter-spacing:.2em; text-transform:uppercase; opacity:.6; font-weight:700; animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
.hero-logo{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:.08; z-index:0; pointer-events:none}
.hero-logo-svg{width:600px; height:600px; max-width:90vw; max-height:90vh}
.hero-split{display:flex; align-items:center; justify-content:center; gap:20px; margin:40px 0; flex-wrap:wrap; position:relative; z-index:1}
.hero-split-left,.hero-split-right{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 12vw, 180px); line-height:.85; text-transform:uppercase; letter-spacing:-.02em; font-weight:400; margin:0}
.hero-split-left{color:var(--primary-2)}
.hero-split-right{color:var(--ink)}
.hero-subline{display:block; font-size:.6em; opacity:.8}
.hero-description{margin-top:40px; font-size:clamp(16px, 2vw, 24px); max-width:800px; text-align:center; color:var(--ink-2); line-height:1.6; font-weight:300}
.hero-subdesc{margin-top:16px; font-size:clamp(14px, 1.8vw, 20px); color:var(--ink-2); opacity:.8}

/* STATS SECTION */
.stats-section{padding:120px 0; background:var(--teal-900); position:relative}
.stats-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:40px; margin-bottom:60px}
.stat-card{text-align:center; opacity:0; transform:translateY(30px); transition:all .8s ease}
.stat-card.visible{opacity:1; transform:translateY(0)}
.stat-number{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 8vw, 120px); line-height:1; color:var(--primary-2); display:inline-block; font-weight:400}
.stat-unit{font-size:.4em; vertical-align:super; margin-left:4px}
.stat-label{font-size:14px; color:var(--ink-2); margin-top:12px; font-weight:400; letter-spacing:.05em; text-transform:uppercase}
.stats-description{max-width:900px; margin:0 auto; text-align:center; font-size:20px; color:var(--ink-2); line-height:1.8; font-weight:300}

/* EXPERIENCE SECTION */
.experience-section{padding:120px 0; background:var(--bg); position:relative}
.section-header{margin-bottom:60px}
.section-title-large{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 120px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--ink); margin:0; font-weight:400}
.exp-nav{display:flex; justify-content:center; gap:20px; margin-bottom:60px; flex-wrap:wrap}
.exp-nav-btn{width:60px; height:60px; border-radius:50%; border:2px solid var(--primary-2); background:transparent; color:var(--ink-2); font-family:Anton, Impact, sans-serif; font-size:18px; font-weight:400; transition:all .3s; cursor:pointer}
.exp-nav-btn:hover,.exp-nav-btn.active{background:var(--primary-2); color:var(--ink); border-color:var(--primary-2); transform:scale(1.1)}
.experience-steps{display:grid; gap:80px}
.exp-step{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; opacity:0; transform:translateY(50px); transition:all 1s ease}
.exp-step.visible{opacity:1; transform:translateY(0)}
.exp-step:nth-child(even){direction:rtl}
.exp-step:nth-child(even) > *{direction:ltr}
.exp-step-header{display:flex; align-items:baseline; gap:8px; margin-bottom:20px}
.exp-step-num{font-family:Anton, Impact, sans-serif; font-size:80px; line-height:1; color:var(--primary-2); font-weight:400}
.exp-step-dash{font-size:40px; color:var(--ink-2); opacity:.3}
.exp-step-total{font-size:24px; color:var(--ink-2); opacity:.5}
.exp-step-title{font-size:clamp(32px, 4vw, 56px); font-weight:700; margin:0 0 20px; color:var(--ink); line-height:1.2}
.exp-step-desc{font-size:18px; line-height:1.8; color:var(--ink-2); font-weight:300; max-width:500px}
.exp-step-visual img{border-radius:var(--radius-lg); box-shadow:var(--shadow); width:100%; height:auto}

/* STANDARDS SECTION */
.standards-section{padding:120px 0; background:var(--teal-900)}
.standards-header{margin-bottom:80px}
.standards-title{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 140px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--ink); margin:0; font-weight:400}
.standards-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; margin-top:80px}
.standard-item{opacity:0; transform:translateY(30px); transition:all .6s ease}
.standard-item.visible{opacity:1; transform:translateY(0)}
.standard-item h4{font-size:28px; font-weight:700; margin:0 0 16px; color:var(--primary-2)}
.standard-item p{font-size:16px; line-height:1.8; color:var(--ink-2); font-weight:300; margin:0}

/* DETAILS SECTION */
.details-section{padding:120px 0; background:var(--bg-light); color:var(--ink-dark)}
.details-title{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 120px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--teal-900); margin:0 0 20px; font-weight:400}
.details-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:40px; margin-top:60px}
.detail-item{text-align:center; opacity:0; transform:translateY(30px); transition:all .6s ease}
.detail-item.visible{opacity:1; transform:translateY(0)}
.detail-icon{font-size:48px; margin-bottom:20px}
.detail-item h4{font-size:20px; font-weight:700; margin:0 0 12px; color:var(--teal-900)}
.detail-item p{font-size:14px; line-height:1.6; color:var(--muted); font-weight:300; margin:0}

/* BENEFITS SECTION */
.benefits-section{padding:100px 0; background:var(--bg)}
.benefits-stats{display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; text-align:center; max-width:1000px; margin:0 auto}
.benefit-stat{opacity:0; transform:translateY(30px); transition:all .8s ease}
.benefit-stat.visible{opacity:1; transform:translateY(0)}
.benefit-number{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 6vw, 96px); line-height:1; color:var(--primary-2); font-weight:400; margin-bottom:12px}
.benefit-label{font-size:14px; color:var(--ink-2); font-weight:400; letter-spacing:.05em; text-transform:uppercase}

/* INDUSTRIES SECTION */
.industries-section{padding:120px 0; background:var(--teal-900)}
.industries-header{margin-bottom:40px}
.industries-title{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 120px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--ink); margin:0; font-weight:400}
.industries-list{font-size:24px; color:var(--ink-2); font-weight:300; line-height:1.8; text-align:center; max-width:900px; margin:0 auto}

/* SOLUTION SECTION */
.solution-section{padding:120px 0; background:var(--bg-light); color:var(--ink-dark)}
.solution-header{margin-bottom:40px}
.solution-title{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 120px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--teal-900); margin:0; font-weight:400}
.solution-desc{max-width:700px; margin:0 auto 60px; text-align:center; font-size:20px; color:var(--muted); line-height:1.8; font-weight:300}
.solution-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px}
.solution-feature{opacity:0; transform:translateY(30px); transition:all .6s ease; padding:40px; background:white; border-radius:var(--radius-xl); box-shadow:0 10px 30px rgba(0,0,0,.05)}
.solution-feature.visible{opacity:1; transform:translateY(0)}
.solution-icon{font-size:48px; margin-bottom:20px}
.solution-feature h3{font-size:28px; font-weight:700; margin:0 0 12px; color:var(--teal-900)}
.solution-feature p{font-size:16px; line-height:1.8; color:var(--muted); font-weight:300; margin:0}

/* WHY SECTION */
.why-section{padding:120px 0; background:var(--bg)}
.why-header{margin-bottom:80px}
.why-title{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 120px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--ink); margin:0; font-weight:400}
.why-points{max-width:900px; margin:0 auto; display:grid; gap:24px}
.why-point{display:flex; gap:16px; align-items:flex-start; opacity:0; transform:translateY(30px); transition:all .6s ease}
.why-point.visible{opacity:1; transform:translateY(0)}
.why-check{font-size:24px; flex-shrink:0}
.why-point p{font-size:18px; line-height:1.8; color:var(--ink-2); font-weight:300; margin:0}
.why-point strong{color:var(--primary-2); font-weight:700}

/* WAITLIST SECTION */
.waitlist-section{padding:120px 0; background:var(--bg); text-align:center}
.waitlist-title{font-family:Anton, Impact, sans-serif; font-size:clamp(48px, 10vw, 140px); line-height:.9; text-transform:uppercase; letter-spacing:-.02em; color:var(--ink); margin:0; font-weight:400}
.waitlist-desc{max-width:700px; margin:40px auto 0; font-size:20px; line-height:1.8; color:var(--ink-2); font-weight:300}
.waitlist-bigger{display:flex; gap:16px; justify-content:center; margin-top:40px; flex-wrap:wrap; max-width:700px; margin-left:auto; margin-right:auto}
.waitlist-bigger input{flex:1; min-width:300px; padding:18px 24px; border-radius:12px; border:var(--bd); background:rgba(255,255,255,.05); color:var(--ink); font-size:16px; transition:all .3s}
.waitlist-bigger input:focus{outline:none; border-color:var(--primary-2); background:rgba(255,255,255,.08)}
.waitlist-bigger input::placeholder{color:var(--ink-2)}
.waitlist-bigger .submit{padding:18px 32px; border-radius:12px; font-weight:700; background:linear-gradient(135deg, var(--teal-700), var(--primary-2)); color:white; font-size:16px; transition:transform .2s}
.waitlist-bigger .submit:hover{transform:translateY(-2px)}
.waitlist{display:flex; gap:16px; justify-content:center; margin-top:60px; flex-wrap:wrap; max-width:600px; margin-left:auto; margin-right:auto}
.waitlist-subtext{margin-top:20px; font-size:14px; color:var(--ink-2); opacity:.7}
.waitlist input{flex:1; min-width:300px; padding:18px 24px; border-radius:12px; border:var(--bd); background:rgba(255,255,255,.05); color:var(--ink); font-size:16px; transition:all .3s}
.waitlist input:focus{outline:none; border-color:var(--primary-2); background:rgba(255,255,255,.08)}
.waitlist input::placeholder{color:var(--ink-2)}
.waitlist .submit{padding:18px 32px; border-radius:12px; font-weight:700; background:linear-gradient(135deg, var(--teal-700), var(--primary-2)); color:white; font-size:16px; transition:transform .2s}
.waitlist .submit:hover{transform:translateY(-2px)}
.notice{display:none !important; width:100%; margin:16px 0 0; padding:12px; border-radius:8px; font-size:14px}
.notice.ok{background:rgba(0,159,148,.2); color:var(--primary-2)}
.notice.err{background:rgba(255,0,0,.2); color:#ff6b6b}

/* FOOTER TEASER */
.footer-teaser{padding:80px 0; background:var(--teal-900); text-align:center; border-top:var(--bd)}
.footer-teaser p{font-size:24px; color:var(--ink-2); font-weight:300; line-height:1.6; max-width:800px; margin:0 auto}

/* FOOTER */
footer{padding:50px 0; background:var(--teal-900); border-top:var(--bd)}
.foot{display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap}
.foot-brand{display:flex; align-items:center; gap:12px}
.foot-brand img{opacity:.9}
.foot-brand strong{font-size:18px; font-weight:700; color:var(--ink)}
.tagline{font-size:11px; color:var(--ink-2); margin-top:2px; text-transform:uppercase; letter-spacing:.12em; opacity:.8}
.foot-links{display:flex; gap:28px; flex-wrap:wrap; align-items:center}
.foot-links a{opacity:.7; transition:opacity .3s; font-size:14px; font-weight:500}
.foot-links a:hover{opacity:1; color:var(--primary-2)}
.copy{font-size:12px; color:var(--ink-2); opacity:.5; font-weight:400}

/* LANGUAGE VISIBILITY */
.i18n{display:none}
html[data-lang="sr"] .i-sr{display:revert}
html[data-lang="en"] .i-en{display:revert}

/* Desktop - Ensure normal menu is visible */
@media (min-width:1025px){
  .menu-toggle{display:none !important}
  .menu{display:flex !important; position:static !important; transform:none !important; flex-direction:row !important; align-items:center !important; background:transparent !important; backdrop-filter:none !important; padding:0 !important; max-height:none !important; overflow:visible !important; border:none !important}
  .menu .link{width:auto !important; border-bottom:none !important; opacity:.8}
  .lang-switch{margin-left:16px !important; width:auto !important; justify-content:flex-start !important}
  .cta{width:auto !important; text-align:left !important; margin-top:0 !important}
}

/* RESPONSIVE - Tablet Landscape */
@media (max-width:1440px){
  .container{max-width:1200px; padding:0 32px}
  .hero-split-left,.hero-split-right{font-size:clamp(48px, 9vw, 160px)}
  .section-title-large,.standards-title,.waitlist-title,.solution-title,.details-title,.industries-title{font-size:clamp(48px, 9vw, 120px)}
}

/* RESPONSIVE - Tablet */
@media (max-width:1024px){
  .container{padding:0 24px; max-width:100%}
  .hero-euveka{padding:110px 24px 70px}
  .hero-split{gap:10px; margin:32px 0}
  .hero-split-left,.hero-split-right{font-size:clamp(48px, 10vw, 140px); line-height:.85}
  .hero-description{font-size:clamp(16px, 2.5vw, 22px); margin-top:32px}
  .hero-subdesc{font-size:clamp(14px, 2vw, 18px)}
  .hero-scroll-hint{bottom:30px; font-size:10px}
  
  .stats-section{padding:100px 0}
  .stats-grid{grid-template-columns:repeat(2, 1fr); gap:40px}
  .stats-description{font-size:18px}
  
  .experience-section{padding:100px 0}
  .section-header{margin-bottom:50px}
  .exp-step{grid-template-columns:1fr; gap:40px}
  .exp-step:nth-child(even){direction:ltr}
  .exp-step-visual{order:-1}
  .exp-step-visual img{max-width:100%; height:auto}
  
  .standards-section{padding:100px 0}
  .standards-grid{grid-template-columns:1fr; gap:40px; margin-top:60px}
  .standard-item h4{font-size:24px}
  .standard-item p{font-size:15px}
  
  .details-section{padding:100px 0}
  .details-grid{grid-template-columns:repeat(2, 1fr); gap:32px}
  
  .solution-section{padding:100px 0}
  .solution-grid{grid-template-columns:1fr; gap:32px}
  .solution-feature{padding:32px}
  
  .industries-section{padding:100px 0}
  .industries-list{font-size:20px}
  
  .waitlist-section{padding:100px 0}
  .waitlist-desc{font-size:18px}
  
  .menu{gap:16px; flex-wrap:wrap}
  .link{font-size:13px}
  .lang-switch{margin-left:8px}
  .lang{padding:6px 12px; font-size:11px}
  .cta{padding:10px 18px; font-size:13px}
  
  .footer-teaser{padding:70px 0}
  .footer-teaser p{font-size:22px}
  .foot{flex-direction:column; align-items:flex-start; gap:24px}
  .foot-links{width:100%; justify-content:flex-start; flex-wrap:wrap}
  
  /* Show hamburger menu on tablets */
  .nav-inner{padding-left:24px; padding-right:24px}
  .menu-toggle{display:flex}
  .menu{position:fixed; top:70px; left:0; right:0; background:rgba(14,22,21,.98); backdrop-filter:blur(30px); flex-direction:column; align-items:flex-start; padding:24px; gap:20px; transform:translateX(100%); transition:transform .3s ease; border-top:var(--bd); max-height:calc(100vh - 70px); overflow-y:auto}
  .menu.is-open{transform:translateX(0)}
  .menu .link{width:100%; padding:12px 0; font-size:16px; border-bottom:1px solid rgba(255,255,255,.05)}
  .menu .link:last-of-type{border-bottom:none}
  .menu .i18n{display:none !important}
  html[data-lang="sr"] .menu .i-sr{display:block !important}
  html[data-lang="en"] .menu .i-en{display:block !important}
  .menu .cta.i18n{display:none !important}
  html[data-lang="sr"] .menu .cta.i-sr{display:block !important}
  html[data-lang="en"] .menu .cta.i-en{display:block !important}
  .lang-switch{margin-left:0; width:100%; justify-content:flex-start}
  .cta{width:100%; text-align:center; padding:14px 20px}
}

/* RESPONSIVE - Mobile Landscape & Small Tablet */
@media (max-width:768px){
  .container{padding:0 20px}
  .hero-euveka{padding:100px 20px 60px; min-height:90vh}
  .hero-split{gap:8px; margin:28px 0}
  .hero-split-left,.hero-split-right{font-size:clamp(42px, 12vw, 120px); line-height:.9}
  .hero-description{font-size:clamp(14px, 4vw, 20px); margin-top:28px; padding:0}
  .hero-subdesc{font-size:clamp(12px, 3.5vw, 16px); margin-top:12px}
  .hero-scroll-hint{bottom:24px; font-size:9px; letter-spacing:.15em}
  
  .stats-section{padding:80px 0}
  .stats-grid{grid-template-columns:1fr; gap:32px; margin-bottom:50px}
  .stat-number{font-size:clamp(48px, 15vw, 100px)}
  .stat-label{font-size:13px; margin-top:10px}
  .stats-description{font-size:16px; line-height:1.7}
  
  .experience-section{padding:80px 0}
  .section-header{margin-bottom:40px}
  .section-title-large,.standards-title,.waitlist-title,.solution-title,.details-title,.industries-title{font-size:clamp(36px, 12vw, 80px); line-height:.95}
  .exp-nav{margin-bottom:40px; gap:16px}
  .exp-nav-btn{width:50px; height:50px; font-size:16px}
  .experience-steps{gap:60px}
  .exp-step{gap:32px}
  .exp-step-header{margin-bottom:16px}
  .exp-step-num{font-size:60px}
  .exp-step-dash{font-size:32px}
  .exp-step-total{font-size:20px}
  .exp-step-title{font-size:clamp(24px, 6vw, 36px); margin-bottom:16px}
  .exp-step-desc{font-size:clamp(14px, 4vw, 18px); line-height:1.7; max-width:100%}
  .exp-step-visual img{border-radius:var(--radius-lg)}
  
  .standards-section{padding:80px 0}
  .standards-header{margin-bottom:50px}
  .standards-grid{margin-top:50px; gap:32px}
  .standard-item h4{font-size:22px; margin-bottom:12px}
  .standard-item p{font-size:14px; line-height:1.7}
  
  .details-section{padding:80px 0}
  .details-title{margin-bottom:16px}
  .details-grid{margin-top:40px; grid-template-columns:1fr; gap:32px}
  .detail-icon{font-size:40px; margin-bottom:16px}
  .detail-item h4{font-size:18px; margin-bottom:10px}
  .detail-item p{font-size:13px}
  
  .solution-section{padding:80px 0}
  .solution-header{margin-bottom:32px}
  .solution-desc{font-size:18px; margin-bottom:50px}
  .solution-grid{gap:24px}
  .solution-feature{padding:28px}
  .solution-icon{font-size:40px; margin-bottom:16px}
  .solution-feature h3{font-size:24px; margin-bottom:10px}
  .solution-feature p{font-size:14px; line-height:1.7}
  
  .industries-section{padding:80px 0}
  .industries-header{margin-bottom:32px}
  .industries-list{font-size:18px; line-height:1.7}
  
  .waitlist-section{padding:80px 0}
  .waitlist-title{margin-bottom:24px}
  .waitlist-desc{font-size:16px; margin-top:32px}
  .waitlist-bigger{margin-top:32px; flex-direction:column; gap:12px}
  .waitlist-bigger input{min-width:100%; padding:16px 20px; font-size:15px}
  .waitlist-bigger .submit{width:100%; padding:16px 28px; font-size:15px}
  .waitlist-subtext{font-size:13px; margin-top:16px}
  .notice{font-size:13px; padding:10px}
  
  /* Navigation */
  .site-nav{backdrop-filter:blur(15px)}
  .nav-inner{padding:16px 0; padding-left:20px; padding-right:20px}
  .brand{font-size:16px; gap:10px}
  .brand-logo{width:32px; height:32px}
  .menu-toggle{display:flex; width:28px; height:28px}
  .menu-toggle-line{height:2.5px}
  .menu{position:fixed; top:65px; left:0; right:0; background:rgba(14,22,21,.98); backdrop-filter:blur(30px); flex-direction:column; align-items:flex-start; padding:20px; gap:16px; transform:translateX(100%); transition:transform .3s ease; border-top:var(--bd); max-height:calc(100vh - 65px); overflow-y:auto}
  .menu.is-open{transform:translateX(0)}
  .menu .link{width:100%; padding:14px 0; font-size:15px; border-bottom:1px solid rgba(255,255,255,.05); opacity:1}
  .menu .link:last-of-type{border-bottom:none}
  .menu .i18n{display:none !important}
  html[data-lang="sr"] .menu .i-sr{display:block !important}
  html[data-lang="en"] .menu .i-en{display:block !important}
  .menu .cta.i18n{display:none !important}
  html[data-lang="sr"] .menu .cta.i-sr{display:block !important}
  html[data-lang="en"] .menu .cta.i-en{display:block !important}
  .lang-switch{margin-left:0; width:100%; justify-content:flex-start; gap:8px}
  .lang{padding:10px 16px; font-size:12px; flex:1}
  .cta{width:100%; text-align:center; padding:14px 20px; font-size:14px; margin-top:4px}
  
  .footer-teaser{padding:60px 0}
  .footer-teaser p{font-size:clamp(18px, 5vw, 22px); padding:0 10px}
  .foot{padding:40px 0; gap:20px}
  .foot-brand{width:100%}
  .foot-brand img{width:28px; height:28px}
  .foot-brand strong{font-size:16px}
  .tagline{font-size:10px}
  .foot-links{flex-direction:column; align-items:flex-start; gap:16px; width:100%}
  .foot-links a{font-size:13px}
  .copy{width:100%; margin-top:8px; font-size:11px}
}

/* RESPONSIVE - Mobile Portrait */
@media (max-width:480px){
  .container{padding:0 16px}
  .hero-euveka{padding:90px 16px 50px; min-height:85vh}
  .hero-split{gap:6px; margin:24px 0}
  .hero-split-left,.hero-split-right{font-size:clamp(36px, 15vw, 72px); line-height:.9}
  .hero-subline{font-size:.65em}
  .hero-description{margin-top:24px; font-size:14px; line-height:1.6}
  .hero-subdesc{margin-top:10px; font-size:12px; opacity:.85}
  .hero-scroll-hint{bottom:20px; font-size:8px; letter-spacing:.1em}
  
  .stats-section{padding:60px 0}
  .stats-grid{gap:24px; margin-bottom:40px}
  .stat-number{font-size:clamp(42px, 20vw, 90px)}
  .stat-label{font-size:12px; margin-top:8px; letter-spacing:.03em}
  .stats-description{font-size:15px; line-height:1.6}
  
  .experience-section{padding:60px 0}
  .section-header{margin-bottom:32px}
  .section-title-large,.standards-title,.waitlist-title,.solution-title,.details-title,.industries-title{font-size:clamp(32px, 14vw, 64px); line-height:1}
  .exp-nav{margin-bottom:32px; gap:12px}
  .exp-nav-btn{width:44px; height:44px; font-size:14px; border-width:1.5px}
  .experience-steps{gap:48px}
  .exp-step{gap:24px}
  .exp-step-header{margin-bottom:12px; gap:6px}
  .exp-step-num{font-size:48px}
  .exp-step-dash{font-size:24px}
  .exp-step-total{font-size:16px}
  .exp-step-title{font-size:clamp(22px, 7vw, 32px); margin-bottom:12px}
  .exp-step-desc{font-size:14px; line-height:1.6}
  .exp-step-visual img{max-height:220px; object-fit:contain; border-radius:12px}
  
  .standards-section{padding:60px 0}
  .standards-header{margin-bottom:40px}
  .standards-grid{margin-top:40px; gap:28px}
  .standard-item h4{font-size:20px; margin-bottom:10px}
  .standard-item p{font-size:13px; line-height:1.6}
  
  .details-section{padding:60px 0}
  .details-grid{margin-top:32px; gap:28px}
  .detail-icon{font-size:36px; margin-bottom:12px}
  .detail-item h4{font-size:16px; margin-bottom:8px}
  .detail-item p{font-size:12px; line-height:1.5}
  
  .solution-section{padding:60px 0}
  .solution-header{margin-bottom:28px}
  .solution-desc{font-size:16px; margin-bottom:40px}
  .solution-grid{gap:20px}
  .solution-feature{padding:24px; border-radius:var(--radius-lg)}
  .solution-icon{font-size:36px; margin-bottom:12px}
  .solution-feature h3{font-size:20px; margin-bottom:8px}
  .solution-feature p{font-size:13px; line-height:1.6}
  
  .industries-section{padding:60px 0}
  .industries-header{margin-bottom:28px}
  .industries-list{font-size:16px; line-height:1.6}
  
  .waitlist-section{padding:60px 0}
  .waitlist-title{margin-bottom:20px}
  .waitlist-desc{font-size:15px; margin-top:28px; line-height:1.6}
  .waitlist-bigger{margin-top:28px; gap:10px}
  .waitlist-bigger input{padding:14px 18px; font-size:14px; border-radius:10px}
  .waitlist-bigger .submit{padding:14px 24px; font-size:14px; border-radius:10px}
  .waitlist-subtext{font-size:12px; margin-top:12px}
  .notice{font-size:12px; padding:8px; margin-top:12px}
  
  /* Navigation */
  .nav-inner{padding:14px 0; padding-left:16px; padding-right:16px}
  .brand{font-size:15px; gap:8px}
  .brand-logo{width:28px; height:28px}
  .menu-toggle{display:flex; width:26px; height:26px}
  .menu-toggle-line{height:2px}
  .menu{position:fixed; top:60px; left:0; right:0; background:rgba(14,22,21,.98); backdrop-filter:blur(30px); flex-direction:column; align-items:flex-start; padding:16px; gap:14px; transform:translateX(100%); transition:transform .3s ease; border-top:var(--bd); max-height:calc(100vh - 60px); overflow-y:auto}
  .menu.is-open{transform:translateX(0)}
  .menu .link{width:100%; padding:12px 0; font-size:14px; border-bottom:1px solid rgba(255,255,255,.05); opacity:1}
  .menu .link:last-of-type{border-bottom:none}
  .menu .i18n{display:none !important}
  html[data-lang="sr"] .menu .i-sr{display:block !important}
  html[data-lang="en"] .menu .i-en{display:block !important}
  .menu .cta.i18n{display:none !important}
  html[data-lang="sr"] .menu .cta.i-sr{display:block !important}
  html[data-lang="en"] .menu .cta.i-en{display:block !important}
  .lang-switch{margin-left:0; width:100%; justify-content:flex-start; gap:6px}
  .lang{padding:8px 12px; font-size:11px; flex:1}
  .cta{width:100%; text-align:center; padding:12px 18px; font-size:13px; margin-top:4px}
  
  .footer-teaser{padding:50px 0}
  .footer-teaser p{font-size:16px; line-height:1.5; padding:0}
  .foot{padding:32px 0; gap:20px}
  .foot-brand{gap:10px}
  .foot-brand img{width:24px; height:24px}
  .foot-brand strong{font-size:15px}
  .tagline{font-size:9px; margin-top:1px}
  .foot-links{gap:12px}
  .foot-links a{font-size:12px}
  .copy{font-size:10px}
}

/* RESPONSIVE - Extra Small Mobile */
@media (max-width:360px){
  .container{padding:0 12px}
  .hero-euveka{padding:80px 12px 40px}
  .hero-split-left,.hero-split-right{font-size:clamp(32px, 18vw, 64px)}
  .hero-description{font-size:13px}
  .hero-subdesc{font-size:11px}
  
  .section-title-large,.standards-title,.waitlist-title,.solution-title,.details-title,.industries-title{font-size:clamp(28px, 16vw, 56px)}
  
  .exp-nav-btn{width:40px; height:40px; font-size:12px}
  .exp-step-num{font-size:42px}
  .exp-step-title{font-size:clamp(20px, 8vw, 28px)}
  
  .waitlist-bigger input,.waitlist-bigger .submit{font-size:13px; padding:12px 16px}
  
  .brand{font-size:14px}
  .brand-logo{width:24px; height:24px}
  .menu{gap:8px}
  .link{font-size:10px}
}

/* RESPONSIVE - Landscape Orientation Adjustments */
@media (max-width:1024px) and (orientation:landscape){
  .hero-euveka{min-height:100vh; padding:100px 24px 50px}
  .hero-split{margin:20px 0}
  .hero-description{margin-top:20px}
}

/* RESPONSIVE - Print Styles */
@media print{
  .site-nav,.hero-scroll-hint,.exp-nav,.waitlist-section{display:none}
  .hero-euveka{min-height:auto; padding:40px 0}
  .container{padding:0 20px}
  body{background:white; color:black}
}

/* RESPONSIVE - High DPI Displays */
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){
  .brand-logo,.foot-brand img{image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges}
}

/* Touch-friendly improvements for mobile */
@media (hover:none) and (pointer:coarse){
  .link,.lang,.cta,.exp-nav-btn{min-height:44px; min-width:44px; display:inline-flex; align-items:center; justify-content:center}
  .link{padding:8px 4px}
  .waitlist-bigger input,.waitlist-bigger .submit{min-height:48px}
}

/* Prevent text size adjustment on iOS */
@media screen and (max-width:768px){
  html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
  input,textarea,select{font-size:16px}
}

/* Smooth scrolling for iOS */
@supports (-webkit-overflow-scrolling:touch){
  *{-webkit-overflow-scrolling:touch}
}