/* V15 shared chrome: header, footer and background for inner pages (generated by make_chrome.py) */
/* services dropdown in the main header */
.site-header{position:relative;z-index:40}
.svc-dd{position:relative}
.svc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 4px;background:none;border:0;cursor:pointer;font:inherit;font-size:15px;color:var(--ink2)}
.svc-btn svg{width:16px;height:16px;transition:transform .2s}
.svc-wrench{display:none}
.svc-btn:hover,.svc-btn[aria-expanded="true"]{color:#fff}
.svc-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.svc-menu{position:absolute;right:-12px;top:calc(100% + 12px);width:360px;max-width:calc(100vw - 32px);padding:14px;border-radius:16px;
 background:#07121B;border:1px solid var(--line-hi);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 30px rgba(var(--a-rgb),.15);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:ddin .18s ease}
.svc-menu[hidden]{display:none}
.svc-menu-h{margin:2px 8px 8px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.svc-menu ul{list-style:none;margin:0;padding:0}
.svc-menu li a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;text-decoration:none;color:var(--ink);transition:background .15s}
.svc-menu li a:hover,.svc-menu li a:focus-visible{background:rgba(255,255,255,.06);outline:none}
.svc-menu li a[aria-current="page"]{background:rgba(var(--a-rgb),.12);box-shadow:inset 3px 0 0 var(--a)}
.svc-menu img{flex:none;width:26px;height:26px}
.svc-menu b{display:block;font:600 15px/1.2 "Sora",Arial,sans-serif}
.svc-menu small{display:block;margin-top:2px;font-size:13px;color:var(--ink2)}
.svc-all{display:block;margin-top:8px;padding:11px 10px 4px;border-top:1px solid var(--line);font-size:14px;color:var(--a);text-decoration:none}
.svc-all:hover{text-decoration:underline}
@keyframes ddin{from{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.svc-menu{animation:none}}
@media (max-width:760px){.svc-dd{position:static}.svc-menu{left:16px;right:16px;width:auto;top:calc(100% - 6px)}}
.site-header .nav{align-items:center}
.svc-site{display:none}
@media (max-width:760px){
 /* one-row header: logo centred, Services on the right */
 .site-header .wrap.bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;padding-top:16px;padding-bottom:14px}
 .site-header .logo img[src*="gem"]{width:46px;height:46px}
 .site-header .nav{display:flex;gap:0;margin:0}
 .site-header .nav > a{display:none}
 .svc-btn{width:42px;height:42px;padding:0;justify-content:center;border-radius:12px;color:#041119;background:var(--a);box-shadow:0 0 18px var(--glow)}
 .svc-btn .svc-txt,.svc-btn > svg:not(.svc-wrench){display:none}
 .svc-btn .svc-wrench{display:block;width:22px;height:22px;transform:none!important}
 .svc-btn[aria-expanded="true"]{background:#fff;color:#041119}
 .svc-site{display:grid;grid-template-columns:1fr 1fr;gap:4px;list-style:none;margin:8px 0 0;padding:10px 0 0;border-top:1px solid var(--line)}
 .svc-site a{display:block;padding:10px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:15px}
 .svc-site a:hover,.svc-site a:focus-visible{background:rgba(255,255,255,.06);outline:none}
 .svc-site li:last-child a{color:var(--a);font-weight:700}
}

/* full site footer */
.site-footer.ft{margin-top:0;padding:56px 0 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(2,7,11,.6),rgba(1,4,7,.95))}
.site-footer.ft,.site-footer.ft p,.site-footer.ft a,.site-footer.ft li{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:0}
.site-footer.ft .ft-h{font-family:var(--mono)}
.site-footer.ft a{text-decoration:none}
.ft-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,3fr);gap:48px}
.ft-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.ft-wm{height:26px;width:auto}
.site-footer.ft .ft-blurb{margin:16px 0 26px;max-width:340px;color:var(--ink2);font-size:14.5px;line-height:1.55}
.site-footer.ft .ft-line{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:14px;color:var(--ink2)}
.ft-line .ic,.ft-line .tea{width:18px;height:18px;flex:none;color:var(--a)}
.site-footer.ft .ft-line a{color:var(--a);text-decoration:none;border:0}
.site-footer.ft .ft-line a:hover{color:var(--a-hi)}
.ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.site-footer.ft .ft-h{margin:0 0 18px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--a)}
.ft-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.ft-cols li{line-height:1.35}
.ft-cols a{font-size:14.5px;color:var(--ink2);text-decoration:none;transition:color .2s}
.ft-cols a:hover,.ft-cols a:focus-visible{color:#fff}
.ft-cols a[aria-current="page"]{color:var(--a)}
.ft-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 32px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
.ft-bar p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
@media (max-width:900px){.ft-top{grid-template-columns:1fr;gap:32px}}
@media (max-width:760px){
 .site-footer.ft{padding:40px 0 90px}
 .ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .site-footer.ft .ft-blurb{max-width:none}
 .ft-bar{grid-template-columns:1fr;gap:8px;margin-top:32px}
}
/* page background: soft accent gradient over deep navy (no pattern) */
html.ar{background:#050C13 fixed!important;
 background-image:radial-gradient(75% 55% at 88% -5%,rgba(var(--a-rgb),.30),transparent 62%),
  radial-gradient(60% 50% at -8% 105%,rgba(var(--a-rgb),.13),transparent 65%),
  linear-gradient(165deg,rgba(var(--a-rgb),.12) 0%,rgba(var(--a-rgb),.04) 38%,transparent 70%)!important;
 background-attachment:fixed!important}
body{background:transparent!important}
body::after{display:none!important}
.hero::before,.ar .pagehead::before,.ar .hero-glow::before{background-image:none!important}
.band,.band.alt{background:transparent!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
/* drifting gems behind the page */
.junk{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.jk{position:absolute;top:0;transform:translateY(105vh) rotate(var(--r0));animation:jkdrift linear infinite;will-change:transform}
/* a light scan that sweeps down the background now and then */
.scanbg{position:fixed;left:0;right:0;top:0;height:26vh;z-index:-1;pointer-events:none;opacity:0;transform:translateY(-30vh);
 background:linear-gradient(180deg,transparent,rgba(var(--a-rgb),.035) 60%,rgba(var(--a-rgb),.09));animation:bgscan 14s cubic-bezier(.45,0,.55,1) 2.5s infinite}
.scanbg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
 background:linear-gradient(90deg,transparent,rgba(var(--a-rgb),.55) 18%,rgba(255,255,255,.45) 50%,rgba(var(--a-rgb),.55) 82%,transparent);
 box-shadow:0 0 16px 2px rgba(var(--a-rgb),.3)}
@keyframes bgscan{0%{opacity:0;transform:translateY(-30vh)}4%{opacity:1}21%{opacity:1;transform:translateY(100vh)}23%,100%{opacity:0;transform:translateY(100vh)}}
@media (prefers-reduced-motion:reduce){.scanbg{display:none}}
@keyframes jkdrift{from{transform:translateY(105vh) rotate(var(--r0))}to{transform:translateY(-12vh) rotate(var(--r1))}}
@media (prefers-reduced-motion:reduce){.jk{animation:none;transform:translateY(var(--y)) rotate(var(--r0))}}
.jk0{left:40.5%;width:24px;height:24px;opacity:0.07;--y:50vh;--r0:124deg;--r1:297deg;animation-duration:91s;animation-delay:-26s;filter:blur(1.2px)}
.jk1{left:3.3%;width:16px;height:16px;opacity:0.08;--y:92vh;--r0:-128deg;--r1:-317deg;animation-duration:117s;animation-delay:-50s;filter:blur(0.6px)}
.jk2{left:58.7%;width:62px;height:62px;opacity:0.13;--y:6vh;--r0:-1deg;--r1:-152deg;animation-duration:56s;animation-delay:-18s}
.jk3{left:13.5%;width:20px;height:20px;opacity:0.06;--y:7vh;--r0:19deg;--r1:135deg;animation-duration:116s;animation-delay:-53s;filter:blur(1.2px)}
.jk4{left:8.9%;width:30px;height:30px;opacity:0.07;--y:22vh;--r0:109deg;--r1:32deg;animation-duration:80s;animation-delay:-54s;filter:blur(0.6px)}
.jk5{left:83.7%;width:24px;height:24px;opacity:0.07;--y:6vh;--r0:-18deg;--r1:87deg;animation-duration:90s;animation-delay:-33s;filter:blur(0.6px)}
.jk6{left:16.6%;width:20px;height:20px;opacity:0.08;--y:54vh;--r0:-179deg;--r1:-316deg;animation-duration:106s;animation-delay:-104s}
.jk7{left:53.2%;width:48px;height:48px;opacity:0.09;--y:71vh;--r0:-119deg;--r1:58deg;animation-duration:74s;animation-delay:-13s}
.jk8{left:24.6%;width:38px;height:38px;opacity:0.11;--y:63vh;--r0:-117deg;--r1:-5deg;animation-duration:60s;animation-delay:-55s}
.jk9{left:39.4%;width:30px;height:30px;opacity:0.07;--y:86vh;--r0:33deg;--r1:161deg;animation-duration:119s;animation-delay:-115s}
.jk10{left:16.9%;width:30px;height:30px;opacity:0.06;--y:62vh;--r0:99deg;--r1:167deg;animation-duration:73s;animation-delay:-59s;filter:blur(0.6px)}
.jk11{left:40.6%;width:16px;height:16px;opacity:0.08;--y:8vh;--r0:-58deg;--r1:-256deg;animation-duration:79s;animation-delay:-5s;filter:blur(0.6px)}
.jk12{left:90.2%;width:24px;height:24px;opacity:0.06;--y:82vh;--r0:-170deg;--r1:-356deg;animation-duration:96s;animation-delay:-70s}
.jk13{left:46.6%;width:62px;height:62px;opacity:0.11;--y:38vh;--r0:-130deg;--r1:-51deg;animation-duration:82s;animation-delay:-39s}

/* V15 membership cards */
#pricing .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:28px;align-items:stretch}
.mb-card{position:relative;display:flex;flex-direction:column}
.mb-card.rec{box-shadow:inset 0 0 0 1px var(--a),0 0 30px rgba(var(--a-rgb),.18)}
.mb-rec{position:absolute;top:-11px;right:18px;padding:4px 10px;border-radius:999px;background:var(--a);color:#041119;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.mb-card h3{margin:4px 0 6px}
#pricing .mb-card .big{margin:0 0 6px;font:700 32px/1.1 "Sora",Arial,sans-serif;color:#fff;white-space:normal}
.mb-card .big small{font:400 14px/1 Arial,sans-serif;color:var(--ink2)}
.mb-min{margin:0 0 16px;font-size:14px;color:var(--ink2)}
.mb-rows{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:0}
.mb-rows li{display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-top:1px solid var(--line)}
.mb-rows li:first-child{border-top:0;padding-top:2px}
.mb-rows img{flex:none;width:22px;height:22px;margin-top:1px}
.mb-rows b{display:block;font:600 14px/1.3 "Sora",Arial,sans-serif;color:#fff}
.mb-rows span{font-size:14.5px;line-height:1.4;color:var(--ink2)}
.mb-rows li.off{opacity:.42}.mb-rows li.off img{filter:grayscale(1)}
.mb-more{margin:0 0 12px;font-size:13.5px;color:var(--ink2)}
.mb-off{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px;font-weight:600;color:var(--a);font-size:14.5px;line-height:1.4}
.mb-off svg{flex:none;margin-top:2px;width:18px;height:18px;fill:none;stroke:var(--a);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mb-card .cardfoot{margin-top:auto}
.mb-terms{margin:14px 0 0;text-align:center;color:var(--ink2);font-size:14.5px}
#pricing .notice{margin-top:18px;border:1px solid var(--line-hi);background:rgba(var(--a-rgb),.08);border-radius:14px;color:var(--ink2);padding:16px 18px}
#pricing .notice strong{display:block;margin-bottom:6px;color:var(--a)}
@media (max-width:760px){#pricing .mb-card .big{font-size:26px}#pricing .mcar{padding-top:14px}}
.h2g{color:var(--a)}.h2b{display:block}.tier-cta{justify-content:center;margin:24px 0 8px}
.mb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-rec{z-index:2}
@media print{.junk,.scanbg,.m-cta{display:none!important}}

/* Scrollbar in this site's colour: thin dark track, coloured handle (founder, 25 October 2026) */
html{scrollbar-width:thin;scrollbar-color:rgba(91,232,171,.6) #060D12}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#060D12}
::-webkit-scrollbar-thumb{background:rgba(91,232,171,.6);border:2px solid #060D12;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:rgb(91,232,171)}