:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 76px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 'Plus Jakarta Sans',system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:'Sora',system-ui,sans-serif;margin:0;line-height:1.05;letter-spacing:-.02em}
a{color:inherit}:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
.mono{font:500 11.5px 'DM Mono',monospace;color:var(--mute);letter-spacing:.08em}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}
main,header,footer{position:relative;z-index:2}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}

/* --- UPDATED ENHANCED INTRO ANIMATION & NAME DISPLAY --- */
#intro{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:out .8s cubic-bezier(.7,0,.3,1) 2.4s forwards}
.intro-logo-box{position:relative;display:flex;align-items:center;justify-content:center}
#intro svg{width:min(50vw,260px);filter:drop-shadow(0 0 25px rgba(217,164,58,.4))}
#intro path{fill:none;stroke:url(#ig);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:dr 1.6s cubic-bezier(.65,0,.35,1) forwards}
.intro-brand-name{font:700 clamp(24px,5vw,42px) 'Sora',sans-serif;letter-spacing:0.08em;text-transform:uppercase;background:linear-gradient(90deg,var(--teal),var(--blue),var(--mag));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(20px) scale(0.95);filter:blur(10px);animation:nameReveal 1s cubic-bezier(.2,1,.3,1) 0.8s forwards}
@keyframes dr{to{stroke-dashoffset:0}}
@keyframes nameReveal{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes out{to{opacity:0;visibility:hidden;transform:scale(1.05)}}
/* -------------------------------------------------------- */

header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(var(--bgc),.55);border-bottom:1px solid rgba(var(--fg),.08)}
nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:12px 0}
.logo{font:700 19px 'Sora',sans-serif;text-decoration:none;display:flex;gap:8px;align-items:center}
.logo i{font-style:normal;font-size:26px;background:linear-gradient(90deg,var(--teal),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;transition:transform .4s ease}
.logo:hover i{transform:rotate(180deg)}
nav ul{display:flex;flex-wrap:wrap;gap:4px 22px;list-style:none;margin:0;padding:0;font-size:14px}
nav ul a{text-decoration:none;color:var(--mute);transition:color .3s}nav ul a:hover{color:var(--ink)}
.btn{display:inline-block;position:relative;overflow:hidden;padding:12px 24px;border-radius:99px;font:600 15px 'Plus Jakarta Sans',sans-serif;text-decoration:none;border:1px solid rgba(var(--fg),.3);color:var(--ink);background:rgba(var(--fg),.04);cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.btn:hover{background:rgba(var(--fg),.14);transform:translateY(-2px)}
.btn.g{background:linear-gradient(90deg,var(--ac),var(--ac2));border:0;color:var(--on)}
.btn.wa{background:#1fa855;border:0}.btn.g::after,.btn.wa::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--fg),.55),transparent);transform:skewX(-20deg);transition:left .6s}.btn.g:hover::after,.btn.wa:hover::after{left:130%}
.hero{min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:center;padding:40px 0 60px}
.hero h1{font-size:clamp(38px,6.4vw,84px);font-weight:700;max-width:13ch;letter-spacing:-.035em;line-height:1.02}
.ch{display:inline-block;opacity:0;transform:translateY(60%) rotateX(-90deg);transform-origin:50% 100%;animation:ci .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(2.6s + var(--d)*28ms)}
@keyframes ci{to{opacity:1;transform:none}}
.lead{max-width:48ch;font-size:18px;color:var(--txt);margin:20px 0 30px;opacity:0;animation:fi .8s ease 3.2s forwards}
@keyframes fi{to{opacity:1}}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:16px;opacity:0;animation:fi .8s ease 3.4s forwards}
@media(max-width:760px){.doors{grid-template-columns:1fr}}
.door{display:block;text-decoration:none;padding:22px;border-radius:22px;border:1px solid rgba(var(--fg),.14);background:rgba(var(--fg),.04);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.door::before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),var(--c),transparent 60%);opacity:.3;transition:opacity .3s}
.door{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .2s,border-color .35s}.door:hover{--ty:-6px;border-color:var(--c2);box-shadow:0 10px 30px -10px var(--c)}.door:hover::before{opacity:.7}
.door>*{position:relative}.door h3{font-size:22px;margin:6px 0 4px}.door p{margin:0;color:var(--txt);font-size:14.5px}
.d1{--c:rgba(217,164,58,.55);--c2:var(--teal)}.d2{--c:rgba(255,217,120,.5);--c2:var(--mag)}
section{padding:76px 0;position:relative}
.world h2{font-size:clamp(30px,4.4vw,54px);font-weight:700;margin:8px 0 12px;max-width:20ch;line-height:1.08}
.world .grad .w>span{background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.w>span{display:inline-block;transform:translateY(115%);transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k)*70ms)}.in .w>span{transform:none}#pb{position:fixed;top:0;left:0;height:3px;width:100%;z-index:60;background:linear-gradient(90deg,var(--teal),var(--vio),var(--mag));transform-origin:0 50%;transform:scaleX(0)}
.sub{max-width:56ch;color:var(--txt);margin:0 0 30px;font-size:16px}
#pos{--ac:var(--pos1);--ac2:var(--pos2)}#iot{--ac:var(--iot1);--ac2:var(--iot2)}
.stack{margin-bottom:50px}
.stk{position:sticky;top:calc(84px + var(--i)*16px);margin-bottom:26px;padding:26px 28px;transform-origin:50% 0;border-radius:28px;border:1px solid rgba(var(--fg),.16);background:linear-gradient(135deg,rgba(217,164,58,.2),rgba(255,224,138,.14)),rgba(var(--pn),.88);backdrop-filter:blur(12px);display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;min-height:170px;transition:box-shadow .3s}
.stk:hover{box-shadow:0 12px 35px -10px rgba(217,164,58,.2)}
@media(max-width:760px){.stk{grid-template-columns:1fr}}
.stk h3{font-size:clamp(22px,2.8vw,30px)}.stk p{color:var(--txt);margin:10px 0 0}
.stk ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.stk li{padding:9px 14px;font-size:14.5px;border-radius:12px;background:rgba(var(--fg),.07);border:1px solid rgba(var(--fg),.1)}
.scan{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;border-radius:28px;border:1px solid rgba(var(--fg),.14);background:rgba(var(--pn),.7);backdrop-filter:blur(14px)}
@media(max-width:760px){.scan{grid-template-columns:1fr}}
.bc{height:84px;border-radius:14px;background:#fff;position:relative;overflow:hidden;display:grid;place-items:center}
.bc i{width:80%;height:60%;background:repeating-linear-gradient(90deg,#111 0 3px,#fff 3px 5px,#111 5px 6px,#fff 6px 10px,#111 10px 14px,#fff 14px 16px)}
.bc::after{content:"";position:absolute;left:0;right:0;height:3px;background:#ff3b3b;box-shadow:0 0 16px 4px rgba(255,59,59,.8);animation:ls 1.8s ease-in-out infinite}
@keyframes ls{0%,100%{top:8%}50%{top:88%}}
.bc.hit{animation:fl .35s}@keyframes fl{30%{box-shadow:0 0 0 6px var(--teal)}}
.items{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.items button{background:rgba(var(--fg),.06);color:var(--ink);border:1px solid rgba(var(--fg),.18);border-radius:14px;padding:12px 8px;font:500 14px 'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.items button:hover{background:var(--ac);color:var(--on);box-shadow:0 4px 15px rgba(217,164,58,.4);transform:translateY(-2px)}
.items button:hover b{color:var(--on)}.items button:active{transform:scale(.92)}
.items b{display:block;font:500 13px 'DM Mono',monospace;color:var(--ac)}
.rc{position:relative;background:#fff8e6;color:#0e0b05;border-radius:6px;padding:16px;font:500 13px 'DM Mono',monospace;min-height:250px;display:flex;flex-direction:column}
.rc h4{margin:0 0 8px;text-align:center;font-size:13px}.rc .l{display:flex;justify-content:space-between;gap:6px;animation:fi .3s}
.rc .tot{margin-top:auto;border-top:2px dashed #0e0b05;padding-top:8px;font-weight:700;font-size:17px;display:flex;justify-content:space-between}
.rc.print{animation:pr .9s ease}@keyframes pr{0%{transform:translateY(-30px) scaleY(.2);opacity:.3}100%{transform:none;opacity:1}}
.mini{display:flex;gap:8px;margin-top:12px}.mini .btn{padding:10px 18px;font-size:14px}
.mq{overflow:hidden;white-space:nowrap;padding:14px 0;font:700 clamp(40px,7vw,92px)/1 'Sora',sans-serif;color:transparent;-webkit-text-stroke:1.5px rgba(var(--fg),.35);position:relative;z-index:2}
.mq span{display:inline-block;will-change:transform}
.pn{background:rgba(var(--pn),.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(var(--fg),.14);border-radius:28px;padding:24px}
.dev{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.dev{grid-template-columns:1fr}}
.vis{position:relative;display:flex;gap:10px;justify-content:space-around;align-items:end;background:rgba(var(--in),.35);border-radius:20px;padding:44px 20px 20px;min-height:180px}
.bulb{width:84px;transition:filter .3s}.bulb circle{fill:var(--trk);transition:fill .3s}.bulb.on{filter:drop-shadow(0 0 22px #ffd166)}.bulb.on circle{fill:#ffd166}
.fan{width:100px}.fan g{transform-origin:50px 50px;animation:sp 1s linear infinite;animation-play-state:paused}.fan.on g{animation-play-state:running}@keyframes sp{to{transform:rotate(360deg)}}
.ctl{display:grid;gap:14px;align-content:start}
.tg{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;background:rgba(var(--fg),.06);cursor:pointer;font-weight:500;transition:background .3s}
.tg:hover{background:rgba(var(--fg),.1)}
.tg input{display:none}.tg s{width:46px;height:26px;border-radius:99px;background:var(--trk);position:relative;transition:background .25s}
.tg s::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s}
.tg input:checked+s{background:var(--ac)}.tg input:checked+s::after{transform:translateX(20px)}
.rg{display:grid;gap:6px}.rg input{width:100%;accent-color:var(--ac)}.rg div{display:flex;justify-content:space-between}
.ser{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.ser{grid-template-columns:1fr}}
.term{background:#030303;border:1px solid rgba(var(--fg),.12);border-radius:16px;padding:16px;font:500 13px/1.7 'DM Mono',monospace;color:#9be7b1;min-height:150px;white-space:pre-wrap;overflow:hidden}
.gr{background:#030303;border:1px solid rgba(var(--fg),.12);border-radius:16px;padding:12px}.gr small{display:flex;justify-content:space-between}
.gr svg{width:100%;height:100px;display:block}.gr polyline{fill:none;stroke:var(--ac2);stroke-width:2.5;stroke-linejoin:round}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 18px}
.tabs button{background:none;color:var(--mute);border:1px solid rgba(var(--fg),.2);border-radius:99px;padding:9px 18px;font:600 15px 'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:all .3s}
.tabs button:hover{color:var(--ink);border-color:rgba(var(--fg),.5);transform:translateY(-2px)}
.tabs button[aria-selected="true"]{background:linear-gradient(90deg,var(--ac),var(--ac2));border-color:transparent;color:var(--on);box-shadow:0 4px 15px rgba(255,217,120,.3)}
#tt{font-size:24px;margin-bottom:6px}#td{margin:0;color:var(--txt);max-width:62ch}
.pill{display:inline-block;margin:12px 6px 0 0;font:500 12.5px 'DM Mono',monospace;border:1px solid rgba(var(--fg),.25);border-radius:99px;padding:3px 12px;color:var(--txt);transition:all .3s}
.pill:hover{border-color:var(--ac);color:var(--ink);transform:scale(1.05)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:40px}

/* ENHANCED CARD HOVER & SHINE ANIMATIONS */
.sp{padding:26px;border-radius:22px;border:1px solid rgba(var(--fg),.12);background:rgba(var(--pn),.7);position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,1,.3,1),border-color .4s,box-shadow .4s}
.sp::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,217,120,.3),transparent 60%);opacity:0;transition:opacity .3s}
.sp:hover{transform:translateY(-8px);border-color:rgba(255,217,120,.5);box-shadow:0 12px 30px -10px rgba(255,217,120,.25)}
.sp:hover::before{opacity:1}.sp>*{position:relative}.sp h3{font-size:19px;margin:8px 0 6px}.sp p{margin:0;color:var(--txt);font-size:14.5px}

.care{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.care div{padding:24px;border-radius:20px;border:1px solid rgba(var(--fg),.12);background:rgba(var(--fg),.04)}.care h3{font-size:18px;margin-bottom:6px}.care p{margin:0;color:var(--txt);font-size:14.5px}
form{display:grid;gap:14px}
label{font:500 12.5px 'DM Mono',monospace;color:var(--mute);display:grid;gap:6px}
input[type=text],input[type=tel],select,textarea{font:400 17px 'Plus Jakarta Sans',sans-serif;padding:14px;border-radius:14px;border:1px solid rgba(var(--fg),.2);background:rgba(var(--in),.4);color:var(--ink);transition:border-color .3s,box-shadow .3s}
input[type=text]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 15px rgba(217,164,58,.3);outline:none}
textarea{min-height:100px;resize:vertical}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
@media(max-width:860px){.split{grid-template-columns:1fr}}

/* GLOW & FLOAT ANIMATION FOR BIG PHONE LINK */
.big{display:inline-block;font:700 clamp(30px,4.4vw,52px)/1 'Sora',sans-serif;text-decoration:none;margin:12px 0;background:linear-gradient(90deg,var(--teal),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .3s ease,filter .3s ease}
.big:hover{transform:scale(1.04) translateX(5px);filter:drop-shadow(0 0 12px rgba(217,164,58,.5))}

/* FLOATING ANIMATION FOR FAB */
.fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;background:#1fa855;color:var(--ink);text-decoration:none;font-weight:600;padding:14px 22px;border-radius:99px;animation:ring 2.6s infinite, floatFab 3s ease-in-out infinite;transition:transform .3s}
.fab:hover{transform:scale(1.08)}
@keyframes floatFab{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(31,168,85,.6)}70%,100%{box-shadow:0 0 0 22px rgba(31,168,85,0)}}
footer{padding:28px 0;border-top:1px solid rgba(var(--fg),.1);background:rgba(var(--bgc),.85)}
#cur{display:none}
@media(pointer:fine){#cur{display:block;position:fixed;left:0;top:0;z-index:99;pointer-events:none}
#cur b{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff}
#cur i{position:absolute;width:44px;height:44px;margin:-22px;border-radius:50%;border:1.5px solid rgba(var(--fg),.55);transition:width .25s,height .25s,margin .25s,background .25s}
#cur.h i{width:72px;height:72px;margin:-36px;background:rgba(var(--fg),.12)}}
.rv{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.ch,.lead,.doors,.rv,.w>span,.intro-brand-name{opacity:1;transform:none;filter:none}#intro{display:none}html{scroll-behavior:auto}}

.ic{width:30px;height:30px;fill:none;stroke:var(--c2,var(--ac));stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px;display:block}
.door::after{content:"↗";position:absolute;top:16px;right:20px;font-size:20px;color:var(--c2);transition:transform .3s}.door:hover::after{transform:translate(5px,-5px)}
@keyframes wig{30%{transform:rotate(-12deg) scale(1.18)}65%{transform:rotate(8deg) scale(1.08)}}
.care div:hover .ic,.door:hover .ic{animation:wig .6s}
.care div:nth-child(odd) .ic{stroke:var(--teal)}.care div:nth-child(even) .ic{stroke:var(--mag)}
.care div.rv{transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1),translate .3s,border-color .3s,background .3s}.care div:hover{translate:0 -6px;border-color:rgba(var(--fg),.3);background:rgba(var(--fg),.08)}
.care div.rv:nth-child(odd){transform:translateX(-40px)}.care div.rv:nth-child(even){transform:translateX(40px)}.care div.rv.in{transform:none}
.cards .sp.rv:nth-child(odd){transform:translateY(46px) rotate(-2deg)}.cards .sp.rv:nth-child(even){transform:translateY(46px) rotate(2deg)}.cards .sp.rv.in{transform:none}
.stk li{transition:transform .25s,background .25s}.stk li:hover{transform:translateX(8px);background:rgba(var(--fg),.13)}
.hero h1,.hero .lead{transform:translateY(calc(var(--py,0px)*-.12))}.hero .doors{transform:translateY(calc(var(--py,0px)*-.05))}
.world h2::after{content:"";display:block;height:3px;width:0;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width 1s .5s}.world h2.in::after{width:72px}
.chips{position:absolute;top:12px;left:14px;display:flex;gap:6px}.chips span{font:500 10.5px 'DM Mono',monospace;padding:3px 9px;border-radius:99px;border:1px solid rgba(var(--fg),.2);color:var(--mute)}.chips span.on{background:var(--ac);color:var(--on);border-color:transparent;animation:pop .45s}@keyframes pop{50%{transform:scale(1.25)}}
.rc.paid::after{content:"PAID";position:absolute;right:14px;top:46%;font:700 30px 'Sora',sans-serif;color:#16a34a;border:3px solid #16a34a;border-radius:8px;padding:2px 14px;transform:rotate(-14deg);animation:stamp .5s cubic-bezier(.2,1.4,.4,1)}@keyframes stamp{from{transform:rotate(-30deg) scale(3);opacity:0}}
.sw{animation:sw .5s ease}@keyframes sw{from{opacity:0;transform:translateY(12px)}}
.items button,.tabs button,.tg{position:relative;overflow:hidden}
.rp{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(var(--fg),.35);transform:scale(0);animation:rp .65s ease-out forwards;pointer-events:none}@keyframes rp{to{transform:scale(1);opacity:0}}
.pt{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:98;animation:pt .8s ease-out forwards}@keyframes pt{from{transform:translate(var(--x0),var(--y0)) scale(1);opacity:1}to{transform:translate(calc(var(--x0) + var(--dx)),calc(var(--y0) + var(--dy))) scale(0);opacity:0}}
#dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:35;display:grid;gap:14px}#dots a{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(var(--fg),.5);display:block;transition:transform .3s,background .3s}#dots a:hover{transform:scale(1.5)}#dots a.on{background:linear-gradient(90deg,var(--ac),var(--ac2));border-color:transparent;transform:scale(1.5)}@media(max-width:1000px){#dots{display:none}}
.ft{display:flex;flex-wrap:wrap;gap:24px 56px;justify-content:space-between;align-items:flex-start}.ft h4{margin:0 0 8px;font:700 13px 'Sora',sans-serif}.ft a:not(.logo){display:block;color:var(--mute);text-decoration:none;font-size:14px;padding:2px 0;transition:color .2s,transform .2s}.ft a:not(.logo):hover{color:var(--ink);transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.pt,.rp{display:none}.care div.rv,.cards .sp.rv{transform:none}}

/* ---- visual upgrade: orbs, grid, art banners, glow borders ---- */
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(rgba(var(--fg),.08) 1px,transparent 1px) 0 0/34px 34px;-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 80%)}
.orb{position:fixed;z-index:1;border-radius:50%;filter:blur(70px);opacity:.26;pointer-events:none;animation:orb 16s ease-in-out infinite alternate}
.o1{width:380px;height:380px;background:var(--blue);left:-120px;top:20%}.o2{width:320px;height:320px;background:var(--mag);right:-100px;top:55%;animation-delay:-6s}.o3{width:260px;height:260px;background:var(--vio);left:42%;top:-90px;animation-delay:-11s}
@keyframes orb{to{transform:translate(60px,-50px) scale(1.2)}}
.scan,.pn{position:relative}
.scan::before,.pn::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a),transparent 0 65%,var(--ac),var(--ac2),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:ring2 6s linear infinite}
@keyframes ring2{to{--a:360deg}}
.hero-art{position:absolute;right:22px;top:3%;width:min(34vw,400px);pointer-events:none;opacity:0;animation:fi 1.2s ease 3.6s forwards}
.hero-art svg{width:100%;display:block;filter:drop-shadow(0 20px 40px rgba(255,224,138,.3));transform:translate(calc(var(--px,0)*18px),calc(var(--py,0)*18px));transition:transform .3s}
@media(max-width:1100px),(max-height:680px){.hero-art{display:none}}
.art{position:relative;overflow:hidden;height:clamp(150px,22vw,250px);margin:0 0 40px;border-radius:28px;border:1px solid rgba(var(--fg),.14);box-shadow:0 24px 50px -28px var(--ac)}
.art svg{display:block;width:100%;height:100%}
.art::after{content:"";position:absolute;top:0;left:-40%;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--fg),.16),transparent);transform:skewX(-20deg);animation:shn 6s ease-in-out infinite}
@keyframes shn{0%,55%{left:-40%}100%{left:140%}}
.flo{animation:flo 5s ease-in-out infinite}.flo2{animation:flo 6.5s ease-in-out -2.5s infinite}@keyframes flo{50%{transform:translateY(-12px)}}
.pu{stroke-dasharray:10 14;animation:dsh 1.6s linear infinite}@keyframes dsh{to{stroke-dashoffset:-48}}
.bk{animation:bl 1.4s ease-in-out infinite}.wv path:nth-child(2){animation-delay:.3s}.wv path:nth-child(3){animation-delay:.6s}.wv path{animation:bl 1.8s ease-in-out infinite}@keyframes bl{50%{opacity:.2}}
.rot{transform-box:fill-box;transform-origin:center;animation:sp 18s linear infinite}.rot.r2{animation-duration:9s;animation-direction:reverse}
.art .bar{transform-box:fill-box;transform-origin:bottom;animation:grw 2.2s ease-in-out infinite alternate}.art .bar:nth-child(2){animation-delay:-.6s}.art .bar:nth-child(3){animation-delay:-1.2s}.art .bar:nth-child(4){animation-delay:-1.8s}@keyframes grw{from{transform:scaleY(.3)}}
.bm{animation:bm 2.2s ease-in-out infinite}@keyframes bm{50%{transform:translateY(124px)}}
.ck{stroke-dasharray:1;animation:ck 3.2s ease-in-out infinite}@keyframes ck{0%{stroke-dashoffset:1}40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@media (prefers-reduced-motion:reduce){.hero-art{opacity:1}.orb{display:none}}

/* ---- v3: eagle cursor, cyber, shimmer, glow ---- */
@media(pointer:fine){html,html *{cursor:none!important}}
#cur svg{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px;overflow:visible;filter:drop-shadow(0 0 8px rgba(255,224,138,.6))}
#cur .wL,#cur .wR{animation:fw 1.8s ease-in-out infinite}#cur .wL{transform-origin:28px 36px}#cur .wR{transform-origin:36px 36px}#cur.mv .wL,#cur.mv .wR{animation-duration:.28s;--amp:.45}
@keyframes fw{50%{transform:scaleX(var(--amp,.86))}}
#cyber{--ac:var(--cy1);--ac2:var(--cy2)}
#cyber .sp::before{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(184,134,43,.3),transparent 60%)}#cyber .sp:hover{border-color:rgba(184,134,43,.55);box-shadow:0 12px 30px -10px rgba(184,134,43,.35)}
.sp::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width .5s}.sp:hover::after{width:100%}
.world .grad .w>span{background:linear-gradient(90deg,var(--ac),var(--ac2),var(--ac));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 4s linear infinite}@keyframes shim{to{background-position:200% 0}}
.btn.g{animation:glw 2.4s ease-in-out infinite}@keyframes glw{50%{box-shadow:0 0 28px -4px var(--ac)}}
.art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(var(--fg),.035) 0 1px,transparent 1px 4px)}
.rot.r3{animation-duration:3.5s;animation-direction:normal}

/* ---- v4: photos + smaller eagle ---- */
.pic{position:relative;overflow:hidden;margin:0 auto 50px;border-radius:24px;border:1px solid rgba(var(--fg),.16);box-shadow:0 24px 50px -26px var(--ac);background:#0c0a05}
.pic img{display:block;width:100%;height:auto;animation:kb 12s ease-in-out infinite alternate}@keyframes kb{to{transform:scale(1.07)}}
.pic.wd{max-width:700px}.pic.cy{max-width:840px;margin-bottom:40px}
.pic::after{content:"";position:absolute;top:0;left:-40%;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--fg),.22),transparent);transform:skewX(-20deg);animation:shn 6s ease-in-out infinite}
.pic.in:hover{transform:translateY(-6px)}
.duo{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:44px 0 10px}.duo .pic{margin:0}.duo .pic img{height:320px;width:auto;max-width:100%;object-fit:cover}
.d3{--c:rgba(184,134,43,.55);--c2:var(--cy1)}.doors{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pic.wd:not(.cy){max-width:320px;margin:0 8% 50px auto;rotate:3deg;border-radius:32px 32px 32px 8px;border-color:var(--ac);animation:flo 6s ease-in-out infinite}
.pic.cy{max-width:300px;aspect-ratio:1;border-radius:50%;border:0;margin:0 auto 40px;box-shadow:0 0 0 3px rgba(184,134,43,.55),0 0 60px -6px var(--cy1)}.pic.cy img{height:100%;object-fit:cover;object-position:23% 45%}
.pic.cy::before{content:"";position:absolute;inset:6px;z-index:2;border-radius:50%;border:2px dashed rgba(255,224,138,.75);pointer-events:none;animation:sp 14s linear infinite}

/* POS header: text left, photo right */
.hd{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}
.hd .pic.wd{position:relative;max-width:340px;margin:0 0 30px auto;rotate:0deg;border-radius:28px;border-color:transparent;background:#f0e6cc}
.hd .pic.wd::before{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a),transparent 0 60%,var(--ac),var(--ac2),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ring2 6s linear infinite;pointer-events:none}
@media(max-width:860px){.hd{grid-template-columns:1fr;gap:10px}.hd .pic.wd{margin:0 auto 30px}}

/* ---- v5: matrix intro, languages, spring-line canvas ---- */
:root{--t0:3.9s;--fb:'Noto Sans Tamil'}
html[lang=si]{--fb:'Noto Sans Sinhala'}
html.skip{--t0:0s}
html.skip #intro{display:none}
#intro{overflow:hidden;cursor:pointer;animation:out .8s cubic-bezier(.7,0,.3,1) calc(var(--t0) - .5s) forwards}
#mx{position:absolute;inset:0;width:100%;height:100%;display:block}
.intro-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 44px;max-width:96vw;text-align:center;background:radial-gradient(closest-side,rgba(var(--bgc),.9),rgba(var(--bgc),.6) 70%,transparent)}
.intro-brand-name{animation:none;opacity:1;transform:none;filter:none;font-size:clamp(17px,5vw,42px);white-space:nowrap;min-height:1.3em;text-shadow:none}
.intro-tag{opacity:0;letter-spacing:.22em;animation:fi .7s ease 2.4s forwards}
.ch{animation-delay:calc(var(--t0) + var(--d)*28ms)}
.lead{animation-delay:calc(var(--t0) + .6s)}
.doors{animation-delay:calc(var(--t0) + .8s)}
.hero-art{animation-delay:calc(var(--t0) + 1s)}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:97;pointer-events:none}
html.dragging,html.dragging *{user-select:none!important;-webkit-user-select:none!important}
img{-webkit-user-drag:none}
/* language switcher */
.lang{display:flex;gap:3px;padding:3px;border-radius:99px;border:1px solid rgba(var(--fg),.2);background:rgba(var(--fg),.05)}
.lang button{border:0;background:none;color:var(--mute);font:600 13px 'Plus Jakarta Sans','Noto Sans Tamil','Noto Sans Sinhala',sans-serif;padding:6px 12px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.lang button:hover{color:var(--ink)}
.lang button.on{background:linear-gradient(90deg,var(--ac),var(--ac2));color:var(--on)}
/* Tamil / Sinhala typography */
html:not([lang=en]) :is(body,p,li,a,button,option,select,textarea,input){font-family:'Plus Jakarta Sans',var(--fb),system-ui,sans-serif}
html:not([lang=en]) :is(h1,h2,h3,h4,.logo,.big){font-family:'Sora',var(--fb),sans-serif;letter-spacing:0;line-height:1.28}
html:not([lang=en]) :is(.mono,label,.items button,.rc,.tabs button,.pill){font-family:'DM Mono',var(--fb),monospace}
html:not([lang=en]) .hero h1{font-size:clamp(30px,5vw,64px);max-width:16ch}
html:not([lang=en]) .world h2{font-size:clamp(26px,3.8vw,46px);max-width:24ch}
html:not([lang=en]) .w{padding:.14em 0 .24em;margin:-.14em 0 -.24em}
html:not([lang=en]) .lead,html:not([lang=en]) .sub{line-height:1.85}
html:not([lang=en]) .lang button{font-family:'Plus Jakarta Sans','Noto Sans Tamil','Noto Sans Sinhala',sans-serif}
html[lang=ta] .lang button,html[lang=si] .lang button{font-family:'Plus Jakarta Sans','Noto Sans Tamil','Noto Sans Sinhala',sans-serif}

/* ---- v6: more motion (no content changes) ---- */
#cur svg{transition:filter .25s}
#cur.dive svg{filter:drop-shadow(0 0 16px var(--blue)) drop-shadow(0 0 30px var(--teal)) brightness(1.25)}
.logo i{animation:infP 3.2s ease-in-out infinite}
@keyframes infP{50%{transform:scale(1.18) rotate(8deg);filter:drop-shadow(0 0 8px rgba(217,164,58,.75))}}
.logo:hover i{animation:none;transform:rotate(180deg)}
nav ul a{position:relative}
nav ul a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--teal),var(--mag));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
nav ul a:hover::after{transform:scaleX(1)}
.door .ic{animation:icf 3.2s ease-in-out infinite}
.d2 .ic{animation-delay:-1s}.d3 .ic{animation-delay:-2s}
@keyframes icf{50%{transform:translateY(-5px)}}
.btn.g::after,.btn.wa::after{animation:btnsh 4.5s ease-in-out infinite}
@keyframes btnsh{0%,62%{left:-60%}100%{left:130%}}
.big{background:linear-gradient(90deg,var(--teal),var(--vio),var(--mag),var(--teal));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:shim 6s linear infinite}
.pill{animation:pl 3s ease-in-out infinite}.pill:nth-child(2){animation-delay:-1s}.pill:nth-child(3){animation-delay:-2s}
@keyframes pl{50%{border-color:var(--ac);box-shadow:0 0 12px -2px var(--ac)}}
.care .ic{animation:icf 3.6s ease-in-out infinite}.care div:nth-child(2) .ic{animation-delay:-.9s}.care div:nth-child(3) .ic{animation-delay:-1.8s}.care div:nth-child(4) .ic{animation-delay:-2.7s}
.care div:hover .ic{animation:wig .6s}
.mono.in::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--ac);vertical-align:middle;animation:bl 1.4s ease-in-out infinite}
.stk{animation:stkg 6s ease-in-out infinite}
@keyframes stkg{50%{border-color:rgba(255,224,138,.4)}}
.sp .mono{display:inline-block;padding:2px 10px;border:1px solid rgba(var(--fg),.18);border-radius:99px}
.fab::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid rgba(31,168,85,.6);animation:fring 2.6s ease-out infinite;pointer-events:none}
@keyframes fring{from{transform:scale(1);opacity:.9}to{transform:scale(1.35);opacity:0}}
#pb{box-shadow:0 0 14px rgba(255,224,138,.7)}
@media (prefers-reduced-motion:reduce){.logo i,.door .ic,.care .ic,.pill,.stk,.fab::before{animation:none}}

