/* Coco Club Live — shared site styles */
body{margin:0;background:#1C1726}
.ccl,.ccl *{box-sizing:border-box}
.ccl{--accent:#2F45E6;--ink:#1C1726;--paper:#F3F1F7;--muted:#625B70;--line:#E2DCEA;--pink:#5CC8FF;--sun:#FFD84A;--peri:#8C9BFF;
  width:100%;min-height:100vh;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden;position:relative}
.ccl a{color:var(--accent)}
.ccl h1,.ccl h2,.ccl h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;margin:0;letter-spacing:-.012em;text-wrap:balance}
.ccl p{margin:0}
.serif{font-family:"Bricolage Grotesque",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
.wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}
.sec{padding-top:clamp(80px,9vw,130px);padding-bottom:clamp(80px,9vw,130px)}
.h-xl{font-size:clamp(50px,7.2vw,108px);line-height:.93;font-weight:800}
.h-lg{font-size:clamp(38px,5vw,70px);line-height:.98;font-weight:800}
.h-md{font-size:clamp(28px,3.2vw,42px);line-height:1.02;font-weight:800}
.lede{font-size:clamp(18px,1.6vw,21px);line-height:1.55}

/* dark surfaces */
.dark{background:#1C1726;color:#F4F1F8;position:relative;overflow:hidden}
.dark .lede{color:#BDB5CB}
.dark .muted{color:#9C94AC}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.grain{position:absolute;inset:0;width:100%;height:100%;opacity:.11;pointer-events:none}
.muted{color:var(--muted)}
.pill-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}

/* motion */
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes wordup{from{transform:translateY(105%)}to{transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(92,200,255,.6)}100%{box-shadow:0 0 0 12px rgba(92,200,255,0)}}
@keyframes draw{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes marquee{to{transform:translateX(-50%)}}
.rise{animation:rise 1s cubic-bezier(.16,1,.3,1) both}
.wl{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.w{display:inline-block;animation:wordup 1.1s cubic-bezier(.16,1,.3,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.26s}.d4{animation-delay:.38s}.d5{animation-delay:.52s}.d6{animation-delay:.68s}
.spin{animation:spin 60s linear infinite}
.ping{animation:ping 1.8s ease-out infinite}
.squig{stroke-dasharray:420;animation:draw 1.4s .9s cubic-bezier(.65,0,.35,1) both}
.float{animation:floaty 7s ease-in-out infinite}
.track{display:flex;gap:48px;width:max-content;animation:marquee 40s linear infinite}
.swap{animation:pop .45s cubic-bezier(.16,1,.3,1) both}
.scrollbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;background:var(--accent);transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline: scroll()){.scrollbar{animation:progress linear both;animation-timeline:scroll(root)}}
@supports (animation-timeline: view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}

/* buttons */
.btn{font-family:"DM Sans",system-ui,sans-serif;font-weight:600;font-size:16px;border-radius:999px;min-height:54px;padding:0 10px 0 26px;display:inline-flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;text-decoration:none;border:0;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background .25s ease,color .25s ease}
.btn .arr{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.btn:hover{transform:translateY(-2px)}
.btn:hover .arr{transform:translateX(4px) rotate(-45deg)}
.btn.pri,.ccl a.btn.pri{background:var(--accent);color:#FFFFFF;box-shadow:0 14px 34px -14px var(--accent),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.pri .arr{background:rgba(255,255,255,.18)}
.btn.lux,.ccl a.btn.lux{background:#FFFFFF;color:#1C1726}
.btn.lux .arr{background:#1C1726;color:#FFFFFF}
.btn.ink,.ccl a.btn.ink{background:#1C1726;color:#FFFFFF}
.btn.ink .arr{background:#FFD84A;color:#2A2200}
.btn.glass,.ccl a.btn.glass{background:rgba(255,255,255,.06);color:#F4F1F8;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.btn.glass:hover{background:rgba(255,255,255,.12)}
.btn.line,.ccl a.btn.line{background:transparent;color:#1C1726;border:1px solid rgba(15,12,22,.22)}
.btn.line:hover{background:#1C1726;color:#FFFFFF}
.btn.sm{min-height:44px;font-size:15px;padding:0 20px}
.btn.np{padding:0 26px}
.btn:focus-visible,.chip:focus-visible,.ifield:focus-visible,.tab:focus-visible,.card-link:focus-visible,.faq-q:focus-visible{outline:2px solid #8C9BFF;outline-offset:3px}

/* chips + fields */
.chip{font-family:"DM Sans",system-ui,sans-serif;font-size:15px;font-weight:500;min-height:46px;padding:0 18px;border:1px solid #DAD4E4;border-radius:999px;background:#FFFFFF;color:#1C1726;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:#1C1726}
.chip.on{background:#1C1726;border-color:#1C1726;color:#FFFFFF}
.dark .chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#F4F1F8}
.dark .chip:hover{border-color:#FFFFFF}
.dark .chip.on{background:#FFFFFF;border-color:#FFFFFF;color:#1C1726}
.ifield{font-family:"DM Sans",system-ui,sans-serif;font-size:16px;color:#1C1726;background:#F3F1F7;border:1px solid #E2DCEA;border-radius:12px;padding:13px 15px;width:100%;min-width:0;transition:border-color .2s,background .2s}
.ifield:focus{border-color:#1C1726;background:#FFFFFF}
.ifield.round{border-radius:999px;padding:14px 20px;background:#FFFFFF}
textarea.ifield{min-height:130px;resize:vertical}
.flabel{font-weight:600;font-size:15px}
.err{color:#B3261E;font-weight:600;font-size:14.5px}
.dark .err{color:#FF8A80}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* cards */
.card{background:#FFFFFF;border:1px solid #E6E1EE;border-radius:28px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(15,12,22,.35)}
.dcard{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:28px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s}
.dcard:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.06)}
.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.tick{position:relative;padding-left:32px;display:block}
.tick::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:#FFD84A}
.tick::after{content:"";position:absolute;left:7px;top:calc(.2em + 4px);width:5px;height:9px;border:solid #2A2200;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.outline-num{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:88px;line-height:.9;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px #1C1726}
.outline-text{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.4)}

/* tabs */
.tab{all:unset;cursor:pointer;font-family:"DM Sans",system-ui,sans-serif;font-weight:600;font-size:15px;padding:12px 18px;border-radius:999px;color:var(--muted);transition:background .25s,color .25s;white-space:nowrap}
.tab:hover{color:var(--ink)}
.tab.on{background:#1C1726;color:#FFFFFF}

/* faq */
.faq-q{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:24px 0;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.02em;color:#1C1726}
.faq-ic{transition:transform .4s cubic-bezier(.16,1,.3,1);flex:none}
.faq-ic.open{transform:rotate(45deg)}

/* legal prose */
.legal{font-size:17px;line-height:1.75;color:#2E2838}
.legal h2{font-size:clamp(24px,2.4vw,30px);line-height:1.1;font-weight:800;color:#1C1726;margin:2.2em 0 .6em;scroll-margin-top:110px}
.legal h2:first-child{margin-top:0}
.legal p{margin:0 0 1em}
.legal ul{margin:0 0 1.1em;padding-left:1.2em}
.legal li{margin:.3em 0}
.legal strong{color:#1C1726}
.ph{background:#FFF3C2;color:#2A2200;padding:0 .3em;border-radius:5px;font-weight:600}
.toc a{display:flex;gap:12px;align-items:baseline;padding:9px 0;color:var(--muted);text-decoration:none;font-size:14.5px;line-height:1.35;border-top:1px solid var(--line);transition:color .2s,padding .3s cubic-bezier(.16,1,.3,1)}
.toc a:hover{color:var(--ink);padding-left:6px}
.table-box{overflow-x:auto;border:1px solid #E6E1EE;border-radius:24px;background:#FFFFFF}
.ctable{width:100%;min-width:720px;border-collapse:collapse;font-size:15.5px}
.ctable th,.ctable td{padding:16px 20px;text-align:left;border-bottom:1px solid #F0ECF4}
.ctable thead th{font-family:"Bricolage Grotesque",sans-serif;font-size:18px;letter-spacing:-.02em}
.ctable td.c{text-align:center}

@media (max-width:1000px){.hide-md{display:none !important}}
@media (max-width:900px){.hide-sm{display:none !important}}
@media (min-width:901px){.show-sm{display:none !important}}
@media (prefers-reduced-motion:reduce){.ccl *,.ccl{animation:none !important;transition:none !important}.w{transform:none}}

/* ===== v1 look: playful, bold outlines, offset shadows ===== */
.grain,.grid-lines,.ccl svg:has(feTurbulence){display:none !important}
.ccl h1,.ccl h2,.ccl h3{letter-spacing:-.025em}
.serif{font-family:inherit !important;font-style:normal !important;font-weight:inherit !important;letter-spacing:inherit !important}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace !important}
.btn{font-weight:700}
.btn.pri,.ccl a.btn.pri{box-shadow:5px 5px 0 #1C1726 !important;border:2px solid var(--accent)}
.btn.pri:hover{box-shadow:7px 7px 0 #1C1726 !important}
.btn.ink,.ccl a.btn.ink{box-shadow:5px 5px 0 #5CC8FF}
.btn.line,.ccl a.btn.line{border:2px solid #1C1726;background:#FFFFFF}
.chip{border-width:1.5px}
.chip.on{background:var(--accent) !important;border-color:var(--accent) !important;color:#FFFFFF !important}
.dark .chip.on{background:#FFD84A !important;border-color:#FFD84A !important;color:#2A2200 !important}
.ccl .card{border:2px solid #1C1726 !important;border-radius:18px}
.card:hover{box-shadow:8px 8px 0 #1C1726}
.dcard:hover{box-shadow:8px 8px 0 #5CC8FF}
.ccl .table-box{border:2px solid #1C1726}
.ifield{border-width:1.5px}

/* light hero treatment */
.lite{background:#F3F1F7 !important;color:#1C1726 !important}
.lite [style*="color: #FFFFFF"],.lite [style*="color: #F4F1F8"]{color:#1C1726 !important}
.lite [style*="color: #D8D2E2"],.lite [style*="color: #BDB5CB"],.lite [style*="color: #9C94AC"],.lite [style*="color: #C9C2D6"]{color:#635C71 !important}
.lite [style*="color: #5CC8FF"]{color:var(--accent,#2F45E6) !important}
.lite .lede{color:#4A4357 !important}.lite .muted{color:#635C71 !important}
.lite .pill-tag{border:2px solid #1C1726;background:#FFFFFF}
.lite .btn.glass,.ccl .lite a.btn.glass{background:#FFFFFF;color:#1C1726;border:2px solid #1C1726;backdrop-filter:none}
.lite .btn.glass:hover{background:#1C1726;color:#FFFFFF}
.lite .btn.lux,.ccl .lite a.btn.lux{background:#1C1726;color:#FFFFFF}
.lite .btn.lux .arr{background:#FFD84A;color:#2A2200}
.lite .outline-text{-webkit-text-stroke-color:rgba(28,23,38,.45)}
.lite [style*="border: 1px solid rgba(255,255,255"],.lite [style*="border-top: 1px solid rgba(255,255,255"]{border-color:#1C1726 !important}
.lite [style*="background: rgba(255,255,255,.0"],.lite [style*="background: rgba(255,255,255,.1)"]{background:#FFFFFF !important}
.lite [style*="backdrop-filter: blur(14px)"]{border:2px solid #1C1726 !important;box-shadow:5px 5px 0 #1C1726}
.lite .chip{background:#FFFFFF !important;border:1.5px solid #CFC8DC !important;color:#1C1726 !important}
.lite .chip.on{background:var(--accent,#2F45E6) !important;border-color:var(--accent,#2F45E6) !important;color:#FFFFFF !important}
.lite .search{background:#FFFFFF !important;border:2px solid #1C1726 !important;color:#1C1726 !important}
.lite .search::placeholder{color:#635C71}
.lite .ifield{background:#FFFFFF}
.lite .route{background:#FFFFFF !important;border:2px solid #1C1726 !important;color:#1C1726 !important}
.lite .lk{background:#FFFFFF !important;border:2px solid #1C1726 !important;color:#1C1726 !important;box-shadow:4px 4px 0 #1C1726}
.lite .lk.hero{background:#FFD84A !important}
.lite .sc{border:2px solid #1C1726 !important;color:#1C1726 !important;background:#FFFFFF}
.lite .sc:hover{background:#1C1726 !important;color:#FFFFFF !important}

/* ===== letter-by-letter headlines ===== */
.fxh .wd{display:inline-block;margin-right:.22em;perspective:700px}
.fxh .ch{display:inline-block;color:#1C1726 !important;transform-origin:50% 100%;text-shadow:1px 1px 0 var(--accent),2px 2px 0 var(--accent),3px 3px 0 var(--accent),4px 4px 0 #1E2FB8,7px 10px 16px rgba(28,23,38,.28);transition:translate .25s cubic-bezier(.2,.8,.2,1);animation:chIn .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 36ms)}
.fxh .acc .ch{color:var(--accent) !important;text-shadow:1px 1px 0 #1C1726,2px 2px 0 #1C1726,3px 3px 0 #1C1726,7px 10px 16px rgba(28,23,38,.28)}
.fxh .ch:hover{translate:0 -8px}
.fxh.fx .ch{animation:chIn .95s cubic-bezier(.2,.8,.2,1) both,shimmer 8s ease-in-out infinite;animation-delay:calc(var(--i) * 36ms),calc(var(--i) * 55ms + 1.8s)}
@keyframes chIn{0%{opacity:0;transform:translateY(.7em) rotateX(-85deg) scale(.7);filter:blur(8px)}55%{opacity:1;filter:blur(0)}75%{transform:translateY(-.08em) rotateX(8deg) scale(1.04)}100%{opacity:1;transform:none;filter:none}}
@keyframes shimmer{0%,86%,100%{filter:brightness(1)}91%{filter:brightness(1.55) drop-shadow(0 0 8px rgba(255,216,74,.85))}95%{filter:brightness(1.15)}}
@keyframes chOut{to{opacity:0;transform:translateY(-1.1em) rotate(var(--r)) scale(.85);filter:blur(5px)}}
@supports (animation-timeline: view()){
.fxh.fx .ch{animation:chIn .95s cubic-bezier(.2,.8,.2,1) both,shimmer 8s ease-in-out infinite,chOut linear both;animation-delay:calc(var(--i) * 36ms),calc(var(--i) * 55ms + 1.8s),0s;animation-timeline:auto,auto,view();animation-range:normal,normal,exit 5% exit 95%}
}
/* section headings: subtle raised edge */
.ccl h2{text-shadow:2px 2px 0 rgba(47,69,230,.18),4px 7px 14px rgba(28,23,38,.10)}
.dark:not(.lite) h2{text-shadow:2px 2px 0 rgba(92,200,255,.35),4px 7px 16px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.fxh .ch{animation:none !important}}

/* ===== Premium+ interaction layer ===== */
::selection{background:#FFD84A;color:#2A2200}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.btn:hover::after{transform:translateX(130%)}
.btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:translateY(2px) scale(.97) !important;box-shadow:2px 2px 0 #1C1726 !important;transition-duration:.08s}
.chip,.tab,.lchip{transition:background .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.chip:hover,.lchip:hover{transform:translateY(-2px)}
.chip:active,.tab:active,.lchip:active{transform:scale(.93)}
.chip.on,.tab.on{animation:chipPop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes chipPop{0%{transform:scale(.9)}55%{transform:scale(1.08)}100%{transform:scale(1)}}
.card,.lift,.dcard,.tier,.val,.pcard,.proj,.rcard{transition:transform .45s cubic-bezier(.34,1.4,.64,1),box-shadow .35s ease,border-color .3s,background .3s}
.card:hover,.lift:hover,.tier:hover,.val:hover{transform:translateY(-7px) rotate(-.4deg)}
.card:hover svg,.lift:hover svg,.val:hover .outline-num{animation:wiggle .55s ease}
@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.06)}60%{transform:rotate(6deg)}}
.ifield{transition:border-color .2s,background .2s,box-shadow .25s,transform .25s}
.ifield:focus{box-shadow:0 0 0 4px rgba(47,69,230,.16);transform:translateY(-1px)}
div:focus-within>.flabel,div:focus-within>label{color:var(--accent,#2F45E6);transition:color .2s}
.faq-q{transition:padding .3s cubic-bezier(.2,.8,.2,1),color .2s}
.faq-q:hover{padding-left:8px;color:var(--accent,#2F45E6)}
.faq-q:hover .faq-ic{transform:rotate(90deg)}
.faq-q:hover .faq-ic.open{transform:rotate(45deg)}
.track:hover{animation-play-state:paused}
:focus-visible{animation:focusIn .3s ease}
@keyframes focusIn{from{outline-offset:8px}to{outline-offset:3px}}
.tick::before{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.tick:hover::before{transform:scale(1.2) rotate(-10deg)}
.toc a{position:relative}
.toc a::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent,#2F45E6);transform:translateY(-50%) scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.toc a:hover::before{transform:translateY(-50%) scale(1)}
@supports (animation-timeline: view()){
[style*="display: grid"]>.reveal:nth-child(3n+2){animation-range:entry 4% cover 28%}
[style*="display: grid"]>.reveal:nth-child(3n){animation-range:entry 8% cover 32%}
}
/* exits */
@keyframes fadeOut{to{opacity:0}}
@keyframes popOut{to{opacity:0;transform:translateY(14px) scale(.96)}}
.bd-out{animation:fadeOut .23s ease both !important}
.sh-out{animation:popOut .23s ease both !important}
/* back to top */
.totop{position:fixed;left:20px;bottom:20px;z-index:40;width:52px;height:52px;border-radius:50%;border:2px solid #1C1726;background:#FFFFFF;color:#1C1726;cursor:pointer;display:grid;place-items:center;box-shadow:4px 4px 0 #1C1726;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.totop:hover{transform:translateY(-3px)}
.totop:active{transform:scale(.92)}
.totop svg.ring{position:absolute;inset:-2px;transform:rotate(-90deg)}
.totop .ring circle{stroke-dasharray:157;stroke-dashoffset:157}
@supports (animation-timeline: scroll()){
.totop{animation:toTopIn linear both;animation-timeline:scroll(root);animation-range:0 400px}
.totop .ring circle{animation:ringFill linear both;animation-timeline:scroll(root)}
}
@keyframes toTopIn{from{opacity:0;transform:translateY(20px) scale(.8);pointer-events:none}to{opacity:1;transform:none}}
@keyframes ringFill{to{stroke-dashoffset:0}}
/* confetti */
.confetti{position:relative;height:0}
.confetti i{position:absolute;left:50%;top:0;width:9px;height:14px;border-radius:2px;opacity:0;animation:conf 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes conf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){.btn::after,.confetti{display:none}}

/* ===== Sticky header ===== */
.nav-wrap{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;will-change:transform}
.annc{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#1C1726;color:#EEEAF5;font-size:14px;font-weight:500;padding:8px 52px 8px 16px;position:relative;text-align:center}
.annc-dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:annPing 1.8s ease-out infinite}
@keyframes annPing{to{box-shadow:0 0 0 10px rgba(74,222,128,0)}}
.ccl .annc-link,.annc-link{color:#FFD84A;font-weight:700;text-decoration:none;display:inline-flex;gap:6px;transition:gap .25s}
.annc-link:hover{gap:10px}
.annc-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:#A9A1B8;cursor:pointer;display:grid;place-items:center}
.annc-x:hover{color:#FFFFFF;background:rgba(255,255,255,.08)}
.nlink{color:#1C1726;text-decoration:none;font-weight:600;font-size:15px;padding:10px 13px;border-radius:999px;position:relative;transition:color .2s,background .2s}
.nlink::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:#2F45E6;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nlink:hover{color:#2F45E6}.nlink:hover::after{transform:scaleX(1)}
.nlink.on{color:#2F45E6;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #1C1726}
.logo-badge{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:rotate(-4deg)}
.logo-link:hover .logo-badge{transform:rotate(8deg) scale(1.08)}
.burger{width:44px;height:44px;border-radius:50%;border:2px solid #1C1726;background:#FFFFFF;cursor:pointer;display:grid;place-items:center}
.burg{position:relative;width:18px;height:14px;display:block}
.burg i{position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:#1C1726;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s,top .3s}
.burg i:nth-child(1){top:0}.burg i:nth-child(2){top:6px}.burg i:nth-child(3){top:12px}
.burg.x i:nth-child(1){top:6px;transform:rotate(45deg)}.burg.x i:nth-child(2){opacity:0}.burg.x i:nth-child(3){top:6px;transform:rotate(-45deg)}
.mnav{position:absolute;left:0;right:0;top:100%;background:#F3F1F7;border-bottom:2px solid #1C1726;padding:10px 24px 18px;display:flex;flex-direction:column;animation:mnavIn .4s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 20px 40px -20px rgba(28,23,38,.4)}
@keyframes mnavIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.mnav-link{display:flex;justify-content:space-between;align-items:center;color:#1C1726;text-decoration:none;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:26px;letter-spacing:-.02em;padding:12px 0;border-bottom:1px solid #DCD6E6;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.mnav-link:active{color:#2F45E6}

/* ===== Corporate footer ===== */
.cfoot{width:100%;background:#1C1726;color:#9C94AC;position:relative;overflow:hidden;border-top:2px solid #1C1726}
.cfoot-in{max-width:1280px;margin:0 auto;padding:72px 24px 28px;display:flex;flex-direction:column;gap:52px}
.cf-news{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;align-items:flex-end;padding:34px;border-radius:24px;background:#241D31;border:1.5px solid rgba(255,255,255,.1)}
.cf-big{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(28px,3.2vw,42px);line-height:1.02;letter-spacing:-.025em;color:#FFFFFF}
.cf-cols{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(4,minmax(140px,1fr));gap:40px 32px}
@media (max-width:980px){.cf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-brand{grid-column:1/-1}}
.cf-brand{display:flex;flex-direction:column;gap:14px;max-width:340px}
.cf-col{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.cf-h{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#FFD84A;margin-bottom:10px}
.ccl .flink,.flink{color:#BDB5CB;text-decoration:none;font-size:15px;padding:6px 0;display:inline-block;position:relative;transition:color .2s,transform .25s}
.flink:hover{color:#FFFFFF;transform:translateX(4px)}
.flink.sm{font-size:13.5px;padding:4px 0}
.flink-btn{all:unset;cursor:pointer;color:#BDB5CB;font-size:15px;padding:6px 0;transition:color .2s,transform .25s}
.flink-btn.sm{font-size:13.5px;padding:4px 0}
.flink-btn:hover{color:#FFFFFF;transform:translateX(4px)}
.flink:focus-visible,.flink-btn:focus-visible{outline:2px solid #5CC8FF;outline-offset:3px;border-radius:4px}
.soc{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);display:grid;place-items:center;color:#F4F1F8;transition:background .2s,color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.soc:hover{background:#FFD84A;color:#1C1726;border-color:#FFD84A;transform:translateY(-3px) rotate(-6deg)}
.cf-word{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(60px,12.5vw,190px);line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);white-space:nowrap;overflow:hidden;user-select:none}
.cf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;font-size:13.5px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}

/* ===== Cookie protocol ===== */
.ck{position:fixed;left:20px;bottom:20px;z-index:90;width:min(440px,calc(100vw - 40px));background:#1C1726;color:#EEEAF5;border:2px solid #1C1726;border-radius:24px;box-shadow:8px 8px 0 #FFD84A;padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden;font-family:"DM Sans",system-ui,sans-serif;animation:ckIn .7s cubic-bezier(.34,1.4,.64,1) both}
.ck::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(92,200,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(92,200,255,.08) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
@keyframes ckIn{0%{opacity:0;transform:translateY(50px) rotate(-5deg) scale(.88)}100%{opacity:1;transform:none}}
.ck.out{animation:ckOut .46s cubic-bezier(.6,-.3,.7,.4) both}
@keyframes ckOut{to{opacity:0;transform:translate(60px,40px) scale(.12) rotate(-30deg)}}
.ck-scan{position:absolute;left:0;right:0;height:46px;top:-46px;background:linear-gradient(rgba(92,200,255,0),rgba(92,200,255,.16),rgba(92,200,255,0));animation:scan 3.4s linear infinite;pointer-events:none}
@keyframes scan{from{top:-46px}to{top:100%}}
.ck-cookie{all:unset;cursor:pointer;position:relative;width:66px;height:66px;flex:none;display:grid;place-items:center;border-radius:50%}
.ck-cookie:focus-visible{outline:2px solid #5CC8FF;outline-offset:3px}
.ck-cookie svg.c{animation:wobble 4s ease-in-out infinite;transition:transform .15s}
.ck-cookie:active svg.c{transform:scale(.86) rotate(-14deg)}
@keyframes wobble{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.ck-orbit{position:absolute;inset:-4px;border:1px dashed rgba(92,200,255,.55);border-radius:50%;animation:spin 6s linear infinite}
.ck-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#FFD84A;top:-4px;left:calc(50% - 4px);box-shadow:0 0 10px #FFD84A}
.ck-orbit i:nth-child(2){background:#5CC8FF;top:auto;bottom:-4px;box-shadow:0 0 10px #5CC8FF}
.crumbs{position:relative;width:58px;height:58px}
.crumbs i{position:absolute;width:8px;height:8px;border-radius:2px;background:#E8B26A;left:25px;top:25px;animation:crumb 1s cubic-bezier(.2,.8,.2,1) both}
.crumbs i:nth-child(1){--cx:-22px;--cy:-14px}.crumbs i:nth-child(2){--cx:20px;--cy:-18px}.crumbs i:nth-child(3){--cx:-16px;--cy:18px}.crumbs i:nth-child(4){--cx:22px;--cy:14px}.crumbs i:nth-child(5){--cx:0;--cy:24px}
@keyframes crumb{from{transform:none;opacity:1}to{transform:translate(var(--cx),var(--cy)) rotate(120deg);opacity:.25}}
.ck-term{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12.5px;color:#5CC8FF;min-height:38px;line-height:1.55;margin:0;position:relative}
.caret{display:inline-block;width:8px;height:14px;background:#5CC8FF;vertical-align:-2px;margin-left:3px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.ck-btn{font:700 14.5px "DM Sans",sans-serif;min-height:44px;padding:0 16px;border-radius:999px;cursor:pointer;border:2px solid #EEEAF5;background:transparent;color:#EEEAF5;flex:1 1 auto;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s}
.ck-btn:hover{transform:translateY(-2px);background:#EEEAF5;color:#1C1726}
.ck-btn.y{background:#FFD84A;border-color:#FFD84A;color:#2A2200}
.ck-btn.y:hover{background:#FFE27A}
.ck-btn:active{transform:scale(.94)}
.ck-btn:focus-visible{outline:2px solid #5CC8FF;outline-offset:3px}
.ck-row{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px}
.sw{all:unset;cursor:pointer;width:48px;height:28px;border-radius:14px;background:#3A3346;position:relative;flex:none;transition:background .25s}
.sw::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#EEEAF5;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.sw.on{background:#5CC8FF;box-shadow:0 0 14px rgba(92,200,255,.5)}.sw.on::after{transform:translateX(20px)}
.sw.lock{background:#2F45E6;cursor:not-allowed}.sw.lock::after{transform:translateX(20px)}
.sw:focus-visible{outline:2px solid #FFD84A;outline-offset:3px}
.ck-mini{position:fixed;left:84px;bottom:20px;z-index:40;width:52px;height:52px;border-radius:50%;border:2px solid #1C1726;background:#FFFFFF;cursor:pointer;display:grid;place-items:center;box-shadow:4px 4px 0 #1C1726;animation:ckIn .5s cubic-bezier(.34,1.4,.64,1) both;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.ck-mini:hover{transform:rotate(-16deg) scale(1.08)}
.ck-mini:focus-visible{outline:2px solid #2F45E6;outline-offset:3px}
@media (max-width:560px){.ck{left:10px;right:10px;bottom:10px;width:auto}}

/* ===== Slide-in promo ===== */
.pr{position:fixed;right:20px;bottom:var(--pb,20px);z-index:39;width:min(330px,calc(100vw - 40px));background:#FFFFFF;color:#1C1726;border:2px solid #1C1726;border-radius:20px;box-shadow:6px 6px 0 #2F45E6;padding:16px 44px 16px 16px;display:flex;gap:14px;align-items:flex-start;font-family:"DM Sans",system-ui,sans-serif;animation:prIn .65s cubic-bezier(.34,1.4,.64,1) both}
@keyframes prIn{from{opacity:0;transform:translateX(120%) rotate(6deg)}to{opacity:1;transform:none}}
.pr.out{animation:prOut .26s ease both}
@keyframes prOut{to{opacity:0;transform:translateX(120%)}}
.pr-kit{flex:none;width:62px;height:78px;border-radius:10px;background:#FFD84A;border:2px solid #1C1726;font:800 11px/1.05 "Bricolage Grotesque",sans-serif;padding:8px;transform:rotate(-6deg);box-shadow:3px 3px 0 #1C1726;animation:floaty 5s ease-in-out infinite}
.pr-x{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#635C71;cursor:pointer;display:grid;place-items:center}
.pr-x:hover{background:#F3F1F7;color:#1C1726}
@media (max-width:560px){.pr{left:12px;right:12px;width:auto;bottom:84px}}

/* ===== Exit intent + delete data modals ===== */
.xp-bd{position:fixed;inset:0;z-index:95;background:rgba(28,23,38,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .25s ease both}
.xp{position:relative;width:100%;max-width:540px;max-height:calc(100vh - 32px);overflow-y:auto;background:#FFFFFF;color:#1C1726;border:2px solid #1C1726;border-radius:26px;box-shadow:10px 10px 0 #FFD84A;padding:clamp(24px,4vw,36px);font-family:"DM Sans",system-ui,sans-serif;animation:xpIn .55s cubic-bezier(.34,1.4,.64,1) both}
@keyframes xpIn{from{opacity:0;transform:translateY(30px) scale(.94) rotate(-1.5deg)}to{opacity:1;transform:none}}
.xp-x{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;border:2px solid #1C1726;background:#FFFFFF;color:#1C1726;cursor:pointer;display:grid;place-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.xp-x:hover{transform:rotate(90deg)}
.xp-tag{align-self:flex-start;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:#FFF3C2;color:#7A5A00;padding:6px 10px;border-radius:8px}
.xp-no{all:unset;cursor:pointer;align-self:flex-start;color:#635C71;font-size:14.5px;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.xp-no:hover{color:#1C1726}
.xp-grab{display:block;width:44px;height:5px;border-radius:3px;background:#DCD6E6;margin:-8px auto 14px}
@media (max-width:560px){.xp-bd{align-items:flex-end;padding:0}.xp{border-radius:26px 26px 0 0;max-height:88vh;box-shadow:none;border-bottom:0}}

/* ===== Sitemap ===== */
.sm-card{background:#FFFFFF;border:2px solid #1C1726;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:6px}
.sm-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ECE8F2;color:#1C1726;text-decoration:none;font-weight:600;transition:color .2s,padding .3s cubic-bezier(.2,.8,.2,1)}
.sm-link:hover{color:#2F45E6;padding-left:8px}
.sm-link span{color:#635C71;font-weight:400;font-size:14px}
@media (prefers-reduced-motion:reduce){.ck-scan,.ck-orbit,.annc-dot{animation:none !important}}