:root{
      --ink:#080b10;
      --navy:#101827;
      --navy2:#162236;
      --ivory:#f6efe4;
      --cream:#fffaf0;
      --muted:#b8ad9a;
      --gold:#c7a45d;
      --gold2:#ead8aa;
      --line:rgba(199,164,93,.28);
      --glass:rgba(255,255,255,.075);
      --darkGlass:rgba(8,11,16,.74);
      --shadow:0 30px 100px rgba(0,0,0,.38);
      --radius:28px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family: Georgia, "Times New Roman", serif;
      background:var(--ink);
      color:var(--ivory);
      overflow-x:hidden;
      line-height:1.6;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      z-index:-3;
      background:
        radial-gradient(circle at 20% 10%, rgba(199,164,93,.16), transparent 30%),
        radial-gradient(circle at 80% 0%, rgba(255,255,255,.08), transparent 28%),
        linear-gradient(135deg, #07090d 0%, #101827 48%, #06070a 100%);
    }
    body::after{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-2;
      opacity:.18;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size:42px 42px;
    }
    a{color:inherit;text-decoration:none}
    button,input,textarea,select{font:inherit}
    .topbar{
      position:fixed;
      top:0;left:0;right:0;
      z-index:1000;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:14px clamp(16px,4vw,56px);
      border-bottom:1px solid rgba(199,164,93,.18);
      background:rgba(8,11,16,.78);
      backdrop-filter:blur(18px);
    }
    .logo{
      font-size:clamp(20px,4.6vw,31px);
      letter-spacing:.09em;
      text-transform:lowercase;
      color:var(--gold2);
      white-space:nowrap;
    }
    .nav{
      display:flex;
      align-items:center;
      gap:26px;
      font-size:13px;
      letter-spacing:.15em;
      text-transform:uppercase;
      color:rgba(246,239,228,.78);
    }
    .nav a{transition:.25s}
    .nav a:hover{color:var(--gold2)}
    .controls{
      display:flex;
      align-items:center;
      gap:10px;
    }
    select{
      background:rgba(255,255,255,.06);
      color:var(--ivory);
      border:1px solid var(--line);
      border-radius:999px;
      padding:10px 14px;
      outline:none;
      min-width:84px;
    }
    select option{background:#101827;color:#fff}
    .burger{
      display:none;
      width:44px;height:44px;
      border-radius:50%;
      border:1px solid var(--line);
      background:rgba(255,255,255,.05);
      color:var(--ivory);
      cursor:pointer;
    }
    .burger span{
      display:block;
      width:18px;height:1px;
      background:var(--ivory);
      margin:5px auto;
    }
    .mobile-menu{
      display:none;
      position:fixed;
      top:73px;left:14px;right:14px;
      z-index:999;
      padding:18px;
      border:1px solid var(--line);
      background:rgba(8,11,16,.95);
      backdrop-filter:blur(18px);
      border-radius:22px;
      box-shadow:var(--shadow);
    }
    .mobile-menu a{
      display:block;
      padding:14px 10px;
      border-bottom:1px solid rgba(199,164,93,.14);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:13px;
      color:rgba(246,239,228,.84);
    }
    .mobile-menu a:last-child{border-bottom:none}
    .mobile-menu.open{display:block}
    .lang{display:none}
    .lang.active{display:block}
    .hero{
      min-height:100svh;
      display:grid;
      place-items:center;
      padding:112px clamp(18px,5vw,80px) 70px;
      position:relative;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:82px clamp(14px,5vw,60px) 36px;
      border:1px solid rgba(199,164,93,.22);
      border-radius:38px;
      pointer-events:none;
      box-shadow:inset 0 0 70px rgba(199,164,93,.055);
    }
    .hero-inner{
      max-width:1050px;
      text-align:center;
      position:relative;
      z-index:1;
    }
    .eyebrow{
      color:var(--gold2);
      letter-spacing:.28em;
      text-transform:uppercase;
      font-size:12px;
      margin-bottom:22px;
    }
    h1{
      font-size:clamp(54px,13vw,132px);
      line-height:.88;
      letter-spacing:.035em;
      text-transform:uppercase;
      color:var(--ivory);
      text-shadow:0 18px 70px rgba(0,0,0,.55);
    }
    .subtitle{
      max-width:780px;
      margin:30px auto 0;
      font-size:clamp(19px,3.5vw,31px);
      color:rgba(246,239,228,.9);
      line-height:1.38;
    }
    .hero-actions{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:14px;
      flex-wrap:wrap;
      margin-top:38px;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:52px;
      padding:15px 24px;
      border-radius:999px;
      border:1px solid var(--line);
      background:linear-gradient(135deg, rgba(199,164,93,.95), rgba(234,216,170,.92));
      color:#161009;
      font-weight:bold;
      letter-spacing:.1em;
      text-transform:uppercase;
      font-size:12px;
      box-shadow:0 18px 55px rgba(199,164,93,.22);
    }
    .btn.secondary{
      background:rgba(255,255,255,.05);
      color:var(--ivory);
      box-shadow:none;
    }
    .price-pill{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-top:28px;
      padding:12px 18px;
      border:1px solid var(--line);
      border-radius:999px;
      color:var(--gold2);
      background:rgba(255,255,255,.045);
      letter-spacing:.08em;
      font-size:14px;
    }
    section{
      padding:92px clamp(18px,5vw,80px);
    }
    .wrap{max-width:1160px;margin:0 auto}
    .grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:28px;
      align-items:stretch;
    }
    .card{
      border:1px solid rgba(199,164,93,.22);
      border-radius:var(--radius);
      background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
      box-shadow:var(--shadow);
      padding:clamp(26px,4vw,46px);
      backdrop-filter:blur(14px);
      position:relative;
      overflow:hidden;
    }
    .card::after{
      content:"";
      position:absolute;
      width:180px;height:180px;
      right:-80px;top:-80px;
      border-radius:50%;
      background:rgba(199,164,93,.10);
      filter:blur(6px);
    }
    h2{
      font-size:clamp(32px,6vw,62px);
      line-height:1.02;
      margin-bottom:24px;
      color:var(--ivory);
      letter-spacing:.02em;
    }
    h3{
      font-size:clamp(23px,4vw,34px);
      line-height:1.15;
      margin-bottom:16px;
      color:var(--gold2);
    }
    p{font-size:clamp(17px,2.8vw,20px);color:rgba(246,239,228,.82)}
    .small{font-size:14px;color:rgba(246,239,228,.60)}
    .feature-list{
      display:grid;
      gap:14px;
      margin-top:24px;
    }
    .feature{
      display:flex;
      gap:12px;
      align-items:flex-start;
      color:rgba(246,239,228,.84);
      font-size:18px;
    }
    .dot{
      width:7px;height:7px;
      border-radius:50%;
      background:var(--gold2);
      margin-top:11px;
      flex:0 0 7px;
    }
    .center{text-align:center}
    .wide{max-width:880px;margin:0 auto}
    .industry-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:14px;
      margin-top:34px;
    }
    .industry{
      padding:22px 14px;
      border:1px solid rgba(199,164,93,.22);
      border-radius:22px;
      background:rgba(255,255,255,.045);
      text-align:center;
      color:rgba(246,239,228,.86);
      min-height:104px;
      display:grid;
      place-items:center;
      letter-spacing:.04em;
    }
    .quote{
      font-size:clamp(30px,6vw,72px);
      line-height:1.05;
      color:var(--gold2);
      text-align:center;
      max-width:950px;
      margin:0 auto;
    }
    .music-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:34px;
    }
    .track{
      padding:24px;
      border-radius:24px;
      border:1px solid rgba(199,164,93,.24);
      background:rgba(255,255,255,.05);
    }
    .track-title{
      color:var(--gold2);
      font-size:21px;
      margin-bottom:8px;
    }
    audio{width:100%;margin-top:18px;filter:sepia(20%) saturate(70%)}
    .acquisition{
      text-align:center;
      border-radius:38px;
      border:1px solid rgba(199,164,93,.28);
      background:
        linear-gradient(135deg, rgba(199,164,93,.13), rgba(255,255,255,.035)),
        rgba(8,11,16,.65);
      padding:clamp(32px,6vw,70px);
      box-shadow:var(--shadow);
    }
    .price{
      font-size:clamp(44px,9vw,92px);
      color:var(--gold2);
      margin:18px 0 6px;
      line-height:1;
    }
    .form{
      max-width:760px;
      margin:34px auto 0;
      display:grid;
      gap:14px;
    }
    .form-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    input,textarea{
      width:100%;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(199,164,93,.28);
      border-radius:18px;
      color:var(--ivory);
      padding:16px 18px;
      outline:none;
    }
    textarea{min-height:140px;resize:vertical}
    input::placeholder,textarea::placeholder{color:rgba(246,239,228,.45)}
    .submit{
      width:100%;
      border:0;
      cursor:pointer;
      margin-top:6px;
    }
    footer{
      padding:34px clamp(18px,5vw,80px);
      border-top:1px solid rgba(199,164,93,.16);
      text-align:center;
      color:rgba(246,239,228,.52);
      font-size:13px;
      letter-spacing:.08em;
    }
    @media (max-width:860px){
      .nav{display:none}
      .burger{display:block}
      .topbar{padding:12px 14px}
      .controls{gap:8px}
      select{min-width:76px;padding:9px 10px;font-size:13px}
      .hero{padding:100px 16px 56px}
      .hero::before{inset:76px 10px 24px;border-radius:28px}
      h1{font-size:clamp(50px,16vw,76px)}
      .subtitle{font-size:20px}
      .hero-actions{flex-direction:column}
      .btn{width:100%;max-width:330px}
      section{padding:66px 16px}
      .grid,.music-grid{grid-template-columns:1fr}
      .industry-grid{grid-template-columns:1fr 1fr}
      .form-row{grid-template-columns:1fr}
      .card{border-radius:24px}
      .price-pill{font-size:12px}
    }
    @media (max-width:420px){
      .logo{font-size:19px}
      .industry-grid{grid-template-columns:1fr}
      .quote{font-size:34px}
    }