:root{
    --gold-1:#FFE9B0;
    --gold-2:#FFC65A;
    --gold-3:#F5A623;
    --amber:#FFB347;
    --red:#FF2A2A;
    --ink:#0b0805;
    --paper:#fffaf2;
    --glass-brd:rgba(255,255,255,.18);
    --glass-bg:rgba(255,255,255,.06);
    --ease:cubic-bezier(.16,1,.3,1);
    --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    --sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
    --logo:url("data:image/svg+xml,%3C?xml%20version='1.0'%20encoding='UTF-8'?%3E%20%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='none'%20height='24'%20viewBox='0%200%20118%2024'%20width='118'%3E%3CclipPath%20id='a'%3E%3Cpath%20d='m.699707%200h116.6v24h-116.6z'%3E%3C/path%3E%3C/clipPath%3E%3Cg%20clip-path='url(%23a)'%20fill='%23000'%3E%3Cpath%20d='m18.9176%2023.2736c0%20.3487-.1743.494-.552.494h-1.8596c-.1453%200-.2615-.0582-.3487-.1453-.0871-.0872-.1452-.2034-.2034-.3196l-2.0629-7.293h-8.19371l-2.0339%207.293s-.11623.2324-.23245.3196c-.11622.0871-.23244.1453-.34867.1453h-1.8305c-.348673%200-.552063-.1744-.552063-.494%200-.1162%200-.1743.029056-.2324l5.869247-20.62958c.11622-.49394.31961-.87167.55206-1.19128.23245-.319614.523-.552059.81356-.726393s.61017-.319613.92978-.377724c.31961-.0871673.63923-.116223.92978-.116223.29061%200%20.61021.0290557.92981.0871671.3196.0581109.6101.1743339.9298.3777239.2905.174334.552.435835.8135.726389.2325.31962.4359.69734.5521%201.19129l5.8692%2020.65863s.0291.1162.0291.2324zm-8.4842-20.1937c-.1163-.37772-.3196-.58111-.61021-.58111-.31961%200-.523.20339-.63922.58111l-2.87652%2010.431h7.00245z'%3E%3C/path%3E%3Cpath%20d='m35.1016%202.6731h-6.1889v20.4843c0%20.1743-.0581.3196-.1453.4358-.1162.1162-.2324.2034-.4067.2034h-1.7434c-.1743%200-.3196-.0581-.4068-.2034-.1162-.1162-.1452-.2615-.1452-.4358v-20.4843h-6.1889c-.1743%200-.3196-.02906-.4358-.11623-.1163-.08716-.2034-.20339-.2034-.37772v-1.365617c0-.174334.0581-.290557.2034-.40678.1162-.116223.2615-.145278.4358-.145278h15.2542c.4068%200%20.6102.174334.6102.552058v1.365617c0%20.31961-.2034.49395-.6102.49395z'%3E%3C/path%3E%3Cpath%20d='m54.1912%207.29298c0%201.33656-.2324%202.44068-.6683%203.34142-.4358.9007-1.075%201.6271-1.8595%202.1792-.7845.552-1.7143.9588-2.8184%201.1912-1.1042.2325-2.2664.3778-3.5448.3778-.494%200-1.046%200-1.6562-.0581-.5811-.0291-1.1041-.0582-1.5109-.1163v8.9201c0%20.1744-.0581.3196-.1453.4359-.1162.1162-.2324.2034-.4068.2034h-1.7142c-.1744%200-.3197-.0582-.4068-.2034-.0872-.1453-.1453-.2615-.1453-.4359v-22.0823c0-.464886.2615-.726387.7554-.784499.6683-.087167%201.4819-.145278%202.4407-.2033896.9589-.0290557%201.8886-.0581114%202.8184-.0581114%201.2785%200%202.4698.116223%203.5448.377724%201.0751.261501%202.0049.639226%202.8184%201.162226.7845.55206%201.3947%201.2494%201.8596%202.12107.4358.87167.6683%201.94673.6683%203.22518v.40678zm-2.9056-.43584c0-1.59806-.4939-2.73123-1.4527-3.39951-.9589-.66828-2.4988-1.01695-4.5327-1.01695-.494%200-1.046%200-1.6562.02905-.6102%200-1.1332.05812-1.5109.08717v9.2688c.2034%200%20.4358%200%20.6973.029.2615%200%20.5521.0291.8427.0581.2905.0291.5811%200%20.8716.0291h.7555c2.1791%200%203.7191-.3777%204.6198-1.1041.9008-.7264%201.3656-1.9177%201.3656-3.57388z'%3E%3C/path%3E%3Cpath%20d='m57.9104.813539c0-.174334.0581-.319613.1453-.435836.0871-.116222.2324-.174334.4068-.174334h1.6561c.1744%200%20.2906.058112.4068.174334.1162.116223.1453.261502.1453.435836v18.537561s0%20.0871.0581.0871l.0872-.0871%209.7917-18.508506c.1163-.232445.2615-.406779.4068-.493946s.4358-.145279.9007-.145279h1.7434c.2615%200%20.4649.087167.6392.261501s.2615.377724.2615.63923v22.2857c0%20.1743-.0581.2615-.1453.3196-.1162.0291-.2324.0581-.4068.0581h-1.6561c-.1744%200-.3196-.0581-.4068-.1743-.1162-.1162-.1453-.2615-.1453-.4358v-18.50851s0-.08717-.029-.08717c-.0582%200-.0872.02906-.0872.08717l-9.7918%2018.59561c-.1743.3487-.523.494-1.0169.494h-1.9758c-.2615%200-.4649-.0872-.6392-.2615-.1744-.1744-.2615-.4068-.2615-.6392v-22.024261z'%3E%3C/path%3E%3Cpath%20d='m87.6053%2019.1767c-.3196.8136-.6392%201.54-.9879%202.1502-.3487.6101-.7555%201.1041-1.1913%201.5108-.4649.4068-1.0169.6974-1.6562.9008-.6392.2034-1.3946.2905-2.3244.2905-.3777%200-.7845%200-1.1622-.0581-.4068-.029-.6683-.0871-.8136-.1162-.2034-.0291-.3487-.0872-.4649-.1453s-.2034-.1743-.2034-.3487v-1.4527c0-.3778.2325-.5521.6974-.494.2615%200%20.4648.0291.6392.0581.1743%200%20.3196%200%20.4649.0291h.4067.4649c.4359%200%20.8136-.0291%201.1332-.0872s.5811-.2034.8136-.4068c.2324-.2034.4358-.4649.6392-.8135.2034-.3487.4068-.8136.6102-1.3656l1.1331-2.9928h-.1452c-.5812%200-1.046-.1453-1.3657-.4068-.3196-.2615-.6101-.7845-.9297-1.5108l-4.7942-12.81361c-.1163-.232443-.1162-.435833-.0291-.581111.0872-.145279.2325-.232446.4649-.232446h1.9467s.2034.058112.3196.145279c.1163.087167.2034.20339.2325.290557l4.4746%2011.883731c.1162.2615.2034.4359.2615.494.0871.0581.2034.0872.3777.0872h.2034l4.8813-12.523043s.1163-.20339.2034-.290557c.0872-.087167.2034-.145278.3196-.145278h1.9758c.2325%200%20.3778.087167.4649.232445.0872.145279.0872.348669-.029.581113l-7.0315%2018.15982z'%3E%3C/path%3E%3Cpath%20d='m117.126%2023.5932s-.262.2034-.436.2034h-1.54c-.174%200-.32-.0581-.436-.2034s-.174-.2615-.174-.4358v-18.82813c0-.14527-.029-.14527-.087-.02905l-4.533%209.38498c-.174.3196-.349.5521-.552.6973-.174.1453-.494.2325-.901.2325h-1.453c-.406%200-.697-.0872-.9-.2325-.204-.1452-.378-.3777-.552-.6973l-4.533-9.38498s-.087-.11622-.087.02905v18.79903c0%20.1743-.058.3196-.175.4358-.116.1163-.261.2034-.435.2034h-1.5403c-.1743%200-.3196-.0581-.4358-.2034-.1163-.1452-.1744-.2615-.1744-.4358v-21.99515c0-.261503.0872-.464893.2615-.639227.1744-.174334.3777-.261501.6392-.261501h2.0338c.291%200%20.523.029056.639.116223.146.087167.262.203389.378.435835l5.259%2010.86682c.116.2325.233.3487.378.3487s.29-.1162.378-.3487l5.23-10.86682c.116-.20339.232-.348668.377-.435835.146-.087167.349-.116223.64-.116223h2.033c.262%200%20.465.087167.64.261501.174.174334.261.40678.261.639227v21.99515c0%20.1743-.058.3196-.174.4358z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--sans);
    background:var(--ink);
    color:#fff;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    cursor:none;
  }
  @media (pointer:coarse){ body{cursor:auto} #cursor,#cursorDot{display:none} }

  /* ---------- typography and motion utilities ---------- */
  p,li{line-height:1.6}
  .delay-05{transition-delay:.05s}
  .delay-10{transition-delay:.1s}
  .delay-15{transition-delay:.15s}
  .delay-20{transition-delay:.2s}
  .delay-30{transition-delay:.3s}
  .word.delay-35{animation-delay:.35s}
  .word.delay-55{animation-delay:.55s}
  .footer-brand{display:flex;align-items:center;gap:12px}
  .footer-brand-name{color:var(--gold-1);letter-spacing:.18em}
  :focus-visible{outline:2px solid var(--gold-1);outline-offset:4px}

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
    .reveal,.title .word,.eyebrow,.heroRow,.heroShot,.logo3d,.scrollcue{opacity:1;transform:none}
    #cursor,#cursorDot{display:none}
    body{cursor:auto}
  }

  /* ---------- WebGL canvas ---------- */
  #gl{position:fixed;inset:0;z-index:0;display:block}
  .vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(120% 90% at 50% 10%,transparent 40%,rgba(0,0,0,.55) 100%),
               linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 70%,rgba(0,0,0,.6))}
  .grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  .content{position:relative;z-index:2}

  /* ---------- cursor ---------- */
  #cursor{position:fixed;top:0;left:0;width:38px;height:38px;border:1px solid rgba(255,214,120,.7);border-radius:50%;
    transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:width .25s var(--ease),height .25s var(--ease),background .25s,border-color .25s;mix-blend-mode:screen}
  #cursorDot{position:fixed;top:0;left:0;width:5px;height:5px;background:var(--gold-2);border-radius:50%;
    transform:translate(-50%,-50%);pointer-events:none;z-index:9999}
  body.hov #cursor{width:74px;height:74px;background:rgba(255,198,90,.12);border-color:rgba(255,214,120,.9)}

  /* ---------- scroll progress ---------- */
  #progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:9998;
    background:linear-gradient(90deg,var(--red),var(--gold-2),var(--gold-1));box-shadow:0 0 16px rgba(255,198,90,.7)}

  /* ---------- glass ---------- */
  .glass{
    position:relative;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
    border:1px solid var(--glass-brd);
    border-radius:26px;
    backdrop-filter:blur(22px) saturate(160%);
    -webkit-backdrop-filter:blur(22px) saturate(160%);
    box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.25);
    overflow:hidden;
  }
  .glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.18) 48%,transparent 60%);
    transform:translateX(-120%);transition:transform .9s var(--ease)}
  .glass:hover::before{transform:translateX(120%)}

  /* ---------- nav (mobile-first) ---------- */
  nav{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;
    display:flex;align-items:center;gap:14px;padding:10px 10px 10px 16px;border-radius:999px;
    width:min(1080px,94vw)}
  nav .brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.14em;font-size:13px;white-space:nowrap}
  nav .brand b{color:#fff}
  nav .brand .ggrad{background:linear-gradient(90deg,var(--gold-1),var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
  nav .links{display:none;gap:26px;margin-left:auto;font-size:11px;opacity:.78;letter-spacing:.16em;text-transform:uppercase}
  nav .links a{color:#fff;text-decoration:none;white-space:nowrap;transition:opacity .3s,color .3s}
  nav .links a:hover{color:var(--gold-1);opacity:1}
  nav .cta{font-size:10.5px;font-weight:700;padding:11px 17px;border-radius:999px;color:#1a1206;margin-left:auto;
    background:linear-gradient(135deg,var(--gold-1),var(--gold-3));text-decoration:none;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
    box-shadow:0 8px 26px rgba(245,166,35,.4);transition:transform .35s var(--ease),box-shadow .35s}
  nav .cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(245,166,35,.6)}
  nav .cta .full{display:none}
  @media(min-width:781px){
    nav{top:18px;gap:26px;padding:12px 14px 12px 22px}
    nav .brand{gap:12px;font-size:15px;letter-spacing:.18em}
    nav .links{display:flex}
    nav .cta{font-size:13px;padding:11px 20px;margin-left:0}
    nav .cta .full{display:inline}
    nav .cta .short{display:none}
  }

  /* ---------- hero (mobile-first) ---------- */
  header.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 18px 70px;position:relative}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;text-align:center;
    padding:9px 15px;border-radius:999px;margin-bottom:26px;max-width:92vw;line-height:1.5;opacity:0;animation:rise 1s var(--ease) .2s forwards}
  @media(min-width:781px){.eyebrow{font-size:12.5px;letter-spacing:.32em;gap:10px;padding:9px 18px;margin-bottom:34px}}
  .livedot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,42,42,.6);animation:pulse 1.6s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,42,42,.6)}70%{box-shadow:0 0 0 12px rgba(255,42,42,0)}100%{box-shadow:0 0 0 0 rgba(255,42,42,0)}}

  .title{font-weight:800;line-height:.88;letter-spacing:-.03em;font-size:clamp(58px,17vw,210px);position:relative}
  .title .l1,.title .l2{display:block;color:#fff;
    filter:drop-shadow(0 14px 54px rgba(0,0,0,.55))}
  .title .l2{color:rgba(255,255,255,.94)}
  .title .word{display:inline-block;opacity:0;transform:translateY(120%) rotate(6deg);animation:drop 1.1s var(--ease) forwards}
  @keyframes drop{to{opacity:1;transform:translateY(0) rotate(0)}}

  .sub{max-width:680px;font-size:clamp(16px,2.1vw,21px);line-height:1.55;opacity:0;color:rgba(255,255,255,.82);
    margin:30px auto 0;font-weight:400;animation:rise 1s var(--ease) 1.1s forwards}
  .sub b{color:#fff;font-weight:700}

  .heroRow{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:42px;opacity:0;animation:rise 1s var(--ease) 1.35s forwards}
  .btn{font-size:12.5px;font-weight:600;padding:16px 30px;border-radius:999px;text-decoration:none;
    text-transform:uppercase;letter-spacing:.16em;
    transition:transform .4s var(--ease),box-shadow .4s,background .4s;display:inline-flex;align-items:center;gap:10px}
  .btn-gold{color:#1a1206;background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 12px 34px rgba(245,166,35,.45)}
  .btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 50px rgba(245,166,35,.65)}
  .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}
  .btn-ghost:hover{transform:translateY(-3px);border-color:var(--gold-1)}

  .heroShot{width:min(960px,94vw);margin:38px auto 0;border-radius:24px;overflow:hidden;position:relative;
    opacity:0;animation:rise 1.1s var(--ease) 1.5s forwards;transform:translateY(28px)}
  .heroShot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
  .heroShot .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,5,.05),rgba(11,8,5,.78))}
  .heroShot .tag{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;
    padding:8px 14px;border-radius:999px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}
  @media(min-width:781px){.heroShot{margin-top:54px;border-radius:30px}.heroShot img{aspect-ratio:21/9}}

  .scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;
    text-transform:uppercase;opacity:.55;display:flex;flex-direction:column;align-items:center;gap:10px;animation:rise 1s 1.6s var(--ease) both}
  .scrollcue .bar{width:1px;height:46px;background:linear-gradient(var(--gold-1),transparent);animation:cue 2s infinite}
  @keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  .eyebrow,.sub,.heroRow{transform:translateY(24px)}

  /* ---------- Atrium logo (golden liquid metal) ---------- */
  .logo-mask{display:inline-block;background:#fff;
    -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;
    aspect-ratio:118/24;flex:0 0 auto}
  .navlogo{height:17px}
  .footlogo{height:24px}
  /* hero wordmark — clean white */
  .logo3d{position:relative;display:block;height:40px;aspect-ratio:118/24;margin:0 auto 30px;background:#fff;
    -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;
    opacity:0;animation:rise 1s var(--ease) .1s forwards;filter:drop-shadow(0 8px 30px rgba(0,0,0,.45))}
  @media(min-width:781px){.logo3d{height:52px;margin-bottom:36px}}

  /* ---------- sections ---------- */
  section{padding:clamp(92px,14vh,184px) 20px;position:relative}
  .wrap{max-width:1120px;margin:0 auto}
  .kicker{font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px;display:flex;align-items:center;gap:12px}
  .kicker::before{content:"";width:30px;height:1px;background:var(--gold-2)}
  .h2{font-size:clamp(32px,5.4vw,62px);line-height:1.02;letter-spacing:-.02em;font-weight:800;max-width:16ch}
  .h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold-1),var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
  .lead{font-size:clamp(16px,2vw,19px);line-height:1.6;color:rgba(255,255,255,.8);max-width:60ch;margin-top:22px}

  .reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
  .reveal.in{opacity:1;transform:none}

  /* idea triad */
  .triad{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
  .triad .glass{padding:34px 28px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}
  .triad .n{font-size:13px;letter-spacing:.25em;color:var(--gold-2);text-transform:uppercase}
  .triad h3{font-size:26px;margin-top:auto;letter-spacing:-.01em}
  .triad p{color:rgba(255,255,255,.75);font-size:14.5px;line-height:1.55;margin-top:10px}
  .triad .big{font-size:56px;font-weight:800;line-height:1;
    background:linear-gradient(180deg,#fff,var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
  @media(max-width:820px){.triad{grid-template-columns:1fr}}

  /* schedule */
  .sched{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}
  .slot{padding:26px 22px;cursor:pointer;border-radius:24px;transition:transform .5s var(--ease)}
  .slot:hover{transform:translateY(-8px)}
  .slot .time{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;transition:color .4s}
  .slot.active .time{background:linear-gradient(180deg,#fff,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .slot .pill{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
    padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.8)}
  .slot .who{margin-top:16px;font-size:14px;color:rgba(255,255,255,.72);line-height:1.5}
  .slot.active{box-shadow:0 0 0 1px var(--gold-2),0 24px 60px rgba(245,166,35,.35)}
  .slot.active .pill{background:linear-gradient(135deg,var(--gold-1),var(--gold-3));color:#1a1206;border-color:transparent}
  @media(max-width:820px){.sched{grid-template-columns:1fr 1fr}}

  /* stats */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:54px}
  .stat{padding:32px 24px;text-align:left}
  .stat .num{font-size:clamp(40px,6vw,62px);font-weight:800;letter-spacing:-.03em;line-height:1;
    background:linear-gradient(180deg,#fff,var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
  .stat .lab{margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.5}
  @media(max-width:820px){.stats{grid-template-columns:1fr 1fr}}

  /* split */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}
  .col{padding:38px 32px}
  .col h3{font-size:22px;margin-bottom:8px;display:flex;align-items:center;gap:10px}
  .col .tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
  .tag.you{background:rgba(255,42,42,.16);color:#ff9a9a;border:1px solid rgba(255,42,42,.3)}
  .tag.mall{background:rgba(245,166,35,.16);color:var(--gold-1);border:1px solid rgba(245,166,35,.35)}
  .col ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:16px}
  .col li{display:flex;gap:14px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.82)}
  .col li::before{content:"";flex:0 0 8px;height:8px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,var(--gold-1),var(--gold-3))}
  @media(max-width:820px){.split{grid-template-columns:1fr}}

  /* showcase image */
  .showcase{position:relative;border-radius:34px;overflow:hidden;margin-top:10px;min-height:62vh;display:flex;align-items:flex-end}
  .showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s var(--ease)}
  .showcase:hover img{transform:scale(1.14)}
  .showcase .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,5,.25),rgba(11,8,5,.85))}
  .showcase .cap{position:relative;padding:46px;max-width:760px}
  .showcase .cap h3{font-size:clamp(28px,4.6vw,52px);line-height:1.02;letter-spacing:-.02em;font-weight:800}
  .showcase .cap p{margin-top:16px;font-size:16px;color:rgba(255,255,255,.78);max-width:48ch;line-height:1.55}
  .showcase .live{position:absolute;top:26px;left:26px;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}

  /* rules */
  .rules{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:50px}
  .rule{padding:28px 26px;display:flex;gap:18px;align-items:flex-start}
  .rule .ix{font-size:24px;font-weight:800;flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;
    background:linear-gradient(135deg,rgba(255,233,176,.18),rgba(245,166,35,.1));border:1px solid rgba(255,214,120,.3);color:var(--gold-1)}
  .rule h4{font-size:17px;margin-bottom:6px}
  .rule p{font-size:14px;color:rgba(255,255,255,.73);line-height:1.55}
  @media(max-width:820px){.rules{grid-template-columns:1fr}}

  /* CTA */
  .cta-sec{text-align:center}
  .cta-card{padding:clamp(46px,7vw,84px) 30px;border-radius:38px;position:relative;overflow:hidden}
  .cta-card .glow{position:absolute;inset:-40% 20% auto 20%;height:80%;border-radius:50%;
    background:radial-gradient(circle,rgba(245,166,35,.4),transparent 65%);filter:blur(40px);pointer-events:none}
  .cta-card h2{font-size:clamp(34px,6vw,72px);font-weight:800;letter-spacing:-.025em;line-height:1;position:relative}
  .cta-card h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold-1),var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
  .cta-card p{margin:24px auto 0;max-width:54ch;font-size:17px;color:rgba(255,255,255,.78);line-height:1.55;position:relative}
  .mail{display:inline-flex;align-items:center;gap:14px;margin-top:40px;padding:20px 36px;border-radius:999px;
    font-size:18px;font-weight:700;color:#1a1206;text-decoration:none;position:relative;
    background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 18px 50px rgba(245,166,35,.5);
    transition:transform .4s var(--ease),box-shadow .4s}
  .mail:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 26px 70px rgba(245,166,35,.7)}
  .mailnote{margin-top:18px;font-size:13.5px;color:rgba(255,255,255,.66);position:relative}

  footer{padding:60px 20px 50px;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:2}
  .foot{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
  .foot .lg{font-weight:800;letter-spacing:.2em;font-size:16px}
  .foot .lg span{color:var(--red)}
  .foot small{color:rgba(255,255,255,.62);font-size:12.5px;line-height:1.6}
  .foot a{color:var(--gold-1);text-decoration:none}

  /* ---------- flash-sale screen preview (luxury) ---------- */
  .screen{position:relative;margin-top:46px;border-radius:30px;overflow:hidden;
    display:flex;flex-direction:column;gap:32px;padding:30px 26px 34px;
    box-shadow:0 40px 110px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.4)}
  .screen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.58)),radial-gradient(130% 100% at 50% 0%,transparent 30%,rgba(0,0,0,.55) 100%)}
  .screen>*{position:relative;z-index:2}
  .screen>.glScreen{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
  .screen-tag{align-self:flex-start;display:inline-flex;gap:9px;align-items:center;padding:8px 15px;border-radius:999px;
    font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.92);
    background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}

  /* brand spotlight — luxury serif */
  .now-pill{display:inline-block;font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-1);
    padding:7px 14px;border-radius:999px;border:1px solid rgba(255,214,120,.32);background:rgba(245,166,35,.06);margin-bottom:18px}
  .brandname{font-family:var(--serif);font-style:italic;font-weight:600;
    font-size:clamp(44px,12vw,96px);letter-spacing:.005em;line-height:.96;min-height:1em;
    filter:drop-shadow(0 10px 40px rgba(245,166,35,.25))}
  .brandname span{display:inline-block;opacity:0;transform:translateY(.4em);animation:bIn .7s var(--ease) forwards;
    background:linear-gradient(180deg,#fff 28%,var(--gold-1) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  @keyframes bIn{to{opacity:1;transform:none}}
  .offer{display:flex;align-items:baseline;gap:14px;margin-top:14px;flex-wrap:wrap}
  .offer .val{font-weight:300;font-size:clamp(46px,13vw,86px);line-height:.9;letter-spacing:-.02em;font-variant-numeric:lining-nums;
    background:linear-gradient(180deg,#fff 25%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .offer .val b{font-weight:600}
  .offer .off{font-size:10.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.7);align-self:center}
  .offer-sub{margin-top:16px;font-size:14px;font-weight:300;color:rgba(255,255,255,.84);line-height:1.55;max-width:36ch;letter-spacing:.01em}

  /* the counter — thin, tabular, slide-fade */
  .timerblock{display:flex;flex-direction:column}
  .timerlabel{font-size:9.5px;letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.62)}
  .counter{display:flex;align-items:center;gap:.015em;margin-top:16px;line-height:1;
    font-size:clamp(58px,18vw,140px);
    font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
  .fig{position:relative;display:inline-block;height:1.04em;width:.58em;overflow:hidden;font-weight:200;letter-spacing:0}
  .fig span{position:absolute;left:0;right:0;top:0;height:1.04em;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(180deg,#ffffff 0%,#ffe9b0 52%,var(--gold-3) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 6px 34px rgba(245,166,35,.3));will-change:transform,opacity,filter}
  .fig .out{animation:figOut .55s var(--ease) forwards}
  .fig .in{animation:figIn .55s var(--ease) forwards}
  @keyframes figOut{to{transform:translateY(-62%);opacity:0;filter:blur(7px)}}
  @keyframes figIn{from{transform:translateY(62%);opacity:0;filter:blur(7px)}to{transform:none;opacity:1;filter:blur(0)}}
  /* colon rendered as two perfectly-centred dots */
  .colon{position:relative;display:inline-block;width:.26em;height:1.04em;flex:0 0 auto;
    animation:blink 1.1s ease-in-out infinite}
  .colon::before,.colon::after{content:"";position:absolute;left:50%;width:.12em;height:.12em;border-radius:50%;
    transform:translateX(-50%);background:linear-gradient(180deg,#fff,var(--gold-2))}
  .colon::before{top:34%}
  .colon::after{top:58%}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
  .bar{position:relative;height:2px;border-radius:999px;background:rgba(255,255,255,.16);margin-top:26px;overflow:hidden;max-width:540px}
  .bar span{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:999px;
    background:linear-gradient(90deg,var(--gold-3),var(--gold-1));box-shadow:0 0 18px rgba(255,198,90,.7);transition:width .55s linear,background .45s}
  .meta{margin-top:18px;font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .meta b{color:var(--gold-1);font-weight:600}
  .screen.urgent .fig span{background:linear-gradient(180deg,#fff 25%,#ff7a7a);-webkit-background-clip:text;background-clip:text;color:transparent}
  .screen.urgent .bar span{background:linear-gradient(90deg,#ff2a2a,#ff8a5a)}
  .screen.urgent{animation:urg 1.1s ease-in-out infinite}
  @keyframes urg{50%{box-shadow:0 40px 110px rgba(255,42,42,.4),inset 0 0 0 1px rgba(255,120,120,.45),inset 0 1px 0 rgba(255,255,255,.4)}}
  .closed{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;gap:16px;padding:24px;background:rgba(10,6,4,.76);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .55s var(--ease)}
  .closed.show{opacity:1}
  .closed .x{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,8vw,64px);letter-spacing:.01em;color:#ff8a8a;
    filter:drop-shadow(0 6px 30px rgba(255,42,42,.45))}
  .closed .nx{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.8)}
  .note{margin-top:20px;font-size:11.5px;color:rgba(255,255,255,.6);text-align:center;letter-spacing:.04em}
  @media(min-width:781px){
    .screen{flex-direction:row;align-items:stretch;gap:44px;padding:54px 50px;min-height:50vh}
    .screen-tag{position:absolute;top:24px;left:24px}
    .brandline{flex:1.05;display:flex;flex-direction:column;justify-content:center}
    .timerblock{flex:1;justify-content:center;border-left:1px solid rgba(255,255,255,.12);padding-left:44px}
    .counter{margin-top:20px}
  }

  /* ---------- scroll-aware nav ---------- */
  nav{transition:padding .4s var(--ease),box-shadow .4s,transform .4s var(--ease)}
  nav.scrolled{padding-top:9px;padding-bottom:9px;
    box-shadow:0 16px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4);backdrop-filter:blur(30px) saturate(180%)}

  /* ---------- ROI calculator ---------- */
  .calc{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;margin-top:50px}
  .calc .controls,.calc .results{padding:38px 34px}
  .ctl{margin-bottom:30px}
  .ctl:last-child{margin-bottom:0}
  .ctl label{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
    font-size:13px;color:rgba(255,255,255,.72);margin-bottom:14px;letter-spacing:.01em}
  .ctl label b{color:var(--gold-1);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
  input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:999px;
    background:rgba(255,255,255,.18);outline:none;cursor:pointer}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 4px 18px rgba(245,166,35,.55);border:2px solid rgba(255,255,255,.45)}
  input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.45);
    background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 4px 18px rgba(245,166,35,.55)}
  .results{display:flex;flex-direction:column;justify-content:center;gap:16px}
  .res-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
    border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:14px}
  .res-row .k{font-size:12.5px;color:rgba(255,255,255,.62);letter-spacing:.02em;max-width:60%}
  .res-row .v{font-size:clamp(20px,2.6vw,28px);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
  .res-hero{display:flex;flex-direction:column;gap:6px;border:none;margin-top:6px}
  .res-hero .k{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .res-hero .v{font-size:clamp(34px,5.4vw,52px);line-height:1;
    background:linear-gradient(180deg,#fff,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .res-uplift{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.04em;color:#1a1206;
    padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,var(--gold-1),var(--gold-3));margin-top:4px}
  .calc-note{margin-top:18px;font-size:11.5px;color:rgba(255,255,255,.58);line-height:1.6}
  @media(max-width:820px){.calc{grid-template-columns:1fr}}

  /* ---------- FAQ accordion ---------- */
  .faq{margin-top:46px;display:flex;flex-direction:column;gap:12px}
  .qa{padding:0;border-radius:20px;overflow:hidden}
  .qa>button{width:100%;text-align:left;background:none;border:none;color:#fff;font-family:inherit;cursor:pointer;
    padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:17px;font-weight:600;letter-spacing:-.01em}
  .qa .ic{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;position:relative;
    border:1px solid rgba(255,214,120,.4);transition:transform .45s var(--ease),background .4s}
  .qa .ic::before,.qa .ic::after{content:"";position:absolute;background:var(--gold-1);border-radius:2px}
  .qa .ic::before{width:11px;height:1.5px}.qa .ic::after{width:1.5px;height:11px;transition:transform .4s var(--ease)}
  .qa.open .ic{transform:rotate(180deg);background:rgba(245,166,35,.16)}
  .qa.open .ic::after{transform:scaleY(0)}
  .qa .ans{max-height:0;opacity:0;overflow:hidden;transition:max-height .55s var(--ease),opacity .45s}
  .qa .ans p{padding:0 28px 26px;color:rgba(255,255,255,.8);font-size:15px;line-height:1.62;max-width:70ch}
  .qa.open .ans{max-height:520px;opacity:1}

  /* mid CTA */
  .midcta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:44px;padding:30px 34px}
  .midcta .t{font-size:clamp(18px,2.4vw,24px);font-weight:700;letter-spacing:-.01em}
  .midcta .t span{color:var(--gold-1)}

  /* ---------- small-screen refinements ---------- */
  @media(max-width:600px){
    .scrollcue{display:none}
    section{padding:64px 16px}
    .glass{border-radius:22px}
    .triad{gap:14px}
    .triad .glass{min-height:auto;padding:28px 22px}
    .triad h3{font-size:23px}
    .sched{grid-template-columns:1fr 1fr;gap:12px}
    .slot{padding:20px 16px}
    .slot .time{font-size:26px}
    .stats{grid-template-columns:1fr 1fr;gap:12px}
    .stat{padding:24px 18px}
    .split{gap:14px}
    .col{padding:30px 24px}
    .rules{gap:12px}
    .showcase{min-height:52vh}
    .showcase .cap{padding:28px 22px}
    .screen{padding:22px;gap:22px}
    .heroRow .btn{padding:14px 24px;font-size:14px}
    .foot{flex-direction:column;align-items:flex-start;text-align:left}
    .calc .controls,.calc .results{padding:28px 24px}
    .midcta{padding:24px 22px;gap:14px}
    .midcta .btn{width:100%;justify-content:center}
    .qa>button{padding:20px 22px;font-size:15.5px}
    .qa .ans p{padding:0 22px 22px}
    .brandname{font-size:clamp(40px,13vw,72px)}
    .res-row .k{max-width:55%}
  }

  /* ---------- accessibility: reduced motion ---------- */
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
      transition-duration:.05ms!important;scroll-behavior:auto!important}
    .reveal{opacity:1!important;transform:none!important}
  }