/* ---- v7: 3D future intro ---- */
:root{--t0:4.5s}
#intro::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 35%,rgba(var(--bgc),.88) 100%)}
.intro-logo-box{display:none}
.intro-core{background:none;transform:translateY(24vh);perspective:700px;padding:0 16px}
.intro-brand-name{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink);letter-spacing:.1em;perspective:700px;transform-style:preserve-3d}
.intro-brand-name .lt{display:inline-block;opacity:0;color:var(--ink);text-shadow:0 0 14px rgba(255,224,138,.85),0 0 36px rgba(255,217,120,.55);transform:translateZ(-380px) rotateY(100deg) translateY(36px);animation:ltIn .95s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(1.9s + var(--i)*40ms)}
@keyframes ltIn{55%{opacity:1;color:#ffe9a8}100%{opacity:1;transform:none;color:var(--ink)}}
.intro-tag{animation-delay:3s;text-shadow:0 0 10px rgba(255,217,120,.6)}
@media (prefers-reduced-motion:reduce){.intro-brand-name .lt{opacity:1;transform:none}}

/* ================= v9: premium light / dark theme (intro stays gold + black) ================= */
:root{color-scheme:dark;--bg:#030303;--bgc:3,3,3;--ink:#fff3cf;--mute:#b39b63;--txt:#e8d9b0;--fg:255,226,150;--pn:14,11,5;--in:0,0,0;--trk:#3a2d10;--on:#1a1203;--teal:#d9a43a;--blue:#ffe08a;--vio:#c9972f;--mag:#ffd978;--ac:#d9a43a;--ac2:#ffe08a;--pos1:#d9a43a;--pos2:#ffe08a;--iot1:#ffd978;--iot2:#b8862b;--cy1:#e8b84a;--cy2:#8a5a10}
html[data-theme=light]{color-scheme:light;--bg:#fffdf6;--bgc:255,253,246;--ink:#111;--mute:#6b5a2e;--txt:#2a2210;--fg:40,30,5;--pn:255,255,255;--in:255,255,255;--trk:#e3d6b0;--on:#fff;--teal:#a8741a;--blue:#d9a43a;--vio:#8a5a10;--mag:#b8862b;--ac:#a8741a;--ac2:#d9a43a;--pos1:#a8741a;--pos2:#d9a43a;--iot1:#b8862b;--iot2:#a8741a;--cy1:#8a5a10;--cy2:#d9a43a}
body{transition:background-color .35s,color .35s}
::selection{background:var(--ac);color:var(--on)}
.orb{opacity:.2}html[data-theme=light] .orb{opacity:.13}
html[data-theme=light] .stk{background:linear-gradient(135deg,rgba(168,116,26,.08),rgba(217,164,58,.06)),rgba(255,255,255,.92)}
html[data-theme=light] .pn,html[data-theme=light] .scan,html[data-theme=light] .sp,html[data-theme=light] .door,html[data-theme=light] .care div{box-shadow:0 10px 30px -18px rgba(90,60,10,.35)}
/* bits that must stay white / light in both themes */
.btn.g::after,.btn.wa::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.art::after,.pic::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.art::before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)}
.rp{background:rgba(255,255,255,.35)}
.btn.wa,.fab{color:#fff}
.art,.pic{border-color:rgba(var(--fg),.18)}
/* theme toggle */
.theme{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid rgba(var(--fg),.25);background:rgba(var(--fg),.06);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .25s,transform .25s}
.theme:hover{background:rgba(var(--fg),.14);transform:rotate(18deg)}
.theme svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s,opacity .3s}
html[data-theme=light] .theme .sun{opacity:0;transform:rotate(90deg) scale(.4)}
html:not([data-theme=light]) .theme .moon{opacity:0;transform:rotate(-90deg) scale(.4)}

/* ================= space intro: always gold + black ================= */
:root{--t0:4.5s}
#intro{background:#050505}
#intro::after{background:radial-gradient(ellipse at 50% 40%,transparent 45%,rgba(5,5,5,.8) 100%)}
.intro-core{transform:translateY(24vh)}
@media(max-aspect-ratio:1/1){.intro-core{transform:translateY(18vh)}}
.intro-brand-name{font-size:clamp(14px,4vw,40px)}
.intro-brand-name .lt{white-space:pre;color:#fff3cf;text-shadow:0 0 14px rgba(255,214,120,.85),0 0 36px rgba(217,164,58,.55)}
@keyframes ltIn{55%{opacity:1;color:#ffd978}100%{opacity:1;transform:none;color:#fff3cf}}
#intro .intro-tag{color:#d9a43a;text-shadow:0 0 10px rgba(217,164,58,.5)}
#skip{position:absolute;z-index:3;top:calc(14px + env(safe-area-inset-top,0px));right:14px;background:rgba(5,5,5,.55);color:#e8d9b0;border:1px solid rgba(232,184,74,.4);border-radius:99px;padding:8px 16px;font:600 13px 'Plus Jakarta Sans',sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,color .25s}
#skip:hover,#skip:focus-visible{background:#d9a43a;color:#1a1204}
@media (prefers-reduced-motion:reduce){#skip{display:none}}

/* ================= mobile / touch ================= */
html{overflow-x:clip}
.hero{padding-left:22px;padding-right:22px}
@media(max-width:760px){
 nav{gap:6px 10px;padding:8px 0}
 .logo{font-size:17px}
 .theme{margin-left:auto}
 header nav>.btn{display:none}
 nav ul{order:3;width:100%;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 nav ul::-webkit-scrollbar{display:none}
 nav ul a{white-space:nowrap;display:block;padding:4px 0}
 .stk{top:calc(104px + var(--i)*12px);padding:20px}
 section{padding:56px 0}
 footer{padding-bottom:84px}
}
@media(max-width:520px){.fab{padding:12px 18px;font-size:14px}}
@media(max-width:760px),(pointer:coarse){
 .orb{display:none}
 .door,.stk,.scan,.pn{-webkit-backdrop-filter:none;backdrop-filter:none}
 .stk{background:linear-gradient(135deg,rgba(217,164,58,.14),rgba(255,224,138,.06)),rgba(var(--pn),.96)}
 html[data-theme=light] .stk{background:rgba(255,255,255,.96)}
 .pic img{animation:none}
 .pic::after,.art::after{display:none;animation:none}
 .world .grad .w>span{animation:none}
 .scan,.pn,.hd .pic.wd{--a:210deg}
 .scan::before,.pn::before,.hd .pic.wd::before{animation:none}
}

h1,h2,h3{letter-spacing:-.025em}
.hero h1{font-size:clamp(34px,5.9vw,78px)}

/* v10: fonts per place, 3D band, clock */
h1{font-family:'Playfair Display','Sora',var(--fb),serif;font-weight:700;letter-spacing:-.01em}
h2{font-family:'Orbitron','Sora',var(--fb),sans-serif;font-weight:700;letter-spacing:0;font-size:clamp(24px,4.2vw,46px)}
h3{font-family:'Rajdhani','Sora',var(--fb),sans-serif;font-weight:700;letter-spacing:.01em}
nav a,.btn,.tabs button{font-family:'Rajdhani','Plus Jakarta Sans',var(--fb),sans-serif;font-weight:700;letter-spacing:.03em}
.logo{font-family:'Orbitron','Sora',sans-serif}
#info{display:flex;align-items:center;gap:8px;margin-left:auto;font:500 11.5px 'DM Mono',monospace;color:var(--mute);white-space:nowrap}
#info svg{width:15px;height:15px;fill:none;stroke:var(--ac);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#info b{color:var(--ac);font-weight:500}
@media(max-width:700px){#dt{display:none}}
.band3d{position:relative;z-index:2;height:clamp(260px,38vw,420px);margin:30px 0;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.band3d:active{cursor:grabbing}.band3d canvas{width:100%;height:100%;display:block}

/* v11: premium background + 4D hero */
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(255,224,138,.11),transparent 55%),radial-gradient(ellipse at 50% 120%,rgba(217,164,58,.09),transparent 50%)}
.orb{opacity:.10}.o1{background:#d9a43a}.o2{background:#fff3cf}.o3{background:#b8862b}html[data-theme=light] .orb{opacity:.2}
.hero-art{width:min(38vw,460px);right:10px;top:2%;pointer-events:auto}
.hero-art canvas{display:block;width:100%;aspect-ratio:1;cursor:grab;touch-action:pan-y;background:radial-gradient(circle,rgba(217,164,58,.2),transparent 62%);transform:translate(calc(var(--px,0)*18px),calc(var(--py,0)*18px));transition:transform .3s}
.hero-art canvas:active{cursor:grabbing}
@media(max-width:1100px){.hero-art{display:block;width:150px;right:8px;top:150px;opacity:.55!important;pointer-events:none}}