@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--charcoal:oklch(16% .01 95);--surface:oklch(19.5% .011 95);--surface-2:oklch(23.5% .012 95);--raised:oklch(27% .013 95);--flare:oklch(85% .16 92);--flare-hover:oklch(79% .15 92);--ink:oklch(19% .035 92);--ember:oklch(64% .2 28);--paper:oklch(96% .005 95);--muted:oklch(80% .01 95);--dim:oklch(66% .01 95);--wolf:oklch(52% .012 95);--line:oklch(30% .012 95);--line-soft:oklch(24% .011 95);--going:oklch(80% .15 150);--night:oklch(15% .042 262);--night-2:oklch(20.5% .05 260);--night-line:oklch(34% .05 262);--gold:oklch(80% .115 82);--gold-soft:oklch(72% .09 84);--emerald:oklch(60% .1 162);--emerald-deep:oklch(34% .075 165);--star:oklch(97% .02 90);--jalur:oklch(55% .15 256);--flag-blue:oklch(44% .115 258);--flag-red:oklch(66% .205 25);--flag-yellow:oklch(90% .13 95);--puc:oklch(66% .115 162);--puc-ink:oklch(78% .095 162);--puc-soft:oklch(24.5% .045 172);--font-display:"Bebas Neue", ui-sans-serif, system-ui, sans-serif;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic:"Reem Kufi", "Hanken Grotesk", ui-sans-serif, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--t-fast:.18s cubic-bezier(.22, 1, .36, 1);--t-mid:.42s cubic-bezier(.22, 1, .36, 1);--t-slow:.8s cubic-bezier(.16, 1, .3, 1);--z-sticky:100;--z-nav:200;--z-fab:300;--z-modal:400}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--charcoal);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:400;line-height:1.05}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}a,button,input,label,select,summary,textarea,[role=button]{-webkit-tap-highlight-color:transparent}a,button,label,summary,[role=button]{touch-action:manipulation}button,summary,[role=button]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--flare);outline-offset:3px;border-radius:4px}.display{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;font-weight:400;line-height:.92}.wrap{width:min(100% - 2.4rem,1120px);margin-inline:auto}.wrap-narrow{width:min(100% - 2.4rem,760px);margin-inline:auto}.kicker{font-family:var(--font-body);letter-spacing:.18em;color:var(--flare);text-transform:uppercase;align-items:center;gap:.55rem;font-size:.8rem;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--flare);width:24px;height:2px}.btn{border-radius:var(--r-pill);letter-spacing:.01em;transition:transform var(--t-fast), background var(--t-fast), border-color var(--t-fast);will-change:transform;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.7rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-flare{background:var(--flare);color:var(--ink);font-weight:700}.btn-flare:hover{background:var(--flare-hover);transform:translateY(-2px)}.btn-ghost{color:var(--paper);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--flare);color:var(--flare);transform:translateY(-2px)}.btn-arrow{transition:transform var(--t-fast)}.btn:hover .btn-arrow{transform:translate(4px)}.pill{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line-soft);color:var(--paper);align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.grain:after{content:"";pointer-events:none;opacity:.5;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}[data-reveal]{opacity:1}.js [data-reveal]{opacity:0;transition:opacity var(--t-slow), transform var(--t-slow);transform:translateY(22px)}.js [data-reveal].in{opacity:1;transform:none}@keyframes hero-rise{0%{opacity:0;transform:translateY(22px)}}.js .hero [data-reveal]{opacity:1;animation:hero-rise var(--t-slow) both;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{transition:none;opacity:1!important;transform:none!important}}section{position:relative}.night{background:radial-gradient(130% 90% at 50% -15%, var(--night-2) 0%, var(--night) 48%, var(--charcoal) 100%)}.girih:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%23d9a441' stroke-width='0.8' opacity='0.16'%3E%3Cpath d='M45 8 53 30 75 22 61 41 82 52 58 54 66 77 45 63 24 77 32 54 8 52 29 41 15 22 37 30Z'/%3E%3Ccircle cx='45' cy='45' r='34'/%3E%3C/g%3E%3C/svg%3E");background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 78%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 78%)}.stars{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.stars:before,.stars:after{content:"";background-repeat:no-repeat;position:absolute;inset:-10%}.stars:before{background-image:radial-gradient(1.6px 1.6px at 12% 22%, var(--star), transparent), radial-gradient(1.4px 1.4px at 28% 62%, var(--star), transparent), radial-gradient(1.8px 1.8px at 47% 15%, var(--star), transparent), radial-gradient(1.3px 1.3px at 63% 44%, var(--star), transparent), radial-gradient(1.6px 1.6px at 78% 26%, var(--star), transparent), radial-gradient(1.4px 1.4px at 88% 58%, var(--star), transparent), radial-gradient(1.5px 1.5px at 38% 82%, var(--star), transparent), radial-gradient(1.3px 1.3px at 70% 76%, var(--star), transparent);opacity:.9;animation:4.5s ease-in-out infinite alternate twinkle-a}.stars:after{background-image:radial-gradient(1px 1px at 18% 40%, var(--star), transparent), radial-gradient(1.1px 1.1px at 33% 30%, var(--gold), transparent), radial-gradient(1px 1px at 55% 68%, var(--star), transparent), radial-gradient(1.2px 1.2px at 72% 12%, var(--star), transparent), radial-gradient(1px 1px at 84% 40%, var(--gold), transparent), radial-gradient(1px 1px at 45% 52%, var(--star), transparent), radial-gradient(1.1px 1.1px at 92% 74%, var(--star), transparent), radial-gradient(1px 1px at 8% 66%, var(--star), transparent);opacity:.55;animation:6s ease-in-out infinite alternate twinkle-b}@keyframes twinkle-a{0%{opacity:.35}to{opacity:.95}}@keyframes twinkle-b{0%{opacity:.7}to{opacity:.25}}.moon-star{width:var(--moon,74px);height:var(--moon,74px);filter:drop-shadow(0 0 calc(var(--moon,74px) * .26) #e8b85c80);flex-shrink:0;position:relative}.moon-star .moon{background:radial-gradient(circle at 38% 34%, var(--gold) 0%, var(--gold-soft) 82%);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 126%,#0000 67%,#000 69%);mask-image:radial-gradient(circle at 126%,#0000 67%,#000 69%)}.moon-star .star5{width:calc(var(--moon,74px) * .34);height:calc(var(--moon,74px) * .34);background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);position:absolute;top:50%;left:70%;transform:translate(-50%,-50%)}.jawi{font-family:var(--font-arabic);direction:rtl;font-weight:600;line-height:1}.gold-rule{background:linear-gradient(90deg, transparent, var(--gold-soft) 22%, var(--gold) 50%, var(--gold-soft) 78%, transparent);opacity:.6;border:0;width:100%;height:1px}.jalur-strip{background:linear-gradient(90deg, var(--gold-soft) 0 18%, var(--gold) 18% 42%, var(--star) 42% 58%, var(--emerald) 58% 82%, var(--gold-soft) 82% 100%);width:clamp(130px,28vw,200px);height:5px;box-shadow:0 0 0 1px color-mix(in oklch, var(--paper) 12%, transparent);border-radius:999px;display:inline-block}.speed{vertical-align:middle;flex:none;align-items:center;gap:3px;line-height:1;display:inline-flex}.speed i{border-radius:1px;width:5px;height:.92em;display:block;transform:skew(-16deg)}.speed i:first-child{background:var(--gold)}.speed i:nth-child(2){background:var(--puc)}.speed i:nth-child(3){background:var(--jalur)}.speed-lg{gap:4px}.speed-lg i{width:7px;height:1.02em}.lean{transform-origin:50% 60%;display:inline-block;transform:skew(-8deg)}@media (prefers-reduced-motion:reduce){.stars:before,.stars:after{animation:none}}
