:root{
    --blue:#1E6DEB;
    --navy:#0A2D62;
    --gold:#D4AF37;
    --gold-deep:#B88A1A;
    --gold-light:#F4D27A;
    --white:#FFFFFF;
    --bg-light:#F7F9FC;
    --gray:#E6EAF2;
    --ink:#1B2536;
    --ink-soft:#5B6478;
    --radius-card:20px;
    --radius-btn:999px;
    --radius-input:10px;
    --shadow-soft:0 8px 30px rgba(10,45,98,.08);
    --shadow-lift:0 16px 40px rgba(10,45,98,.14);
    --ease:cubic-bezier(.22,.61,.36,1);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{
    scroll-behavior:smooth;
    overflow-x:hidden;
    width:100%;
    max-width:100%;
  }
  body{
    font-family:'Poppins',sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    width:100%;
    max-width:100%;
    position:relative;
  }
  img, svg, video, iframe{
    max-width:100%;
    height:auto;
  }
  h1,h2,h3,h4{
    font-family:'Cinzel',serif;
    color:var(--navy);
    font-weight:600;
    letter-spacing:.02em;
    line-height:1.25;
  }
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;}
  .container{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:0 32px;
  }
  .eyebrow{
    font-family:'Poppins',sans-serif;
    font-size:12.5px;
    font-weight:600;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--gold-deep);
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:'';
    width:28px;height:1px;
    background:var(--gold);
    display:inline-block;
  }
  .section{padding:128px 0;}
  .section-tight{padding:96px 0;}
  .bg-light{background:var(--bg-light);}
  .bg-gray{background:var(--gray);}
  .bg-navy{background:var(--navy);color:#EAF0FC;}
  .bg-navy h2, .bg-navy h3{color:var(--white);}
  .center{text-align:center;}
  .max-w-copy{max-width:680px;}
  .mx-auto{margin-left:auto;margin-right:auto;}

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:48px;
    padding:0 30px;
    border-radius:var(--radius-btn);
    font-size:14.5px;
    font-weight:600;
    letter-spacing:.03em;
    transition:all .35s var(--ease);
    white-space:nowrap;
  }
  .btn-primary{
    background:var(--blue);
    color:var(--white);
    box-shadow:0 10px 24px rgba(30,109,235,.28);
  }
  .btn-primary svg{stroke:var(--gold-light);}
  .btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 30px rgba(30,109,235,.34);
    border:1px solid var(--gold);
  }
  .btn-secondary{
    background:var(--white);
    color:var(--blue);
    border:1.5px solid var(--blue);
  }
  .btn-secondary:hover{
    border-color:var(--gold);
    color:var(--gold-deep);
    transform:translateY(-3px);
  }
  .btn-ghost-light{
    background:transparent;
    color:var(--white);
    border:1.5px solid rgba(255,255,255,.4);
  }
  .btn-ghost-light:hover{border-color:var(--gold);color:var(--gold-light);transform:translateY(-3px);}
  .btn-gold{
    background:linear-gradient(135deg, var(--gold-light), var(--gold-deep));
    color:var(--navy);
    box-shadow:0 10px 26px rgba(212,175,55,.35);
  }
  .btn-gold svg{stroke:var(--navy);}
  .btn-gold:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 32px rgba(212,175,55,.42);
  }

  /* ---------- NAV ---------- */
  header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:1000;
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(212,175,55,.35);
    transition:box-shadow .3s var(--ease), background .3s var(--ease);
  }
  header.scrolled{
    box-shadow:0 8px 30px rgba(10,45,98,.06);
    background:rgba(255,255,255,.96);
  }
  .nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:84px;
  }
  .brand{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .brand img{height:46px;width:auto;}
  .brand-word{
    font-family:'Cinzel',serif;
    font-size:19px;
    font-weight:600;
    letter-spacing:.14em;
    color:var(--navy);
    line-height:1.1;
  }
  .brand-word span{
    display:block;
    font-family:'Poppins',sans-serif;
    font-size:9px;
    font-weight:500;
    letter-spacing:.32em;
    color:var(--gold-deep);
    margin-top:3px;
  }
  nav.menu{
    display:flex;
    align-items:center;
    gap:38px;
  }
  nav.menu a{
    font-size:13.5px;
    font-weight:500;
    letter-spacing:.05em;
    color:var(--ink);
    position:relative;
    padding:6px 0;
    transition:color .25s;
  }
  nav.menu a::after{
    content:'';
    position:absolute;
    left:0;bottom:0;
    width:0;height:1.5px;
    background:var(--gold);
    transition:width .3s var(--ease);
  }
  nav.menu a:hover{color:var(--blue);}
  nav.menu a:hover::after{width:100%;}
  nav.menu a.active{color:var(--blue);}
  nav.menu a.active::after{width:100%;}
  .nav-right{display:flex;align-items:center;gap:22px;}
  .burger{display:none;flex-direction:column;gap:5px;width:26px;}
  .burger span{height:2px;background:var(--navy);border-radius:2px;transition:.3s;}
  .lang-switch{position:relative;}
  .lang-btn{
    display:flex;align-items:center;gap:6px;
    padding:9px 14px;
    border:1px solid var(--gray);
    border-radius:var(--radius-btn);
    background:var(--white);
    color:var(--navy);
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    letter-spacing:.02em;
    cursor:pointer;
    transition:.25s var(--ease);
  }
  .lang-btn:hover{border-color:var(--gold);}
  .lang-btn svg{stroke:var(--navy);flex-shrink:0;}
  .lang-btn .lang-chevron{transition:transform .25s var(--ease);}
  .lang-switch.open .lang-btn .lang-chevron{transform:rotate(180deg);}
  .lang-dropdown{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    min-width:170px;
    background:var(--white);
    border:1px solid var(--gray);
    border-radius:14px;
    box-shadow:var(--shadow-lift);
    padding:8px;
    display:flex;
    flex-direction:column;
    gap:2px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:.22s var(--ease);
    z-index:200;
  }
  .lang-switch.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
  .lang-dropdown a{
    display:flex;align-items:center;justify-content:space-between;
    padding:9px 12px;
    border-radius:9px;
    font-size:13.5px;
    color:var(--ink);
    text-decoration:none;
    transition:.2s var(--ease);
  }
  .lang-dropdown a:hover{background:var(--bg-light);}
  .lang-dropdown a.active{color:var(--navy);font-weight:700;background:rgba(212,175,55,.14);}
  .lang-dropdown a .lang-code{font-size:11px;color:var(--ink-soft);letter-spacing:.05em;}
  .lang-dropdown a.active .lang-code{color:var(--gold-deep);}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:140px;
    padding-bottom:140px;
    background:#0A2D62;
    overflow:hidden;
    color:var(--white);
  }
  .hero-bg-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
  }
  .hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(100deg, rgba(4,17,42,.92) 0%, rgba(7,28,66,.82) 38%, rgba(7,28,66,.45) 65%, rgba(7,28,66,.25) 100%),
      linear-gradient(0deg, rgba(4,17,42,.55) 0%, transparent 40%);
  }
  .hero-skyline{
    position:absolute;
    left:0;right:0;bottom:0;
    width:100%;
    height:auto;
    opacity:.55;
    pointer-events:none;
  }
  .hero-inner{
    position:relative;
    z-index:2;
    display:block;
    width:100%;
  }
  .hero .eyebrow{color:var(--gold-light);}
  .hero .eyebrow::before{background:var(--gold-light);}
  .hero h1{
    font-size:clamp(32px,4.4vw,54px);
    max-width:760px;
    margin-bottom:26px;
    color:var(--white);
  }
  .hero h1 .line-gold{
    display:block;
    color:var(--gold-light);
    background:linear-gradient(120deg, var(--gold-light), var(--gold));
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .hero h1 .line-white{display:block;}
  .hero p.lead{
    font-size:16.5px;
    color:rgba(234,240,252,.85);
    max-width:520px;
    margin-bottom:38px;
  }
  .hero-ctas{display:flex;gap:18px;flex-wrap:wrap;}

  .vmp-icon{
    width:46px;height:46px;
    border-radius:50%;
    background:var(--blue);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:16px;
  }
  .vmp-icon svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.6;}

  /* ---------- WHO WE ARE / ABOUT ---------- */
  .about-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:64px;
    align-items:center;
  }
  .about-grid h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:22px;}
  .about-grid > div:first-child p{color:var(--ink-soft);font-size:15.5px;margin-bottom:16px;}
  .about-visual{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:20px;
    align-items:stretch;
  }
  .about-photo-panel{
    position:relative;
    border-radius:var(--radius-card);
    overflow:hidden;
    min-height:420px;
    background:
      radial-gradient(420px 300px at 70% 20%, rgba(212,175,55,.28), transparent 60%),
      linear-gradient(155deg, #0A2D62, #071c42);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:var(--shadow-lift);
  }
  .about-photo-panel .panel-emblem{width:150px;opacity:.92;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4));}
  .about-photo-panel .about-photo-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .about-photo-panel .panel-word{
    position:absolute;
    bottom:32px;left:32px;
    font-family:'Cinzel',serif;
    letter-spacing:.24em;
    font-size:13px;
    color:rgba(255,255,255,.8);
    text-transform:uppercase;
  }
  .about-stat-card{
    background:linear-gradient(165deg, #FBF7EC, #F4ECDA);
    border:1px solid rgba(212,175,55,.35);
    border-radius:var(--radius-card);
    padding:28px 24px;
    display:flex;
    flex-direction:column;
    gap:18px;
    color:var(--navy);
    box-shadow:var(--shadow-lift);
  }
  .about-stat-card .stat-card-label{
    font-family:'Cinzel',serif;
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:2px;
  }
  .stat-row{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding-top:18px;
    border-top:1px solid rgba(10,45,98,.12);
  }
  .stat-row:first-child{padding-top:0;border-top:none;}
  .stat-row .stat-icon{
    width:38px;height:38px;flex-shrink:0;
    border-radius:50%;
    background:rgba(212,175,55,.14);
    border:1px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
  }
  .stat-row .stat-icon svg{width:17px;height:17px;stroke:var(--navy);fill:none;stroke-width:1.6;}
  .stat-row h4{font-family:'Cinzel',serif;font-size:14.5px;color:var(--navy);margin-bottom:4px;line-height:1.3;}
  .stat-row p{font-size:11.5px;color:var(--ink-soft);margin:0;line-height:1.4;}

  /* ---------- COMPANY STORY (compact) ---------- */
  .story-compact{max-width:760px;}
  .story-compact .why-box{
    margin-top:26px;
    padding:22px 26px;
    border-left:3px solid var(--gold);
    background:var(--white);
    border-radius:0 var(--radius-input) var(--radius-input) 0;
  }
  .story-compact .why-box h4{font-size:12.5px;letter-spacing:.14em;color:var(--navy);margin-bottom:6px;}
  .story-compact .why-box p{font-size:14px;margin:0;color:var(--ink-soft);}

  /* ---------- QUOTE + MISSION/VISION/VALUES BAND ---------- */
  .quote-row{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:64px;
    align-items:center;
  }
  .quote-block .quote-mark{
    font-family:'Cinzel',serif;
    font-size:clamp(40px, 5vw, 64px);
    color:var(--gold);
    line-height:.6;
    display:block;
    margin-bottom:4px;
    opacity:.9;
  }
  .quote-block p{
    font-family:'Cinzel',serif;
    font-size:clamp(22px, 4.5vw, 46px);
    line-height:1.35;
    font-weight:500;
    color:var(--white);
    margin-bottom:22px;
  }
  .quote-block .attrib{
    font-size:12.5px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--gold-light);
  }
  .mvv-cols{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
  }
  .mvv-item .vmp-icon{background:rgba(212,175,55,.14);border:1px solid var(--gold);}
  .mvv-item .vmp-icon svg{stroke:var(--gold-light);}
  .mvv-item h3{color:var(--white);font-size:16px;margin-bottom:8px;}
  .mvv-item p{font-size:13.5px;color:rgba(234,240,252,.68);margin:0;}
  .mvv-item .val-inline{font-size:12.5px;color:rgba(234,240,252,.68);line-height:1.9;}

  /* ---------- MANUFACTURING PROCESS GRID (signature) ---------- */
  .timeline-head{margin-bottom:64px;}
  .process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }
  .process-card{
    position:relative;
    aspect-ratio:1/1;
    border-radius:var(--radius-card);
    overflow:hidden;
    box-shadow:var(--shadow-soft);
    cursor:pointer;
    outline:none;
    transition:box-shadow .35s var(--ease), transform .35s var(--ease);
  }
  .process-card:hover, .process-card.is-active{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lift);
  }
  .process-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s var(--ease);
    z-index:0;
  }
  .process-card:hover .process-bg, .process-card.is-active .process-bg{
    transform:scale(1.06);
  }
  .process-scrim{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg, rgba(7,28,66,.1) 0%, rgba(7,28,66,.35) 55%, rgba(7,28,66,.85) 100%);
  }
  .process-fill{
    position:absolute;
    left:0;right:0;bottom:0;
    height:0%;
    z-index:2;
    background:linear-gradient(180deg, rgba(212,175,55,.5) 0%, var(--navy) 45%, #071c42 100%);
    transition:height .55s var(--ease);
  }
  .process-card:hover .process-fill, .process-card.is-active .process-fill{
    height:100%;
  }
  .process-num{
    position:absolute;
    top:18px;left:18px;
    z-index:3;
    width:38px;height:38px;
    border-radius:50%;
    border:1.5px solid var(--gold);
    background:rgba(7,28,66,.5);
    backdrop-filter:blur(3px);
    display:flex;align-items:center;justify-content:center;
    font-family:'Cinzel',serif;
    font-size:13.5px;
    color:var(--gold-light);
  }
  .process-copy{
    position:absolute;
    left:0;right:0;bottom:0;
    z-index:3;
    padding:22px 20px;
  }
  .process-name{
    font-family:'Cinzel',serif;
    font-size:16px;
    color:var(--white);
    margin:0;
    letter-spacing:.01em;
  }
  .process-detail{
    font-size:12px;
    line-height:1.6;
    color:rgba(255,255,255,.85);
    max-height:0;
    opacity:0;
    margin-top:0;
    overflow:hidden;
    transition:max-height .5s var(--ease), opacity .4s var(--ease) .05s, margin-top .5s var(--ease);
  }
  .process-card:hover .process-detail, .process-card.is-active .process-detail{
    max-height:160px;
    opacity:1;
    margin-top:10px;
  }
  .timeline-caption{
    margin-top:56px;
    text-align:center;
    font-family:'Cinzel',serif;
    font-size:14px;
    letter-spacing:.1em;
    color:var(--gold-deep);
  }

  /* ---------- QUALITY / EXPORT ---------- */
  .two-col-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
  .panel-card{
    background:var(--white);
    border-radius:var(--radius-card);
    padding:44px 40px;
    box-shadow:var(--shadow-soft);
    border:1px solid var(--gray);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
  }
  .panel-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);}
  .panel-card .vmp-icon{background:var(--navy);}
  .panel-card h3{font-size:20px;margin-bottom:14px;}
  .panel-card p{color:var(--ink-soft);font-size:14.5px;}
  .chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
  .chip{
    font-size:12px;
    padding:7px 14px;
    border-radius:999px;
    background:var(--bg-light);
    border:1px solid var(--gray);
    color:var(--navy);
    font-weight:500;
    letter-spacing:.03em;
  }

  /* ---------- BRANDS ---------- */
  .brand-feature{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:0;
    border-radius:var(--radius-card);
    overflow:hidden;
    box-shadow:var(--shadow-lift);
  }
  .brand-feature .bf-visual{
    background:
      radial-gradient(600px 400px at 20% 20%, rgba(244,210,122,.35), transparent 60%),
      linear-gradient(150deg, var(--navy), #071f47);
    padding:56px 46px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--white);
    position:relative;
  }
  .bf-visual .bf-brand-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.28;
  }
  .bf-visual .bf-content{position:relative;z-index:1;}
  .bf-visual .bf-logo{
    width:100px;
    height:100px;
    object-fit:contain;
    margin-bottom:16px;
  }
  .bf-visual .cn-mark{
    font-family:'Cinzel',serif;
    font-size:30px;
    letter-spacing:.12em;
    color:var(--gold-light);
    margin-bottom:10px;
  }
  .bf-visual .cn-tag{
    font-size:12px;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:rgba(255,255,255,.65);
  }
  .bf-visual .flagship{
    position:absolute;
    top:28px;right:28px;
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--gold);
    border:1px solid rgba(212,175,55,.5);
    padding:6px 12px;
    border-radius:999px;
  }
  .bf-copy{
    background:var(--white);
    padding:56px 50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .bf-copy h3{font-size:24px;margin-bottom:14px;}
  .bf-copy p{color:var(--ink-soft);font-size:15px;margin-bottom:20px;}
  .future-brands{margin-top:44px;}
  .future-brands h4{
    font-family:'Poppins',sans-serif;
    font-size:12.5px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--ink-soft);
    margin-bottom:16px;
  }

  /* ---------- WHY CHOOSE US ---------- */
  .why-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
  }
  .why-item{
    text-align:center;
    padding:38px 20px;
    background:var(--white);
    border-radius:var(--radius-card);
    border:1px solid var(--gray);
    box-shadow:var(--shadow-soft);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
  }
  .why-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);}
  .why-item .vmp-icon{margin:0 auto 18px;}
  .why-item h4{font-size:14px;color:var(--navy);font-family:'Poppins',sans-serif;font-weight:600;margin-bottom:8px;}
  .why-item p{font-size:12.5px;color:var(--ink-soft);}

  /* ---------- PARTNER CTA ---------- */
  .cta-band{
    position:relative;
    padding:100px 0;
    background:linear-gradient(160deg, var(--navy), #0d3576);
    text-align:center;
    overflow:hidden;
  }
  .cta-band::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(700px 400px at 50% 0%, rgba(212,175,55,.14), transparent 70%);
  }
  .cta-band h2{color:var(--white);font-size:clamp(26px,3.4vw,36px);margin-bottom:18px;position:relative;}
  .cta-band p{color:rgba(255,255,255,.75);max-width:520px;margin:0 auto 34px;position:relative;}
  .cta-band .hero-ctas{justify-content:center;position:relative;}

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--navy);
    color:rgba(255,255,255,.72);
    padding-top:80px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1.4fr .8fr .8fr 1.2fr;
    gap:48px;
    padding-bottom:56px;
  }
  .footer-brand img{height:52px;margin-bottom:18px;}
  .footer-brand p{font-size:13.5px;max-width:280px;color:rgba(255,255,255,.55);}
  footer h5{
    font-family:'Poppins',sans-serif;
    font-size:12.5px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--gold-light);
    margin-bottom:20px;
  }
  footer ul li{margin-bottom:12px;}
  footer ul li a{font-size:13.5px;transition:color .25s;}
  footer ul li a:hover{color:var(--gold-light);}
  .newsletter-form{
    display:flex;
    gap:10px;
    margin-top:8px;
  }
  .newsletter-form input{
    flex:1;
    height:44px;
    border-radius:var(--radius-input);
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.06);
    color:var(--white);
    padding:0 16px;
    font-size:13px;
    font-family:'Poppins',sans-serif;
  }
  .newsletter-form input::placeholder{color:rgba(255,255,255,.4);}
  .newsletter-form button{
    height:44px;
    padding:0 20px;
    background:var(--gold);
    color:var(--navy);
    border-radius:var(--radius-input);
    font-size:13px;
    font-weight:600;
    transition:background .25s;
  }
  .newsletter-form button:hover{background:var(--gold-light);}
  .newsletter-note{font-size:11.5px;margin-top:10px;color:rgba(255,255,255,.4);}
  .social-row{display:flex;gap:12px;margin-top:22px;}
  .social-row a{
    width:36px;height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;
    transition:all .25s;
  }
  .social-row a:hover{border-color:var(--gold);background:rgba(212,175,55,.12);}
  .social-row svg{width:15px;height:15px;stroke:rgba(255,255,255,.75);fill:none;stroke-width:1.6;}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:24px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:12px;
    color:rgba(255,255,255,.4);
    flex-wrap:wrap;
    gap:10px;
  }

  /* ---------- SCROLL REVEAL ---------- */
  .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .8s var(--ease), transform .8s var(--ease);
  }
  .reveal.in{opacity:1;transform:translateY(0);}

  /* ---------- RESPONSIVE & MOBILE OVERFLOW FIXES ---------- */
  .mobile-lang-wrapper{display:none;}

  @media (max-width:1080px){
    .about-grid, .quote-row{grid-template-columns:1fr;}
    .about-visual{grid-template-columns:1fr 1fr;}
    .two-col-cards{grid-template-columns:1fr;}
    .brand-feature{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:repeat(3,1fr);}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .mvv-cols{grid-template-columns:1fr;}
  }
  @media (max-width:1024px){
    header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;overflow:visible !important;}
    .nav-inner{position:static;overflow:visible !important;}
    nav.menu, .nav-right .btn-gold{display:none;}
    .nav-right .lang-switch{display:none;}
    .burger{display:flex;}
    .nav-right{gap:12px;}
    .mobile-lang-wrapper{
      display:block;
      width:100%;
      margin-top:10px;
      padding-top:16px;
      border-top:1px solid var(--gray);
      position:relative;
      overflow:visible !important;
    }
    .mobile-lang-wrapper .lang-switch{
      width:100%;
      position:relative;
      z-index:2000 !important;
      overflow:visible !important;
    }
    .mobile-lang-wrapper .lang-btn{
      width:100%;
      justify-content:space-between;
      padding:11px 16px;
      background:var(--bg-light);
      border-radius:12px;
      border:1px solid var(--gray);
    }
    .mobile-lang-wrapper .lang-btn span:not(.lang-chevron){
      display:inline-block !important;
      font-weight:600;
      color:var(--navy);
    }
    .mobile-lang-wrapper .lang-dropdown{
      top:calc(100% + 8px);
      left:0;
      right:0;
      min-width:100%;
      background:var(--white);
      border:1px solid var(--gray);
      border-radius:14px;
      box-shadow:0 16px 40px rgba(10,45,98,.24);
      z-index:2500 !important;
    }
  }
  @media (max-width:760px){
    .section{padding:72px 0;}
    header .container{padding:0 20px;max-width:100%;overflow:visible !important;}
    .container{padding:0 20px;max-width:100%;}
    .brand img{height:38px;}
    .brand-word{font-size:16px;}
    .brand-word span{font-size:8px;letter-spacing:.18em;}
    .hero{padding-top:110px;padding-bottom:70px;min-height:auto;}
    .hero h1{font-size:clamp(24px,5.8vw,34px);word-break:break-word;}
    .hero p.lead{font-size:15px;}
    .about-visual,
    .mvv-cols,
    .process-grid,
    .two-col-cards,
    .brand-feature,
    .why-grid{
      grid-template-columns:1fr !important;
      width:100%;
    }
    .process-card{aspect-ratio:16/9;min-height:200px;width:100%;}
    .footer-grid{grid-template-columns:1fr;gap:32px;}
    .footer-bottom{flex-direction:column;align-items:flex-start;}
    .about-photo-panel{min-height:240px;}
    .brand-feature .bf-copy{padding:32px 20px;width:100%;}
    .brand-feature .bf-visual{padding:32px 20px;width:100%;}
    .bf-visual .flagship{position:relative;top:auto;right:auto;display:inline-block;margin-bottom:14px;}
    .panel-card{padding:28px 20px;width:100%;}
    .story-compact .why-box{padding:18px 16px;width:100%;}
  }

  @media (max-width:480px){
    .container{padding:0 16px;}
    .btn{
      max-width:100%;
      width:100%;
      padding:0 16px;
      font-size:13.5px;
      white-space:normal;
      text-align:center;
      word-break:break-word;
    }
    .hero-ctas{flex-direction:column;width:100%;gap:12px;}
    .hero-ctas .btn{width:100%;}
    .newsletter-form{flex-direction:column;width:100%;}
    .newsletter-form input, .newsletter-form button{width:100%;max-width:100%;}
    .chip-list{gap:8px;}
    .chip{font-size:11px;padding:6px 12px;}
  }

  nav.menu.mobile-open{
    display:flex;
    position:absolute;
    top:84px;left:0;right:0;
    width:100%;
    max-width:100vw;
    background:var(--white);
    flex-direction:column;
    align-items:flex-start;
    padding:24px 20px 28px;
    gap:18px;
    border-bottom:1px solid var(--gray);
    box-shadow:var(--shadow-lift);
    z-index:1100;
    box-sizing:border-box;
    overflow:visible !important;
  }

