/* SpotVeyra site — night gallery × shadcn/ui tokens (design V2, 2026-11-04) */
@font-face{font-family:"Geist";src:url(/assets/fonts/geist-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";src:url(/assets/fonts/geist-cyrillic-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url(/assets/fonts/lora-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F}
@font-face{font-family:"Lora";src:url(/assets/fonts/lora-cyrillic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  --nav:#04060f; --background:#060a1a; --card:#0b1129; --raised:#111a3b; --popover:#141d42;
  --border:rgba(176,186,255,.14); --border-strong:rgba(176,186,255,.26);
  --foreground:#f4f1ea; --muted:#b6b9d2; --muted-2:#9a9ebd;
  --gold:#e9c46a; --gold-hi:#ffdf8a; --gold-line:rgba(233,196,106,.42);
  --violet:#7a68ff; --teal:#43c6c0; --rose:#ec9fb5; --found:#3ddc97; --amber:#f2b44b; --sky:#5cc4f5;
  --vivid:linear-gradient(90deg,#fde68a 0%,#fbbf24 16%,#fb923c 32%,#f472b6 50%,#c084fc 66%,#fbbf24 84%,#fde68a 100%);
  --radius:14px; --ease-out:cubic-bezier(0.23,1,0.32,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--background)}
body{margin:0;background:transparent;color:var(--foreground);font:400 16.5px/1.65 Geist,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;min-height:100vh}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold-hi);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px;border-radius:8px}
::selection{background:rgba(251,191,36,.35);color:#fff}
.skip{position:absolute;left:-9999px;top:8px;z-index:20;padding:8px 14px;border-radius:8px;background:var(--gold);color:#1d1503;font-weight:600}
.skip:focus{left:16px}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.wrap--narrow{max-width:780px}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* background: aurora + stars + grain; transform/opacity loops only */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--background);pointer-events:none}
.bg span{position:absolute;border-radius:50%}
.bg .a1{width:80vmax;height:80vmax;left:-25vmax;top:-35vmax;background:radial-gradient(closest-side,rgba(122,104,255,.5),rgba(122,104,255,.14) 55%,transparent);animation:drift1 46s ease-in-out infinite}
.bg .a2{width:70vmax;height:70vmax;right:-28vmax;top:-5vmax;background:radial-gradient(closest-side,rgba(67,198,192,.2),transparent 70%);animation:drift2 58s ease-in-out infinite}
.bg .a3{width:60vmax;height:60vmax;left:15vw;top:55vh;background:radial-gradient(closest-side,rgba(233,196,106,.13),transparent 70%);animation:drift3 64s ease-in-out infinite}
.bg .a4{width:55vmax;height:55vmax;left:-10vmax;top:45vh;background:radial-gradient(closest-side,rgba(244,114,182,.16),transparent 70%);animation:drift2 52s ease-in-out infinite reverse}
.bg .stars{inset:0;border-radius:0;opacity:.5;background-image:
 radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 34% 72%,#fff,transparent 60%),
 radial-gradient(1.4px 1.4px at 58% 26%,#ffe9b0,transparent 60%),radial-gradient(1px 1px at 76% 64%,#fff,transparent 60%),
 radial-gradient(1.2px 1.2px at 88% 14%,#cfd6ff,transparent 60%),radial-gradient(1px 1px at 46% 46%,#fff,transparent 60%),
 radial-gradient(1px 1px at 22% 88%,#ffe9b0,transparent 60%),radial-gradient(1.3px 1.3px at 92% 82%,#fff,transparent 60%);
 background-size:620px 620px;animation:twinkle 7s ease-in-out infinite alternate}
.bg .grain{inset:0;border-radius:0;background:url(/assets/noise.png);opacity:.035}
@keyframes drift1{50%{transform:translate3d(9vmax,7vmax,0) scale(1.08)}}
@keyframes drift2{50%{transform:translate3d(-8vmax,10vmax,0) scale(1.12)}}
@keyframes drift3{50%{transform:translate3d(7vmax,-9vmax,0) scale(.94)}}
@keyframes twinkle{from{opacity:.3}to{opacity:.6}}
.scrollbar{position:fixed;left:0;right:0;top:0;height:2px;z-index:10;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#fde68a,#fbbf24,#fb923c,#f472b6,#c084fc);pointer-events:none}

/* header */
.top{position:sticky;top:0;z-index:6;background:rgba(4,6,15,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--foreground);text-decoration:none;font:600 25px/1 Cormorant,Georgia,serif}
.brand img{border-radius:8px;box-shadow:0 0 0 1px var(--gold-line)}
.top__nav{display:flex;align-items:center;gap:4px;font-size:14.5px}
.top__nav>a:not(.btn){padding:8px 12px;border-radius:8px;color:var(--muted);text-decoration:none}
.top__nav>a:not(.btn):hover{background:var(--card);color:var(--foreground)}
.menu{position:relative}
.menu summary{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01)),var(--card);color:var(--foreground);font-size:14px;font-weight:600;cursor:pointer;list-style:none;transition:border-color .2s ease,box-shadow .2s ease}
.menu summary::-webkit-details-marker{display:none}
.menu summary .i{width:16px;height:16px;color:var(--gold-hi)}
.menu summary .i:last-child{color:var(--muted);transition:transform .25s var(--ease-out)}
.menu summary:hover,.menu[open] summary{border-color:var(--gold-line);box-shadow:0 0 0 3px rgba(233,196,106,.10),0 0 24px rgba(233,196,106,.12)}
.menu[open] summary .i:last-child{transform:rotate(180deg)}
.menu__panel{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:356px;padding:10px;border-radius:18px;
  background:radial-gradient(260px 140px at 100% 0%,rgba(122,104,255,.22),transparent 70%),radial-gradient(220px 120px at 0% 100%,rgba(233,196,106,.10),transparent 70%),linear-gradient(180deg,#151e46,#0d1433);
  border:1px solid var(--gold-line);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 70px rgba(0,0,0,.6),0 0 0 6px rgba(6,10,26,.35);transform-origin:top right}
.menu__title{display:flex;align-items:center;gap:8px;margin:2px 8px 8px;color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.menu__title .i{width:14px;height:14px}
.menu ul{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none}
.menu li a{display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 10px;border-radius:12px;border:1px solid transparent;color:var(--foreground);text-decoration:none;font-size:14.5px;font-weight:500;transition:background-color .15s ease,border-color .15s ease}
.menu li a:hover{background:rgba(255,255,255,.05);border-color:var(--border-strong)}
.menu li a[aria-current]{background:linear-gradient(90deg,rgba(233,196,106,.16),rgba(244,114,182,.08));border-color:var(--gold-line)}
.menu li a .i{width:16px;height:16px;margin-left:auto;color:var(--gold-hi)}
.lbadge{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:800;letter-spacing:.02em;color:#1d1503;
  background:linear-gradient(140deg,#fde68a,#fbbf24 55%,#f59e0b);box-shadow:0 0 0 1px rgba(255,223,138,.6),0 4px 12px rgba(233,196,106,.25)}
.menu li a:not([aria-current]) .lbadge{color:var(--gold-hi);background:var(--raised);box-shadow:0 0 0 1px var(--gold-line)}
@media (prefers-reduced-motion:no-preference){.menu[open] .menu__panel{animation:pop .22s var(--ease-out) both}@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.96)}}}

/* buttons, badges, pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:600;font-size:15.5px;text-decoration:none;border:1px solid transparent;transition:filter .15s ease,background-color .15s ease}
.btn--gold{position:relative;overflow:hidden;isolation:isolate;color:#1d1503;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,#d9ad4a);box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 0 0 1px rgba(184,138,46,.6),0 10px 28px rgba(233,196,106,.22)}
.btn--gold::after{content:"";position:absolute;top:-50%;bottom:-50%;width:40%;left:-60%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);z-index:-1}
.btn--gold:hover{color:#1d1503;filter:brightness(1.05)}
.btn--outline{color:var(--foreground);border-color:var(--border-strong);background:rgba(255,255,255,.02)}
.btn--outline:hover{color:var(--foreground);background:var(--card)}
.btn--sm{min-height:38px;padding:0 15px;font-size:14px;border-radius:10px}
.btn--icon{width:44px;min-height:44px;padding:0;border-radius:999px;color:var(--foreground);border-color:var(--border-strong);background:var(--card);cursor:pointer}
.btn--icon:hover{border-color:var(--gold-line)}
.btn--icon:disabled{opacity:.4;cursor:default}
.badge{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--gold-line);background:rgba(233,196,106,.07);font-size:13.5px;color:var(--muted)}
.badge b{color:var(--gold-hi);font-weight:600}
.dot{width:8px;height:8px;border-radius:50%;background:var(--found);box-shadow:0 0 10px var(--found)}
.pill{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:600}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.p-sky{color:#93d8fa;background:rgba(92,196,245,.12);box-shadow:0 0 0 1px rgba(92,196,245,.32) inset}
.p-violet{color:#c3b9ff;background:rgba(122,104,255,.16);box-shadow:0 0 0 1px rgba(122,104,255,.4) inset}
.p-rose{color:#f6bfd0;background:rgba(236,159,181,.12);box-shadow:0 0 0 1px rgba(236,159,181,.32) inset}
.p-found{color:#7eeabb;background:rgba(61,220,151,.12);box-shadow:0 0 0 1px rgba(61,220,151,.32) inset}
.p-amber{color:#f7cd84;background:rgba(242,180,75,.12);box-shadow:0 0 0 1px rgba(242,180,75,.32) inset}
.p-teal{color:#8ee3df;background:rgba(67,198,192,.12);box-shadow:0 0 0 1px rgba(67,198,192,.32) inset}

/* typography: vivid headings */
h1,.h2{font-family:Geist,system-ui,sans-serif;font-weight:700;font-variant-numeric:lining-nums;text-wrap:balance}
h1{margin:20px 0 16px;font-size:clamp(40px,4.7vw,68px);line-height:1.04;letter-spacing:-.045em}
.h2{margin:12px 0 12px;font-size:clamp(32px,3.8vw,50px);line-height:1.08;letter-spacing:-.035em}
h1 em,.h2 em{font-style:normal;font-weight:inherit;color:#fbbf24;background:var(--vivid);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{margin:0 0 28px;max-width:34em;color:var(--muted);font-size:18.5px}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.kicker::before{content:"";width:28px;height:1px;background:currentColor}
.k-teal{color:#5eead4}.k-rose{color:#f9a8d4}.k-violet{color:#c4b5fd}.k-amber{color:#fcd34d}
.sub{margin:0 0 34px;color:var(--muted);max-width:42em}

/* sections */
.sec{position:relative;padding:84px 0}
.sec::before{content:"";position:absolute;left:50%;top:0;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}
.alt{background:linear-gradient(180deg,rgba(11,17,41,.7),transparent)}
.card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}
.card h3{margin:0 0 6px;font-size:18.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.card p{margin:0;color:var(--muted);font-size:15.5px}
.grid{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}

/* hero */
.hero{position:relative;overflow:hidden;padding:64px 0 80px}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 28%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse 65% 55% at 50% 28%,#000 25%,transparent 72%);opacity:.5;pointer-events:none}
.hero__in{position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:center}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.langs{display:flex;align-items:center;gap:14px;margin-top:28px;color:var(--muted);font-size:14.5px}
.avatars{display:flex}
.avatars span{display:grid;place-items:center;width:34px;height:34px;margin-left:-7px;border-radius:50%;border:2px solid var(--background);background:var(--raised);font-size:11px;font-weight:700;color:var(--gold-hi)}
.avatars span:first-child{margin-left:0}
.showcase{position:relative;margin-right:10px}
.mat{padding:14px;border-radius:22px;background:#fffdf8;transform:rotate(1.1deg);transition:transform .5s var(--ease-out);box-shadow:0 0 0 1px rgba(255,255,255,.6) inset,0 40px 90px rgba(0,0,0,.55),0 0 140px rgba(122,104,255,.28)}
.showcase.tilt .mat{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(1.1deg)}
.frame{position:relative;padding:8px;border-radius:12px;background:linear-gradient(145deg,#2c2411,#0e0b05 45%,#2c2411);box-shadow:0 0 0 1px rgba(184,138,46,.9)}
.frame img{border-radius:6px}
.pic{position:relative}
.ring{position:absolute;width:6.8%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:2.5px solid #ffdf8a;box-shadow:0 0 0 2px rgba(0,0,0,.35),0 0 18px rgba(255,223,138,.85),inset 0 0 10px rgba(255,223,138,.4);pointer-events:none}
.ring::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,223,138,.7);opacity:0}
.note{position:absolute;left:-22px;bottom:30px;transform:rotate(-3deg);min-width:220px;max-width:280px;padding:14px 20px 16px 18px;border-radius:6px;background:#fff4c9;box-shadow:0 16px 34px rgba(0,0,0,.45);color:#4a3a0c;font:500 15px/1.3 Geist,sans-serif}
.note b{display:block;color:#1c1a27;font:600 27px/1.1 Lora,Georgia,serif}
.note::before{content:"";position:absolute;left:50%;top:-9px;width:64px;height:18px;transform:translateX(-50%) rotate(2deg);background:rgba(255,255,255,.55)}
.progress{height:8px;border-radius:999px;background:rgba(176,186,255,.16);overflow:hidden}
.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--found),#8af0c4)}
.note .progress{margin-top:10px;background:rgba(74,58,12,.15)}
.float{position:absolute;right:-6px;top:-26px;width:250px;padding:16px 18px;border-radius:14px;background:#141d42;border:1px solid var(--border-strong);box-shadow:0 20px 50px rgba(0,0,0,.5);transform:rotate(-1deg)}
.float .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13.5px;color:var(--muted)}
.float b{color:var(--foreground)}

/* gallery wall */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0;list-style:none}
.wall{display:grid;grid-auto-flow:column;grid-auto-columns:400px;gap:28px;margin:0;padding:12px 4px 22px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-color:rgba(233,196,106,.45) transparent;border-radius:12px}
.wall li{scroll-snap-align:start}
.wall figure{margin:0}
.wall .frame{padding:8px;border-radius:8px;box-shadow:0 0 0 1px rgba(255,223,138,.55),0 0 0 6px #070a17,0 0 0 7px var(--gold-line),0 26px 50px rgba(0,0,0,.45)}
.wall .frame img{border-radius:2px}
.wall figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;color:var(--muted);font-size:14px}
.wall figcaption b{color:var(--foreground);font:600 22px/1.2 Cormorant,Georgia,serif}

/* steps, features */
.num{display:block;margin-bottom:12px;font:500 italic 48px/1 Cormorant,Georgia,serif;font-variant-numeric:lining-nums;background:linear-gradient(120deg,#fde68a,#fbbf24 50%,#fb923c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.step,.feat{padding:24px}
.feat .pill{margin-bottom:14px}

/* screenshots carousel */
.carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;margin:0;padding:4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:var(--radius)}
.carousel__track::-webkit-scrollbar{display:none}
.carousel__track li{scroll-snap-align:start}
.carousel__track img{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.carousel__nav{display:flex;align-items:center;gap:10px;margin-top:18px}
.dots{display:flex;gap:6px;margin-left:auto}
.dots i{width:8px;height:8px;border-radius:999px;background:rgba(176,186,255,.25);transition:width .3s var(--ease-out),background-color .3s ease}
.dots i.on{width:22px;background:var(--gold)}

/* table + accordion */
.table{width:100%;border-collapse:collapse;font-size:15px}
.table th{padding:12px 18px;text-align:left;color:var(--muted-2);font-weight:500;border-bottom:1px solid var(--border)}
.table td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table td:first-child{font-weight:600}
.acc{border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}
.acc details+details{border-top:1px solid var(--border)}
.acc summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 22px;font-weight:600;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary .i{color:var(--muted);transition:transform .25s var(--ease-out)}
.acc details[open] summary .i{transform:rotate(180deg)}
.acc details p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:15.5px}
.final{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:34px;padding:28px 30px;border-radius:18px;border:1px solid var(--gold-line);background:radial-gradient(500px 200px at 0% 0%,rgba(233,196,106,.12),transparent),var(--card)}
.final b{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.03em}

/* languages block (EN) */
.lang h3 a{color:var(--foreground);text-decoration-color:rgba(255,208,78,.6)}
.lang h3 a:hover{color:var(--gold-hi)}
.lang{padding:22px}

/* legal pages */
.prose h1{font-size:clamp(32px,4.2vw,46px)}
.prose h2{margin:34px 0 10px;font-size:22px;letter-spacing:-.02em}
.prose p,.prose li{color:#dadbef}
.prose ul{padding-left:22px}
.updated{margin-top:-6px;color:var(--muted);font-size:15px}
.action{margin:6px 0 18px}

/* footer */
.foot{position:relative;margin-top:20px;padding:56px 0 40px;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(11,17,41,.75),rgba(4,6,15,.95));color:var(--muted);font-size:14.5px}
.foot::before{content:"";position:absolute;left:50%;top:-1px;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}
.foot__grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}
.foot__brand{display:flex;align-items:flex-start;gap:14px}
.foot__brand img{border-radius:12px;box-shadow:0 0 0 1px var(--gold-line),0 8px 24px rgba(122,104,255,.25)}
.foot__brand strong{display:block;margin-bottom:4px;color:var(--foreground);font:600 26px/1.05 Cormorant,Georgia,serif}
.foot__brand span{color:var(--muted)}
.foot__col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.foot__h{margin:0 0 8px;color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.foot__col a{display:inline-flex;align-items:center;min-height:32px;color:var(--muted);text-decoration:none;transition:color .15s ease}
.foot__col a:hover{color:var(--gold-hi)}
.foot__langs{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0;padding-top:24px;border-top:1px solid var(--border);font-size:13.5px}
.foot__langs a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 4px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.02);text-decoration:none;color:var(--muted)}
.foot__langs a:hover{border-color:var(--gold-line);color:var(--foreground)}
.foot__langs .lbadge{width:26px;height:26px;font-size:10px;color:var(--gold-hi);background:var(--raised);box-shadow:0 0 0 1px var(--gold-line)}
.foot__langs a[aria-current]{color:var(--foreground);border-color:var(--gold-line);background:rgba(233,196,106,.08)}
.foot__langs a[aria-current] .lbadge{color:#1d1503;background:linear-gradient(140deg,#fde68a,#fbbf24 55%,#f59e0b)}
.foot__copy{margin:20px 0 0;font-size:13.5px;color:var(--muted-2)}
@media (max-width:860px){.foot__grid{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}

/* pointer-only spotlight */
@media (hover:hover) and (pointer:fine){
  .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(233,196,106,.12),transparent 45%)}
  .card:hover::after{opacity:1}
  .card{transition:border-color .3s ease}.card:hover{border-color:var(--gold-line)}
}

/* motion: content stays visible without JS (.js is set by /assets/site.js) */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .js .rv{opacity:0;transform:translateY(18px);filter:blur(8px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),filter .8s var(--ease-out);transition-delay:calc(var(--i,0)*70ms)}
  .js .rv.in{opacity:1;transform:none;filter:none}
  h1 .w{display:inline-block;animation:word 1s var(--ease-out) both;animation-delay:calc(.08s + var(--i)*70ms)}
  h1 .wf{animation:wordf 1s var(--ease-out) both;animation-delay:calc(.08s + var(--i)*70ms)}
  .intro{animation:introUp .9s var(--ease-out) both;animation-delay:var(--d,0s)}
  @keyframes introUp{from{opacity:0;transform:translateY(16px);filter:blur(8px)}}
  .mat{animation:rise 1.1s var(--ease-out) .25s both}
  @keyframes rise{from{translate:0 40px}}
  .float{animation:introUp .8s var(--ease-out) 1.3s both}
  @keyframes word{from{filter:blur(14px);translate:0 .3em;color:rgba(244,241,234,.35)}}
  @keyframes wordf{from{filter:blur(14px)}}
  .js .h2 em{animation:shimmer 3.2s ease-in-out both paused}
  .js .h2.in em{animation-play-state:running}
  @keyframes shimmer{from{background-position:100% 0}to{background-position:0 0}}
  .note{animation:slap .55s var(--ease-out) 1.05s both}
  @keyframes slap{from{opacity:0;transform:rotate(-12deg) translateY(-24px) scale(1.15)}to{opacity:1;transform:rotate(-3deg)}}
  .progress i{transform-origin:left;animation:fill 1s var(--ease-out) 1.5s both}
  @keyframes fill{from{transform:scaleX(0)}}
  .ring{opacity:0;animation:ring .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(1.7s + var(--i)*.28s)}
  .ring::after{animation:pulse 2.4s ease-out 4 both;animation-delay:calc(2.4s + var(--i)*.28s)}
  @keyframes ring{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
  @keyframes pulse{0%{opacity:.8;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.6)}}
  .btn--gold::after{animation:sheen 1.1s var(--ease-out) 2.6s both}
  @keyframes sheen{from{left:-60%}to{left:130%}}
  @supports (animation-timeline:scroll()){
    .scrollbar{animation:grow linear both;animation-timeline:scroll(root)}
    @keyframes grow{to{transform:scaleX(1)}}
    .showcase{animation:para linear both;animation-timeline:scroll(root);animation-range:0 700px}
    @keyframes para{to{translate:0 -46px}}
  }
}
@media (prefers-reduced-motion:no-preference) and (hover:hover){.btn--gold:hover::after{animation:sheen .9s var(--ease-out) both}}
@media (prefers-reduced-motion:reduce){
  .bg span{animation:none}.scrollbar{display:none}
  .js .rv{opacity:0;transition:opacity .4s ease}.js .rv.in{opacity:1}
}

@media (max-width:860px){
  .top__nav>a:not(.btn){display:none}
  .menu summary{padding:0 10px;gap:6px}.menu .lname{display:none}.menu .lcode{display:inline}
  .hero{padding:36px 0 64px}
  .hero__in{grid-template-columns:1fr;gap:72px}
  .g3,.g4,.g2{grid-template-columns:1fr}
  .wall{grid-auto-columns:82vw}
  .carousel__track{grid-auto-columns:86%}
  .mat{padding:9px;border-radius:16px}
  .note{left:-4px;bottom:-26px;min-width:0;padding:10px 14px}.note b{font-size:22px}
  .float{right:4px;top:-34px;width:218px}
  .showcase{margin-right:0}
  .sec{padding:64px 0}
}
.block{padding:64px 0}
.i0{--i:0}.i1{--i:1}.i2{--i:2}.i3{--i:3}.i4{--i:4}.i5{--i:5}.i6{--i:6}.i7{--i:7}.i8{--i:8}.i9{--i:9}.i10{--i:10}.i11{--i:11}
.d1{--d:.05s}.d2{--d:.55s}.d3{--d:.7s}.d4{--d:.85s}
.r0{left:4.9%;top:29.3%}.r1{left:53.4%;top:29.4%}.r2{left:33.7%;top:41.6%}.r3{left:82.5%;top:41.4%}.r4{left:33.4%;top:58.6%}.r5{left:82.1%;top:59.0%}
.p30{width:30%}.mt{margin-top:28px}.faqgrid{align-items:start;gap:28px}
.wall figcaption b{font-family:Cormorant,Lora,Georgia,serif;flex:1}
.wall figcaption span{white-space:nowrap}
.float .pill{white-space:nowrap}
.float .row>span:first-child{min-width:0}
.g-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
@media (max-width:860px){.final .btn{width:100%}.final b{width:100%}}

/* visual tiles (2026-11-04): icons and pictures instead of paragraphs */
.ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:16px}
.ico .i{width:26px;height:26px}
.tile{display:flex;flex-direction:column;align-items:flex-start;padding:22px;min-height:150px}
.tile h3{margin:auto 0 0;font-size:17.5px}
.ftile{display:flex;flex-direction:column;padding:24px}
.ftile b{font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(120deg,#fde68a,#fbbf24 45%,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ftile span{margin-top:6px;color:var(--muted);font-size:15px}
.step{padding:0}
.step__pic{position:relative;border-bottom:1px solid var(--border)}
.step__pic img{width:100%;aspect-ratio:16/9;object-fit:cover}
.step__pic .num{position:absolute;left:14px;top:12px;margin:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(6,10,26,.78);border:1px solid var(--gold-line);font:700 22px/1 Geist,sans-serif;-webkit-text-fill-color:currentColor;color:var(--gold-hi)}
.step__bd{padding:18px 22px 22px}
.step__bd h3{margin-bottom:4px}
.acc{margin-top:8px}
@media (max-width:860px){.tiles{grid-template-columns:repeat(2,1fr)}.tile{min-height:140px;padding:18px}.ico{width:46px;height:46px}}
@media (max-width:860px){.ftile{padding:18px}.ftile b{font-size:22px}}
@media (max-width:860px),(prefers-reduced-motion:reduce){.bg span{animation:none}}
.lcode{display:none;font-weight:600;font-size:13px}
.btn{white-space:nowrap}.final .btn{white-space:normal;text-align:center}
@media (max-width:420px){.top__in{gap:8px}.brand{font-size:22px;gap:8px}.top__nav{gap:6px}.top__nav .btn--sm{padding:0 12px}}
@media (max-width:350px){.brand span{display:none}}
@media (max-width:860px){.menu{position:static}.menu__panel{left:12px;right:12px;width:auto;top:calc(100% + 6px)}}
.acc details[open]{background:linear-gradient(90deg,rgba(233,196,106,.07),transparent 60%)}
.acc details[open] summary{color:var(--gold-hi)}
.acc details[open] summary .i{color:var(--gold-hi)}
.acc summary:hover{color:var(--foreground);background:rgba(255,255,255,.025)}
.acc details:first-child summary{border-radius:var(--radius) var(--radius) 0 0}
.foot__col a{overflow-wrap:anywhere}
@media (max-width:860px){.foot__col:last-child{grid-column:1/-1}}