/* nextlevelks theme — cinematic, single dark look */
@font-face{font-family:"Unbounded";src:url(../fonts/unbounded-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Unbounded";src:url(../fonts/unbounded-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Unbounded";src:url(../fonts/unbounded-latin-800-normal.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/onest-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/onest-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/onest-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/onest-latin-700-normal.woff2) format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

/* Cinematic single-dark look. Sequence: intro (logo draws) → hero with light beams, grain, rotating model + floating product lightboxes → credits-style model marquee → scroll-lit statement → pinned product reel (one chapter per product) → stock rail → shop grid → 3 steps → FAQ → request/IG → giant wordmark footer. */
:root{
  --bg:#05060F; --bg2:#090C1C; --surface:#0E1330; --surface2:#141A3D; --line:#ffffff17; --ink:#F2F3F8; --muted:#8E95B2;
  --blue:#3D5BFF; --blue-2:#6A82FF; --sun:#FFC928; --ok:#3FCB8F; --photo:#EDEAE7;
  --display:"Unbounded",ui-sans-serif,system-ui,sans-serif;
  --body:"Onest",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.9,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:20px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
h1,h2,h3{text-wrap:balance}
section[id]{scroll-margin-top:90px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}

.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

.intro{position:fixed;inset:0;z-index:100;background:#03040A;display:grid;place-items:center;transition:clip-path 1s var(--ease);clip-path:inset(0 0 0 0)}
.intro.go{clip-path:inset(0 0 100% 0)}
.intro .box{display:flex;align-items:center;gap:16px}
.intro svg{width:72px;height:72px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:7.5}
.intro .a{stroke:#fff;stroke-dasharray:100;stroke-dashoffset:100;animation:dash .8s var(--ease) .1s forwards}
.intro .b{stroke:var(--sun);stroke-dasharray:100;stroke-dashoffset:100;animation:dash .6s var(--ease) .6s forwards}
@keyframes dash{to{stroke-dashoffset:0}}
.intro .wm{font-size:30px;opacity:0;transform:translateX(-10px);animation:wmIn .6s var(--ease) .75s forwards}
@keyframes wmIn{to{opacity:1;transform:none}}

.lg{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.lg svg{width:34px;height:34px;flex:none}
.wm{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.03em;line-height:1}
.wm em{font-style:normal;color:var(--sun)}

.nav{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top,0px);transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.solid{background:#05060Fcc;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:68px}
.nav .menu{display:flex;gap:4px;margin-left:16px}
.nav .menu ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav .menu a{color:#ffffffa8;text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:999px;transition:color .2s}
.nav .menu a:hover{color:#fff}
.nav .sp{flex:1}
.search{position:relative;width:min(260px,32vw)}
.search input{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;color:#fff}
.search input::placeholder{color:#ffffff70}
.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#ffffff80}
.cartbtn{display:flex;align-items:center;gap:8px;border:1px solid #ffffff26;background:#ffffff10;color:#fff;padding:8px 10px 8px 14px;border-radius:999px;font-weight:600;font-size:14px;transition:background .2s}
.cartbtn:hover{background:#ffffff1c}
.cartbtn svg{width:17px;height:17px}
.cartbtn .n{background:var(--sun);color:#05060F;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700}
.cartbtn.bump{animation:bump .45s}
@keyframes bump{40%{transform:scale(1.12)}}
@media (max-width:980px){.nav .menu{display:none}}
@media (max-width:620px){.search{display:none}.cartbtn .lbl{display:none}}

.hero{position:relative;min-height:min(100svh,980px);display:grid;align-items:center;overflow:hidden;padding-block:110px 70px;isolation:isolate}
.beams{position:absolute;inset:-35%;z-index:-2;background:conic-gradient(from 210deg at 50% 40%,transparent 0deg,#3D5BFF55 40deg,transparent 80deg,#FFC92826 130deg,transparent 170deg,#3D5BFF40 250deg,transparent 300deg);filter:blur(70px);animation:spin 26s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,transparent 30%,#05060F 78%),linear-gradient(to bottom,transparent 70%,var(--bg))}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;width:100%}
.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(36px,5.6vw,80px);line-height:1;letter-spacing:-.05em;margin:22px 0 0}
.hero h1 .l{display:block;overflow:hidden;padding-bottom:.06em}
.hero h1 .l>span{display:inline-block;animation:rise 1.1s var(--ease) both}
.hero h1 .l:nth-child(2)>span{animation-delay:.08s}.hero h1 .l:nth-child(3)>span{animation-delay:.16s}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
.hero h1 .l>.rot{display:block;position:relative;height:1.06em;overflow:hidden;animation:none}
.rot .word{position:absolute;left:0;top:0;white-space:nowrap;color:#fff}
.rot .word i{display:inline-block;font-style:normal;transform:translateY(110%) rotate(6deg);opacity:0;animation:inL .75s var(--ease) forwards;animation-delay:calc(var(--i)*28ms)}
.rot .word.out i{transform:none;opacity:1;animation:outL .45s cubic-bezier(.7,0,.8,.2) forwards;animation-delay:calc(var(--i)*14ms)}
@keyframes inL{to{transform:none;opacity:1}}
@keyframes outL{to{transform:translateY(-110%) rotate(-4deg);opacity:0}}
.shine{background:linear-gradient(90deg,#FFC928 0%,#FFF3C2 18%,#FFC928 36%,#FF9F1C 60%,#FFC928 80%,#FFF3C2 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-220% center}}
.hcats{display:flex;align-items:center;gap:2px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-left:-10px}
.hcats::before{content:"";width:28px;height:1px;background:var(--muted);margin:0 6px 0 10px;transform-origin:left;animation:lineIn .9s var(--ease) both}
@keyframes lineIn{from{transform:scaleX(0)}}
.hcats i{font-style:normal;color:#ffffff30;animation:catIn .7s var(--ease) both;animation-delay:.3s}
.hcats button{position:relative;border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:7px 10px;border-radius:999px;color:var(--muted);cursor:pointer;animation:catIn .7s var(--ease) both;animation-delay:calc(.15s + var(--i)*.1s);transition:background .3s,transform .3s var(--ease)}
@keyframes catIn{from{opacity:0;transform:translateY(10px);filter:blur(4px)}}
.hcats button span{background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 42%,#fff 50%,var(--muted) 58%,var(--muted) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sweep 7s ease-in-out infinite;animation-delay:calc(1.2s + var(--i)*.28s);transition:color .25s}
@keyframes sweep{0%{background-position:100% 0}22%,100%{background-position:0 0}}
.hcats button::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:1px;background:var(--sun);transform:scaleX(0);transition:transform .4s var(--ease)}
.hcats button::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--sun);opacity:0;transform:scale(0)}
.hcats button:hover{background:#ffffff10;transform:translateY(-2px)}
.hcats button:hover span,.hcats button[aria-pressed="true"] span{background:none;color:#fff;-webkit-text-fill-color:#fff}
.hcats button[aria-pressed="true"] span{color:var(--sun);-webkit-text-fill-color:var(--sun)}
.hcats button:hover::after,.hcats button[aria-pressed="true"]::after{transform:scaleX(1)}
.hcats button.pop::before{animation:pop .6s var(--ease)}
@keyframes pop{0%{opacity:.9;transform:scale(0)}100%{opacity:0;transform:scale(12)}}
.sub{color:#ffffffa0;max-width:44ch;margin:22px 0 0;font-size:17px;min-height:3.2em}
.sub .type{color:#fff;font-weight:600}
.caret{display:inline-block;width:2px;height:1.05em;background:#ffffffa0;vertical-align:-.15em;margin-left:3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;align-items:center}
.btn{border:0;background:#fff;color:#05060F;padding:14px 22px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,background .2s,box-shadow .2s;text-decoration:none}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px #ffffff60}
.btn svg{width:18px;height:18px}
.btn.sun{background:var(--sun);color:#05060F}
.btn.sun:hover{box-shadow:0 10px 30px -10px #FFC928aa}
.btn.line{background:transparent;color:#fff;border:1px solid #ffffff38}
.btn.line:hover{background:#ffffff12;box-shadow:none}
.finder{display:flex;gap:6px;padding:5px;border-radius:999px;border:1px solid #ffffff26;background:#ffffff0d;backdrop-filter:blur(10px)}
.finder select{border:0;background:transparent;color:#fff;padding:9px 10px 9px 14px;font-weight:600;max-width:220px}
.finder select option,.finder select optgroup{background:#0E1330;color:#fff}
.finder button{border:0;background:#ffffff1f;color:#fff;border-radius:999px;padding:9px 14px;font-weight:700;font-size:14px}
.finder button:hover{background:#ffffff33}
.meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;color:#ffffff80;font-size:13px}
.meta b{display:block;color:#fff;font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.03em}

.stage{position:relative;height:clamp(380px,46vw,560px);perspective:1400px}
.lb{position:absolute;border-radius:22px;overflow:hidden;background:var(--photo);box-shadow:0 60px 90px -30px #000,0 0 0 1px #ffffff14;transition:transform .8s var(--ease);cursor:pointer;border:0;padding:0;animation:lbIn 1.2s var(--ease) both}
.lb img{display:block;width:100%;height:100%;object-fit:cover}
.lb::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff38 0%,transparent 35%,transparent 70%,#00000030);pointer-events:none}
.lb .tag{position:absolute;left:12px;bottom:12px;z-index:2;background:#05060Fd0;backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;display:flex;gap:8px}
.lb .tag b{font-family:var(--mono);color:var(--sun)}
.lb1{width:62%;aspect-ratio:4/3;left:19%;top:14%;z-index:3;animation-delay:.35s}
.lb2{width:42%;aspect-ratio:4/3;left:0;top:58%;z-index:2;animation-delay:.5s}
.lb3{width:40%;aspect-ratio:4/3;right:0;top:0;z-index:1;animation-delay:.65s}
@keyframes lbIn{from{opacity:0;translate:0 60px}}
.glow{position:absolute;left:20%;right:10%;bottom:-6%;height:30%;background:radial-gradient(closest-side,#3D5BFF88,transparent);filter:blur(30px);z-index:0}
.scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#ffffff70;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.scrollcue i{width:1px;height:46px;background:linear-gradient(#ffffff90,transparent);position:relative;overflow:hidden}
.scrollcue i::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--sun);animation:drop 2s var(--ease) infinite}
@keyframes drop{to{top:100%}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.stage{height:clamp(300px,80vw,460px)}.scrollcue{display:none}}

.bands{position:relative;height:clamp(230px,26vw,330px);overflow:hidden;perspective:1100px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.bands.drag{cursor:grabbing}
.bands.pt{cursor:pointer}
.bands canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.sr:focus-within{position:absolute;left:20px;top:10px;width:auto;height:auto;clip:auto;margin:0;z-index:5;display:flex;gap:6px;flex-wrap:wrap;list-style:none}
.sr button{background:#fff;color:#05060F;border:0;border-radius:999px;padding:6px 12px;font-weight:600}
.binner{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.band{position:absolute;left:-12%;right:-12%;padding-block:clamp(14px,1.6vw,22px);overflow:hidden;white-space:nowrap}
.b1{background:var(--sun);color:#05060F;transform:translateY(-26%) rotate(-4deg);z-index:2;box-shadow:0 24px 60px -20px #000}
.b2{background:#0C1028;border-block:1px solid #ffffff1a;transform:translateY(46%) rotate(3.5deg);z-index:1}
.btrack{display:flex;width:max-content;will-change:transform}
.b1::before,.b2::before{content:"";position:absolute;left:0;right:0;top:5px;bottom:5px;border-block:2px dashed #05060F38;pointer-events:none}
.b2::before{border-color:#FFC92833}
.b1::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 38%,#ffffff8c 50%,transparent 62%);transform:translateX(-110%);animation:gloss 5s ease-in-out infinite;pointer-events:none;mix-blend-mode:soft-light}
@keyframes gloss{0%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}
.spark{position:fixed;z-index:95;pointer-events:none;width:10px;height:10px;border-radius:3px;left:0;top:0}
.bitem{-webkit-user-drag:none;font-family:var(--display);font-weight:800;font-size:clamp(28px,4.4vw,64px);letter-spacing:-.045em;text-transform:uppercase;display:inline-flex;align-items:center;gap:clamp(18px,2.6vw,40px);padding-right:clamp(18px,2.6vw,40px);border:0;background:none;color:inherit;cursor:pointer;line-height:1.05;transition:color .25s}
.bitem sup{font-family:var(--mono);font-size:.26em;font-weight:700;letter-spacing:0;vertical-align:top;margin-left:.2em;opacity:.7;text-transform:none}
.b1 .bitem:hover{color:var(--blue)}
.b2 .bitem{color:transparent;-webkit-text-stroke:1.3px #ffffff6e}
.b2 .bitem:hover{color:#fff;-webkit-text-stroke-color:#fff}
.bitem .sep{width:.62em;height:.62em;flex:none;animation:spin 8s linear infinite}
.b2 .bitem .sep{color:var(--sun);-webkit-text-stroke:0}
@media (max-width:620px){.bands{height:250px}.b1{transform:translateY(-45%) rotate(-5deg)}.b2{transform:translateY(60%) rotate(4deg)}}
.bitem .nm{display:inline-block;position:relative}
.bitem .nm::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.085em;border-radius:4px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.bitem:hover .nm::after,.bitem:focus-visible .nm::after{transform:scaleX(1)}
.band{transition:opacity .45s var(--ease),filter .45s var(--ease),box-shadow .45s var(--ease);will-change:transform}
.band.hot{z-index:4!important}
.b1.hot{box-shadow:0 40px 80px -20px #000,0 0 0 2px #fff3,0 0 60px -10px #FFC92888}
.b2.hot{box-shadow:0 40px 80px -20px #000,0 0 50px -10px #3D5BFF88;border-color:#ffffff40}
.band.dim{opacity:.45;filter:blur(1.5px) saturate(.6)}
.bitem .nm i{display:inline-block;font-style:normal}
.bitem:hover .sep{animation-duration:.7s;transform:scale(1.25)}
.b1 .bitem:hover{color:var(--blue)}
.b1 .bitem:hover sup{opacity:1}
.bcard{position:fixed;left:0;top:0;z-index:85;pointer-events:none;background:#0E1330f2;border:1px solid #ffffff2a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:10px 14px 10px 10px;display:flex;gap:12px;align-items:center;opacity:0;transform:translate(-50%,calc(-100% - 46px)) scale(.8) rotate(-3deg);transition:opacity .2s,transform .35s var(--ease);box-shadow:0 24px 50px -12px #000;color:#fff;white-space:nowrap}
.bcard.on{opacity:1;transform:translate(-50%,calc(-100% - 46px)) scale(1) rotate(0)}
.bcard .th{display:flex}
.bcard .th img{width:46px;height:35px;object-fit:cover;border-radius:9px;background:var(--photo);border:2px solid #0E1330;margin-left:-14px;box-shadow:0 6px 12px #0006}
.bcard .th img:first-child{margin-left:0}
.bcard .th .ph{width:42px;height:35px;border-radius:9px;background:linear-gradient(135deg,var(--blue),#1A2FD0);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px}
.bcard b{display:block;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.03em}
.bcard small{display:block;font-size:12px;color:#ffffffa8}
.bcard small em{font-style:normal;color:var(--sun);font-weight:700}
.bands .hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff55;z-index:3;white-space:nowrap}
.activemodel+.activemodel{margin-left:4px}
@keyframes scroll{to{transform:translateX(-50%)}}

.statement{position:relative;height:540vh}
.statement .pin{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.sglow{position:absolute;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(closest-side,#3D5BFF33,transparent 70%);animation:breathe 6s ease-in-out infinite;pointer-events:none}
@keyframes breathe{50%{transform:scale(1.15);opacity:.7}}
.sfloat{position:absolute;inset:0;pointer-events:none}
.sfloat img{position:absolute;width:clamp(110px,15vw,230px);aspect-ratio:4/3;object-fit:cover;border-radius:18px;opacity:.2;filter:blur(1.5px) saturate(.7);box-shadow:0 30px 60px -20px #000;will-change:transform}
.snum{position:absolute;font-family:var(--display);font-weight:800;font-size:34vw;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff0e;letter-spacing:-.08em;pointer-events:none;transition:opacity .4s}
.scenes{position:relative;width:100%;display:grid;place-items:center;perspective:900px;padding-inline:20px}
.scene{grid-area:1/1;font-family:var(--display);font-weight:700;font-size:clamp(30px,5.6vw,80px);line-height:1.08;letter-spacing:-.045em;text-align:center;max-width:15ch;margin:0}
.scene{will-change:transform,opacity,filter}
.scene .smk{display:inline-block;overflow:hidden;padding:.06em .02em .16em;margin:-.06em -.02em -.16em;vertical-align:bottom}
.scene .w{display:inline-block;will-change:transform}
.scene .k{color:var(--sun);position:relative;background:linear-gradient(100deg,var(--sun) 0%,var(--sun) 40%,#FFF6D0 50%,var(--sun) 60%,var(--sun) 100%);background-size:250% 100%;background-position:var(--gp,100%) 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.scene .k::after{content:"";position:absolute;left:2%;right:2%;bottom:.02em;height:.07em;background:var(--sun);border-radius:4px;transform:scaleX(var(--ul,0));transform-origin:left}
.sprog{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.sprog i{width:150px;height:2px;background:#ffffff1f;border-radius:2px;overflow:hidden}
.sprog i u{display:block;height:100%;background:var(--sun);transform-origin:left;transform:scaleX(var(--p,0))}
.sprog b{color:#fff}
@media (max-width:620px){.scene{font-size:clamp(30px,9.4vw,46px)}.sfloat img{width:96px}}

.reel{position:relative}
.reel .pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.reel .bgnum{position:absolute;right:-2vw;bottom:-6vw;font-family:var(--display);font-weight:800;font-size:38vw;line-height:.8;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #ffffff12;pointer-events:none}
.reel .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;width:100%;position:relative}
.rtext{min-width:0}
.rcount{font-family:var(--mono);font-size:13px;color:var(--muted);display:flex;align-items:center;gap:14px}
.rcount b{color:#fff;font-size:15px}
.rcount i{flex:0 0 120px;height:2px;background:#ffffff1f;position:relative;border-radius:2px;overflow:hidden}
.rcount i u{position:absolute;inset:0;background:var(--sun);transform-origin:left;transform:scaleX(var(--p,0))}
.rcat{margin-top:26px;color:var(--sun);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.rname{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.2vw,60px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 16px}
.rdesc{color:#ffffffa0;max-width:44ch;margin:0}
.rvars{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.rvars button{border:1px solid #ffffff26;background:#ffffff0a;color:#ffffffc0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:.2s}
.rvars button[aria-pressed="true"]{background:#fff;color:#05060F;border-color:#fff}
.rbuy{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.rprice{font-family:var(--mono);font-size:30px;font-weight:700;margin-right:6px}
.rfit{margin-top:22px;font-size:13px;color:var(--muted)}
.rtext .anim>*{animation:chap .8s var(--ease) both}
.rtext .anim>*:nth-child(2){animation-delay:.04s}.rtext .anim>*:nth-child(3){animation-delay:.08s}.rtext .anim>*:nth-child(4){animation-delay:.12s}.rtext .anim>*:nth-child(5){animation-delay:.16s}.rtext .anim>*:nth-child(6){animation-delay:.2s}
@keyframes chap{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.rframe{position:relative;aspect-ratio:4/3;width:100%;max-width:620px;justify-self:end;border-radius:28px;overflow:hidden;background:var(--photo);box-shadow:0 80px 120px -50px #000,0 0 0 1px #ffffff14;cursor:pointer}
.rframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1.06));transition:opacity .7s var(--ease)}
.rframe img.fade{opacity:0}
.rframe::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff30,transparent 40%,transparent 70%,#00000026);pointer-events:none}
.rframe .badge{position:absolute;top:16px;left:16px;z-index:2}
.rdots{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:3}
.rdots button{width:10px;height:10px;border-radius:50%;border:1px solid #ffffff60;background:transparent;padding:0;transition:.3s}
.rdots button[aria-current="true"]{background:var(--sun);border-color:var(--sun);transform:scale(1.3)}
@media (max-width:900px){.reel .wrap{grid-template-columns:1fr;gap:20px}.rframe{order:-1;aspect-ratio:auto;height:36vh}.rname{font-size:clamp(24px,7vw,40px)}.rdesc{display:none}.rdots{right:6px}.reel .pin{padding-top:64px}.rprice{font-size:24px}}

.railhead{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-block:90px 22px}
.h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,48px);letter-spacing:-.05em;line-height:1.02;margin:12px 0 0}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);animation:live 1.8s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 #3FCB8F88}70%,100%{box-shadow:0 0 0 9px #3FCB8F00}}
.rail{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rail .track{display:flex;gap:14px;width:max-content;animation:scroll 55s linear infinite}
.rail:hover .track{animation-play-state:paused}
.ritem{flex:none;width:230px;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:6px;text-align:left;display:grid;gap:8px;transition:transform .3s var(--ease),border-color .3s}
.ritem:hover{transform:translateY(-4px);border-color:#ffffff40}
.ritem img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:var(--photo);display:block}
.ritem span{padding:0 8px 6px;display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600}
.ritem span em{font-style:normal;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ritem span b{font-family:var(--mono);white-space:nowrap}

.shophead{padding-block:110px 22px}
.shophead p{color:var(--muted);margin:10px 0 0;max-width:46ch}
.seg{display:inline-flex;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.seg button{border:0;background:transparent;padding:9px 16px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}
.seg button small{font-family:var(--mono);font-size:11px;opacity:.7}
.seg button[aria-pressed="true"]{background:#fff;color:#05060F}
.filterrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.activemodel{display:inline-flex;align-items:center;gap:8px;background:#3D5BFF26;color:#B8C4FF;padding:6px 6px 6px 14px;border-radius:999px;font-size:13px;font-weight:700}
.activemodel button{border:0;background:#ffffff1a;color:#fff;border-radius:999px;width:24px;height:24px}
.count{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;padding-top:20px}
.card{background:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--line);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;padding:8px;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);border-color:#ffffff30;box-shadow:0 40px 60px -30px #000}
.thumb{aspect-ratio:4/3;width:100%;display:block;position:relative;border:0;padding:0;background:var(--photo);overflow:hidden;border-radius:19px}
.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.card:hover .thumb img{transform:scale(1.06)}
.badge{background:#ffffffe8;color:#05060F;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px}
.thumb .badge{position:absolute;top:10px;left:10px;z-index:1}
.badge.hot{background:var(--sun)}
.badge.new{background:var(--blue);color:#fff}
.cbody{padding:16px 10px 8px;display:flex;flex-direction:column;gap:10px;flex:1}
.ccat{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.cname{font-weight:700;font-size:17px;line-height:1.3;margin-top:-4px}
.cv{display:flex;gap:6px;flex-wrap:wrap}
.cv button{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:3px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}
.cv button img{width:30px;height:22px;object-fit:cover;border-radius:8px;background:var(--photo)}
.cv button span{padding-right:6px}
.cv button[aria-pressed="true"]{border-color:#fff;color:#fff}
.fit{font-size:12px;color:var(--muted)}
.crow{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.price{font-family:var(--mono);font-size:19px;font-weight:700}
.add{border:0;background:#fff;color:#05060F;height:42px;padding:0 16px;border-radius:999px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;transition:background .2s}
.add svg{width:17px;height:17px}
.add:hover{background:var(--sun)}
.empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:26px}
.empty .btn{margin-top:14px}

.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:26px}
.step{padding:30px 26px 10px 0;display:grid;gap:12px;align-content:start}
.step+.step{padding-left:26px;border-left:1px solid var(--line)}
.step .no{font-family:var(--display);font-weight:800;font-size:64px;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #ffffff40}
.step h3{margin:0;font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.03em}
.step p{margin:0;color:var(--muted);font-size:14px;max-width:34ch}
@media (max-width:760px){.steps{grid-template-columns:1fr}.step+.step{padding-left:0;border-left:0;border-top:1px solid var(--line)}}

.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:20px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-weight:600;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--sun);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 20px;color:var(--muted);max-width:52ch}
@media (max-width:760px){.faq{grid-template-columns:1fr}}

.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;padding-block:110px 60px}
.t-req{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:clamp(24px,3.4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:26px}
.t-req h3{margin:12px 0 10px;font-family:var(--display);font-weight:800;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.05em;line-height:1.05}
.t-req p{margin:0;color:var(--muted)}
.t-req form{display:grid;gap:10px;align-content:start}
.t-req input,.t-req select{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:#fff}
.t-req select option{background:#0E1330}
.t-ig{border-radius:30px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;position:relative;overflow:hidden;background:linear-gradient(150deg,#4C68FF,#2238D9 55%,#121F8C);min-height:300px}
.t-ig::before{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,#FFC92855,transparent)}
.t-ig h3{margin:0;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.05em;line-height:1.05;position:relative}
.t-ig p{margin:10px 0 0;color:#ffffffc0;position:relative}
.t-ig .btn{align-self:flex-start;position:relative}
.msg{white-space:pre-wrap;text-align:left;background:#ffffff08;border:1px dashed #ffffff30;border-radius:14px;padding:12px;font-family:var(--mono);font-size:12px}
.note{font-size:12px;color:var(--muted)}
.err{color:#FF7A7A;font-size:13px;font-weight:700}
@media (max-width:900px){.lower{grid-template-columns:1fr}}
@media (max-width:620px){.t-req{grid-template-columns:1fr}}

footer{border-top:1px solid var(--line);overflow:hidden}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding-block:56px 30px}
footer p{color:var(--muted);font-size:14px;margin:14px 0 0;max-width:32ch}
footer h4{margin:0 0 12px;font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
footer a{color:#fff;text-decoration:none;font-size:14px;opacity:.85}
footer a:hover{opacity:1}
.giant{font-family:var(--display);font-weight:800;font-size:clamp(44px,15vw,224px);line-height:.85;letter-spacing:-.07em;text-align:center;white-space:nowrap;background:linear-gradient(180deg,#ffffff2a,#ffffff03 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;padding-inline:10px}
.giant em{font-style:normal;background:linear-gradient(180deg,#FFC92880,#FFC92805 85%);-webkit-background-clip:text;background-clip:text}
footer .bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#ffffff60;font-size:12px;font-family:var(--mono);padding-block:18px;border-top:1px solid var(--line)}
@media (max-width:760px){footer .cols{grid-template-columns:1fr 1fr}footer .brand{grid-column:1/-1}}

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

.mbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:35;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:#fff;color:#05060F;box-shadow:0 20px 40px -12px #000}
.mbar b{font-family:var(--mono)}
.mbar small{display:block;opacity:.65;font-size:12px}
.mbar .btn{padding:11px 16px;background:#05060F;color:#fff}
@media (max-width:760px){.mbar.on{display:flex}body.hasbar footer{padding-bottom:84px}}

.scrim{position:fixed;inset:0;background:#000000a8;backdrop-filter:blur(6px);z-index:60}
.modal{position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:32px;display:grid;grid-template-columns:1.05fr 1fr;padding:10px}
.modal .thumb{aspect-ratio:auto;min-height:340px;height:100%;border-radius:24px}
.modal .thumb img{object-fit:contain}
.mbody{padding:20px 18px 18px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.mbody h3{margin:0;font-family:var(--display);font-weight:800;font-size:26px;line-height:1.1;letter-spacing:-.04em}
.mbody p{margin:0;color:var(--muted)}
.f{display:grid;gap:8px;font-size:13px;font-weight:600}
label.f input,label.f textarea{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:#fff;font-weight:500;font-size:15px}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:6px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}
.pill img{width:42px;height:32px;object-fit:cover;border-radius:10px;background:var(--photo)}
.pill span{padding-right:6px}
.pill[aria-pressed="true"]{border-color:#fff}
.fitline{font-size:13px;color:var(--muted);background:#ffffff08;border-radius:14px;padding:10px 12px}
.fitline b{color:#fff}
.stock{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#FFB27A}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#F97316;box-shadow:0 0 0 4px #F9731633}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{border:0;background:transparent;width:40px;height:44px;font-size:18px;color:#fff}
.qty span{min-width:24px;text-align:center;font-family:var(--mono)}
.qty.sm button{width:30px;height:32px}
.x{position:absolute;top:18px;right:18px;border:0;background:#05060Fd0;color:#fff;width:38px;height:38px;border-radius:50%;font-size:18px;z-index:2}
@media (max-width:720px){.modal{grid-template-columns:1fr}.modal .thumb{min-height:0;aspect-ratio:4/3}}
.drawer{position:fixed;z-index:70;top:10px;right:10px;bottom:10px;width:min(440px,calc(100% - 20px));background:var(--surface);border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;overflow:hidden;margin-top:env(safe-area-inset-top,0px);margin-bottom:env(safe-area-inset-bottom,0px)}
.dhead{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 12px}
.dhead h3{margin:0;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.04em}
.dhead button{border:0;background:#ffffff12;width:36px;height:36px;border-radius:50%;font-size:18px}
.dbody{flex:1;overflow:auto;padding:8px 22px 16px;display:flex;flex-direction:column;gap:14px}
.line{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.line img{width:76px;height:58px;border-radius:14px;object-fit:cover;background:var(--photo)}
.line b{display:block;font-size:14px;line-height:1.3}
.line small{color:var(--muted);font-size:12px}
.line .rm{border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;padding:0}
.dfoot{border-top:1px solid var(--line);padding:16px 22px 20px;display:grid;gap:10px}
.sum{display:flex;justify-content:space-between;font-size:14px}
.sum.tot{font-size:19px;font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.two>button:not(.btn){border:1px solid var(--line);background:#ffffff08;padding:11px;border-radius:999px;font-weight:600;font-size:14px}
.two>button[aria-pressed="true"]{border-color:#fff;background:#ffffff18}
.done{text-align:center;display:grid;gap:12px;padding-block:20px;justify-items:center}
.done .ok{width:68px;height:68px;border-radius:50%;background:var(--ok);display:grid;place-items:center;color:#05060F;font-size:30px;box-shadow:0 0 0 10px #3FCB8F22}
.done .big{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.04em}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#fff;color:#05060F;padding:12px 20px;border-radius:999px;font-weight:600;z-index:80;box-shadow:0 14px 30px #0008;display:flex;gap:8px;align-items:center;max-width:calc(100% - 32px)}
.toast::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
@media (max-width:760px){body.hasbar .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.pre{opacity:1;transform:none}.intro{display:none}.statement{height:auto}.statement .pin{position:static;height:auto;padding-block:100px}.scenes{gap:30px}.scene{grid-area:auto}.scene{opacity:1!important;transform:none!important;filter:none!important}.scene .w{transform:none!important}.scene .k::after{transform:scaleX(1)}.sprog,.sfloat{display:none}}

/* ---- WordPress additions ---- */
img{max-width:100%;height:auto}
a{color:inherit}
.skip{position:absolute;left:-9999px;top:10px;z-index:200;background:#fff;color:#05060F;padding:10px 14px;border-radius:10px}
.skip:focus{left:10px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.custom-logo-img{width:auto;height:34px;max-height:34px;object-fit:contain}
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}
.page-main{padding-block:130px 60px;min-height:60vh}
.wrap.narrow{max-width:820px}
.page-head{margin-bottom:28px}
.entry{color:#ffffffc8;font-size:16px;line-height:1.7}
.entry a{color:var(--sun)}
.entry h2,.entry h3{font-family:var(--display);letter-spacing:-.03em;color:#fff}
.post-list{display:grid;gap:18px}.post-item h2{font-family:var(--display);font-size:22px;margin:0 0 6px}
.e404{text-align:center}.big404{font-family:var(--display);font-weight:800;font-size:clamp(90px,22vw,220px);line-height:.9;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #ffffff40}
.e404 .cta{justify-content:center}
.nav-links{display:flex;gap:8px;margin-top:24px}.nav-links .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none}
.nav-links .current{background:#fff;color:#05060F}
.lb{position:absolute}
.stage .lb img{width:100%;height:100%}
.empty-state{grid-column:1/-1}
.card .cname{text-decoration:none}
.card .cname:hover{text-decoration:underline;text-underline-offset:3px}
#drawer .line small{display:block;margin-top:2px}
#toast{width:max-content;max-width:calc(100vw - 32px);border-radius:18px}
/* Instagram feed */
.insta{padding-block:clamp(56px,8vw,110px)}
.insta-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.insta-head .h2{margin:6px 0 0}
.insta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.insta-item{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#ffffff0a}
.insta-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.insta-item:hover img,.insta-item:focus-visible img{transform:scale(1.06)}
.insta-cap{position:absolute;inset:auto 0 0;padding:28px 12px 10px;font-size:12.5px;line-height:1.35;color:#fff;background:linear-gradient(transparent,#05060Fd9);opacity:0;transform:translateY(8px);transition:.3s}
.insta-item:hover .insta-cap,.insta-item:focus-visible .insta-cap{opacity:1;transform:none}
.insta-play{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#05060Fb3;color:#fff;font-size:11px}
.insta-item:focus-visible{outline:2px solid var(--sun,#FFC928);outline-offset:3px}
@media (max-width:760px){.insta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insta-cap{display:none}}
@media (prefers-reduced-motion:reduce){.insta-item img,.insta-cap{transition:none}}
/* DM links */
.mlinks{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.note.dm{color:#FFC928}

/* animated logo intro */
.intro .box{flex-direction:column;gap:18px}
.intro-mark{display:block;width:clamp(120px,22vw,168px);aspect-ratio:1}
.intro-mark svg{width:100%;height:100%;display:block;stroke-width:initial}
.intro .wm{font-size:clamp(26px,5vw,34px);animation-delay:1.7s}

/* ===== hero showcase: 3D carousel ===== */
.stage.show3d{--gc:74,102,255;perspective:1600px;perspective-origin:50% 40%;touch-action:pan-y;outline:0}
.stage.show3d .glow{position:absolute;left:50%;top:44%;width:78%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--gc),.55),rgba(var(--gc),.14) 55%,transparent);filter:blur(30px);transition:background 1s var(--ease);pointer-events:none;animation:scGlow 6s ease-in-out infinite alternate}
@keyframes scGlow{to{scale:1.12;opacity:.8}}
.sc-ring{position:absolute;left:50%;top:46%;width:96%;aspect-ratio:2.6;translate:-50% -50%;border:1px solid #ffffff14;border-radius:50%;transform:rotateX(68deg);pointer-events:none}
.sc-ring i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 14px 4px #FFC92866;offset-path:ellipse(50% 50% at 50% 50%);offset-distance:0%;animation:scOrbit 9s linear infinite}
@keyframes scOrbit{to{offset-distance:100%}}
.sc-deck{position:absolute;inset:0;transform-style:preserve-3d;--drag:0px}
.sc-card{--w:clamp(210px,24vw,330px);position:absolute;left:50%;top:46%;width:var(--w);margin-left:calc(var(--w)/-2);translate:0 -50%;transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s ease,filter .7s ease;will-change:transform;
  animation:scIn 1.1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.25s + var(--k)*.07s)}
@keyframes scIn{from{opacity:0;translate:0 -30%;rotate:x 25deg}}
.sc-card[data-d="0"]{transform:translateX(var(--drag)) translateZ(60px);z-index:5}
.sc-card[data-d="1"]{transform:translateX(calc(64% + var(--drag)*.6)) translateZ(-160px) rotateY(-34deg) scale(.84);opacity:.75;filter:brightness(.55) saturate(.8);z-index:4}
.sc-card[data-d="-1"]{transform:translateX(calc(-64% + var(--drag)*.6)) translateZ(-160px) rotateY(34deg) scale(.84);opacity:.75;filter:brightness(.55) saturate(.8);z-index:4}
.sc-card[data-d="2"]{transform:translateX(112%) translateZ(-420px) rotateY(-44deg) scale(.7);opacity:.28;filter:brightness(.4) blur(1px);z-index:3}
.sc-card[data-d="-2"]{transform:translateX(-112%) translateZ(-420px) rotateY(44deg) scale(.7);opacity:.28;filter:brightness(.4) blur(1px);z-index:3}
.sc-card[data-d="3"],.sc-card[data-d="-3"]{transform:translateZ(-700px) scale(.5);opacity:0;pointer-events:none;z-index:1}
.sc-card:not([data-d="0"]){cursor:pointer}
.sc-card:not([data-d="0"]) .sc-info{opacity:.0}
.sc-in{position:relative;border-radius:26px;overflow:hidden;background:#0d1230;box-shadow:0 50px 80px -30px #000c,0 0 0 1px #ffffff1a;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;transform-style:preserve-3d;--mx:30%;--my:20%}
.sc-card[data-d="0"] .sc-in{box-shadow:0 60px 100px -30px #000d,0 0 0 1px #ffffff26,0 0 80px -10px rgba(var(--gc),.45)}
.sc-img{display:block;width:100%;aspect-ratio:1;border:0;padding:0;margin:0;background:var(--photo,#e9e9ee);cursor:pointer;position:relative;overflow:hidden}
.sc-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);user-select:none;-webkit-user-drag:none}
.sc-card[data-d="0"] .sc-img img{transform:scale(1);animation:scKen 7s ease-in-out infinite alternate}
@keyframes scKen{to{transform:scale(1.07) translateY(-1.5%)}}
.sc-img .badge{position:absolute;left:12px;top:12px;z-index:2}
.sc-shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),#ffffff55,transparent 45%),linear-gradient(115deg,#ffffff26 0%,transparent 32%,transparent 70%,#0000002e);mix-blend-mode:soft-light;opacity:.9}
.sc-card[data-d="0"] .sc-shine::after{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 40%,#ffffff40 50%,transparent 60%);transform:translateX(-120%);animation:scSweep var(--dur,3.4s) cubic-bezier(.6,0,.2,1) .4s}
@keyframes scSweep{to{transform:translateX(120%)}}
.sc-info{padding:14px 16px 16px;background:linear-gradient(180deg,#121836,#0b0f26);display:flex;flex-direction:column;gap:4px;transition:opacity .5s}
.sc-cat{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sc-name{font-family:var(--display);font-weight:800;font-size:clamp(15px,1.35vw,19px);letter-spacing:-.03em;line-height:1.15;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-row{display:flex;align-items:center;gap:10px;margin-top:6px}
.sc-price{font-family:var(--mono);font-weight:700;font-size:17px;color:var(--sun);white-space:nowrap}
.sc-vars{display:flex;margin-left:auto}
.sc-vars img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #0b0f26;margin-left:-7px;background:#fff}
.sc-vars em{font-style:normal;font-size:11px;color:var(--muted);margin-left:4px;align-self:center}
.sc-add{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--sun);color:#05060F;display:grid;place-items:center;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.sc-vars+.sc-add{margin-left:0}.sc-price+.sc-add{margin-left:auto}
.sc-add svg{width:18px;height:18px}
.sc-add:hover{transform:scale(1.1);box-shadow:0 0 0 6px #FFC92833}
.sc-add.ok{animation:scOk .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes scOk{30%{transform:scale(.8) rotate(-90deg)}100%{transform:scale(1) rotate(0)}}
.sc-ui{position:absolute;left:50%;bottom:0;translate:-50% 0;display:flex;align-items:center;gap:12px;z-index:8}
.sc-nav{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff26;background:#0b0f26b3;backdrop-filter:blur(8px);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s}
.sc-nav:hover{background:#ffffff1a;border-color:#ffffff55}
.sc-bars{display:flex;gap:6px}
.sc-bars button{width:26px;height:4px;border-radius:4px;border:0;padding:0;background:#ffffff26;cursor:pointer;position:relative;overflow:hidden}
.sc-bars button::before{content:"";position:absolute;inset:-8px 0}
.sc-bars button.past i{position:absolute;inset:0;background:#ffffff66}
.sc-bars button.on i{position:absolute;inset:0;background:var(--sun);transform-origin:left;animation:scFill var(--dur,3.4s) linear forwards}
.stage.paused .sc-bars button.on i{animation-play-state:paused}
@keyframes scFill{from{transform:scaleX(0)}}
.sc-chip{position:absolute;right:2%;top:6%;z-index:7;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0b0f26cc;backdrop-filter:blur(10px);border:1px solid #ffffff1f;font-size:12.5px;font-weight:600;color:#fff;box-shadow:0 20px 40px -20px #000;pointer-events:none;animation:scFloat 5s ease-in-out infinite}
.sc-chip i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px #3ddc8433}
.sc-chip.in{animation:scChipIn .6s cubic-bezier(.2,.8,.2,1),scFloat 5s ease-in-out .6s infinite}
@keyframes scChipIn{from{opacity:0;translate:0 10px;filter:blur(4px)}}
@keyframes scFloat{50%{translate:0 -8px}}
.stage.show3d .sc-card:focus-within .sc-in{outline:2px solid var(--sun);outline-offset:3px}
@media (max-width:900px){
  .sc-card{--w:min(62vw,300px)}
  .sc-card[data-d="1"]{transform:translateX(calc(52% + var(--drag)*.6)) translateZ(-200px) rotateY(-30deg) scale(.8)}
  .sc-card[data-d="-1"]{transform:translateX(calc(-52% + var(--drag)*.6)) translateZ(-200px) rotateY(30deg) scale(.8)}
  .sc-card[data-d="2"],.sc-card[data-d="-2"]{opacity:0}
  .sc-chip{top:0;right:0}
  .sc-nav{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sc-card,.sc-in,.sc-img img{transition:none!important;animation:none!important}
  .sc-ring i,.sc-chip,.stage.show3d .glow{animation:none!important}
}

/* headline swap: old word leaves fast and blurred so it never overlaps the new one */
@keyframes outL{55%{opacity:0}to{transform:translateY(-70%) rotate(-3deg);opacity:0;filter:blur(6px)}}
.rot .word.out i{animation-duration:.32s}
.rot .word:not(.out) i{animation-delay:calc(140ms + var(--i)*28ms)}
/* showcase layout v2: card size drives the stage height; side cards are clipped at the stage edge */
.stage.show3d{--w:clamp(220px,24vw,330px);height:calc(var(--w) + 250px);clip-path:inset(-30% 0 -12% 0)}
.stage.show3d .sc-card{--w:inherit;top:28px;translate:0 0}
@keyframes scIn{from{opacity:0;translate:0 18%;rotate:x 25deg}}
.stage.show3d .sc-card[data-d="1"]{transform:translateX(calc(56% + var(--drag)*.6)) translateZ(-180px) rotateY(-34deg) scale(.84)}
.stage.show3d .sc-card[data-d="-1"]{transform:translateX(calc(-56% + var(--drag)*.6)) translateZ(-180px) rotateY(34deg) scale(.84)}
.stage.show3d .sc-card[data-d="2"]{transform:translateX(96%) translateZ(-440px) rotateY(-44deg) scale(.7)}
.stage.show3d .sc-card[data-d="-2"]{transform:translateX(-96%) translateZ(-440px) rotateY(44deg) scale(.7)}
.stage.show3d .sc-ui{bottom:4px}
.stage.show3d .glow{top:40%}
.sc-ring{top:58%}
@media (max-width:900px){
  .stage.show3d{--w:min(64vw,300px);height:calc(var(--w) + 236px);margin-top:12px}
  .stage.show3d .sc-card[data-d="1"]{transform:translateX(calc(50% + var(--drag)*.6)) translateZ(-220px) rotateY(-30deg) scale(.8)}
  .stage.show3d .sc-card[data-d="-1"]{transform:translateX(calc(-50% + var(--drag)*.6)) translateZ(-220px) rotateY(30deg) scale(.8)}
  .sc-chip{display:none}
}

/* ===== Teli, the phone mascot ===== */
.teli{position:fixed;left:0;top:0;z-index:36;pointer-events:none;will-change:transform;user-select:none;-webkit-user-select:none}
.teli-svg{display:block;position:relative;pointer-events:auto;cursor:grab;overflow:visible;filter:drop-shadow(0 6px 10px #0007);touch-action:none}
.teli.held .teli-svg{cursor:grabbing}
.teli-shadow{position:absolute;left:50%;top:0;width:58px;height:10px;border-radius:50%;background:radial-gradient(closest-side,#000a,transparent);pointer-events:none}
.teli-bub{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-30%);width:max-content;max-width:min(240px,70vw);padding:10px 14px;border-radius:16px 16px 16px 4px;background:#fff;color:#05060F;font:600 13px/1.35 "Onest",system-ui,sans-serif;box-shadow:0 16px 30px -10px #000a;pointer-events:auto}
.teli-bub.left{transform:translateX(-80%);border-radius:16px 16px 4px 16px}
.teli-bub.in{animation:teliBub .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes teliBub{from{opacity:0;scale:.6;translate:0 8px}}
.teli-off{display:block;margin-top:6px;border:0;background:none;padding:0;color:#2342F0;font:600 12px "Onest",system-ui,sans-serif;text-decoration:underline;cursor:pointer}
@media print{.teli{display:none}}
/* Teli 3D */
.teli3d .teli-cv{display:block;pointer-events:auto;cursor:grab;touch-action:none}
.teli3d.held .teli-cv{cursor:grabbing}
.teli3d .teli-bub{bottom:calc(100% - 38px)}
.teli-shadow3d{position:fixed;left:0;top:0;z-index:35;width:46px;height:9px;border-radius:50%;background:radial-gradient(closest-side,#000b,transparent);pointer-events:none;transform-origin:center}
.teli-code{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;background:#05060F;color:#FFC928;font:700 14px ui-monospace,monospace;letter-spacing:.08em;cursor:pointer}
.teli-code[data-ok]::after{content:" ✓";color:#3ddc84}
.teli-bub .teli-code:not([hidden]){display:table}
/* Teli brain: menu, perch layer, effects, mini game */
.teli.up{z-index:76}.teli-shadow3d.up{z-index:75}
#scrim:not([hidden]) ~ .teli:not(.teli3d){z-index:76}
.teli-bub.below{bottom:auto;top:calc(100% - 6px);border-radius:4px 16px 16px 16px}
.teli-btns{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.teli-btns button{display:block;width:100%;text-align:left;border:1px solid #05060F1f;background:#f3f5ff;color:#05060F;border-radius:12px;padding:8px 12px;font:600 13px/1.2 "Onest",system-ui,sans-serif;cursor:pointer;transition:background .15s,transform .15s}
.teli-btns button:hover{background:#FFC928;transform:translateX(3px)}
.teli-btns button:focus-visible{outline:2px solid #2342F0;outline-offset:2px}
.teli-bub{max-width:min(260px,74vw)}
.teli-fx{position:fixed;inset:0;pointer-events:none;z-index:77;overflow:hidden}
.teli-spark{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:2px}
.teli-conf{position:absolute;left:0;top:0;width:8px;height:12px;border-radius:2px}
.teli-ball{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,transparent 13%),conic-gradient(#FFC928 0 25%,#2342F0 0 50%,#FFC928 0 75%,#2342F0 0);box-shadow:0 4px 8px #0007}
.teli-game{position:fixed;inset:0;z-index:74;touch-action:none;cursor:crosshair;background:linear-gradient(#05060F00 55%,#05060Fb3)}
.tg-hud{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));translate:-50% 0;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-radius:999px;background:#0b0f26e6;border:1px solid #ffffff26;color:#fff;font:600 13px "Onest",system-ui,sans-serif;backdrop-filter:blur(8px);box-shadow:0 20px 40px -18px #000;white-space:nowrap}
.tg-score{font:800 20px "Unbounded",system-ui,sans-serif;color:#FFC928;min-width:2ch;text-align:center}
.tg-bar{width:90px;height:6px;border-radius:6px;background:#ffffff26;overflow:hidden}
.tg-bar i{display:block;height:100%;background:#FFC928;transform-origin:left}
.tg-x{width:30px;height:30px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer}
.tg-help{position:absolute;left:50%;top:calc(130px + env(safe-area-inset-top,0px));translate:-50% 0;color:#ffffffb3;font:500 12px "Onest",system-ui,sans-serif;white-space:nowrap}
.tg-item{position:absolute;left:0;top:0;width:24px;height:24px;pointer-events:none}
.tg-item.star{background:linear-gradient(135deg,#FFE27A,#FFC928 60%,#E0A300);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 6px #FFC92899)}
.tg-item.coin{border-radius:50%;background:linear-gradient(135deg,#6A82FF,#2342F0);color:#FFC928;font:800 14px/24px "Unbounded",system-ui,sans-serif;text-align:center;box-shadow:0 0 12px #4A66FFaa,inset 0 0 0 2px #FFC928}
@media (max-width:640px){.tg-title{display:none}}
.teli-bub.side{bottom:auto;top:18%;left:calc(100% - 14px);transform:none;border-radius:4px 16px 16px 16px}
.teli-bub.side.left{left:auto;right:calc(100% - 14px);border-radius:16px 4px 16px 16px}

/* ---------- product stage (vector render instead of cropped photos) ---------- */
.pstage{position:absolute;inset:0;overflow:hidden;container-type:size;isolation:isolate;
  background:radial-gradient(52% 58% at 50% 44%,rgba(var(--ac,74,102,255),.34),transparent 72%),radial-gradient(120% 70% at 50% 118%,#1a2cb8 0,transparent 62%),linear-gradient(165deg,#0f1336 0%,#070818 55%,#05060f 100%)}
.pstage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:7cqh 7cqh;mask-image:radial-gradient(70% 60% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 50% 50%,#000,transparent);pointer-events:none}
.ps-word{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font:800 30cqh/1 "Unbounded",system-ui,sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #ffffff17;white-space:nowrap;pointer-events:none;z-index:0}
.ps-floor{position:absolute;left:50%;bottom:7cqh;width:min(56cqh,70cqw);height:9cqh;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(var(--ac,74,102,255),.5),rgba(var(--ac,74,102,255),.12) 60%,transparent);box-shadow:0 0 0 1px #ffffff10 inset;z-index:0}
.ps-floor::after{content:"";position:absolute;inset:28% 20%;border-radius:50%;background:radial-gradient(closest-side,#000c,transparent)}
.ps-dev{position:absolute;left:50%;top:50%;height:76cqh;max-width:62cqw;aspect-ratio:220/440;transform:translate(-50%,-50%) perspective(1000px) rotateY(-16deg) rotateX(5deg);filter:drop-shadow(0 4cqh 5cqh #000b) drop-shadow(0 0 4cqh rgba(var(--ac,74,102,255),.25));z-index:2}
.ps-dev svg{display:block;width:100%;height:100%;overflow:visible}
.ps-watch .ps-dev{aspect-ratio:240/340;height:82cqh}
.ps-tablet .ps-dev{aspect-ratio:320/440;height:74cqh;max-width:70cqw}
.ps-duo .ps-dev{left:56%}
.ps-dev.ps-back{left:36%;top:45%;height:66cqh;transform:translate(-50%,-50%) perspective(1000px) rotateY(24deg) rotateZ(-7deg);filter:brightness(.62) saturate(.8) drop-shadow(0 3cqh 4cqh #000b);z-index:1}
.ps-glass .ps-glass{transform:translate(-3%,-2.5%);transform-box:fill-box}
.ps-size{position:absolute;left:4.5cqw;bottom:5cqh;z-index:3;font:700 clamp(10px,3.6cqh,14px)/1 "JetBrains Mono",ui-monospace,monospace;color:#fff;background:#ffffff14;border:1px solid #ffffff26;padding:.45em .7em;border-radius:999px;backdrop-filter:blur(6px)}
.ps-photo{position:absolute;right:4cqw;bottom:5cqh;z-index:3;width:clamp(52px,27cqmin,170px);aspect-ratio:1;border-radius:clamp(10px,4cqmin,18px);overflow:hidden;padding:0;margin:0;border:2px solid #ffffffd9;background:#15171c;box-shadow:0 2cqh 5cqh -1cqh #000d;transform:rotate(4deg);transition:transform .35s var(--ease,ease)}
button.ps-photo{cursor:zoom-in}
button.ps-photo:hover,button.ps-photo:focus-visible{transform:rotate(0) scale(1.06)}
.pstage .ps-photo img{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;animation:none!important;opacity:1!important;filter:none!important;transition:none!important}
.ps-photo em{position:absolute;left:5px;right:5px;bottom:5px;font:700 clamp(8px,2.6cqmin,11px)/1 "JetBrains Mono",ui-monospace,monospace;font-style:normal;letter-spacing:.04em;color:#fff;background:#05060fcc;padding:.42em .5em;border-radius:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container (max-width:380px){.ps-photo em i{display:none}}
.ps-photo em i{font-style:normal}
.ps-solo{position:absolute;inset:9cqh 12cqw 13cqh;display:grid;place-items:center;z-index:2}
.pstage .ps-solo img{position:static!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:16px;transform:none!important;animation:none!important;opacity:1!important;box-shadow:0 3cqh 6cqh -2cqh #000c}
/* motion (.ps-live): only where it is the focus (hero front card, reel, product window, hovered card) */
@keyframes psFloat{0%,100%{transform:translate(-50%,-50%) perspective(1000px) rotateY(-16deg) rotateX(5deg)}50%{transform:translate(-50%,-52.5%) perspective(1000px) rotateY(-5deg) rotateX(2deg)}}
@keyframes psFloatB{0%,100%{transform:translate(-50%,-50%) perspective(1000px) rotateY(24deg) rotateZ(-7deg)}50%{transform:translate(-50%,-52%) perspective(1000px) rotateY(16deg) rotateZ(-5deg)}}
@keyframes psSheen{0%,58%{transform:translateX(0)}100%{transform:translateX(560px)}}
@keyframes psGlass{0%,100%{transform:translate(-3%,-2.5%)}50%{transform:translate(-1%,-1%)}}
.pstage.ps-live .ps-dev,.card:hover .pstage .ps-dev,.sc-card[data-d="0"] .pstage .ps-dev{animation:psFloat 7s ease-in-out infinite}
.pstage.ps-live .ps-dev.ps-back,.card:hover .pstage .ps-dev.ps-back{animation:psFloatB 7s ease-in-out infinite}
.pstage.ps-live .ps-sheen,.card:hover .pstage .ps-sheen,.sc-card[data-d="0"] .pstage .ps-sheen{animation:psSheen 5.5s cubic-bezier(.6,0,.3,1) infinite}
.pstage.ps-live .ps-glass .ps-glass,.card:hover .ps-glass .ps-glass,.sc-card[data-d="0"] .ps-glass .ps-glass{animation:psGlass 4.5s ease-in-out infinite}
/* where the stage lives */
.thumb .pstage,.sc-img .pstage{border-radius:inherit}
.thumb .badge,.sc-img .badge,.rframe .badge{z-index:4}
.card .thumb{background:#070818}
.card:hover .thumb .pstage{transform:none}
.rframe.art{background:#070818}
.rframe.art::after{z-index:3}
.rframe .rart{position:absolute;inset:0;transition:opacity .7s var(--ease,ease)}
.rframe .rart.fade{opacity:0}
.sc-img.art{background:#070818}
.modal .thumb.art{background:#070818;min-height:340px}
.modal .thumb .ps-full{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#05060ff2;opacity:0;pointer-events:none;transition:opacity .3s}
.modal .thumb .ps-full img{position:static;max-width:92%;max-height:92%;width:auto;height:auto;object-fit:contain;border-radius:14px}
.modal .thumb .ps-full button{position:absolute;top:12px;right:12px;border:0;border-radius:999px;background:#fff;color:#05060F;font:700 12px/1 "Onest",system-ui,sans-serif;padding:9px 12px;cursor:pointer}
.modal .thumb.photo .ps-full{opacity:1;pointer-events:auto}
@media (max-width:720px){.modal .thumb.art{min-height:0}}
/* statement section: floating mini renders */
.sfloat .sf{position:absolute;width:clamp(70px,8vw,120px);aspect-ratio:220/440;opacity:.32;filter:blur(.6px) drop-shadow(0 30px 40px #000);will-change:transform}
.sfloat .sf.ps-watch{aspect-ratio:240/340;width:clamp(80px,9vw,140px)}
.sfloat .sf svg{width:100%;height:100%;display:block}
@media (max-width:620px){.sfloat .sf{width:58px}.sfloat .sf.ps-watch{width:70px}}
@media (prefers-reduced-motion:reduce){.pstage .ps-dev,.pstage .ps-sheen,.ps-glass .ps-glass{animation:none!important}}
.rframe.art > img{display:none}
/* Teli hidden by the visitor: small button to call him back */
.teli-call{position:fixed;left:14px;bottom:14px;z-index:35;display:flex;align-items:center;gap:7px;height:36px;padding:0 13px 0 7px;border:1px solid #ffffff2e;border-radius:999px;background:#0b0d1fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:700 12px/1 "Onest",system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 24px -8px #000c;animation:tcIn .5s cubic-bezier(.3,1.6,.5,1);transition:border-color .2s,transform .2s,opacity .25s}
.teli-call:hover,.teli-call:focus-visible{border-color:#FFC928;transform:translateY(-2px)}
.teli-call.out{opacity:0;transform:scale(.6)}
.tc-face{width:20px;height:26px;border-radius:6px;background:linear-gradient(160deg,#4A66FF,#1E31D2);border:1.5px solid #9db0ff;display:flex;align-items:center;justify-content:center;gap:3px}
.tc-face i{width:4px;height:6px;border-radius:2px;background:#fff;animation:tcBlink 4s infinite}
@keyframes tcIn{from{opacity:0;transform:translateY(20px) scale(.6)}}
@keyframes tcBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@media print{.teli-call{display:none}}
/* ---------- "Pyet Telin" chat ---------- */
.teli-chat{position:fixed;right:20px;bottom:20px;z-index:66;width:min(370px,calc(100vw - 24px));height:min(540px,calc(100vh - 170px));display:flex;flex-direction:column;border-radius:22px;background:#0b0e24f7;border:1px solid #ffffff1f;box-shadow:0 40px 80px -30px #000,0 0 0 1px #4A66FF22,0 0 60px -20px #4A66FF66;color:#fff;font:400 14px/1.45 "Onest",system-ui,sans-serif;overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .25s,transform .35s cubic-bezier(.3,1.4,.5,1)}
.teli-chat.in{opacity:1;transform:none}
.teli-chat[hidden]{display:none}
.tc-head{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:linear-gradient(135deg,#2342F0,#1a2bb0);flex:none}
.tc-av{width:30px;height:38px;border-radius:9px;background:linear-gradient(160deg,#5b74ff,#1E31D2);border:2px solid #b8c6ff;display:flex;align-items:center;justify-content:center;gap:4px;flex:none;box-shadow:0 6px 14px -6px #000}
.tc-av i{width:5px;height:8px;border-radius:3px;background:#fff;animation:tcBlink 4s infinite}
.tc-ttl{flex:1;min-width:0}.tc-ttl b{display:block;font:800 15px/1.1 "Unbounded",system-ui,sans-serif;letter-spacing:-.02em}.tc-ttl small{display:block;font-size:11.5px;opacity:.8;margin-top:3px}
.tc-x{width:32px;height:32px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:20px;line-height:1;cursor:pointer;flex:none}
.tc-x:hover{background:#ffffff40}
.tc-log{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain;scrollbar-width:thin}
.tc-msg{max-width:88%;padding:9px 12px;border-radius:16px;animation:tcMsg .3s cubic-bezier(.3,1.4,.5,1)}
.tc-msg p{margin:0}.tc-msg p+p{margin-top:6px}
.tc-msg.tc-bot{align-self:flex-start;background:#1a1f45;border:1px solid #ffffff14;border-bottom-left-radius:5px}
.tc-msg.tc-me{align-self:flex-end;background:#FFC928;color:#05060F;font-weight:600;border-bottom-right-radius:5px}
.tc-msg.typing{display:flex;gap:4px;padding:12px 14px}
.tc-msg.typing span{width:7px;height:7px;border-radius:50%;background:#9db0ff;animation:tcDot 1s infinite}
.tc-msg.typing span:nth-child(2){animation-delay:.15s}.tc-msg.typing span:nth-child(3){animation-delay:.3s}
.tc-cards{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.tc-card{display:flex;align-items:center;gap:10px;width:100%;padding:7px;border-radius:13px;border:1px solid #ffffff1a;background:#0d1130;color:#fff;text-align:left;cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}
.tc-card:hover,.tc-card:focus-visible{border-color:#FFC928;transform:translateX(2px)}
.tc-card img,.tc-noimg{width:46px;height:46px;border-radius:9px;object-fit:cover;flex:none;background:#20254d}
.tc-ci{flex:1;min-width:0}.tc-ci b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;overflow:hidden}.tc-ci em{display:block;font-style:normal;font-size:12px;color:#FFC928;margin-top:2px;font-family:"JetBrains Mono",ui-monospace,monospace}.tc-ci small{display:block;font-size:11px;color:#ff9a9a}
.tc-card i{font-style:normal;font-size:22px;opacity:.6;padding:0 4px}
.tc-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.tc-act{border:0;border-radius:999px;background:#fff;color:#05060F;font:700 12.5px/1 "Onest",system-ui,sans-serif;padding:9px 12px;cursor:pointer}
.tc-act:hover{background:#FFC928}
.tc-chips{display:flex;gap:6px;overflow-x:auto;padding:4px 12px 8px;flex:none;scrollbar-width:none}
.tc-chips::-webkit-scrollbar{display:none}
.tc-chips[hidden]{display:none}
.tc-chips button{flex:none;border:1px solid #4A66FF88;background:#4A66FF1f;color:#dfe5ff;border-radius:999px;padding:7px 11px;font:600 12.5px/1 "Onest",system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.tc-chips button:hover{background:#4A66FF55;color:#fff}
.tc-form{display:flex;gap:8px;padding:8px 10px 6px;border-top:1px solid #ffffff12;flex:none}
.tc-form input{flex:1;min-width:0;height:42px;border-radius:999px;border:1px solid #ffffff26;background:#060818;color:#fff;padding:0 15px;font:500 15px "Onest",system-ui,sans-serif;outline:none}
.tc-form input:focus{border-color:#4A66FF}
.tc-form button{width:42px;height:42px;border-radius:50%;border:0;background:#FFC928;color:#05060F;display:grid;place-items:center;cursor:pointer;flex:none}
.tc-form button svg{width:19px;height:19px}
.tc-note{font-size:10.5px;opacity:.5;text-align:center;padding:0 12px 9px;flex:none}
@keyframes tcMsg{from{opacity:0;transform:translateY(8px) scale(.97)}}
@keyframes tcDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@media (max-width:640px){.teli-chat{left:8px;right:8px;bottom:8px;width:auto;height:min(64vh,560px);border-radius:20px;transform-origin:bottom center}}
@media print{.teli-chat{display:none}}