/* ==========================================================================
   LEGAL PAGES (Privacy Policy, Terms & Conditions)
   ========================================================================== */
.legal-hero{
  padding-top:150px;
  padding-bottom:60px;
  background:linear-gradient(160deg, #0A2D62, #071c42);
  color:var(--white);
  text-align:center;
}
.legal-hero h1{
  font-size:clamp(32px, 4vw, 48px);
  color:var(--white);
  margin-bottom:14px;
}
.legal-hero p{
  color:rgba(234,240,252,.75);
  font-size:15px;
}

.legal-body{
  padding:80px 0 120px;
  background:var(--white);
}
.legal-container{
  max-width:920px;
  margin:0 auto;
}
.legal-card{
  background:var(--white);
  border:1px solid var(--gray);
  border-radius:var(--radius-card);
  padding:48px 40px;
  box-shadow:var(--shadow-soft);
}
.legal-section{
  margin-bottom:42px;
}
.legal-section:last-child{
  margin-bottom:0;
}
.legal-section h2{
  font-size:22px;
  color:var(--navy);
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:1.5px solid rgba(212,175,55,.3);
}
.legal-section p{
  color:var(--ink-soft);
  font-size:15px;
  margin-bottom:16px;
  line-height:1.75;
}
.legal-section ul{
  list-style:disc;
  margin-left:24px;
  margin-bottom:18px;
  color:var(--ink-soft);
}
.legal-section ul li{
  margin-bottom:8px;
  font-size:14.5px;
}
.contact-callout{
  background:var(--bg-light);
  border-left:4px solid var(--gold);
  border-radius:12px;
  padding:24px 28px;
  margin-top:24px;
}
.contact-callout h3{
  font-size:16px;
  color:var(--navy);
  margin-bottom:8px;
}
.contact-callout p{
  font-size:14px;
  margin:0;
}

/* ==========================================================================
   WHITE-LABELLING / BUILD YOUR BRAND PAGE
   ========================================================================== */
.btn-ghost-light{
  background:transparent;
  color:var(--white);
  border:1.5px solid rgba(255,255,255,.4);
}
.btn-ghost-light:hover{
  border-color:var(--gold);
  color:var(--gold-light);
  transform:translateY(-3px);
}
.wl-hero{
  position:relative;
  overflow:hidden;
  min-height:82vh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(760px 460px at 50% 8%, rgba(212,175,55,.16), transparent 65%),
    linear-gradient(180deg, #071c42 0%, #0A2D62 55%, #0d1f47 100%);
  color:var(--white);
  padding:150px 0 90px;
}
.wl-hero-inner{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:720px;
  margin:0 auto;
}
.wl-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 20px;
  border:1px solid rgba(212,175,55,.55);
  border-radius:var(--radius-btn);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--gold-light);
  margin-bottom:32px;
}
.wl-badge .wl-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold-light);
  animation:wl-pulse 1.8s infinite;
}
@keyframes wl-pulse{
  0%{box-shadow:0 0 0 0 rgba(244,210,122,.5);}
  70%{box-shadow:0 0 0 8px rgba(244,210,122,0);}
  100%{box-shadow:0 0 0 0 rgba(244,210,122,0);}
}
.wl-hero h1{
  font-size:clamp(34px,5vw,56px);
  line-height:1.15;
  color:var(--white);
  margin-bottom:20px;
}
.wl-hero h1 em{
  font-style:normal;
  background:linear-gradient(120deg, var(--gold-light), var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.wl-hero .lead{
  max-width:520px;
  margin:0 auto 38px;
  color:rgba(234,240,252,.75);
  font-size:16px;
}
.wl-hero .hero-ctas{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
}
.wl-steps{
  display:flex;
  max-width:560px;
  margin:56px auto 0;
  border:1px solid rgba(212,175,55,.3);
  border-radius:14px;
  overflow:hidden;
}
.wl-step{
  flex:1;
  padding:20px 14px;
  text-align:center;
  background:rgba(212,175,55,.08);
  border-left:1px solid rgba(212,175,55,.3);
}
.wl-step:first-child{border-left:none;}
.wl-step.is-active{background:rgba(212,175,55,.2);}
.wl-step-label{
  font-family:'Cinzel',serif;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold-light);
  margin-bottom:4px;
}
.wl-step.is-active .wl-step-label{color:var(--white);}
.wl-step-sub{
  font-size:11px;
  color:rgba(234,240,252,.55);
}
.wl-intro{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.wl-intro h2{
  font-size:clamp(26px,3.2vw,36px);
  margin-bottom:22px;
}
.wl-intro p{
  color:var(--ink-soft);
  font-size:15.5px;
  margin-bottom:16px;
}
.vmp-icon{
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  flex-shrink:0;
}
.vmp-icon svg{
  width:22px;
  height:22px;
  stroke:var(--gold-light);
  fill:none;
  stroke-width:1.6;
}
.wl-feature-list{
  max-width:820px;
  margin:0 auto;
}
.wl-feature-row{
  display:flex;
  gap:24px;
  align-items:flex-start;
  padding:26px 0;
  border-top:1px solid rgba(10,45,98,.12);
}
.wl-feature-row:first-child{border-top:none;}
.wl-feature-row .wl-feature-text h4{
  font-size:15.5px;
  color:var(--navy);
  font-weight:600;
  margin-bottom:6px;
}
.wl-feature-row .wl-feature-text p{
  font-size:13.5px;
  color:var(--ink-soft);
  margin:0;
}
.cta-band{
  position:relative;
  padding:100px 0;
  background:linear-gradient(160deg, var(--navy), #0d3576);
  text-align:center;
  overflow:hidden;
}
.cta-band::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(700px 400px at 50% 0%, rgba(212,175,55,.14), transparent 70%);
}
.cta-band h2{
  color:var(--white);
  font-size:clamp(26px,3.4vw,36px);
  margin-bottom:18px;
  position:relative;
}
.cta-band p{
  color:rgba(255,255,255,.75);
  max-width:520px;
  margin:0 auto 34px;
  position:relative;
}
.wl-notify-frame{
  position:relative;
  max-width:460px;
  margin:0 auto;
  border:1px solid rgba(212,175,55,.4);
  border-radius:var(--radius-card);
  padding:36px 34px;
  background:rgba(255,255,255,.03);
}

/* White-Labelling & Legal Responsive */
@media (max-width:760px){
  .legal-card{padding:32px 20px;}
  .wl-hero{padding:130px 0 70px;min-height:auto;}
  .wl-hero h1{font-size:30px;}
  .wl-steps{flex-direction:column;}
  .wl-step{border-left:none;border-top:1px solid rgba(212,175,55,.3);}
  .wl-step:first-child{border-top:none;}
  .wl-feature-row{flex-direction:column;gap:12px;}
}