/* ===== TOKEN — dikunci ke home (alvaomega-final.html) ===== */

  /* DUMMY IMAGE */


  /* NAV — floating pill (sama dengan home) */

  /* BUTTON (sama dengan home) */

  /* HERO ABOUT */
  /* warna aurora beranimasi (smooth via @property) */
  @property --ah-aurora{syntax:'<color>';inherits:true;initial-value:#1E67C6}
  .about-hero{position:relative;overflow:hidden;min-height:100vh;display:grid;place-content:center;text-align:center;padding:160px 20px 150px;background:radial-gradient(140% 115% at 50% 0%,#020617 40%,var(--ah-aurora) 100%);animation:ahaurora 16s ease-in-out infinite alternate}
  @keyframes ahaurora{0%{--ah-aurora:#13FFAA}25%{--ah-aurora:#1E67C6}50%{--ah-aurora:#CE84CF}75%{--ah-aurora:#DD335C}100%{--ah-aurora:#13FFAA}}
  /* fade halus ke warna halaman supaya tidak patah ke section berikutnya */
  .about-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:520px;background:linear-gradient(to bottom,transparent,#0d0d0d);z-index:1;pointer-events:none}
  .about-hero .wrap{position:relative;z-index:10}
  .about-hero .ah-stars{position:absolute;inset:0;z-index:0;pointer-events:none;display:block;width:100%;height:100%}
  .about-hero .ah-badge{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.03em;color:var(--cream);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:6px 16px;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .about-hero h1{font-weight:600;font-size:clamp(40px,6.2vw,82px);line-height:1.08;letter-spacing:-.04em;max-width:20ch;margin:0 auto;background:linear-gradient(150deg,#FFFFFF 0%,#FFFFFF 38%,#9C968A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .about-hero h1 .hg{background:linear-gradient(110deg,#EBCC7E,#C9A84C,#9A7535,#EBCC7E);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gflow 7s linear infinite}
  .about-hero .sub{margin:26px auto 0;font-size:clamp(15px,1.5vw,18px);line-height:1.72;color:var(--cream-2);max-width:60ch;font-weight:300}
  .about-hero .sub b{color:var(--cream);font-weight:500}
  .about-hero .ah-cta{display:inline-flex;align-items:center;gap:9px;margin-top:36px;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;color:var(--cream);background:rgba(13,13,13,.2);border:1px solid var(--ah-aurora);box-shadow:0 4px 26px -2px var(--ah-aurora);transition:transform .25s var(--ease),background .3s}
  .about-hero .ah-cta:hover{transform:scale(1.03);background:rgba(13,13,13,.5)}
  .about-hero .ah-cta svg{transition:transform .25s var(--ease)}
  .about-hero .ah-cta:hover svg{transform:rotate(-45deg)}
  .ah-tags{margin-top:38px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
  .ah-tag{font-size:12px;font-weight:500;color:var(--cream-2);border:1px solid rgba(255,255,255,.14);background:var(--surf);border-radius:999px;padding:8px 16px;letter-spacing:.02em}

  /* ASAL MULA */
  .origin{padding:118px 0;position:relative;z-index:2}
  .origin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
  .origin .label{display:block;margin-bottom:20px}
  .origin h2{margin-bottom:26px}
  .origin p{font-size:17px;color:var(--cream-2);line-height:1.8;font-weight:300;max-width:52ch}
  .origin p+p{margin-top:18px}
  .origin p b{color:var(--cream);font-weight:500}
  .name-card{background:var(--surf);border-radius:20px;padding:40px}
  .name-card .nt{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:22px}
  .name-card .row{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .name-card .row .w{font-size:24px;font-weight:700;letter-spacing:-.01em;min-width:104px;background:var(--g-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
  .name-card .row .m{font-size:14px;color:var(--cream-2);font-weight:300;line-height:1.6}
  .name-card .row .m b{color:var(--cream);font-weight:500}
  .name-card .sum{margin-top:22px;font-size:14.5px;color:var(--gold-lt);font-weight:500;line-height:1.5}
  @media(max-width:820px){.origin-grid{grid-template-columns:1fr;gap:38px}}

  /* YANG KAMI KERJAKAN */
  .wk{padding:118px 0;position:relative;z-index:2;text-align:center}
  .wk .shead{margin:0 auto 26px;max-width:none}
  .wk .shead h2{white-space:nowrap}
  @media(max-width:600px){.wk .shead h2{white-space:normal;font-size:23px}}
  .wk .intro{font-size:18px;color:var(--cream-2);line-height:1.78;font-weight:300;max-width:60ch;margin:0 auto 52px;text-align:center}
  .wk .intro b{color:var(--cream);font-weight:500}
  .wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}
  .wk-card{position:relative;display:flex;flex-direction:column;background:var(--surf);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:38px 30px;overflow:hidden;transition:transform .4s var(--ease),border-color .4s}
  .wk-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(201,168,76,.16),transparent 60%);pointer-events:none}
  .wk-card:hover{transform:translateY(-5px);border-color:rgba(201,168,76,.35)}
  .wk-card:hover::before{opacity:1}
  .wk-card .n{position:relative;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--gold);margin-bottom:22px}
  .wk-card h3{position:relative;font-weight:600;font-size:22px;letter-spacing:-.02em;margin-bottom:13px}
  .wk-card p{position:relative;font-size:15px;color:var(--cream-2);line-height:1.72;font-weight:300}
  .wk-link{position:relative;align-self:flex-start;margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--gold-lt)}
  .wk-link svg{transition:transform .3s var(--ease)}
  .wk-card:hover .wk-link svg{transform:translateX(4px)}
  @media(max-width:900px){.wk-grid{grid-template-columns:1fr}}

  /* KENAPA FOKUS AI */
  .why-ai{padding:118px 0 80px;position:relative;z-index:2;text-align:center;overflow:hidden}
  .why-head{max-width:62ch;margin:0 auto;position:relative;z-index:5}
  .why-ai .label{display:block;margin-bottom:18px}
  .why-ai h2{font-size:clamp(28px,3.6vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.14}
  .why-ai p{font-size:18px;color:var(--cream-2);line-height:1.82;font-weight:300;max-width:58ch;margin:22px auto 0}
  .why-ai p b{color:var(--cream);font-weight:500}
  .why-ai .chip{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--gold-lt);border:1px solid rgba(201,168,76,.3);background:rgba(201,168,76,.08);border-radius:999px;padding:11px 20px}
  .why-ai .chip .d{width:8px;height:8px;border-radius:50%;background:var(--gold)}
  /* google gemini effect */
  .gemini{position:relative;width:100%;margin:-70px 0 0}
  .gemini-svg{display:block;width:100%;height:auto}
  .gemini-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-size:26px;font-weight:700;letter-spacing:.06em;color:#191407;background:var(--g-gold);padding:20px 54px;border-radius:999px;box-shadow:0 10px 40px rgba(201,168,76,.4);transition:transform .3s var(--ease)}
  .gemini-btn:hover{transform:translate(-50%,-50%) scale(1.05)}
  .why-foot{max-width:62ch;margin:-70px auto 0;position:relative;z-index:5}
  @media(max-width:600px){.gemini-btn{font-size:18px;padding:14px 34px}}
  /* tombol AIVO (Uiverse by Ashon-G) — aura warna-warni */
  .gemini .uiverse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
  .uiverse{--duration:7s;--easing:linear;--c-color-1:rgba(255,163,26,.7);--c-color-2:#8a1aff;--c-color-3:#ff1b4d;--c-color-4:rgba(255,232,26,.7);--c-shadow:rgba(255,223,87,.5);--c-shadow-inset-top:rgba(255,223,52,.9);--c-shadow-inset-bottom:rgba(255,250,215,.8);--c-radial-inner:#ffd215;--c-radial-outer:#fff172;--c-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;outline:none;position:relative;cursor:pointer;border:none;display:table;border-radius:999px;padding:0;margin:0;text-align:center;font-weight:700;letter-spacing:.05em;line-height:1.4;font-size:26px;color:var(--c-color);text-decoration:none;background:radial-gradient(circle,var(--c-radial-inner),var(--c-radial-outer) 80%);box-shadow:0 0 14px var(--c-shadow)}
  .uiverse:before{content:"";pointer-events:none;position:absolute;z-index:3;left:0;top:0;right:0;bottom:0;border-radius:999px;box-shadow:inset 0 3px 12px var(--c-shadow-inset-top),inset 0 -3px 4px var(--c-shadow-inset-bottom)}
  .uiverse .wrapper{-webkit-mask-image:-webkit-radial-gradient(white,black);overflow:hidden;border-radius:999px;min-width:150px;padding:16px 32px}
  .uiverse .wrapper span{display:inline-block;position:relative;z-index:1}
  .uiverse:hover{--duration:1400ms}
  .uiverse .wrapper .circle{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;filter:blur(var(--blur,8px));background:var(--background,transparent);transform:translate(var(--x,0),var(--y,0)) translateZ(0);animation:var(--animation,none) var(--duration) var(--easing) infinite}
  .uiverse .wrapper .circle.circle-1,.uiverse .wrapper .circle.circle-9,.uiverse .wrapper .circle.circle-10{--background:var(--c-color-4)}
  .uiverse .wrapper .circle.circle-3,.uiverse .wrapper .circle.circle-4{--background:var(--c-color-2);--blur:14px}
  .uiverse .wrapper .circle.circle-5,.uiverse .wrapper .circle.circle-6{--background:var(--c-color-3);--blur:16px}
  .uiverse .wrapper .circle.circle-2,.uiverse .wrapper .circle.circle-7,.uiverse .wrapper .circle.circle-8,.uiverse .wrapper .circle.circle-11,.uiverse .wrapper .circle.circle-12{--background:var(--c-color-1);--blur:12px}
  .uiverse .wrapper .circle.circle-1{--x:0;--y:-40px;--animation:circle-1}
  .uiverse .wrapper .circle.circle-2{--x:92px;--y:8px;--animation:circle-2}
  .uiverse .wrapper .circle.circle-3{--x:-12px;--y:-12px;--animation:circle-3}
  .uiverse .wrapper .circle.circle-4{--x:80px;--y:-12px;--animation:circle-4}
  .uiverse .wrapper .circle.circle-5{--x:12px;--y:-4px;--animation:circle-5}
  .uiverse .wrapper .circle.circle-6{--x:56px;--y:16px;--animation:circle-6}
  .uiverse .wrapper .circle.circle-7{--x:8px;--y:28px;--animation:circle-7}
  .uiverse .wrapper .circle.circle-8{--x:28px;--y:-4px;--animation:circle-8}
  .uiverse .wrapper .circle.circle-9{--x:20px;--y:-12px;--animation:circle-9}
  .uiverse .wrapper .circle.circle-10{--x:64px;--y:16px;--animation:circle-10}
  .uiverse .wrapper .circle.circle-11{--x:4px;--y:4px;--animation:circle-11}
  .uiverse .wrapper .circle.circle-12{--blur:14px;--x:52px;--y:4px;--animation:circle-12}
  @keyframes circle-1{33%{transform:translate(0px,16px) translateZ(0)}66%{transform:translate(12px,64px) translateZ(0)}}
  @keyframes circle-2{33%{transform:translate(80px,-10px) translateZ(0)}66%{transform:translate(72px,-48px) translateZ(0)}}
  @keyframes circle-3{33%{transform:translate(20px,12px) translateZ(0)}66%{transform:translate(12px,4px) translateZ(0)}}
  @keyframes circle-4{33%{transform:translate(76px,-12px) translateZ(0)}66%{transform:translate(112px,-8px) translateZ(0)}}
  @keyframes circle-5{33%{transform:translate(84px,28px) translateZ(0)}66%{transform:translate(40px,-32px) translateZ(0)}}
  @keyframes circle-6{33%{transform:translate(28px,-16px) translateZ(0)}66%{transform:translate(76px,-56px) translateZ(0)}}
  @keyframes circle-7{33%{transform:translate(8px,28px) translateZ(0)}66%{transform:translate(20px,-60px) translateZ(0)}}
  @keyframes circle-8{33%{transform:translate(32px,-4px) translateZ(0)}66%{transform:translate(56px,-20px) translateZ(0)}}
  @keyframes circle-9{33%{transform:translate(20px,-12px) translateZ(0)}66%{transform:translate(80px,-8px) translateZ(0)}}
  @keyframes circle-10{33%{transform:translate(68px,20px) translateZ(0)}66%{transform:translate(100px,28px) translateZ(0)}}
  @keyframes circle-11{33%{transform:translate(4px,4px) translateZ(0)}66%{transform:translate(68px,20px) translateZ(0)}}
  @keyframes circle-12{33%{transform:translate(56px,0px) translateZ(0)}66%{transform:translate(60px,-32px) translateZ(0)}}

  /* BUKTI / FACTS */
  .facts{padding:96px 0;position:relative;z-index:2}
  .facts .fhead{text-align:center;max-width:760px;margin:0 auto 50px}
  .facts .fhead .label{display:block;margin-bottom:20px}
  .facts .fhead .fsub{margin-top:16px;color:var(--cream-2);font-weight:300;font-size:16px}
  .facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .fact{position:relative;border-radius:20px;padding:1.5px;overflow:hidden;background:linear-gradient(135deg,rgba(201,168,76,.4),rgba(255,255,255,.05) 42%,rgba(201,168,76,.2))}
  .fact::before{content:'';position:absolute;width:72px;height:72px;border-radius:50%;background:rgba(235,204,126,.5);filter:blur(26px);animation:factHalo 10s linear infinite;z-index:0;pointer-events:none}
  @keyframes factHalo{0%{top:6%;left:6%}25%{top:6%;left:72%}50%{top:70%;left:72%}75%{top:70%;left:6%}100%{top:6%;left:6%}}
  .facts-grid .fact:nth-child(2)::before{animation-delay:-2.5s}
  .facts-grid .fact:nth-child(3)::before{animation-delay:-5s}
  .facts-grid .fact:nth-child(4)::before{animation-delay:-7.5s}
  .fact-in{position:relative;z-index:1;height:100%;border-radius:18px;background:linear-gradient(160deg,rgba(22,22,22,.94),rgba(10,10,10,.9));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:40px 30px;overflow:hidden}
  .fact-in::before{content:'';position:absolute;left:50%;top:46%;width:210px;height:48px;border-radius:50%;background:rgba(201,168,76,.13);filter:blur(28px);transform:translate(-50%,-50%);animation:factRay 14s linear infinite;z-index:0;pointer-events:none}
  @keyframes factRay{to{transform:translate(-50%,-50%) rotate(360deg)}}
  .fact-in > *{position:relative;z-index:1}
  .fact .n{font-size:clamp(36px,4vw,52px);font-weight:200;letter-spacing:-.03em;background:var(--g-gold);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;animation:factGlow 4.5s ease-in-out infinite}
  @keyframes factGlow{0%,100%{filter:drop-shadow(0 0 10px rgba(235,204,126,.4))}50%{filter:drop-shadow(0 0 3px rgba(235,204,126,.12))}}
  .fact .l{font-size:14px;color:var(--cream);font-weight:600;margin-top:16px}
  .fact .d{font-size:12.5px;color:var(--muted);font-weight:300;margin-top:7px;line-height:1.55}
  @media(prefers-reduced-motion:reduce){.fact::before,.fact-in::before,.fact .n{animation:none}}
  @media(max-width:900px){.facts-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.facts-grid{grid-template-columns:1fr}}

  /* FOUNDER (editorial spread — sama dengan home) */
  .founder-sec{padding:110px 0 70px;position:relative;z-index:2;overflow:hidden}
  .fnd{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
  .fnd-left{position:relative;z-index:1;padding-right:24px}
  .fnd-right{position:relative;z-index:3;padding-left:24px}
  .fnd .label{display:block;margin-bottom:10px}
  .fnd-name{font-weight:700;font-size:clamp(34px,4.6vw,62px);line-height:.98;letter-spacing:-.04em;white-space:nowrap}
  .fnd-role{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:16px}
  .fnd-bar{width:118px;height:4px;background:var(--g-gold);border-radius:2px;margin:20px 0}
  .fnd-bio{font-size:14.5px;color:var(--cream-2);line-height:1.72;font-weight:300;max-width:34ch}
  .fnd-bio b{color:var(--gold-lt);font-weight:500}
  .fnd-handle{margin-top:22px;font-size:13.5px;font-weight:600;color:var(--gold-lt);letter-spacing:.02em}
  /* foto besar, tanpa frame */
  .fnd-photo{position:relative;z-index:2;justify-self:center;align-self:end;width:clamp(360px,43vw,572px);height:clamp(540px,64vw,780px);margin:0 -60px}
  .fnd-photo::before{content:'';position:absolute;width:108%;aspect-ratio:1;left:50%;top:42%;transform:translate(-50%,-50%) scale(1);border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.32),transparent 62%);filter:blur(48px);z-index:-1;animation:fndAura 6.5s ease-in-out infinite}
  @keyframes fndAura{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.07);opacity:1}}
  .fnd-photo .ph{position:relative;z-index:1;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center bottom}
  .fnd-photo .ph::before,.fnd-photo .ph::after{display:none}
  /* kolom kanan */
  .fnd-right .rlabel{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px}
  .fnd-right .fquote{font-size:16px;line-height:1.62;color:var(--cream);font-weight:400;font-style:italic;margin:0 0 18px;max-width:32ch}
  .fnd-more{font-size:13px;font-weight:600;color:var(--gold-lt);display:inline-flex;align-items:center;gap:8px;transition:gap .3s}
  .fnd-more:hover{gap:12px}
  .fnd-soc{display:flex;gap:11px;margin-top:26px}
  .fnd-soc a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,168,76,.3);background:rgba(201,168,76,.06);display:grid;place-items:center;color:var(--gold-lt);transition:background .3s,color .3s,transform .3s var(--ease)}
  .fnd-soc a:hover{background:var(--g-gold);color:#191407;transform:translateY(-3px)}
  .fnd-soc a svg{width:17px;height:17px}
  @media(max-width:860px){
    .founder-sec{padding:90px 0 60px}
    .fnd{grid-template-columns:1fr;text-align:center;gap:8px}
    .fnd-left,.fnd-right{padding:0}
    .fnd-photo{order:-1;margin:0 auto 10px;width:clamp(240px,68vw,330px);height:auto;aspect-ratio:3/4}
    .fnd-name{white-space:normal}
    .fnd-bar{margin:18px auto}
    .fnd-bio{margin:0 auto}
    .fnd-right .fquote{margin:14px auto 16px}
    .fnd-soc{justify-content:center}
  }

  /* tombol Uiverse (Li-Deheng) — disesuaikan gold */
  .button{--main-size:1.05em;--color-text:#191407;--color-background:#C9A84C;--color-background-hover:#EBCC7E;--color-outline:rgba(201,168,76,.28);--color-shadow:rgba(0,0,0,.4);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:none;border-radius:calc(var(--main-size)*100);padding:.4em .3em .4em .95em;font-family:var(--f);font-weight:700;font-size:var(--main-size);color:var(--color-text);background:var(--color-background);box-shadow:0 0 .2em 0 var(--color-background);transition:1s}
  .button:active{transform:scale(.95)}
  .button:hover{outline:.1em solid transparent;outline-offset:.2em;box-shadow:0 0 1em 0 var(--color-background);animation:ripple 1s linear infinite,colorize 1s infinite;transition:.5s}
  .button span{margin-right:.4em;transition:.5s}
  .button:hover span{text-shadow:5px 5px 5px var(--color-shadow)}
  .button:active span{text-shadow:none}
  .button svg{height:.8em;fill:var(--color-text);margin-right:-.16em;position:relative;transition:.5s}
  .button:hover svg{margin-right:.66em;transition:.5s;filter:drop-shadow(5px 5px 2.5px var(--color-shadow))}
  .button:active svg{filter:none}
  .button svg polygon:nth-child(1){transition:.4s;transform:translateX(-60%);opacity:0}
  .button svg polygon:nth-child(2){transition:.5s;transform:translateX(-30%);opacity:0}
  .button svg polygon:nth-child(3){transition:.5s;transform:translateX(-115%)}
  .button:hover svg polygon:nth-child(1){transform:translateX(0%);opacity:1;animation:opacity 1s infinite .6s}
  .button:hover svg polygon:nth-child(2){transform:translateX(0%);opacity:1;animation:opacity 1s infinite .4s}
  .button:hover svg polygon:nth-child(3){transform:translateX(0%);animation:opacity 1s infinite .2s}
  @keyframes opacity{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
  @keyframes colorize{0%{background:var(--color-background)}50%{background:var(--color-background-hover)}100%{background:var(--color-background)}}
  @keyframes ripple{0%{outline:0 solid transparent;outline-offset:-.1em}50%{outline:.2em solid var(--color-outline);outline-offset:.2em}100%{outline:.4em solid transparent;outline-offset:.4em}}

  /* CTA (sama persis dengan home) */

  /* FOOTER (sama dengan home) */