:root{
    --petrol-deep:#0A2C2B;
    --petrol:#0E3A39;
    --petrol-light:#15534f;
    --gold:#E2A33B;
    --coral:#DD6B45;
    --paper:#EFF2EC;
    --paper-card:#FFFFFF;
    --ink:#11201F;
    --ink-soft:#4A5A57;
    --line:rgba(17,32,31,0.12);
    --max:1180px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{
    font-family:'Inter',sans-serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.55;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    letter-spacing:-0.01em;
    color:var(--ink);
  }
  .mono{
    font-family:'JetBrains Mono',monospace;
    letter-spacing:0.04em;
    text-transform:uppercase;
    font-size:0.72rem;
    font-weight:600;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
  section{position:relative;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--petrol-light);
  }
  .eyebrow::before{
    content:"";width:7px;height:7px;border-radius:50%;
    background:var(--gold);display:inline-block;flex-shrink:0;
  }

  /* ===== NAV ===== */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(239,242,236,0.92);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
  }
  nav{
    max-width:var(--max);margin:0 auto;padding:0 24px;
    display:flex;align-items:center;justify-content:space-between;
    height:60px;
  }
  .logo{
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.15rem;
    letter-spacing:-0.01em;flex-shrink:0;
  }
  .nav-links{display:flex;gap:24px;align-items:center;}
  .nav-item{position:relative;}
  .nav-links > a,
  .nav-dropdown-toggle{font-size:0.9rem;font-weight:500;color:var(--ink-soft);transition:color .2s;white-space:nowrap;}
  .nav-links > a:hover,
  .nav-dropdown-toggle:hover{color:var(--petrol);}
  .nav-dropdown-toggle{
    display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;
    font:inherit;cursor:pointer;
  }
  .nav-dropdown-toggle span{font-size:0.82rem;transition:transform .2s;}
  .nav-item.open .nav-dropdown-toggle{color:var(--petrol);}
  .nav-item.open .nav-dropdown-toggle span{transform:rotate(180deg);}
  .nav-dropdown-menu{
    position:absolute;top:calc(100% + 10px);left:0;min-width:180px;
    display:none;flex-direction:column;gap:4px;padding:8px;
    background:var(--paper-card);border:1px solid var(--line);border-radius:12px;
    box-shadow:0 20px 36px -24px rgba(17,32,31,0.35);z-index:10;
  }
  .nav-item.open .nav-dropdown-menu{display:flex;}
  .nav-dropdown-menu a{
    padding:10px 12px;border-radius:8px;font-size:0.9rem;color:var(--ink-soft);font-weight:500;
  }
  .nav-dropdown-menu a:hover{background:rgba(14,58,57,0.06);color:var(--petrol);}
  .nav-cta{
    background:var(--petrol);color:#fff !important;
    padding:9px 16px;border-radius:8px;font-weight:600;font-size:0.86rem;
    transition:background .2s;white-space:nowrap;
  }
  .nav-cta:hover{background:var(--petrol-light);}
  .menu-btn{
    display:none;flex-direction:column;gap:5px;
    background:none;border:none;cursor:pointer;padding:8px;
    min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-shrink:0;
  }
  .menu-btn span{width:22px;height:2px;background:var(--ink);display:block;transition:transform .25s, opacity .25s;}
  .menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .menu-btn.active span:nth-child(2){opacity:0;}
  .menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ===== HERO ===== */
  .hero{
    min-height:100vh;
    min-height:100svh;
    display:flex;
    align-items:center;
    padding:80px 0 64px;
    background:
      radial-gradient(ellipse 800px 500px at 88% 8%, rgba(226,163,59,0.20), transparent 60%),
      radial-gradient(ellipse 600px 400px at 4% 96%, rgba(14,58,57,0.10), transparent 60%),
      var(--paper);
  }
  .hero-inner{max-width:760px;}
  .hero h1{
    font-size:clamp(2.2rem, 5.4vw, 4.2rem);
    line-height:1.06;
    margin-bottom:22px;
  }
  .hero h1 em{
    font-style:normal;color:var(--petrol);
  }
  .hero p.lead{
    font-size:clamp(1rem,1.4vw,1.2rem);color:var(--ink-soft);max-width:560px;margin-bottom:36px;line-height:1.65;
  }
  .cta-row{display:flex;gap:12px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 22px;border-radius:9px;font-weight:600;font-size:0.96rem;
    transition:transform .2s, box-shadow .2s, background .2s;
    border:1px solid transparent;
    min-height:48px;
  }
  .btn-primary{background:var(--gold);color:var(--ink);}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(226,163,59,0.6);}
  .btn-ghost{background:var(--ink);color:#fff;}
  .btn-ghost:hover{background:#000;transform:translateY(-2px);}
  .scroll-hint{
    position:absolute;left:50%;bottom:28px;transform:translateX(-50%);
    color:var(--ink-soft);opacity:0.6;
    animation:scrollBounce 2.2s ease-in-out infinite;
  }
  @keyframes scrollBounce{
    0%,100%{transform:translate(-50%,0);}
    50%{transform:translate(-50%,8px);}
  }

  /* ===== STATS STRIP ===== */
  .stats-strip{background:var(--petrol);padding:28px 0;}
  .stats-strip-grid{
    display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;
  }
  .stat-block{display:flex;flex-direction:column;gap:5px;min-width:130px;}
  .stat-block .label{color:rgba(255,255,255,0.62);}
  .stat-block .val{font-family:'JetBrains Mono';font-weight:600;color:var(--gold);font-size:0.95rem;}

  /* ===== AVRUPA TECRÜBE BANDI ===== */
  .eu-band{
    background:var(--paper-card);
    border-bottom:1px solid var(--line);
    padding:36px 0;
  }
  .eu-inner{
    display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  }
  .eu-badge{
    flex-shrink:0;
    background:var(--petrol-deep);
    border-radius:14px;
    padding:16px 22px;
    display:flex;align-items:center;gap:12px;
  }
  .eu-badge-icon{display:flex;align-items:center;flex-shrink:0;}
  .eu-badge-text{display:flex;flex-direction:column;gap:3px;}
  .eu-badge-text .eu-label{font-family:'JetBrains Mono';font-size:0.62rem;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:0.06em;}
  .eu-badge-text .eu-val{font-family:'Space Grotesk';font-size:0.9rem;font-weight:600;color:var(--gold);}
  .eu-text{flex:1;min-width:220px;}
  .eu-text p{color:var(--ink-soft);font-size:0.95rem;line-height:1.6;}
  .eu-text strong{color:var(--ink);font-weight:600;}

  /* ===== TRUST / REFERENCES ===== */
  .trust{padding:80px 0;border-bottom:0px solid var(--line);}
  .trust-head{max-width:640px;margin-bottom:14px;}
  .trust-head h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-top:14px;}
  .trust-sub{color:var(--ink-soft);max-width:560px;margin-bottom:38px;font-size:0.96rem;}
  .ref-grid{
    display:grid;grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
    gap:14px;
  }
  .ref-card{
    background:var(--paper-card);border:1px solid var(--line);border-radius:14px;
    padding:18px;display:flex;flex-direction:column;gap:13px;
    transition:transform .2s, box-shadow .2s, border-color .2s;
  }
  .ref-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(17,32,31,0.25);border-color:var(--petrol);}
  .ref-head{display:flex;align-items:flex-start;gap:12px;}
  .ref-icon{
    width:40px;height:40px;border-radius:10px;background:var(--paper);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;
  }
  .ref-icon img{width:22px;height:22px;}
  .ref-fallback{font-family:'Space Grotesk';font-weight:700;color:var(--petrol);font-size:1.05rem;}
  .ref-headtext{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
  .ref-name{font-family:'Space Grotesk';font-weight:600;font-size:0.97rem;line-height:1.2;}
  .ref-sector{font-size:0.82rem;color:var(--ink-soft);}
  .ref-tag{
    font-family:'JetBrains Mono';font-size:0.6rem;letter-spacing:0.04em;
    padding:4px 8px;border-radius:6px;background:rgba(14,58,57,0.08);color:var(--petrol);
    flex-shrink:0;white-space:nowrap;
  }
  .ref-tag.nl{background:rgba(226,163,59,0.2);color:#8a611b;}
  .ref-bottom{
    display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
    padding-top:12px;border-top:1px solid var(--line);
  }
  .ref-url{color:var(--petrol-light);font-size:0.74rem;font-weight:600;text-transform:none;letter-spacing:0;}
  .ref-rating{font-family:'JetBrains Mono';font-size:0.74rem;color:var(--gold);font-weight:600;white-space:nowrap;}
  .ref-growth{
    display:flex;align-items:center;gap:5px;
    font-size:0.73rem;font-weight:600;color:var(--petrol-light);white-space:nowrap;
  }
  .ref-growth svg{flex-shrink:0;}

  /* ===== SERVICES ===== */
  .services{padding:90px 0;background:var(--petrol-deep);color:#fff;}
  .services .eyebrow{color:var(--gold);}
  .services-head{max-width:600px;margin-bottom:48px;}
  .services-head h2{color:#fff;font-size:clamp(1.7rem,2.8vw,2.4rem);margin-top:14px;}
  .service-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:rgba(255,255,255,0.12);
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.12);
  }
  .service-card{background:#0d3433;padding:30px 24px;transition:background .25s;}
  .service-card:hover{background:#114442;}
  .service-card .num{font-family:'JetBrains Mono';color:var(--gold);font-size:0.78rem;font-weight:600;}
  .service-card h3{color:#fff;font-size:1.1rem;margin:14px 0 8px;}
  .service-card p{color:rgba(255,255,255,0.68);font-size:0.92rem;line-height:1.55;}
  .service-card .icon{width:36px;height:36px;color:var(--gold);margin-bottom:4px;}

  /* ===== CALCULATOR ===== */
  .calculator{padding:90px 0;background:linear-gradient(135deg, rgba(14,58,57,0.04), rgba(226,163,59,0.08));border-bottom:1px solid var(--line);}
  .calculator .wrap{display:grid;gap:24px;}
  .calculator-head{max-width:720px;}
  .calculator-head h2{font-size:clamp(1.6rem,2.7vw,2.25rem);margin-top:14px;margin-bottom:12px;}
  .calculator-head p{color:var(--ink-soft);font-size:0.96rem;max-width:620px;}
  .calculator-card{
    display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:24px;
    padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper-card);
    box-shadow:0 20px 40px -30px rgba(10,44,43,0.45);
  }
  .field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
  .field span{font-size:0.92rem;font-weight:600;color:var(--ink);} 
  .field input[type="number"]{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:1rem;color:var(--ink);font-family:'JetBrains Mono',monospace;min-height:48px;}
  .field input[type="number"]:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 4px rgba(14,58,57,0.08);} 
  .field input[type="range"]{width:100%;accent-color:var(--petrol);}
  .formula-pill{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:rgba(14,58,57,0.08);color:var(--petrol);font-size:0.86rem;font-weight:600;width:max-content;}
  .results-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;}
  .result-card{padding:18px;border-radius:14px;background:linear-gradient(135deg, rgba(14,58,57,0.06), rgba(226,163,59,0.12));border:1px solid rgba(14,58,57,0.08);}
  .result-card .label{display:block;font-size:0.78rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}
  .result-card .value{font-size:1.35rem;font-weight:700;color:var(--petrol);font-family:'JetBrains Mono',monospace;}
  .result-card .sub{display:block;margin-top:6px;font-size:0.82rem;color:var(--ink-soft);}
  .result-table{background:var(--paper-card);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
  .result-table table{width:100%;border-collapse:collapse;}
  .result-table th,.result-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);}
  .result-table th{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink-soft);background:rgba(14,58,57,0.04);}
  .result-table td:last-child{font-weight:600;color:var(--petrol);}
  .calculator-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 0 0;font-size:0.9rem;color:var(--ink-soft);}
  .calculator-foot strong{color:var(--ink);} 

  /* ===== PROCESS ===== */
  .process{padding:90px 0;border-bottom:1px solid var(--line);}
  .process-head{max-width:600px;margin-bottom:46px;}
  .process-head h2{font-size:clamp(1.7rem,2.8vw,2.4rem);margin-top:14px;}
  .steps{position:relative;}
  .step{
    display:grid;grid-template-columns:80px 1fr;gap:20px;
    padding:28px 0;border-top:1px solid var(--line);
    align-items:flex-start;
  }
  .step:first-child{border-top:none;}
  .step .step-num{font-family:'JetBrains Mono';font-size:0.95rem;color:var(--petrol);font-weight:600;padding-top:3px;}
  .step h3{font-size:1.05rem;margin-bottom:5px;}
  .step p{color:var(--ink-soft);max-width:560px;font-size:0.94rem;}

  /* ===== WHY ===== */
  .why{padding:90px 0;background:var(--paper-card);border-bottom:1px solid var(--line);}
  .why .wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:start;}
  .why-head h2{font-size:clamp(1.7rem,2.8vw,2.3rem);margin-top:14px;margin-bottom:16px;}
  .why-head p{color:var(--ink-soft);max-width:420px;font-size:0.96rem;}
  .why-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .why-item{
    display:flex;gap:11px;align-items:flex-start;
    padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--paper);
  }
  .why-item svg{flex-shrink:0;color:var(--petrol);margin-top:2px;}
  .why-item span{font-weight:600;font-size:0.93rem;}

  /* ===== ABOUT ===== */
  .about{padding:90px 0;border-bottom:1px solid var(--line);}
  .about .wrap{display:grid;grid-template-columns:0.65fr 1fr;gap:56px;align-items:center;}
  .about-portrait{
    border-radius:18px;background:var(--petrol);
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
    min-height:360px;
  }
  .about-portrait img.portrait-bg{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;opacity:0.35;
    filter:saturate(0.4);
  }
  .about-portrait::before{
    content:"";position:absolute;inset:0;z-index:1;
    background:radial-gradient(circle at 30% 20%, rgba(226,163,59,0.35), transparent 55%),
               linear-gradient(to bottom, rgba(10,44,43,0.3) 0%, rgba(10,44,43,0.7) 100%);
  }
  .about-portrait .initials{
    font-family:'Space Grotesk';font-weight:700;
    font-size:clamp(3.5rem, 8vw, 5rem);
    color:var(--gold);position:relative;z-index:2;
    text-shadow:0 2px 20px rgba(0,0,0,0.4);
  }
  .portrait-gears{
    position:absolute;inset:0;width:100%;height:100%;
    z-index:1;pointer-events:none;
  }
  .gear-1,.gear-2,.gear-3{
    transform-box:fill-box;
    transform-origin:center;
  }
  .gear-1{animation:spinCW 18s linear infinite;}
  .gear-2{animation:spinCCW 10s linear infinite;}
  .gear-3{animation:spinCW 14s linear infinite;}
  @keyframes spinCW{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
  @keyframes spinCCW{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
  .about-text blockquote{
    font-family:'Space Grotesk';font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.4;
    color:var(--ink);margin:14px 0 20px;font-weight:500;
  }
  .about-text p{color:var(--ink-soft);margin-bottom:13px;font-size:0.97rem;line-height:1.65;}
  .about-text .signature{font-family:'JetBrains Mono';font-size:0.82rem;color:var(--petrol);margin-top:16px;font-weight:600;}

  /* ===== ROADMAP ===== */
  .roadmap{padding:100px 0 120px;background:var(--petrol-deep);color:#fff;overflow:hidden;}
  .roadmap .eyebrow{color:var(--gold);}
  .roadmap-head{max-width:600px;margin-bottom:56px;}
  .roadmap-head h2{color:#fff;font-size:clamp(1.7rem,2.8vw,2.4rem);margin-top:14px;}
  .roadmap-svg-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .rm-stage-label{font-family:'JetBrains Mono';font-size:0.78rem;fill:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:0.05em;}
  .rm-stage-label.active{fill:var(--gold);}
  .rm-city{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;fill:#fff;}
  .rm-city.faint{fill:rgba(255,255,255,0.45);}
  .rm-sub{font-family:'Inter',sans-serif;font-size:11.5px;fill:rgba(255,255,255,0.55);}
  .rm-path{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:6 8;}
  .rm-path-fill{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.2s ease;}
  .rm-path-fill.draw{stroke-dashoffset:0;}
  .rm-dot{fill:var(--petrol-deep);stroke:var(--gold);stroke-width:2.5;}
  .rm-dot.solid{fill:var(--gold);}
  .rm-pulse{fill:none;stroke:var(--gold);stroke-width:1.5;opacity:0;}
  .rm-pulse.animate{animation:pulseRing 2.4s ease-out infinite;}
  @keyframes pulseRing{0%{r:7;opacity:0.9;}100%{r:26;opacity:0;}}

  /* ===== CONTACT ===== */
  .contact{padding:100px 0;}
  .contact .wrap{max-width:760px;}
  .contact-head h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-top:14px;margin-bottom:14px;}
  .contact-head p{color:var(--ink-soft);max-width:520px;margin-bottom:30px;font-size:0.96rem;}
  .contact-channels{display:flex;flex-direction:column;gap:12px;}
  .channel{
    display:flex;align-items:center;gap:14px;padding:16px 18px;
    border:1px solid var(--line);border-radius:11px;background:var(--paper-card);
    transition:border-color .2s, transform .2s;
    min-height:64px;
  }
  .channel:hover{border-color:var(--petrol);transform:translateX(4px);}
  .channel .ic{
    width:42px;height:42px;border-radius:9px;background:var(--petrol);color:var(--gold);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .channel .meta .mono{color:var(--ink-soft);}
  .channel .meta .val{font-weight:600;font-size:0.98rem;}

  /* ===== FOOTER ===== */
  footer{background:var(--petrol-deep);color:rgba(255,255,255,0.6);padding:44px 0 28px;}
  footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  footer .f-logo{display:flex;align-items:center;gap:8px;color:#fff;font-family:'Space Grotesk';font-weight:700;}
  footer .f-links{display:flex;gap:20px;font-size:0.86rem;flex-wrap:wrap;}
  footer .f-links a:hover{color:#fff;}
  .foot-bottom{
    border-top:1px solid rgba(255,255,255,0.1);margin-top:28px;padding-top:18px;
    text-align:center;font-size:0.78rem;color:rgba(255,255,255,0.4);
  }

  /* ===== WHATSAPP FLOAT ===== */
  .wa-float{
    position:fixed;bottom:calc(24px + var(--safe-bottom));right:24px;z-index:90;
    background:var(--gold);color:var(--ink);width:56px;height:56px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 30px -10px rgba(226,163,59,0.7);
    transition:transform .2s;
  }
  .wa-float:hover{transform:scale(1.08);}

  /* reveal */
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease, transform .65s ease;}
  .reveal.in{opacity:1;transform:none;}

  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    .rm-path-fill{transition:none;stroke-dashoffset:0;}
    .rm-pulse.animate{animation:none;}
    .scroll-hint{animation:none;}
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 980px){
    .service-grid{grid-template-columns:1fr 1fr;}
    .why .wrap, .about .wrap{grid-template-columns:1fr;}
    .why-head{margin-bottom:0;}
    .about-portrait{min-height:300px;width:100%;border-radius:14px;}
    .stats-strip-grid{justify-content:flex-start;}
    .eu-inner{gap:20px;}
  }

  @media (max-width: 780px){
    .calculator-card{grid-template-columns:1fr;gap:18px;padding:18px;}
    .results-grid{grid-template-columns:1fr 1fr;}
    .calculator-foot{flex-direction:column;align-items:flex-start;}
  }

  @media (max-width: 680px){
    .wrap{padding:0 18px;}
    .nav-links{
      display:none;
      position:fixed;top:60px;left:0;right:0;
      background:var(--paper);
      flex-direction:column;align-items:stretch;
      padding:6px 0 16px;gap:0;
      border-bottom:1px solid var(--line);
      box-shadow:0 8px 24px rgba(0,0,0,0.12);
      z-index:99;
    }
    .nav-links.open{display:flex;}
    .nav-links > a,
    .nav-links .nav-dropdown-toggle{
      padding:14px 20px;
      border-bottom:1px solid var(--line);
      font-size:1rem;
      color:var(--ink);
      white-space:normal;
      text-align:left;
    }
    .nav-links > a:last-child{border-bottom:none;}
    .nav-links .nav-item{width:100%;}
    .nav-links .nav-dropdown-toggle{width:100%;justify-content:space-between;}
    .nav-links .nav-dropdown-menu{
      display:none;position:static;padding:0 16px 8px 20px;gap:6px;border:none;box-shadow:none;background:transparent;
    }
    .nav-links .nav-item.open .nav-dropdown-menu{display:flex;}
    .nav-links .nav-dropdown-menu a{padding:10px 0;border-bottom:none;color:var(--ink-soft);}
    .nav-cta{
      margin:10px 20px 0;
      padding:13px 20px;
      border-radius:9px;
      display:block;
      text-align:center;
      color:#fff !important;
    }
    .menu-btn{display:flex;}

    .hero{padding:80px 0 56px;}
    .hero h1{font-size:2rem;}
    .hero p.lead{font-size:1rem;}
    .btn{padding:13px 18px;font-size:0.92rem;}
    .cta-row{flex-direction:column;}
    .cta-row .btn{width:100%;justify-content:center;}

    .service-grid{grid-template-columns:1fr;}
    .why-list{grid-template-columns:1fr;}
    .step{grid-template-columns:48px 1fr;gap:14px;}
    .ref-grid{grid-template-columns:1fr;}
    .stat-block{min-width:44%;}
    .results-grid{grid-template-columns:1fr;}
    .result-card{padding:16px;}
    .result-card .value{font-size:1.18rem;}
    .field input[type="number"]{font-size:1rem;padding:13px 14px;}
    .field input[type="range"]{min-height:36px;}
    .formula-pill{width:100%;justify-content:center;text-align:center;}
    .scroll-hint{display:none;}

    .eu-inner{flex-direction:column;gap:16px;}
    .eu-badge{width:100%;}

    .contact-channels .channel{padding:14px 16px;}
    .channel .meta .val{font-size:0.92rem;}

    footer .f-links{gap:14px;}
    .about .wrap{gap:28px;}
    .about-portrait{
      width:100%;min-height:260px;
      border-radius:14px;
    }

    .roadmap{padding:70px 0 90px;}
    .roadmap-svg-wrap{min-width:0;}
  }

  @media (max-width: 400px){
    .hero h1{font-size:1.75rem;}
    .stat-block{min-width:100%;}
  }