body.mch{--f-display:"Instrument Serif","Iowan Old Style",Georgia,serif;--ink:#0b2b40;--ink-2:#123a55;--muted:#5b7486;--line:#dcebf4;--mist:#f3f9fd}
body.mch h1,body.mch h2,body.mch h3.mc-serif{font-family:var(--f-display)!important;font-weight:400!important;letter-spacing:-.012em!important;line-height:1.04!important}
body.mch h2{font-size:clamp(2.2rem,4.4vw,3.6rem)!important}
body.mch .eyebrow{font-family:var(--f-body)!important;font-weight:600!important;letter-spacing:.2em!important;font-size:.72rem!important;color:var(--teal-deep)!important}
body.mch .eyebrow::before{display:none!important}
/* light sections where the theme was dark */
body.mch .on-ink{--on-ink:#0b2b40;--on-ink-muted:#5b7486;background:linear-gradient(180deg,#f6fbff 0%,#e4f4fe 100%)!important;color:var(--ink)!important}
body.mch .on-ink h1,body.mch .on-ink h2,body.mch .on-ink h3,body.mch .on-ink strong,body.mch .on-ink b{color:var(--ink)!important}
body.mch .on-ink p,body.mch .on-ink li,body.mch .on-ink span:not(.eyebrow){color:inherit}
body.mch .on-ink .lede,body.mch .on-ink p{color:#456176!important}
body.mch .block.tint{background:#f3f9fd!important}
body.mch .block{padding-top:clamp(72px,9vw,128px)!important;padding-bottom:clamp(72px,9vw,128px)!important}
/* buttons */
body.mch .btn{border-radius:999px!important;font-weight:600!important;box-shadow:none!important}
body.mch .btn-teal{background:var(--teal)!important;color:#fff!important;box-shadow:0 10px 24px -10px rgba(0,150,230,.55)!important}
body.mch .btn-ghost{background:#fff!important;color:var(--ink)!important;border:1px solid #c9dfed!important}
/* hero */
body.mch .hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#eef8ff 46%,#cfeafc 100%)!important;min-height:min(880px,92vh)}
body.mch .hero>canvas:not(.mcw){display:none!important}
body.mch .hero canvas.mcw{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;z-index:0;pointer-events:none}
body.mch .hero .mc-sun{position:absolute;right:8%;top:6%;width:min(560px,48vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(190,230,255,.55) 38%,rgba(190,230,255,0) 70%);z-index:0;pointer-events:none}
body.mch .hero .wrap{position:relative;z-index:1}
body.mch .hero h1{font-size:clamp(3.2rem,7.2vw,6.2rem)!important;color:var(--ink)!important}
body.mch .hero h1 em{font-style:italic!important;color:var(--teal-deep)!important;text-decoration:none!important;border:0!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.mch .hero h1 em::after,body.mch .hero h1 em::before{display:none!important}
body.mch .hero h1 .h1-tail{font-size:.52em!important;color:#2d5068!important;display:block;margin-top:.25em;line-height:1.12!important}
body.mch .hero .ring,body.mch .hero .seal,body.mch .hero .seal-core{display:none!important}
body.mch .hero .hero-vial{animation:mcbob 9s ease-in-out infinite!important;filter:drop-shadow(0 38px 34px rgba(11,60,96,.28))!important;transform-origin:50% 70%}
@keyframes mcbob{0%,100%{transform:translateY(0) rotate(-2.2deg)}50%{transform:translateY(-16px) rotate(1.6deg)}}
body.mch .hero .hero-visual::after{content:"";position:absolute;left:18%;right:18%;bottom:-3%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(11,70,110,.28),rgba(11,70,110,0) 70%);animation:mcsh 9s ease-in-out infinite;z-index:-1}
@keyframes mcsh{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.86);opacity:.6}}
body.mch .hero .chip-float{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(10px);border:1px solid #d6e9f5!important;box-shadow:0 18px 40px -18px rgba(11,60,96,.35)!important;color:var(--ink)!important;border-radius:18px!important}
body.mch .hero .stats{border-top:1px solid #cfe3f0!important}
body.mch .hero .stat b,body.mch .hero .stat strong,body.mch .hero .stat>*:first-child{font-family:var(--f-display)!important;font-weight:400!important;color:var(--ink)!important}
body.mch .hero .stat,body.mch .hero .stat *{color:#456176}
/* cards */
body.mch .block a[class*=card],body.mch .block [class*=card]{border-radius:22px!important;box-shadow:0 1px 0 #e3eef5,0 24px 48px -32px rgba(11,60,96,.28)!important;border-color:#e3eef5!important}
body.mch .trust{background:#fff!important;border-top:1px solid #dcebf4!important;border-bottom:1px solid #dcebf4!important;color:var(--ink)!important}
@media (prefers-reduced-motion:reduce){body.mch .hero .hero-vial,body.mch .hero .hero-visual::after{animation:none!important}}
/* v0.2 */
body.mch .hero::after{display:none!important}
body.mch #hdr,body.mch footer{--f-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif}
body.mch #app h3{font-family:var(--f-body)!important;font-weight:600!important;letter-spacing:-.01em!important}
body.mch .hero .hero-visual::after{display:none!important}
body.mch .hero .hero-visual::before{content:"";position:absolute;inset:-2%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#0e3550 0%,#081f2e 62%,#061925 100%);box-shadow:0 0 0 10px rgba(255,255,255,.7),0 0 0 11px #cfe6f5,0 40px 80px -30px rgba(11,60,96,.55);z-index:0}
body.mch .hero .hero-visual>*{position:relative;z-index:1}
body.mch .hero .hero-visual .chip-float{position:absolute;z-index:2}
body.mch .hero .hero-vial{filter:none!important;border-radius:50%}
body.mch .announce{background:#e6f5fe!important;color:#0b2b40!important;border-bottom:1px solid #d3e8f5}
body.mch .announce *{color:#0b2b40!important}
body.mch .announce b,body.mch .announce strong,body.mch .announce em{color:#0087ca!important}
body.mch a.cat.dark{background:#fff!important;color:#0b2b40!important;border:1px solid #dcebf4!important;border-radius:22px!important;box-shadow:0 24px 48px -34px rgba(11,60,96,.3)!important;transition:transform .35s ease,box-shadow .35s ease}
body.mch a.cat.dark:hover{transform:translateY(-4px);box-shadow:0 30px 56px -30px rgba(0,140,220,.45)!important}
body.mch a.cat.dark *{color:inherit}
body.mch a.cat.dark::before,body.mch a.cat.dark::after{display:none!important}
body.mch #app a.cat.dark h3{font-family:var(--f-display)!important;font-weight:400!important;font-size:1.7rem!important;letter-spacing:0!important;color:#0b2b40!important}
body.mch a.cat.dark p{color:#5b7486!important}
body.mch a.cat.dark.cat-all{background:linear-gradient(150deg,#0a8fe2,#49c2ff)!important;border-color:transparent!important;color:#fff!important}
body.mch #app a.cat.dark.cat-all h3,body.mch a.cat.dark.cat-all p,body.mch a.cat.dark.cat-all *{color:#fff!important}
body.mch .usa .stripes,body.mch .usa .stars{display:none!important}
body.mch .mem-band{background:linear-gradient(120deg,#0a86d6 0%,#2fb4ff 60%,#7fd3ff 100%)!important;border-radius:28px!important;color:#fff!important}
body.mch .mem-band h2,body.mch .mem-band p,body.mch .mem-band .eyebrow{color:#fff!important}
body.mch .mem-band .btn{background:#fff!important;color:#0b2b40!important}
/* v0.3 blue category cards, white on hover */
body.mch a.cat.dark,body.mch a.cat.dark.cat-all{background:linear-gradient(150deg,#0a8fe2,#3dbbff)!important;border:1px solid transparent!important;color:#fff!important;transition:background .3s ease,color .3s ease,transform .35s ease,box-shadow .35s ease,border-color .3s ease}
body.mch #app a.cat.dark h3,body.mch a.cat.dark p,body.mch a.cat.dark .n,body.mch a.cat.dark .go,body.mch a.cat.dark .go *{color:#fff!important;transition:color .3s ease}
body.mch a.cat.dark p{opacity:.92}
body.mch a.cat.dark .pill{background:rgba(255,255,255,.2)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important;transition:background .3s ease,color .3s ease}
body.mch a.cat.dark:hover,body.mch a.cat.dark.cat-all:hover{background:#fff!important;border-color:#bfe0f5!important;color:#0b2b40!important;transform:translateY(-4px);box-shadow:0 30px 56px -30px rgba(0,140,220,.5)!important}
body.mch #app a.cat.dark:hover h3,body.mch a.cat.dark:hover .n{color:#0b2b40!important}
body.mch a.cat.dark:hover p{color:#5b7486!important;opacity:1}
body.mch a.cat.dark:hover .go,body.mch a.cat.dark:hover .go *{color:#0087ca!important}
body.mch a.cat.dark:hover .pill{background:#daeff9!important;color:#0087ca!important;border-color:transparent!important}
/* v0.4 clean vial, no porthole */
body.mch .hero .hero-visual.mc-clean::before{display:none!important}
body.mch .hero .hero-visual.mc-clean .hero-vial{border-radius:0!important;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);animation:mcbob2 9s ease-in-out infinite!important}
@keyframes mcbob2{0%,100%{transform:scale(1.14) translateY(0) rotate(-1.2deg)}50%{transform:scale(1.14) translateY(-12px) rotate(1.2deg)}}
body.mch .hero .mc-sun{right:6%;top:4%}
@media (prefers-reduced-motion:reduce){body.mch .hero .hero-visual.mc-clean .hero-vial{animation:none!important;transform:scale(1.14)}}
/* v0.5 motion */
.mc-prog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#0a8fe2,#6fd0ff);z-index:99998;pointer-events:none}
body.admin-bar .mc-prog{top:32px}
body.mch .hero h1.mc-split{animation:none!important;opacity:1!important;transform:none!important}
body.mch .hero h1 .mc-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .07em .14em 0;margin:0 -.07em -.14em 0}
body.mch .hero h1 .mc-w>span{display:inline-block;transform:translateY(115%);animation:mcup 1s cubic-bezier(.19,.9,.22,1) forwards;animation-delay:calc(var(--i)*75ms + 120ms)}
@keyframes mcup{to{transform:translateY(0)}}
body.mch .hero h1 em{position:relative;display:inline-block}
body.mch .hero h1 em .mc-sq{position:absolute;left:0;bottom:-.02em;width:100%;height:.16em;overflow:visible;pointer-events:none}
body.mch .hero h1 em .mc-sq path{fill:none;stroke:#39bdff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:mcdraw 1.4s .9s cubic-bezier(.4,0,.2,1) forwards}
@keyframes mcdraw{to{stroke-dashoffset:0}}
body.mch .hero .hero-visual{translate:calc(var(--mx,0)*-14px) calc(var(--my,0)*-10px)}
body.mch .hero .mc-sun{translate:calc(var(--mx,0)*18px) calc(var(--my,0)*12px)}
body.mch .hero .hero-copy{translate:calc(var(--mx,0)*4px) 0}
body.mch .hero .chip-float{animation:mcchip 7s ease-in-out infinite!important;translate:calc(var(--mx,0)*-10px) calc(var(--my,0)*-8px)}
@keyframes mcchip{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
body.mch .hero .mc-rip{position:absolute;left:27%;bottom:2%;width:46%;height:8%;border-radius:50%;border:1.5px solid rgba(0,150,235,.4);opacity:0;animation:mcrip 5.4s ease-out infinite;z-index:0;pointer-events:none}
body.mch .hero .mc-rip:nth-of-type(2){animation-delay:1.8s}
body.mch .hero .mc-rip:nth-of-type(3){animation-delay:3.6s}
@keyframes mcrip{0%{transform:scale(.55);opacity:0}18%{opacity:.75}100%{transform:scale(2.1);opacity:0}}
body.mch .btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease!important}
body.mch .btn:hover{transform:translateY(-2px)}
body.mch .btn svg{transition:transform .3s ease}
body.mch .btn:hover svg{transform:translateX(4px)}
body.mch .btn-teal::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:skewX(-18deg);transition:left .7s ease;pointer-events:none}
body.mch .btn-teal:hover::after{left:120%}
body.mch #app a.cat.dark{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}
body.mch #app a.cat.dark.mc-tilt{transition:background .3s ease,color .3s ease,box-shadow .35s ease,border-color .3s ease!important;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)!important}
body.mch #app a.cat.dark::after{content:""!important;display:block!important;position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%),rgba(0,170,255,.16),rgba(0,170,255,0) 46%);opacity:0;transition:opacity .3s ease;pointer-events:none}
body.mch #app a.cat.dark:hover::after{opacity:1}
body.mch a.cat.dark .go svg{transition:transform .3s ease}
body.mch a.cat.dark:hover .go svg{transform:translateX(5px)}
body.mch .mc-pc img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
body.mch .mc-pc:hover img{transform:translateY(-8px) scale(1.06) rotate(-1.5deg)}
body.mch .mc-pc{transition:transform .35s ease,box-shadow .35s ease}
body.mch .mc-pc:hover{transform:translateY(-4px)}
body.mch .mem-band{position:relative;overflow:hidden}
body.mch .mem-band::before{content:"";position:absolute;inset:-40% -10%;background:radial-gradient(40% 50% at 30% 50%,rgba(255,255,255,.28),rgba(255,255,255,0) 70%);animation:mcdrift 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes mcdrift{to{transform:translateX(38%)}}
body.mch .mem-band>*{position:relative}
@media (prefers-reduced-motion:reduce){body.mch .hero h1 .mc-w>span{animation:none;transform:none}body.mch .hero h1 em .mc-sq path{animation:none;stroke-dashoffset:0}body.mch .hero .mc-rip,body.mch .mem-band::before,body.mch .hero .chip-float{animation:none!important}body.mch .hero .hero-visual,body.mch .hero .mc-sun,body.mch .hero .hero-copy,body.mch .hero .chip-float{translate:none}}
/* v1.1 Surf Club drop vial */
body.mch .mem-band .mc-drop{position:relative;flex:none;width:340px;height:380px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.28),0 40px 70px -30px rgba(4,60,110,.6);animation:mcdrop 8s ease-in-out infinite}
body.mch .mem-band .mc-drop img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;box-shadow:none!important;transform:scale(1.1)!important;transform-origin:50% 55%;display:block}
@keyframes mcdrop{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){body.mch .mem-band .mc-drop{width:240px;height:270px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){body.mch .mem-band .mc-drop{animation:none}}