/*
  Landing page styles from the client's design file. Served from /public and linked only by
  (landing)/layout.tsx, so the portal and the other pages keep their own light theme.
  The design's `body` rule is scoped to the .lp wrapper, with overflow-x:clip so the
  wrapper does not become its own scroll container.
*/

:root,:root[data-theme="dark"]{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#1a100b;--bg2:#24150e;--cd:#2c1b12;--tx:#f6e9de;--mu:#b9a08f;--ac:#c98b65;--ac2:#ecd0b8;--ln:#4a3022;--gr:linear-gradient(120deg,#8a5233,#d79a73 45%,#f1d9c4 70%,#b97a56)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1a100b}}
html{scroll-behavior:smooth;scroll-padding-top:70px}
*{box-sizing:border-box}
.lp{min-height:100dvh;margin:0;background:var(--bg);color:var(--tx);font-family:var(--font-montserrat),'Montserrat','Segoe UI',system-ui,sans-serif;line-height:1.55;overflow-x:clip}
a{color:inherit;text-decoration:none}
.w{max-width:1120px;margin:auto;padding:0 20px;position:relative}
#pre{position:fixed;inset:0;background:#1a100b;z-index:999;display:grid;place-items:center;transition:opacity .8s .2s,visibility .8s .2s}
#pre.d{opacity:0;visibility:hidden}
#pre img{width:280px;max-width:70vw;animation:pi 1.4s ease both}@keyframes pi{from{opacity:0;transform:scale(.8);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes dr{to{stroke-dashoffset:0}}
#bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gr);z-index:100}
#glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(rgba(201,139,101,.16),transparent 65%);transform:translate(-50%,-50%);z-index:0;left:-999px;top:0}
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;backdrop-filter:blur(14px);background:rgba(26,16,11,.78);border-bottom:1px solid var(--ln)}
nav .w{display:flex;align-items:center;justify-content:space-between;height:64px}
.lg{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.5px}
.lg b{color:var(--ac2);font-weight:800}
nav .l{display:flex;gap:26px;font-size:13px;font-weight:600;color:var(--mu)}
nav .l a{position:relative;transition:.3s}nav .l a:hover{color:var(--ac2)}
nav .l a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:var(--ac);transition:.3s}nav .l a:hover::after{width:100%}
@media(max-width:780px){nav .l{display:none}}
.btn{display:inline-block;background:var(--gr);background-size:200%;color:#2a160d;padding:13px 28px;border-radius:99px;font-weight:700;border:0;cursor:pointer;font-size:14px;transition:.3s;box-shadow:0 10px 26px -10px #c98b65;font-family:inherit}
.btn:hover{transform:translateY(-3px) scale(1.04);background-position:100%}
.btn.o{background:transparent;color:var(--ac2);border:1.5px solid var(--ac);box-shadow:none}
.hero{position:relative;padding:70px 0 60px;overflow:hidden;background:linear-gradient(rgba(26,16,11,.55),var(--bg)),url(/landing/asset-0d7287067e.jpg) center/cover}
#cv{position:absolute;inset:0;width:100%;height:100%}
.hero .w{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}
@media(max-width:860px){.hero .w{grid-template-columns:1fr}}
.pill{display:inline-block;padding:7px 16px;border-radius:99px;border:1px solid var(--ac);font-size:12px;color:var(--ac2);font-weight:600;background:rgba(201,139,101,.1);animation:fl 3s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-7px)}}
h1{font-size:clamp(36px,6vw,66px);line-height:1.05;margin:18px 0;letter-spacing:-2px}
h1 span,h2 span{background:var(--gr);background-size:250%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 5s linear infinite}
@keyframes sh{to{background-position:250%}}
.hero p{color:var(--mu);font-size:17px;max-width:500px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--mu)}
.demo{position:relative;height:390px;display:flex;justify-content:center;align-items:center}
.phone{width:190px;height:360px;border-radius:30px;background:#0c0705;padding:9px;box-shadow:0 30px 60px -18px #000,0 0 0 1px #5a3a29;position:relative}
.scr{width:100%;height:100%;border-radius:22px;background:linear-gradient(#2c1b12,#1a100b);overflow:hidden;text-align:center;padding-top:34px;position:relative;font-size:13px}
.scr .av{width:58px;height:58px;border-radius:50%;background:var(--gr);margin:auto auto 6px}
.scr small{display:block;color:var(--mu);font-size:11px}
.scr .row{margin:8px 14px;padding:8px;border-radius:10px;background:#3a2519;font-size:11px;opacity:0;animation:rw 6s infinite}
.scr .row:nth-of-type(2){animation-delay:.2s}.scr .row:nth-of-type(3){animation-delay:.4s}
.scr .save{margin:10px 14px;background:var(--gr);color:#2a160d;border-radius:10px;padding:8px;font-size:12px;font-weight:700;opacity:0;animation:rw 6s .6s infinite}
@keyframes rw{0%,38%{opacity:0;transform:translateY(14px)}45%,92%{opacity:1;transform:none}100%{opacity:0}}
.scr .ld{position:absolute;inset:0;background:#1a100b;display:grid;place-items:center;font-size:11px;color:var(--mu);animation:ld 6s infinite;z-index:2}
@keyframes ld{0%,36%{opacity:1}42%,100%{opacity:0}}
.tapcard{position:absolute;width:210px;left:0;top:130px;z-index:3;animation:tp 6s ease-in-out infinite}
@keyframes tp{0%{transform:translate(-30px,80px) rotate(-14deg)}25%,60%{transform:translate(70px,0) rotate(-4deg)}85%,100%{transform:translate(-30px,80px) rotate(-14deg)}}
.rip{position:absolute;left:50%;top:50%;width:20px;height:20px;border:3px solid var(--ac);border-radius:50%;opacity:0;animation:rp 6s infinite;z-index:2}
.rip:nth-child(2){animation-delay:.3s}
@keyframes rp{0%,24%{opacity:0;transform:translate(-50%,-50%) scale(1)}28%{opacity:.9}45%{opacity:0;transform:translate(-50%,-50%) scale(12)}100%{opacity:0}}
.tag{position:absolute;bottom:0;right:2%;background:var(--cd);border:1px solid var(--ln);padding:7px 13px;border-radius:12px;font-size:12px;font-weight:600;animation:fl 4s infinite}
.card{aspect-ratio:1.586;border-radius:14px;padding:14px;position:relative;overflow:hidden;color:#fff;box-shadow:0 16px 34px -14px #000;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;width:100%;transition:background .5s,color .5s}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);animation:gl 4s infinite}
@keyframes gl{50%,100%{transform:translateX(120%)}}
.card .nf{position:absolute;right:12px;top:12px;width:22px;height:22px;opacity:.85}
.card h4{margin:0;font-size:16px}.card em{font-style:normal;opacity:.8;font-size:11px}
.c-pvc{background:linear-gradient(135deg,#f6e9de,#d2b8a5);color:#3b2417}
.c-te{background:linear-gradient(135deg,#8a5233,#3b2417 60%,#2a170f)}
.c-gr{background:#fff;color:#333}.c-gr .st{color:#fbbc04;font-size:20px;letter-spacing:2px}
.c-ig{background:linear-gradient(45deg,#f9a03f,#e1306c,#833ab4,#405de6)}
.c-wal{background:repeating-linear-gradient(95deg,#2b1a12 0 6px,#1e120b 6px 9px,#33201a 9px 15px);color:#ecd0b8}
.c-map{background:repeating-linear-gradient(92deg,#e8cfa5 0 7px,#dfc08f 7px 10px,#f0dbb8 10px 17px);color:#4a3022}
section{padding:80px 0;position:relative}.alt{background:var(--bg2)}
h2{font-size:clamp(28px,4vw,44px);letter-spacing:-1.2px;margin:0 0 10px;line-height:1.1}
.sub{color:var(--mu);margin:0 0 38px;max-width:560px}
.mq{overflow:hidden;background:var(--gr);color:#2a160d;padding:13px 0;white-space:nowrap;font-weight:700;font-size:13px}
.mq div{display:inline-block;animation:mq 30s linear infinite}.mq span{margin:0 26px}
@keyframes mq{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.stats div{background:var(--cd);border:1px solid var(--ln);border-radius:18px;padding:24px;color:var(--mu);font-size:13px}
.stats b{font-size:40px;display:block;background:var(--gr);-webkit-background-clip:text;background-clip:text;color:transparent}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.pc{background:var(--cd);border:1px solid var(--ln);border-radius:22px;padding:22px;transition:border .3s,box-shadow .3s;position:relative;transform-style:preserve-3d}
.pc:hover{border-color:var(--ac);box-shadow:0 26px 50px -26px #c98b65}
.pc h3{margin:18px 0 4px}.pc p{color:var(--mu);font-size:13px;margin:0 0 14px}
.hot{position:absolute;top:10px;left:10px;z-index:4;background:var(--gr);color:#2a160d;font-size:11px;font-weight:800;padding:3px 11px;border-radius:99px}
.cfg{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
@media(max-width:820px){.cfg{grid-template-columns:1fr}}
.cfg .pv{perspective:900px;padding:20px}.cfg .card{font-size:14px;padding:20px;transition:transform .15s}
.cfg .card h4{font-size:20px}
.ch{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ch button{background:var(--cd);color:var(--tx);border:1px solid var(--ln);padding:9px 15px;border-radius:99px;cursor:pointer;font:600 12px inherit;font-family:inherit;transition:.25s}
.ch button.on,.ch button:hover{background:var(--ac);color:#2a160d;border-color:var(--ac)}
input,select,textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);font:inherit;margin-bottom:10px}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px rgba(201,139,101,.25)}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.vid{border-radius:22px;background:radial-gradient(circle at 70% 30%,#4a3022,#120a06);height:240px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid var(--ln)}
.vid .card{width:150px;position:absolute;animation:vd 5s ease-in-out infinite}
@keyframes vd{0%,100%{transform:translate(-50px,30px) rotate(-12deg)}50%{transform:translate(30px,-10px) rotate(6deg)}}
.vid .rip{left:70%;top:35%}
.vid span{position:absolute;bottom:12px;left:16px;font-size:12px;font-weight:600}
.vid .live{position:absolute;top:12px;right:14px;left:auto;bottom:auto;font-size:10px;background:#c0392b;padding:2px 8px;border-radius:6px;animation:fl 1.4s infinite}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.feat div{background:var(--cd);border:1px solid var(--ln);border-radius:20px;padding:24px;transition:.35s}
.feat div:hover{border-color:var(--ac);transform:translateY(-6px)}
.feat i{font-style:normal;font-size:30px;display:block;margin-bottom:8px}
.feat h4{margin:0 0 4px}.feat p{margin:0;color:var(--mu);font-size:13px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;counter-reset:s}
.steps div{counter-increment:s;background:var(--cd);border:1px solid var(--ln);border-radius:20px;padding:28px 24px;position:relative;color:var(--mu);font-size:14px}
.steps h4{color:var(--tx);margin:0 0 6px;font-size:17px}
.steps div::before{content:counter(s);position:absolute;top:-17px;left:20px;width:36px;height:36px;border-radius:50%;background:var(--gr);color:#2a160d;display:grid;place-items:center;font-weight:800}
.tw{overflow-x:auto}.cmp{width:100%;border-collapse:collapse;background:var(--cd);border-radius:18px;overflow:hidden;font-size:14px}
.cmp th,.cmp td{padding:14px;border-bottom:1px solid var(--ln);text-align:center}.cmp th{background:#3a2519;color:var(--ac2)}.cmp td:first-child{text-align:left;font-weight:600}
.rev{background:var(--cd);border:1px solid var(--ln);border-radius:24px;padding:34px;max-width:720px;margin:auto;text-align:center;font-size:18px}
.rev b{display:block;margin-top:12px;font-size:13px;color:var(--mu)}
details{background:var(--cd);border:1px solid var(--ln);border-radius:14px;padding:16px 20px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{color:var(--mu);margin:10px 0 0}
.brand{display:block;max-width:520px;margin:34px auto 0;border-radius:20px;border:1px solid var(--ln)}
form{background:var(--cd);border:1px solid var(--ln);border-radius:24px;padding:28px;max-width:560px;margin:auto}
footer{background:#0f0805;border-top:1px solid var(--ln);padding:34px 0;text-align:center;font-size:13px;color:var(--mu)}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;background:#25d366;color:#fff;border-radius:99px;padding:14px 20px;font-weight:700;font-size:14px;box-shadow:0 10px 24px -6px #25d366;animation:pu 2s infinite}
@keyframes pu{50%{transform:scale(1.07)}}
.rv{opacity:0;transform:translateY(36px);transition:1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}#pre{display:none}}

.lgi{height:40px;width:auto;display:block}
.demo{height:440px;perspective:1300px}
.ip{width:200px;height:400px;position:relative;z-index:1;transform-style:preserve-3d;animation:flp 8s ease-in-out infinite}
@keyframes flp{0%,44%{transform:rotateY(180deg)}56%,92%{transform:rotateY(360deg)}100%{transform:rotateY(540deg)}}
.ip .fa,.ip .bk{position:absolute;inset:0;border-radius:38px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ip .fa{background:#0c0705;padding:9px;box-shadow:0 30px 60px -18px #000,0 0 0 2px #5a3a29}
.ip .scr{border-radius:30px;padding-top:44px}
.isl{position:absolute;top:17px;left:50%;margin-left:-32px;width:64px;height:20px;border-radius:12px;background:#000;z-index:3}
.ip .scr .row{animation:rw8 8s infinite}.ip .scr .save{animation:rw8 8s .6s infinite}
@keyframes rw8{0%,56%{opacity:0;transform:translateY(14px)}62%,92%{opacity:1;transform:none}100%{opacity:0}}
.ip .bk{transform:rotateY(180deg);background:linear-gradient(145deg,#d9a07c,#8a5233 55%,#5e3622);box-shadow:0 30px 60px -18px #000,inset 0 0 0 2px rgba(255,255,255,.18)}
.cb{position:absolute;top:14px;left:14px;width:86px;height:86px;border-radius:24px;background:rgba(40,22,14,.55);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25)}
.cb i{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(#4a5a7a,#0b0f18 60%);box-shadow:0 0 0 3px #2a1a12,0 0 0 4px rgba(255,255,255,.3)}
.cb i:nth-child(1){left:8px;top:8px}.cb i:nth-child(2){left:8px;top:48px}.cb i:nth-child(3){left:46px;top:28px}
.cb u{position:absolute;right:9px;top:9px;width:10px;height:10px;border-radius:50%;background:#f1d9c4}
.nz{position:absolute;left:112px;top:30px;width:70px;height:70px;border:2px dashed rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;animation:nzp 2s infinite}
@keyframes nzp{50%{transform:scale(1.12);border-color:#fff}}
.ip .bk b{position:absolute;bottom:26px;width:100%;text-align:center;letter-spacing:6px;font-size:11px;color:rgba(255,255,255,.55)}
.demo .tapcard{left:50%;top:40px;margin-left:-105px;z-index:5;opacity:0;animation:tp8 8s ease-in-out infinite}
@keyframes tp8{0%,4%{transform:translate(130px,280px) rotate(18deg);opacity:0}14%{opacity:1}22%,40%{transform:translate(0,0) rotate(-3deg);opacity:1}48%,100%{transform:translate(130px,280px) rotate(18deg);opacity:0}}
.demo .rip{top:110px;left:calc(50% + 47px);z-index:6;animation:rp8 8s infinite}.demo .rip:nth-child(2){animation-delay:.25s}
@keyframes rp8{0%,22%{opacity:0;transform:translate(-50%,-50%) scale(1)}25%{opacity:.9}40%{opacity:0;transform:translate(-50%,-50%) scale(10)}100%{opacity:0}}
.demo .tag{left:50%;right:auto;bottom:-6px;transform:translateX(-50%);white-space:nowrap;animation:none}
.mp{position:absolute;left:50%;margin-left:-55px;top:14px;width:110px;height:215px;border-radius:24px;background:linear-gradient(145deg,#d9a07c,#8a5233 55%,#5e3622);box-shadow:0 20px 40px -14px #000,inset 0 0 0 2px rgba(255,255,255,.18)}
.mp.an{background:linear-gradient(145deg,#3d3d44,#141417)}
.mp .cb{top:8px;left:8px;width:46px;height:46px;border-radius:14px}
.mp .cb i{width:16px;height:16px;box-shadow:0 0 0 2px #2a1a12}
.mp .cb i:nth-child(1){left:4px;top:4px}.mp .cb i:nth-child(2){left:4px;top:26px}.mp .cb i:nth-child(3){left:24px;top:15px}
.mp .cb u{width:6px;height:6px;right:4px;top:4px}
.mp.an .cb{left:50%;margin-left:-14px;width:28px;height:62px;border-radius:14px}
.mp.an .cb i:nth-child(1){left:6px;top:6px}.mp.an .cb i:nth-child(2){left:6px;top:36px}.mp.an .cb i:nth-child(3),.mp.an .cb u{display:none}
.vid .card{width:150px;position:absolute;left:50%;margin-left:-75px;opacity:0;z-index:3;animation:vd5 5s ease-in-out infinite}
@keyframes vd5{0%,5%{transform:translate(80px,110px) rotate(16deg);opacity:0}15%{opacity:1}30%,62%{transform:translate(0,0) rotate(-4deg);opacity:1}78%,100%{transform:translate(80px,110px) rotate(16deg);opacity:0}}
.vid .rip{left:50%;z-index:4;animation:rp5 5s infinite}
@keyframes rp5{0%,26%{opacity:0;transform:translate(-50%,-50%) scale(1)}30%{opacity:.9}50%{opacity:0;transform:translate(-50%,-50%) scale(9)}100%{opacity:0}}
.vf{position:relative;max-width:980px;margin:auto;border-radius:26px;overflow:hidden;border:1px solid var(--ln);box-shadow:0 40px 80px -30px #000,0 0 90px -30px #c98b65;aspect-ratio:16/9;background:#000}
.vf video{width:100%;height:100%;object-fit:cover;display:block}
.vt{position:absolute;left:18px;bottom:14px;font-size:11px;font-weight:700;color:var(--ac2);letter-spacing:2px;text-transform:uppercase}
.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:980px;margin:18px auto 0}
.chips div{background:var(--cd);border:1px solid var(--ln);border-radius:16px;padding:16px;font-size:13px;color:var(--mu);transition:.3s}
.chips div:hover{border-color:var(--ac);transform:translateY(-4px)}.chips b{display:block;color:var(--tx);font-size:15px}
@media(prefers-reduced-motion:reduce){.demo .tapcard{opacity:1;transform:translate(0,0)}}

#mb{display:none;background:none;border:1px solid var(--ln);color:var(--ac2);border-radius:10px;font-size:20px;padding:4px 11px;cursor:pointer}
@media(max-width:780px){#mb{display:block}nav .l.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:16px;background:var(--bg);padding:20px 24px;border-bottom:1px solid var(--ln)}}
.demo .tapcard img{width:100%;border-radius:12px;display:block;box-shadow:0 18px 36px -12px #000}
.ph{aspect-ratio:1.586;border-radius:16px;overflow:hidden;position:relative;cursor:zoom-in;box-shadow:0 18px 36px -18px #000}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.pc:hover .ph img{transform:scale(1.06)}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-130%);transition:.9s;pointer-events:none}.pc:hover .ph::after{transform:translateX(130%)}
img[data-im=map]{object-position:50% 72%}
.fc{perspective:900px}.fc .in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}.fc .in img{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px}
.fc .in img+img{transform:rotateY(180deg)}.fc:hover .in,.fc.fl .in{transform:rotateY(180deg)}.ph.fc{overflow:visible}.pc:hover .fc img{transform:none}.fc .in img+img{transform:rotateY(180deg)!important}
.fh{position:absolute;left:10px;bottom:-26px;font-size:11px;color:var(--mu)}.ph.fc{margin-bottom:26px}
.ch#flt{margin:0 0 24px}
.pop{animation:pp .55s cubic-bezier(.2,.8,.2,1) both}@keyframes pp{from{opacity:0;transform:scale(.88) translateY(20px)}}
.grid .pc:nth-child(2){transition-delay:.08s}.grid .pc:nth-child(3){transition-delay:.16s}.grid .pc:nth-child(4){transition-delay:.24s}.grid .pc:nth-child(5){transition-delay:.32s}
.gal{overflow:hidden;padding:6px 0}.gt{display:flex;gap:18px;width:max-content;animation:gal 45s linear infinite}.gal:hover .gt{animation-play-state:paused}
.gt img{height:190px;width:auto;border-radius:14px;box-shadow:0 14px 30px -14px #000;cursor:zoom-in;transition:.4s}.gt img:hover{transform:translateY(-8px) scale(1.04)}
@keyframes gal{to{transform:translateX(-50%)}}
.stk{position:relative;aspect-ratio:1.586;max-width:440px;width:100%;margin:auto;transition:transform .15s}
.stk>div{position:absolute;inset:0;opacity:0;transform:scale(.9) translateY(16px);transition:.6s;pointer-events:none;border-radius:16px;overflow:hidden}
.stk>.fc{overflow:visible}.stk>.on{opacity:1;transform:none;pointer-events:auto}
.stk img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;box-shadow:0 26px 50px -20px #000}
.stk .fc .in{position:absolute}
.cfg .pv{text-align:center}.mini{display:flex;align-items:center;gap:12px;background:var(--cd);border:1px solid var(--ln);border-radius:16px;padding:12px 16px;margin:16px auto 0;max-width:440px;text-align:left}
.mini .av{width:42px;height:42px;border-radius:50%;background:var(--gr);flex:none}.mini small{display:block;color:var(--mu);font-size:12px}.mini div:nth-child(2){flex:1}.mini span{background:var(--gr);color:#2a160d;font-size:12px;font-weight:700;padding:7px 14px;border-radius:99px}
.vids{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.vid .vc{width:150px;border-radius:9px;position:absolute;left:50%;margin-left:-75px;opacity:0;z-index:3;animation:vd5 5s ease-in-out infinite;box-shadow:0 14px 30px -10px #000}
.ok{position:absolute;right:14px;top:56px;background:#2e7d4f;color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;opacity:0;animation:okk 5s infinite;z-index:5}
@keyframes okk{0%,32%{opacity:0;transform:translateY(10px) scale(.8)}38%,62%{opacity:1;transform:none}72%,100%{opacity:0}}
#lbx{position:fixed;inset:0;background:rgba(10,5,3,.92);z-index:200;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s;cursor:zoom-out}
#lbx.on{opacity:1;visibility:visible}#lbx img{max-width:92vw;max-height:88vh;border-radius:16px;transform:scale(.9);transition:.4s}#lbx.on img{transform:none}

.btn{position:relative;overflow:hidden}.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:bs 3.6s infinite}.btn.o::after{display:none}@keyframes bs{0%,60%{left:-60%}100%{left:130%}}
.demo{gap:30px;perspective:none}
.dp{position:relative;width:170px;height:350px;transition:translate .3s}.dp .tc{position:absolute;width:150px;left:10px;border-radius:9px;box-shadow:0 16px 30px -10px #000;z-index:5;opacity:0}
.dp .ti{top:-62px;animation:tcI 7s ease-in-out infinite}.an2 .ta{top:120px;animation:tcA 7s ease-in-out -3.5s infinite}
@keyframes tcI{0%,6%{transform:translateY(-70px) rotate(-10deg);opacity:0}16%{opacity:1}26%,56%{transform:none;opacity:1}70%,100%{transform:translateY(-70px) rotate(-10deg);opacity:0}}
@keyframes tcA{0%,6%{transform:translate(70px,90px) rotate(14deg);opacity:0}16%{opacity:1}26%,56%{transform:none;opacity:1}70%,100%{transform:translate(70px,90px) rotate(14deg);opacity:0}}
.dp .rip{left:50%;z-index:6;animation:rp7 7s infinite}.an2 .rip{animation-delay:-3.5s}
@keyframes rp7{0%,24%{opacity:0;transform:translate(-50%,-50%) scale(1)}28%{opacity:.9}46%{opacity:0;transform:translate(-50%,-50%) scale(9)}100%{opacity:0}}
.phf{width:100%;height:100%;border-radius:34px;background:#0c0705;padding:8px;box-shadow:0 30px 60px -18px #000,0 0 0 2px #5a3a29;position:relative}
.phf .scr{border-radius:27px;padding-top:44px}.phf .scr .row,.phf .scr .save{animation:rw7 7s infinite}
@keyframes rw7{0%,38%{opacity:0;transform:translateY(14px)}46%,86%{opacity:1;transform:none}96%,100%{opacity:0}}
.phb{width:100%;height:100%;border-radius:34px;background:linear-gradient(145deg,#3d3d44,#141417);box-shadow:0 30px 60px -18px #000,inset 0 0 0 2px rgba(255,255,255,.14);position:relative}
.phb .cb{left:50%;margin-left:-16px;width:32px;height:74px;border-radius:16px;top:16px}.phb .cb i:nth-child(1){left:5px;top:6px;width:22px;height:22px}.phb .cb i:nth-child(2){left:5px;top:42px;width:22px;height:22px}.phb .cb i:nth-child(3){display:none}
.phb b{position:absolute;bottom:24px;width:100%;text-align:center;letter-spacing:5px;font-size:10px;color:rgba(255,255,255,.4)}
.an2 .ok{right:-6px;top:90px;animation:ok7 7s -3.5s infinite}@keyframes ok7{0%,30%{opacity:0;transform:translateY(10px) scale(.8)}36%,60%{opacity:1;transform:none}70%,100%{opacity:0}}
.dl{position:absolute;bottom:-34px;left:0;right:0;text-align:center;font-size:12px;font-weight:600;color:var(--ac2)}
@media(max-width:480px){.demo{transform:scale(.84);margin:0 -24px}}
.mp.mf{background:#0c0705;box-shadow:0 0 0 2px #5a3a29,0 20px 40px -14px #000}.mp.mf::after{content:"";position:absolute;inset:5px;border-radius:19px;background:linear-gradient(#2c1b12,#1a100b)}.mp.mf::before{content:"";position:absolute;top:11px;left:50%;margin-left:-14px;width:28px;height:8px;border-radius:6px;background:#000;z-index:2}
.vid .vc.i{animation-name:vdI}@keyframes vdI{0%,5%{transform:translateY(-60px) rotate(-8deg);opacity:0}15%{opacity:1}30%,62%{transform:none;opacity:1}78%,100%{transform:translateY(-60px) rotate(-8deg);opacity:0}}
.mp.an .cb{margin-left:-14px}.mp.an .cb i{width:16px;height:16px}
.igp{display:flex;justify-content:center;align-items:center;gap:14px;background:radial-gradient(circle,#4a3022,#1a100b)}
.igp img{width:auto!important;height:88%!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55));animation:fl 4s ease-in-out infinite}.igp img+img{animation-delay:-2s}
.stk>.igp{display:flex;border-radius:16px}
.bd{font-style:normal;display:inline-block;background:var(--gr);color:#2a160d;font-size:10px;font-weight:800;padding:3px 10px;border-radius:99px;margin-bottom:8px}
.feat i svg{width:30px;height:30px;stroke:var(--ac);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:.4s}.feat div:hover i svg{transform:scale(1.2) rotate(-8deg);stroke:var(--ac2)}
.ab{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}@media(max-width:820px){.ab{grid-template-columns:1fr}}
.at{color:var(--mu);margin:0 0 14px}.ap{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.ap{grid-template-columns:1fr}}
.ap div{background:var(--cd);border:1px solid var(--ln);border-radius:18px;padding:20px;font-size:13px;color:var(--mu);transition:.35s}.ap div:hover{border-color:var(--ac);transform:translateY(-6px)}.ap b{display:block;color:var(--ac2);font-size:16px;margin-bottom:4px}
footer{padding:50px 0 28px;text-align:left}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}@media(max-width:780px){.fg{grid-template-columns:1fr 1fr}}
.fg h5{margin:0 0 12px;color:var(--ac2);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.fg a{display:block;color:var(--mu);margin-bottom:8px;font-size:13px;transition:.25s}.fg a:hover{color:var(--ac2);transform:translateX(4px)}.fg p{font-size:13px;color:var(--mu);margin:0;max-width:270px}.fl{height:46px;width:auto;margin-bottom:12px}.cp{border-top:1px solid var(--ln);margin-top:30px;padding-top:18px;font-size:12px}

.pc{display:flex;flex-direction:column}.pc p{flex:1;margin:0 0 12px}.pc .btn{margin-top:auto;align-self:flex-start}
.pr{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;flex-wrap:wrap}.pr b{font-size:28px;background:var(--gr);-webkit-background-clip:text;background-clip:text;color:transparent}.pr small{color:var(--mu);font-size:12px}
.ppx{margin:4px 0 14px;font-size:14px;color:var(--mu)}.ppx b{font-size:26px;background:var(--gr);-webkit-background-clip:text;background-clip:text;color:transparent}
.hp{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--ln);background:rgba(44,27,18,.7);border-radius:99px;padding:8px 8px 8px 18px;margin:0 0 18px;font-size:13px;color:var(--mu)}.hp b{font-size:18px;color:var(--ac2)}.hp a{background:var(--gr);color:#2a160d;font-weight:700;border-radius:99px;padding:6px 14px;font-size:12px}
nav .l a.act{color:var(--ac2)}nav .l a.act::after{width:100%}
.rg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;max-width:1000px;margin:auto}.rg:has(.rcard:only-child){max-width:720px}
.rcard{background:var(--cd);border:1px solid var(--ln);border-radius:22px;padding:30px;position:relative;font-size:17px;transition:.35s}.rcard:hover{border-color:var(--ac);transform:translateY(-5px)}
.rcard::before{content:"“";position:absolute;top:6px;right:22px;font-size:90px;line-height:1;color:var(--ac);opacity:.25;font-family:Georgia,serif}.rcard p{margin:0 0 18px}
.stars{color:#f5b942;letter-spacing:3px;margin-bottom:10px;animation:tw 3s infinite}@keyframes tw{50%{opacity:.65}}
.who{display:flex;align-items:center;gap:12px}.who i{font-style:normal;width:44px;height:44px;border-radius:50%;background:var(--gr);color:#2a160d;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}.who small{display:block;color:var(--mu);font-size:12px}
.bl{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin:34px 0 22px}.bl span{width:100%;text-align:center;color:var(--mu);font-size:12px;letter-spacing:2px;text-transform:uppercase}.bl b{border:1px solid var(--ln);background:var(--cd);padding:10px 20px;border-radius:99px;font-size:14px;color:var(--ac2)}
.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;max-width:760px;margin:0 auto 26px}.ct a{background:var(--cd);border:1px solid var(--ln);border-radius:16px;padding:16px;text-align:center;font-size:14px;color:var(--mu);transition:.3s}.ct a:hover{border-color:var(--ac);transform:translateY(-4px)}.ct b{display:block;color:var(--ac2)}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}.vids{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
@media(max-width:980px){nav .l{display:none}#mb{display:block}nav .l.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:16px;background:var(--bg);padding:20px 24px;border-bottom:1px solid var(--ln);max-height:calc(100vh - 64px);overflow:auto}}
@media(min-width:981px) and (max-width:1180px){nav .l{gap:15px;font-size:12px}}
@media(max-width:600px){section{padding:56px 0}.hero{padding:44px 0 40px}.cta .btn{flex:1;text-align:center}.gt img{height:140px}.wa span{display:none}.wa{padding:14px;border-radius:50%}.stats b{font-size:32px}.rcard{padding:24px;font-size:16px}.hp{border-radius:22px}}
@media(max-width:480px){.demo{transform:none!important;scale:.84;margin:0 -24px}}
@media(min-width:1400px){.w{max-width:1240px}.hero{padding:96px 0 80px}h1{font-size:72px}}
.nr{display:flex;gap:10px;align-items:center}@media(max-width:780px){.nr .pl{display:none}}
.vp{display:none;position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:var(--gr);color:#2a160d;font-size:28px;padding-left:5px;cursor:pointer;z-index:3;box-shadow:0 0 0 10px rgba(201,139,101,.25);animation:vpp 2s infinite}.vf.np .vp{display:block}@keyframes vpp{50%{box-shadow:0 0 0 22px rgba(201,139,101,0)}}
.feat i svg *{stroke-dasharray:100;stroke-dashoffset:100}.feat .in i svg *{animation:fdr 1.4s .2s ease forwards}@keyframes fdr{to{stroke-dashoffset:0}}.feat i{animation:ifl 4s ease-in-out infinite}.feat>div:nth-child(even) i{animation-delay:-2s}@keyframes ifl{50%{transform:translateY(-5px)}}.feat>div:hover i{box-shadow:0 0 0 8px rgba(201,139,101,.18)}
.bz{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}@media(max-width:860px){.bz{grid-template-columns:1fr}}
.ck{list-style:none;padding:0;margin:0 0 26px}.ck li{padding:10px 0 10px 34px;position:relative;color:var(--mu);border-bottom:1px solid var(--ln)}.ck li::before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:var(--gr);color:#2a160d;font-size:12px;font-weight:800;display:grid;place-items:center}
.rv.in .ck li{animation:ckin .6s both}.ck li:nth-child(2){animation-delay:.15s!important}.ck li:nth-child(3){animation-delay:.3s!important}.ck li:nth-child(4){animation-delay:.45s!important}@keyframes ckin{from{opacity:0;transform:translateX(-18px)}}
.tr{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.tr{grid-template-columns:1fr}}.tr div{background:var(--cd);border:1px solid var(--ln);border-radius:18px;padding:18px;transition:.3s}.tr div:hover{border-color:var(--ac);transform:translateY(-4px)}.tr b{display:block;font-size:14px}.tr small{color:var(--mu);font-size:12px}
.tk{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gr);color:#2a160d;font-weight:800;margin-bottom:10px;animation:tkp 3s infinite}@keyframes tkp{0%{box-shadow:0 0 0 0 rgba(201,139,101,.5)}70%,100%{box-shadow:0 0 0 12px rgba(201,139,101,0)}}
.rsum{text-align:center;margin:-10px auto 24px;color:var(--mu);font-size:14px}.rsum b{font-size:34px;color:var(--tx);margin-right:8px}.rsum .stars{display:inline-block;margin:0 8px 0 0}
.rwrap{max-width:1000px;margin:auto}.rtrack{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px}.rtrack::-webkit-scrollbar{display:none}.rtrack .rcard{flex:0 0 min(100%,720px);scroll-snap-align:center;margin:0 auto}.rtrack:has(.rcard:only-child){justify-content:center}
.rdots{display:flex;gap:8px;justify-content:center;margin-top:16px}.rdots:empty{display:none}.rdots button{width:9px;height:9px;border-radius:50%;border:0;background:var(--ln);cursor:pointer;padding:0;transition:.3s}.rdots button.on{background:var(--ac);width:26px;border-radius:9px}
@media(prefers-reduced-motion:reduce){.feat i,.tk,.vp{animation:none}.feat i svg *{stroke-dashoffset:0}}

.offn{display:none;background:var(--cd);border:1px solid var(--ac);border-radius:16px;padding:16px 18px;margin:12px 0 14px;color:var(--mu);font-size:14px}.offn b{display:block;color:var(--ac2);margin-bottom:4px;font-size:15px}
.cfg.off .offn{display:block}.cfg.off .cin,.cfg.off .mini{display:none}
#fn{display:none;margin:0 0 10px;font-size:13px;color:var(--ac2);background:var(--bg);border:1px dashed var(--ac);border-radius:12px;padding:10px 14px}
.q2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.q2{grid-template-columns:1fr}}
.b2b h2.sm{font-size:clamp(24px,3.4vw,36px)}
.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin:30px 0 0}
.seg div,.tiers div{background:var(--cd);border:1px solid var(--ln);border-radius:20px;padding:22px;color:var(--mu);font-size:13px;transition:.35s}
.seg div:hover,.tiers div:hover{border-color:var(--ac);transform:translateY(-5px)}
.seg b,.tiers b{display:block;color:var(--tx);font-size:16px;margin-bottom:5px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:10px}
.tiers div{display:flex;flex-direction:column;padding:26px}.tiers .qn{font-size:30px;font-weight:800;background:var(--gr);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 10px;display:block}
.tiers p{flex:1;margin:0 0 16px}.tiers .btn{align-self:flex-start;padding:10px 22px}
.tiers .best{border-color:var(--ac);box-shadow:0 26px 50px -30px #c98b65}
.b2b .steps{margin-top:60px}.tiers div{position:relative}.tiers .best .hot{position:absolute;top:14px;right:14px;left:auto}.b2b .steps div{padding-top:30px}
#bf h3{margin:0 0 16px;font-size:22px}

.pf{position:absolute;inset:0;background:#faf6ef;color:#2b1d14;overflow:hidden;text-align:center;line-height:1.25;font-family:'Montserrat','Segoe UI',system-ui,sans-serif;z-index:1}
.pf .bn,.pfm .bn{height:5.8em;background:linear-gradient(135deg,#5a3320,#8a5a3c 60%,#6b4129)}
.pfa{width:5.2em;height:5.2em;border-radius:50%;margin:-2.6em auto 0;border:.22em solid #faf6ef;background:#7a4a31 center/cover no-repeat;position:relative;box-shadow:0 .2em .6em -.2em rgba(0,0,0,.4)}
.pf h5,.pfm h5{margin:.5em 0 0;font-size:1.35em;font-weight:700;color:#2b1d14}
.pf small,.pfm small{display:block;color:#7a6657;font-size:.78em;margin:.2em .8em 0}
.pf p{margin:.55em 1em 0;font-size:.74em;color:#5d4a3c}
.pb{display:flex;gap:.5em;margin:.8em .9em 0}.pb i{flex:1;font-style:normal;font-weight:700;font-size:.78em;padding:.65em 0;border-radius:.8em;background:#7b4a30;color:#fff}.pb i.x{background:#f1ebe2;color:#2b1d14;box-shadow:inset 0 0 0 .1em #ddd2c4}
.pl{margin:.7em .9em 0;display:grid;gap:.45em}.pl div{display:flex;align-items:center;gap:.6em;background:#f1e8dd;border-radius:.8em;padding:.5em .6em;text-align:left;font-size:.76em}
.pl u{flex:none;width:2.2em;height:2.2em;border-radius:.55em;display:grid;place-items:center;text-decoration:none;font-weight:800;color:#fff}
.pl span{flex:1;min-width:0;line-height:1.2;color:#7a6657;font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl b{display:block;color:#2b1d14;font-size:1.1em}
.phf .scr.ps{padding:0;background:#0c0705}.phf .scr.ps .pf{font-size:10px;animation:rw7 7s infinite}
.mp.mf::after{z-index:0}.mp.mf .pf{inset:5px;border-radius:19px;font-size:6px;opacity:0;animation:pfv 5s infinite}.mp.mf .pf p{display:none}
@keyframes pfv{0%,34%{opacity:0}42%,88%{opacity:1}96%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.mp.mf .pf{opacity:1}}
.mini.pfm{display:block;padding:0;overflow:hidden;background:#faf6ef;color:#2b1d14;border:0;border-radius:18px;text-align:center;font-size:13px;padding-bottom:16px}
.mini.pfm small{margin:.2em .8em 0}.mini.pfm .pb{margin-top:.9em}

/* whatsapp logo button */
.wa{width:62px;height:62px;padding:0!important;border-radius:50%!important;display:grid;place-items:center;animation:waa 6s ease-in-out infinite!important;transition:scale .25s}
.wa:hover{scale:1.12}.wa svg{position:relative;z-index:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.wa::before,.wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:0;animation:war 2.4s ease-out infinite}.wa::after{animation-delay:1.2s}
@keyframes war{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes waa{0%,62%,100%{transform:scale(1) rotate(0)}66%{transform:scale(1.08) rotate(-14deg)}70%{transform:scale(1.08) rotate(12deg)}74%{transform:scale(1.08) rotate(-10deg)}78%{transform:scale(1.08) rotate(8deg)}82%{transform:scale(1) rotate(0)}}
.wi{width:1.2em;height:1.2em;vertical-align:-.25em;margin-right:8px;fill:currentColor}
/* more motion */
.orb{position:absolute;border-radius:50%;pointer-events:none;will-change:transform;background:radial-gradient(circle,rgba(201,139,101,.3),transparent 68%);animation:orb 14s ease-in-out infinite}
.o1{width:420px;height:420px;left:-120px;top:-80px}.o2{width:360px;height:360px;right:-100px;bottom:-60px;animation-delay:-7s;background:radial-gradient(circle,rgba(241,217,196,.16),transparent 68%)}
@keyframes orb{50%{transform:translate(60px,40px) scale(1.15)}}
.dp{animation:bob 6s ease-in-out infinite}.dp.an2{animation-delay:-3s}@keyframes bob{50%{transform:translateY(-10px)}}
.rv[data-a=l]{transform:translateX(-46px)}.rv[data-a=r]{transform:translateX(46px)}.rv[data-a=z]{transform:scale(.88) translateY(24px)}
.rv.in:where([data-a]){opacity:1;transform:none}
h2.rv::after{content:"";display:block;height:3px;width:0;background:var(--gr);border-radius:3px;margin-top:10px;transition:width 1s .4s}h2.rv.in::after{width:64px}
.hot{background-size:250%;animation:sh 3s linear infinite}
.steps div::before{animation:tkp 3s infinite}
.tiers .best{animation:glw 3s ease-in-out infinite}@keyframes glw{50%{box-shadow:0 26px 64px -18px #c98b65,0 0 0 1px var(--ac)}}
details[open] p{animation:dn .4s ease}@keyframes dn{from{opacity:0;transform:translateY(-8px)}}
nav{transition:background .3s,box-shadow .3s}nav.sc{background:rgba(26,16,11,.95);box-shadow:0 12px 30px -18px #000}
.btn{translate:0 0;transition:.3s,translate .2s}
.rpl{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:rgba(255,255,255,.5);pointer-events:none;transform:scale(0);animation:rpl .65s ease-out forwards}
@keyframes rpl{to{transform:scale(16);opacity:0}}
.pc .ph img{will-change:transform}
section,footer{overflow-x:clip}
@media(prefers-reduced-motion:reduce){.orb{display:none}.rv[data-a]{opacity:1;transform:none}}
.tvf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:2;background:#000}.vf.fb .tvf{display:block}.vf.fb .vp{display:none!important}

/* Samsung Galaxy S26 Ultra back */
.phb.sg,.mp.an{background:linear-gradient(145deg,#5d6180 0%,#2c2f45 46%,#14151f 100%);box-shadow:0 24px 44px -16px #000,inset 0 0 0 2px rgba(255,255,255,.16),inset 0 0 0 4px rgba(0,0,0,.35)}
.phb.sg{border-radius:26px}.mp.an{border-radius:18px}
.sgi{position:absolute;left:8%;top:3.5%;width:33%;aspect-ratio:34/86;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(0,0,0,.4));box-shadow:0 4px 8px -2px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.24)}
.sgi i{position:absolute;left:17%;width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4f6194,#0a0d18 58%);box-shadow:0 0 0 2px #181a27,0 0 0 3px rgba(255,255,255,.3)}
.sgi i:nth-child(1){top:6%}.sgi i:nth-child(2){top:37%}.sgi i:nth-child(3){top:68%}
.sr{position:absolute;left:47%;top:5.5%;width:15%;aspect-ratio:1;border-radius:50%;text-decoration:none;background:radial-gradient(#262c48,#080a12 70%);box-shadow:0 0 0 2px #181a27,0 0 0 3px rgba(255,255,255,.26)}
.sf{position:absolute;left:51%;top:15%;width:7%;aspect-ratio:1;border-radius:50%;text-decoration:none;background:#ece6d2;box-shadow:0 0 0 2px rgba(0,0,0,.3)}
.nf{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border:1.5px dashed rgba(255,255,255,.24);border-radius:50%;text-decoration:none}
.phb.sg::after,.mp.an::after{content:"";position:absolute;right:-3px;top:20%;width:3px;height:9%;border-radius:2px;background:#3b3e55;box-shadow:0 34px 0 #3b3e55}
.an2 .dl{white-space:nowrap}.phb.sg b{font-size:8px;letter-spacing:3px;bottom:18px;color:rgba(255,255,255,.34)}