/* Aura: the lap of light. Near black olive, lime aura, serif italic accents, drafting grid and film grain. */
:root{
  color-scheme:dark;
  --ink:#070A03;--sage:#0A0D04;--olive:#1A2309;--olive2:#26330E;--lime:#C6F53D;--lime2:#E4FB9C;--ivory:#FAFFF3;
  --mist:rgba(250,255,243,.74);--faint:rgba(250,255,243,.6);--line:rgba(250,255,243,.13);--dark-line:rgba(7,10,3,.18);
  --g:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;--serif:"Instrument Serif","Times New Roman",Georgia,serif;
  --d:min(clamp(740px,calc(100vh - 100px),880px),calc(100vw - 440px));
  --r:26px;
}
*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%;scroll-padding-top:88px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ink);color:var(--ivory);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;position:relative}
body::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(250,255,243,.045) 1px,transparent 1px);background-size:25% 100%}
body::after{content:"";position:absolute;inset:0;z-index:60;pointer-events:none;opacity:.05;background-image:url(../img/grain.svg?v=cdbd0371ab)}
main,footer,header{position:relative}
main{overflow-x:clip}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
table{border-collapse:collapse}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.on-light :focus-visible,.on-light:focus-visible{outline-color:var(--ink)}
.wrap{max-width:1400px;margin-inline:auto;padding-left:var(--g);padding-right:var(--gr)}
@media (min-width:760px){.wrap{padding-left:max(32px,var(--g));padding-right:max(32px,var(--gr))}}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.012em;font-size:1.08em;line-height:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:70;padding:10px 16px;background:var(--lime);color:var(--ink);border-radius:999px}
.skip:focus{top:12px}
h1,h2,h3{overflow-wrap:break-word;font-weight:400}

/* controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;font-weight:500;font-size:15.5px;line-height:1.2;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.ar{width:15px;height:15px;flex:none;transition:transform .25s ease}
a:hover>.ar{transform:translateX(3px)}
.btn-lime{background:var(--lime);color:var(--ink);box-shadow:0 0 34px rgba(198,245,61,.38)}
.btn-lime:hover{box-shadow:0 0 54px rgba(198,245,61,.62);transform:translateY(-1px)}
.btn-glow{background:rgba(14,20,6,.86);color:var(--ivory);border:1px solid var(--lime);box-shadow:0 0 18px rgba(198,245,61,.28),inset 0 0 12px rgba(198,245,61,.12)}
.btn-glow:hover{box-shadow:0 0 30px rgba(198,245,61,.55),inset 0 0 18px rgba(198,245,61,.22)}
.btn-ink{background:var(--ink);color:var(--ivory)}
.btn-ink:hover{background:var(--olive2);transform:translateY(-1px)}
.btn-line{border:1.5px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--lime)}
.tag{display:inline-block;padding:5px 13px;border-radius:999px;border:1px solid rgba(198,245,61,.7);font-size:12.5px;line-height:1.3;color:var(--lime2);box-shadow:0 0 12px rgba(198,245,61,.2);background:rgba(10,13,4,.7)}
.recm,.rec{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.35}
.recm{background:var(--lime);color:var(--ink)}
.rec{background:var(--ink);color:var(--lime)}
.lnk{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font-weight:500;border-bottom:1px solid rgba(198,245,61,.5);padding-bottom:3px}
.lnk:hover{border-color:var(--lime)}
.ul{text-decoration:underline;text-underline-offset:3px;color:var(--lime2)}
.sub{font-size:17px;line-height:1.48;color:var(--mist);max-width:36em}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* header */
.top{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(7,10,3,.94),rgba(7,10,3,.72));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.mark{display:inline-flex;align-items:baseline;padding:3px 10px 4px;border:1.2px solid var(--ivory);border-radius:4px;font-weight:500;font-size:18px;letter-spacing:-.02em;line-height:1.2;flex:none}
.mark em{font-size:1.14em}
.nav{display:flex;gap:22px;margin-inline:auto;font-size:14px}
.nav a{color:var(--mist);transition:color .2s;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{color:var(--lime)}
.top-r{display:flex;align-items:center;gap:12px;margin-left:auto}
.nav+.top-r{margin-left:0}
.langs{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px}
.langs a{display:grid;place-items:center;min-width:34px;min-height:30px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--mist)}
.langs a[aria-current]{background:var(--lime);color:var(--ink)}
.signin{font-size:14px;color:var(--mist);white-space:nowrap}
.signin:hover{color:var(--lime)}
.top .btn{min-height:42px;padding:9px 18px;font-size:14px;white-space:nowrap}
.menu{display:none}
.menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu summary span,.menu summary span::before{display:block;width:16px;height:1.5px;background:var(--ivory);transition:transform .2s}
.menu summary span{transform:translateY(-3px)}
.menu summary span::before{content:"";transform:translateY(6px)}
.menu[open] summary span{transform:rotate(45deg)}
.menu[open] summary span::before{transform:rotate(-90deg)}
.drawer{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;padding:8px var(--gr) 22px var(--g);background:#0A0F04;border-bottom:1px solid var(--line);font-size:25px;letter-spacing:-.02em;line-height:1.2}
.drawer a:not(.btn){padding:12px 0;border-bottom:1px solid var(--line)}
.drawer a[aria-current]{color:var(--lime)}
.drawer .btn{margin-top:18px;font-size:16px;letter-spacing:0}
@media (max-width:1320px){.signin{display:none}}
@media (max-width:1240px){.nav,.top-r .top-cta{display:none}.menu{display:block}}
@media (max-width:420px){.langs a{min-width:30px}}

/* the orbit */
.hero{position:relative;overflow:clip;padding:18px 0 40px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(52% 62% at 16% 74%,rgba(92,190,58,.34),transparent 72%),radial-gradient(44% 52% at 88% 20%,rgba(150,226,60,.22),transparent 72%),radial-gradient(34% 30% at 56% 92%,rgba(198,245,61,.2),transparent 74%);-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(250,255,243,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(250,255,243,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.stage{display:grid;place-items:center;min-height:calc(var(--d) + 12px)}
.stage>*{grid-area:1/1}
.dial{position:relative;width:var(--d);height:var(--d);animation:dialIn 1.3s cubic-bezier(.2,.8,.2,1) both}
.disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,#050702 58%,#0A1104 82%,#1D3A0D 98%,#2B5412 100%);box-shadow:inset 0 0 110px rgba(120,220,60,.14)}
.base{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 190deg,#C6F53D 0,#6FD24A 13%,rgba(90,190,60,.2) 30%,rgba(90,190,60,.14) 42%,#7BDA48 56%,#D6F96A 66%,#6FD24A 74%,rgba(90,190,60,.2) 88%,#C6F53D 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}
.halo{position:absolute;inset:-34px;filter:blur(20px);opacity:.92;pointer-events:none}
.halo i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 190deg,#C6F53D 0,#5EC13F 14%,transparent 30%,transparent 44%,#6FD24A 56%,#C6F53D 66%,#5EC13F 76%,transparent 90%,#C6F53D 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 58px),#000 calc(100% - 38px),#000 calc(100% - 28px),transparent 100%);mask:radial-gradient(closest-side,transparent calc(100% - 58px),#000 calc(100% - 38px),#000 calc(100% - 28px),transparent 100%)}
.ringart{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ringart .r1{stroke:rgba(198,245,61,.34);stroke-width:9}
.ringart .r2{stroke:rgba(250,255,243,.08)}.ringart .r3{stroke:rgba(250,255,243,.1)}.ringart .r4{stroke:rgba(250,255,243,.07)}
.comet,.sat{position:absolute;inset:0;transform:rotate(205deg);animation:lap 34s linear infinite;pointer-events:none}
.comet{border-radius:50%;background:conic-gradient(rgba(230,251,156,0) 0 62%,rgba(230,251,156,.5) 90%,#F4FFD0 99.7%,rgba(230,251,156,0) 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}
.sat i{position:absolute;left:50%;top:0;width:11px;height:11px;margin:-5.5px;border-radius:50%;background:#F4FFD0;box-shadow:0 0 16px 6px rgba(198,245,61,.85)}
@keyframes lap{from{transform:rotate(205deg)}to{transform:rotate(565deg)}}
@keyframes dialIn{from{opacity:0;transform:scale(.93) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes turn{to{transform:rotate(360deg)}}
.copy{position:relative;z-index:3;width:calc(var(--d)*.72);text-align:center;display:flex;flex-direction:column;align-items:center}
.copy>*{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
.copy>*:nth-child(2){animation-delay:.1s}.copy>*:nth-child(3){animation-delay:.2s}.copy>*:nth-child(4){animation-delay:.3s}
.copy h1{margin:16px 0;font-size:calc(var(--d)*.071);line-height:1;letter-spacing:-.036em;text-wrap:balance}
h1 em{color:var(--lime);text-shadow:0 0 34px rgba(198,245,61,.45)}
.copy .sub{font-size:15.5px;line-height:1.45;max-width:33em}
.copy .cta{justify-content:center;margin-top:18px}
.node,.pick{--a:0deg;position:absolute;left:calc(50% + 50%*sin(var(--a)));top:calc(50% - 50%*cos(var(--a)));width:0;height:0;z-index:4;display:block}
.a302{--a:302deg}.a40{--a:40deg}.a90{--a:90deg}.a140{--a:140deg}.a222{--a:222deg}
.node .dot,.pick .dot{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--ink);border:1.5px solid var(--lime);box-shadow:0 0 14px rgba(198,245,61,.55);transition:transform .25s ease,background .25s ease}
.node .dot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--lime)}
.node .lab{position:absolute;top:0;width:214px;transform:translateY(-50%);display:block}
.node.r .lab{left:24px;text-align:left}.node.l .lab{right:24px;text-align:right}
.node .h{display:inline-block;font-size:12.5px;padding:2px 10px;border-radius:999px;border:1px solid rgba(198,245,61,.6);color:var(--lime2);background:rgba(10,13,4,.75);margin-bottom:6px;white-space:nowrap}
.node .recm{margin:0 6px 6px 0}
.node b{display:block;font-weight:400;font-size:29px;line-height:1.04;letter-spacing:-.03em;transition:color .2s}
.node .pr{display:block;font-size:14px;color:var(--ivory);margin-top:3px;line-height:1.35}
.node .pr span{font-weight:500}
.node:hover .dot{transform:scale(1.4);background:var(--lime)}
.node:hover b{color:var(--lime)}
.node:focus-visible{outline:2px solid transparent}
.node:focus-visible .lab{outline:2px solid var(--lime);outline-offset:5px;border-radius:6px}
.node.up .lab{transform:translateY(-82%)}.node.dn .lab{transform:translateY(-18%)}
.node.day b{font-size:36px}
.pick,.readouts,.dr{display:none}
.badge{position:relative;display:block;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px rgba(198,245,61,.5),0 0 34px rgba(198,245,61,.22)}
.spinbadge{position:absolute;right:max(32px,var(--gr));bottom:22px;width:140px;height:140px;z-index:5}
.badge-a{position:absolute;inset:0;width:100%;height:100%}
.badge-a .t{transform-origin:50% 50%;animation:turn 26s linear infinite}
.badge-a text{font-family:var(--sans);font-weight:500;fill:var(--lime);text-transform:uppercase}
.badge-a .g{fill:none;stroke:var(--lime);stroke-width:1.5}
.badge-a .o{fill:var(--lime)}
.badge:hover .t{animation-duration:9s}

/* section heads */
.sec{position:relative;padding:112px 0 0;isolation:isolate}
.sec-s{padding-top:40px}
.sec::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(70vw,900px);height:900px;top:-120px;right:-260px;background:radial-gradient(closest-side,rgba(96,196,60,.17),transparent)}
.sec:nth-of-type(even)::before{right:auto;left:-340px;top:60px}
.sh{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;margin-bottom:52px}
.sh-plain{padding-top:24px;border-top:1px solid var(--line)}
.sh-meta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:14px;margin-bottom:32px;border-bottom:1px solid var(--line);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mist)}
.sh-meta .i{color:var(--lime);margin-right:14px}
.sh-meta .w{text-transform:none;letter-spacing:-.01em;font-size:14px;color:var(--faint)}
.title{font-size:clamp(38px,5.7vw,84px);line-height:1;letter-spacing:-.038em;text-wrap:balance}
.sh .title{grid-column:1/9}
.sh .intro{grid-column:9/-1;color:var(--mist);font-size:17px;padding-bottom:8px}
.title em{color:var(--lime);letter-spacing:-.02em}

/* what is rushlap */
.clear .sh .title{grid-column:1/6}
.clear .sh .lead{grid-column:6/-1;font-size:clamp(22px,2.3vw,33px);line-height:1.2;letter-spacing:-.02em;color:var(--ivory);padding:0}
.points{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.point{position:relative;padding:28px 24px 8px 0}
.point+.point{padding-left:24px;border-left:1px solid var(--line)}
.pdot{position:absolute;left:-5px;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px 3px rgba(198,245,61,.6)}
.point:first-child .pdot{left:0}
.point h3{font-size:clamp(25px,2.3vw,32px);line-height:1.05;letter-spacing:-.028em;margin-bottom:12px}
.point h3 em{color:var(--lime)}
.point p{color:var(--mist);font-size:15.5px;line-height:1.46}
/* the guide: the loudest thing on the page */
.guide{position:relative;margin-top:56px;border-radius:28px;background:var(--lime);color:var(--ink);padding:clamp(26px,4vw,56px) clamp(18px,4vw,56px) clamp(14px,2vw,28px);box-shadow:0 0 110px rgba(198,245,61,.3);scroll-margin-top:86px;isolation:isolate}
.lines{position:absolute;inset:0;border-radius:28px;overflow:hidden;pointer-events:none;z-index:-1}
.lines svg{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1500px;height:1500px;margin-top:-750px}
.lines circle{fill:none;stroke:rgba(7,10,3,.11)}
.guide-h{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:end;margin-bottom:clamp(20px,3vw,40px)}
.guide-h .title,.guide-h .title em{color:var(--ink)}
.guide-h .title{font-size:clamp(44px,6.4vw,96px)}
.guide-h p{font-size:18px;line-height:1.35;padding-bottom:8px}
.gl li{border-top:1.5px solid var(--ink)}
.gr{display:grid;grid-template-columns:minmax(0,1fr) 210px 148px 54px;gap:24px;align-items:center;padding:20px 12px;margin-inline:-12px;border-radius:14px;transition:background .2s,color .2s}
.gneed{font-size:clamp(23px,2.4vw,34px);line-height:1.08;letter-spacing:-.028em}
.gpk{display:flex;align-items:center;gap:12px}
.gname b,.gpr b{display:block;font-weight:400}
.gname b{font-size:23px;line-height:1.05;letter-spacing:-.025em}
.gname small,.gpr small{display:block;font-size:13.5px;line-height:1.3;margin-top:2px}
.gpr{text-align:right}
.gpr b{font-size:clamp(28px,2.6vw,38px);line-height:1;letter-spacing:-.035em;white-space:nowrap}
.go{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--lime);transition:transform .25s}
.go .ar{width:18px;height:18px}
.gr:hover{background:var(--ink);color:var(--ivory)}
.gr:hover .gpr b,.gr:hover em{color:var(--lime)}
.gr:hover .go{background:var(--lime);color:var(--ink);transform:translateX(3px)}
.gr:hover .gauge{--ac:var(--lime);--ln:var(--line)}

/* gauges */
.gauge{--ln:var(--line);--ac:var(--lime);position:relative;display:block;width:104px;height:104px;flex:none}
.on-light .gauge{--ln:var(--dark-line);--ac:var(--ink)}
.gauge svg{display:block;width:100%;height:100%;transform:rotate(-90deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.band:hover .gauge svg,.band-d:hover .gauge svg,.pack:hover .gauge svg,.step:hover .gauge svg{transform:rotate(270deg)}
.gauge circle{fill:none;stroke-width:3}
.gauge .tr{stroke:var(--ln)}.gauge .pg{stroke:var(--ac);stroke-linecap:round}
.gv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:31px;letter-spacing:-.03em;line-height:1}
.gv small{font-size:14px;margin-left:2px;letter-spacing:0}
.g-sm{width:66px;height:66px}.g-sm .gv{font-size:18px}.g-sm .gv small{font-size:11px}.g-sm circle{stroke-width:4}
.g-xs{width:46px;height:46px}.g-xs .gv{font-size:14px}.g-xs .gv small{font-size:10px;margin-left:1px}.g-xs circle{stroke-width:5}
.g-pip{width:38px;height:38px}.g-pip circle{stroke-width:9}.g-pip .gv{display:none}
.g-lg{width:150px;height:150px}.g-lg .gv{font-size:46px}.g-lg .gv small{font-size:20px}.g-lg circle{stroke-width:2.500}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.tile{position:relative;border-radius:var(--r);overflow:hidden;isolation:isolate}
.spot::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(198,245,61,.17),transparent 70%)}
.spot:hover::after{opacity:1}
.step{grid-column:span 4;min-height:356px;padding:26px;display:flex;flex-direction:column;background:#0D1306;border:1px solid var(--line)}
.step::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(75% 60% at var(--ax,0%) 112%,rgba(120,214,64,.34),transparent 78%)}
.step.s2{--ax:50%}.step.s3{--ax:100%}
.step-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:auto;padding-bottom:42px}
.step h2,.step h3{font-size:clamp(30px,2.9vw,41px);line-height:1.03;letter-spacing:-.03em}
.step h2 em,.step h3 em{color:var(--lime)}
.step p:not(.tag){margin-top:12px;color:var(--ivory);font-size:16px;line-height:1.45}
.shot{grid-column:span 8;min-height:440px;background:#050702}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.gocard{grid-column:span 4;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;color:var(--ink);background:linear-gradient(135deg,#C6F53D,#E4FB9C)}
.gocard p{font-size:clamp(32px,3vw,44px);line-height:1.03;letter-spacing:-.035em}
.gogo{display:flex;flex-wrap:wrap;gap:10px}
.gocard .btn{align-self:flex-start}
.b-end{margin-top:14px}

/* bands: light to deep */
.bands{border-radius:28px;overflow:hidden;box-shadow:0 0 90px rgba(120,214,64,.18)}
.b0,.b1,.b2,.b3,.b4,.bp{--fg:var(--ink);--mut:rgba(7,10,3,.76);--ln:var(--dark-line);--ac:var(--ink);color:var(--fg)}
.b0{background:var(--ivory)}.b1{background:#EAFBC2}.b2{background:var(--lime)}
.b3,.b4,.bp{--fg:var(--ivory);--mut:var(--mist);--ln:var(--line);--ac:var(--lime)}
.b3{background:var(--olive)}
.b4{background:var(--sage)}
.bp{background:#10160A}
.band{position:relative;display:grid;grid-template-columns:118px minmax(0,1.14fr) minmax(0,1.3fr) 212px;gap:30px;padding:36px 38px;align-items:start;scroll-margin-top:90px}
.band.b2{padding-block:50px}
.band .gauge,.band-d .gauge{--ln:inherit}
.band .tr,.band-d .tr,.rwb .tr{stroke:var(--ln)}.band .pg,.band-d .pg,.rwb .pg{stroke:var(--ac)}
.band h3,.dtitle{display:block;font-size:clamp(38px,4.2vw,60px);line-height:1;letter-spacing:-.04em}
.band h3 em,.dtitle em{color:var(--ac)}
.pm{margin-top:8px;font:italic 400 25px/1.14 var(--serif)}
.fw{margin-top:12px;color:var(--mut,var(--mist));font-size:15.5px;line-height:1.4}
.rec{margin-bottom:12px}
.dl li{padding:9px 0 9px 22px;border-top:1px solid var(--ln,var(--line));font-size:15.5px;line-height:1.36;position:relative}
.dl li:last-child{border-bottom:1px solid var(--ln,var(--line))}
.dl li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ac,var(--lime))}
.buy{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}
.price{font-size:clamp(34px,3vw,44px);letter-spacing:-.035em;line-height:1;white-space:nowrap}
.pri{font-size:13.5px;line-height:1.4;color:var(--mut,var(--mist))}
.b0 .btn,.b1 .btn,.b2 .btn{background:var(--ink);color:var(--ivory)}
.b3 .btn,.b4 .btn{background:var(--lime);color:var(--ink)}
.undr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px 30px;margin-top:18px}
.vat{margin-top:16px;font-size:14.5px;color:var(--mist);max-width:62em}
.undr .vat{margin:0}

/* examples */
.exsec{padding-top:90px}
.exsec::before{display:none}
.horizon{position:absolute;left:0;right:0;top:0;height:clamp(520px,50vw,780px);overflow:hidden;z-index:-1}
.horizon img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 62%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 62%,transparent)}
.exsec .sh{margin-bottom:clamp(120px,15vw,250px)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mcol{display:flex;flex-direction:column;gap:14px}
.mcol:nth-child(2){margin-top:70px}.mcol:nth-child(4){margin-top:118px}
.ex{flex:1 1 auto;padding:22px;display:flex;flex-direction:column;min-height:312px;--fg:var(--ivory);--mut:var(--mist);--ln2:rgba(198,245,61,.6);color:var(--fg)}
.ex.dark{background:#0D1306;border:1px solid var(--line)}
.ex.olive{background:linear-gradient(160deg,#24320D,#121A06);border:1px solid rgba(198,245,61,.18)}
.ex.ivory{background:var(--ivory);--fg:var(--ink);--mut:rgba(7,10,3,.74);--ln2:rgba(7,10,3,.35)}
.ex.lime{background:var(--lime);--fg:var(--ink);--mut:rgba(7,10,3,.78);--ln2:rgba(7,10,3,.5)}
.ex-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:auto;padding-bottom:30px}
.ic{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid var(--ln2);display:grid;place-items:center}
.ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pk{font-size:12.5px;line-height:1.3;padding:5px 11px;border-radius:999px;border:1px solid var(--ln2);text-align:right}
.ex h2,.ex h3{font-size:27px;line-height:1.07;letter-spacing:-.028em}
.ex.dark h2 em,.ex.olive h2 em,.ex.dark h3 em,.ex.olive h3 em{color:var(--lime)}
.ex>p{margin-top:10px;color:var(--mut);font-size:15.5px;line-height:1.42}
.pic{height:262px;background:#050702}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.pic:hover img{transform:scale(1.05)}
.disclaim{margin-top:34px;max-width:46em;font:italic 400 22px/1.28 var(--serif);color:var(--lime2)}

/* packs in the room */
.pstage{--ih:clamp(300px,47vw,660px);position:relative;border-radius:28px;overflow:hidden;padding:calc(var(--ih)*.8) 22px 22px;isolation:isolate;background:linear-gradient(180deg,#050702 30%,#10190A 70%,#1A2309);border:1px solid var(--line)}
.pstage>img{position:absolute;left:0;top:0;width:100%;height:var(--ih);object-fit:cover;object-position:50% 100%;z-index:-2;-webkit-mask-image:linear-gradient(#000 74%,transparent);mask-image:linear-gradient(#000 74%,transparent)}
.prow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pack{padding:24px;display:flex;flex-direction:column;gap:18px;background:rgba(10,14,5,.84);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(250,255,243,.2);--ln:rgba(250,255,243,.2);--ac:var(--lime)}
.pack-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pack-p{text-align:right}
.pack .price{font-size:clamp(30px,2.7vw,40px)}
.pack .pri{margin-top:4px}
.pack h3{font-size:clamp(28px,2.6vw,36px);line-height:1.05;letter-spacing:-.03em}
.pack h3 em{color:var(--lime)}
.pack .pm{font-size:21px;line-height:1.2;margin-top:7px}
.pack .fw{margin-top:7px;font-size:15px}
.pack .btn{margin-top:auto;align-self:flex-start}

/* lime panel */
.refsec{padding-top:176px}
.panel{position:relative;border-radius:28px;background:var(--lime);color:var(--ink);text-align:center;padding:112px clamp(20px,6vw,90px) 64px;box-shadow:0 0 110px rgba(198,245,61,.26);isolation:isolate}
.panbadge{position:absolute;left:50%;top:-72px;margin-left:-72px;width:144px;height:144px}
.eb{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase}
.panel .title{margin:14px auto 18px;max-width:15em;color:var(--ink);font-size:clamp(38px,5.2vw,78px)}
.panel .title em{color:var(--ink)}
.body{max-width:37em;margin:0 auto 28px;font-size:18px;line-height:1.45}
.panel .cta{justify-content:center}

/* faq */
.faq{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
.faq-l{grid-column:1/6;display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.faq .title{font-size:clamp(38px,4.7vw,70px)}
.acc{grid-column:6/-1;background:var(--ivory);color:var(--ink);border-radius:var(--r);padding:8px 26px}
.row{border-top:1px solid var(--dark-line);scroll-margin-top:90px}
.row:first-child{border-top:0}
.row summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;cursor:pointer;font-size:clamp(21px,2vw,27px);line-height:1.16;letter-spacing:-.022em}
.row summary::-webkit-details-marker{display:none}
.pl{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:var(--ink);transition:background .25s}
.pl::before,.pl::after{content:"";position:absolute;left:12px;right:12px;top:18.25px;height:1.5px;background:var(--lime);transition:transform .25s,background .25s}
.pl::after{transform:rotate(90deg)}
[open]>summary .pl{background:var(--lime)}
[open]>summary .pl::before,[open]>summary .pl::after{background:var(--ink)}
[open]>summary .pl::after{transform:rotate(0)}
.ans p{padding:0 56px 24px 0;font-size:17px;line-height:1.48;color:rgba(7,10,3,.78)}

/* footer: lime rising from the floor */
.ft{margin-top:120px;border-top:1px solid var(--line);overflow:clip;background:var(--sage)}
.fgrid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding-top:62px}
.f-l{grid-column:1/7}
.ftag{font-size:clamp(32px,3.6vw,52px);line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
.ftag em{color:var(--lime)}
.hook{margin-top:30px;padding:22px;max-width:520px;border-radius:20px;border:1px solid rgba(198,245,61,.4);box-shadow:inset 0 0 26px rgba(198,245,61,.08)}
.hook-t{font-size:23px;line-height:1.1;letter-spacing:-.022em}
.hook-b{margin:8px 0 14px;color:var(--mist);font-size:15.5px;line-height:1.42}
.fcols{grid-column:8/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-content:start}
.fcols h2{font-size:12.5px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:var(--lime);margin-bottom:12px}
.fcols li{margin-bottom:9px;font-size:15.5px;line-height:1.3}
.fcols a{color:var(--mist);transition:color .2s}.fcols a:hover{color:var(--lime)}
.legalline{margin-top:40px;font-size:13.5px;color:var(--mist)}
.floor{margin-top:10px;--fp:clamp(60px,9vw,130px);background:linear-gradient(180deg,var(--sage) 0,#7FBF2F calc(var(--fp)*.55),#C6F53D 100%)}
.fmark{padding-top:var(--fp);padding-bottom:env(safe-area-inset-bottom,0px);font-size:clamp(84px,21.5vw,330px);line-height:.86;letter-spacing:-.06em;text-align:center;color:var(--ink);white-space:nowrap}
.fmark em{letter-spacing:-.035em}

/* packages: stops on the horizon */
.pk-hero{position:relative;aspect-ratio:2/1;overflow:hidden}
.pk-planet{position:absolute;inset:0}
.pk-planet img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.pk-sky{position:relative;padding-top:clamp(20px,3vw,48px);text-align:center;display:flex;flex-direction:column;align-items:center}
.pk-sky h1{margin:12px 0 10px;font-size:clamp(50px,6vw,92px);line-height:1;letter-spacing:-.04em}
.pk-sky .sub{max-width:44em}
.stop{position:absolute;width:18%;transform:translateX(-50%);text-align:center}
.st1{left:12%;top:59.4%}.st2{left:31%;top:54.2%}.st3{left:50%;top:52.4%}.st4{left:69%;top:54.2%}.st5{left:88%;top:59.4%}
.stop a{display:flex;flex-direction:column;align-items:center;gap:6px}
.stop .dot{width:20px;height:20px;margin:-10px 0 14px;border-radius:50%;background:var(--ink);border:1.5px solid var(--lime);box-shadow:0 0 16px rgba(198,245,61,.8);position:relative}
.stop .dot::after{content:"";position:absolute;inset:4.5px;border-radius:50%;background:var(--lime)}
.sh-h{font-size:12.5px;padding:2px 10px;border-radius:999px;border:1px solid rgba(198,245,61,.6);color:var(--lime2);background:rgba(10,13,4,.7)}
.stop h2{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.035em;transition:color .2s}
.stop .sp{font-size:clamp(19px,1.7vw,24px);letter-spacing:-.02em}
.stop a:hover h2{color:var(--lime)}
.stop.now h2 em{color:var(--lime)}
.pk-hero+.sec{padding-top:36px}
.slab{margin-top:0;background:var(--ivory);color:var(--ink);border-radius:var(--r);overflow-x:auto;padding:8px 26px}
.cmp{width:100%;min-width:980px;font-size:15px;line-height:1.3}
.cmp th,.cmp td{padding:16px 14px;text-align:left;border-top:1px solid var(--dark-line);font-weight:400;vertical-align:middle}
.cmp thead th{border-top:0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(7,10,3,.76)}
.cmp tbody th{font-size:24px;letter-spacing:-.025em;white-space:nowrap}
.thg{display:flex;align-items:center;gap:12px}
.cmp .num{font-size:19px;letter-spacing:-.02em;white-space:nowrap}
.cmp .wide{min-width:220px}
.cmp tbody td:nth-child(2){white-space:nowrap}
.cmp .tk{width:20px;height:20px}
.cmp tr.hot td,.cmp tr.hot th{background:var(--lime)}
.cmp tr.hot td:last-child{border-radius:0 14px 14px 0}
.cmp tr.hot th{border-radius:14px 0 0 14px}
.bands-d{border-radius:28px}
.band-d{scroll-margin-top:90px}
.band-d summary{list-style:none;display:grid;grid-template-columns:118px minmax(0,1fr) 230px 42px;gap:30px;align-items:center;padding:28px 38px;cursor:pointer}
.band-d summary::-webkit-details-marker{display:none}
.band-d summary:focus-visible{outline-offset:-6px}
.dh{display:block}
.dh .rec{display:inline-block}
.dh .pm,.dh .fw{display:block}
.dp{display:block;text-align:right}
.dp .price,.dp .pri{display:block}
.dp .pri{margin-top:6px}
.band-d .pl{background:var(--ac)}
.band-d .pl::before,.band-d .pl::after{background:var(--ln)}
.b0 .pl::before,.b0 .pl::after,.b1 .pl::before,.b1 .pl::after,.b2 .pl::before,.b2 .pl::after{background:var(--lime)}
.b3 .pl::before,.b3 .pl::after,.b4 .pl::before,.b4 .pl::after{background:var(--ink)}
.band-d[open]>summary .pl{background:var(--ac)}
.band-d.b0[open]>summary .pl::before,.band-d.b0[open]>summary .pl::after,.band-d.b1[open]>summary .pl::before,.band-d.b1[open]>summary .pl::after,.band-d.b2[open]>summary .pl::before,.band-d.b2[open]>summary .pl::after{background:var(--lime)}
.band-d.b3[open]>summary .pl::before,.band-d.b3[open]>summary .pl::after,.band-d.b4[open]>summary .pl::before,.band-d.b4[open]>summary .pl::after{background:var(--ink)}
.det-b{padding:6px 38px 38px;display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.dgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;width:100%}
.dcol h3{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.dcol .dl li{font-size:14.5px}
.dc-excluded .dl li::before{border-radius:0;border-width:0 0 1.5px;top:17px}
.orbs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.orb{display:flex;flex-direction:column;align-items:center;text-align:center;--ln:var(--line);--ac:var(--lime)}
.orb-r{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin-bottom:18px;border-radius:50%;background:radial-gradient(closest-side,#050702 62%,#0F1C07 88%,#1D3A0D 100%);box-shadow:0 0 54px rgba(120,214,64,.2)}
.orb-r svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.orb-r circle{fill:none;stroke-width:2.500}
.orb-r .tr{stroke:rgba(250,255,243,.16)}
.orb-r .pg{stroke:var(--lime);stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(198,245,61,.8))}
.orb-c{position:absolute;inset:14%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.orb h3{font-size:clamp(25px,2.5vw,34px);line-height:1.05;letter-spacing:-.03em}
.orb h3 em{color:var(--lime)}
.orb .price{font-size:clamp(36px,3.8vw,54px)}
.orb .pm{font-size:22px;margin-top:0}
.orb .fw{margin:8px 0 14px;font-size:15px}
.orb .dl{width:100%;text-align:left;margin-bottom:18px}
.orb .btn{margin-top:auto}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tier{padding:28px;display:flex;flex-direction:column;gap:12px;min-height:320px;background:#0D1306;border:1px solid var(--line)}
.tier .gauge{margin-bottom:auto}
.tier h3{font-size:clamp(28px,2.7vw,38px);line-height:1.03;letter-spacing:-.03em;margin-top:26px}
.tier p{color:var(--mist);font-size:15.5px}
.tier.t100{background:var(--lime);color:var(--ink);border-color:transparent}
.tier.t100 p{color:rgba(7,10,3,.78)}
.tier.t50{background:var(--olive)}

/* how it works: the track */
.hw-hero{position:relative;padding:44px 0 0;isolation:isolate}
.hw-hero::before{content:"";position:absolute;z-index:-1;left:-200px;top:-80px;width:900px;height:800px;background:radial-gradient(closest-side,rgba(92,190,58,.28),transparent)}
.hw-g{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.hw-t h1{margin:18px 0 22px;font-size:clamp(46px,6.8vw,104px);line-height:.98;letter-spacing:-.042em;text-wrap:balance}
.hw-t{padding-bottom:30px}
.hw-pic{aspect-ratio:1/.92;background:#050702}
.hw-pic img{width:100%;height:100%;object-fit:cover}
.track-sec{padding-top:90px}
.track{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px}
.tstick{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:24px}
.tdial{position:relative;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,#050702 60%,#0F1C07 86%,#1D3A0D 100%);box-shadow:0 0 70px rgba(120,214,64,.24)}
.tdial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none}
.tdial .tt{stroke:rgba(198,245,61,.7);stroke-width:7}
.tdial .tb{stroke:rgba(250,255,243,.12);stroke-width:2}
.tdial .tp{stroke:var(--lime);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(198,245,61,.85))}
.tn{position:absolute;inset:0;display:grid;place-items:center;font:italic 400 128px/1 var(--serif);color:var(--lime);letter-spacing:-.03em;text-shadow:0 0 34px rgba(198,245,61,.45)}
.tmain{position:relative}
.arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none}
.arc path{vector-effect:non-scaling-stroke}
.arc .ag{stroke:rgba(150,235,70,.55);stroke-width:10;filter:blur(8px)}
.arc .al{stroke:var(--lime);stroke-width:1.6}
.ten{position:relative;display:grid;grid-auto-rows:1fr}
.st{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:center;padding:20px 20px 20px 36px;border-radius:22px}
.n1,.n10{margin-left:12.7%}.n2,.n9{margin-left:18.3%}.n3,.n8{margin-left:21.3%}.n4,.n7{margin-left:23.1%}.n5,.n6{margin-left:23.9%}
.st>.dot{position:absolute;left:-9px;top:calc(50% - 9px);width:18px;height:18px;border-radius:50%;background:var(--ink);border:1.5px solid var(--lime);box-shadow:0 0 14px rgba(198,245,61,.55);transition:background .25s,transform .25s}
.st.on>.dot{background:var(--lime);transform:scale(1.2)}
.stn{font:italic 400 52px/1 var(--serif);color:var(--lime)}
.st h2{font-size:clamp(25px,2.4vw,33px);line-height:1.06;letter-spacing:-.028em}
.st h2 em{color:var(--lime)}
.stb{margin-top:6px;color:var(--mist);font-size:15.5px;line-height:1.42}
.st.hot{background:var(--lime);color:var(--ink);box-shadow:0 0 60px rgba(198,245,61,.3)}
.st.hot .stn,.st.hot h2 em{color:var(--ink)}
.st.hot .stb{color:rgba(7,10,3,.8)}
.st.hot>.dot{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 3px var(--lime)}
.refund{min-width:820px}
.refund thead th{vertical-align:bottom;text-transform:none;letter-spacing:0;font-size:14px}
.refund .gauge{margin-bottom:10px}
.thp{display:block;font-size:22px;letter-spacing:-.022em;color:var(--ink)}
.thl{display:block;margin-top:3px}

/* what i build */
.wb-hero{position:relative;padding:34px 0 0;overflow:clip;isolation:isolate}
.wb-hero::before{content:"";position:absolute;z-index:-1;right:-120px;top:-60px;width:1000px;height:900px;background:radial-gradient(closest-side,rgba(92,190,58,.26),transparent)}
.wb-g{display:grid;grid-template-columns:minmax(0,1fr) 660px;gap:30px;align-items:center}
.wb-t h1{margin:18px 0 20px;font-size:clamp(44px,5.6vw,84px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.wb-dial{padding:44px 0}
.dial-9{--d:640px;margin-inline:auto;animation:none}
.wb-c{position:absolute;inset:0;display:grid;place-items:center;font:italic 400 44px/1 var(--serif);color:var(--lime);text-shadow:0 0 30px rgba(198,245,61,.4)}
.cn{--a:0deg;position:absolute;left:calc(50% + 50%*sin(var(--a)));top:calc(50% - 50%*cos(var(--a)));width:0;height:0;z-index:4}
.c2{--a:40deg}.c3{--a:80deg}.c4{--a:120deg}.c5{--a:160deg}.c6{--a:200deg}.c7{--a:240deg}.c8{--a:280deg}.c9{--a:320deg}
.cn .dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--ink);border:1.5px solid var(--lime);box-shadow:0 0 14px rgba(198,245,61,.6);transition:background .2s}
.cnl{position:absolute;left:calc(var(--d)*-.145*sin(var(--a)));top:calc(var(--d)*.145*cos(var(--a)));transform:translate(-50%,-50%);padding:5px 12px;white-space:nowrap;font-size:18px;letter-spacing:-.018em;border-radius:999px;transition:color .2s,background .2s}
.cn a:hover .dot{background:var(--lime)}
.cn a:hover .cnl{background:var(--lime);color:var(--ink)}
.cn a:focus-visible{outline:2px solid transparent}
.cn a:focus-visible .cnl{outline:2px solid var(--lime);outline-offset:2px}
.wb-main{padding-top:50px}
.filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.filter[hidden]{display:none}
.filter-l{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mist)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{appearance:none;font:inherit;font-size:14.5px;min-height:40px;padding:6px 16px;border-radius:999px;background:transparent;color:var(--ivory);border:1px solid var(--line);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--lime)}
.chip[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ccol{display:flex;flex-direction:column;gap:14px}
.ccol:nth-child(2){margin-top:90px}
.ccol:nth-child(3){margin-top:30px}
.cat{min-height:0;flex:0 0 auto;scroll-margin-top:90px}
.cat[hidden]{display:none}
.cat .ex-top{margin-bottom:0;padding-bottom:42px}
.cn-n{font:italic 400 34px/1 var(--serif)}
.cat h2{font-size:clamp(34px,3.2vw,46px);line-height:1;letter-spacing:-.035em}
.cat .cb{margin:10px 0 18px;color:var(--mut);font-size:16px;line-height:1.4}
.clist li{border-top:1px solid var(--ln2)}
.clist li[hidden]{display:none}
.clist a{display:flex;justify-content:space-between;align-items:center;gap:8px 14px;padding:11px 0;font-size:15.5px;line-height:1.28;transition:padding .2s}
.clist a:hover{padding-left:6px}
.clist .w{min-width:0}
.clist .pk{flex:none;max-width:48%;font-size:12px;padding:3px 10px}
.ccol .pic{height:300px}
.notdo{margin-top:clamp(50px,7vw,100px);display:grid;grid-template-columns:7fr 5fr;gap:14px;align-items:stretch}
.nd-pic{border-radius:var(--r);overflow:hidden;min-height:400px;position:relative;background:#050702}
.nd-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nd-t{padding:clamp(24px,3vw,40px);border-radius:var(--r);background:var(--ivory);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.nd-t .title{font-size:clamp(38px,4.4vw,64px);color:var(--ink)}
.nd-t .title em{color:var(--ink)}
.nd-t p{font-size:17px;line-height:1.45}
.nd-t :focus-visible{outline-color:var(--ink)}
.nd-t .btn{margin-top:auto;background:var(--ink);color:var(--ivory);box-shadow:none}

/* faq page */
.fq{padding:44px 0 0}
.fq-g{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:start}
.fq-stick{position:sticky;top:90px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}
.fq-eclipse{width:300px;height:300px;overflow:hidden;margin:-6px 0 6px -30px;position:relative}
.fq-eclipse img{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%)}
.fq-stick h1{margin:16px 0;font-size:clamp(44px,5.2vw,78px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.fq-stick .sub{margin-bottom:22px}
.fq-m .acc{padding:8px 28px}
.fsearch{margin-bottom:14px}
.fsearch[hidden]{display:none}
.fsearch label{display:block;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mist);margin-bottom:8px}
.fsearch input{appearance:none;width:100%;min-height:54px;padding:10px 22px;border-radius:999px;background:rgba(14,20,6,.86);color:var(--ivory);font:inherit;font-size:18px;border:1px solid var(--lime);box-shadow:0 0 18px rgba(198,245,61,.22)}
.nomatch{margin-top:12px;color:var(--lime2)}
.nomatch[hidden]{display:none}
.row[hidden]{display:none}

/* affiliate */
.af-hero{padding-top:96px;isolation:isolate}
.panel-h{padding-bottom:72px}
.panel-h .title{font-size:clamp(42px,6.4vw,100px);max-width:13em}
.rw-g{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:start}
.rw-stick{position:sticky;top:110px}
.rw-s .title{font-size:clamp(38px,4.6vw,68px)}
.rw-s .intro{margin-top:18px;color:var(--mist)}
.rw-h{display:flex;justify-content:space-between;gap:20px;padding:0 26px 12px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.rwb{display:grid;grid-template-columns:minmax(0,1fr) auto 66px;gap:16px;align-items:center;padding:14px 26px}
.rwn{font-size:clamp(24px,2.3vw,32px);line-height:1.05;letter-spacing:-.028em}
.rwn em{color:var(--ac)}
.rwr{font:italic 400 22px/1.1 var(--serif);text-align:right}
.drawn{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.dr-c{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:236px;display:flex;flex-direction:column}
.dr-n{font:italic 400 34px/1 var(--serif);color:var(--lime);margin-bottom:auto;padding-bottom:30px}
.dr-c h3{font-size:clamp(25px,2.3vw,32px);line-height:1.05;letter-spacing:-.028em;margin-bottom:8px}
.dr-c h3 em{color:var(--lime)}
.dr-c>p:last-child{color:var(--mist);font-size:15.5px;line-height:1.44}

/* contact */
.ct-hero{--d:min(clamp(600px,calc(100vh - 150px),720px),calc(100vw - 660px));padding:40px 0 60px}
.ct-hero .copy h1{font-size:calc(var(--d)*.15);margin:18px 0}
.ct-cards{position:absolute;inset:0;pointer-events:none}
.ct-c{position:absolute;top:50%;width:270px;transform:translateY(-50%);pointer-events:auto}
.ct-l{right:calc(50% + var(--d)/2 + 30px);text-align:right}
.ct-r{left:calc(50% + var(--d)/2 + 30px)}
.ct-c .dot{position:absolute;top:calc(50% - 9px);width:18px;height:18px;border-radius:50%;background:var(--ink);border:1.5px solid var(--lime);box-shadow:0 0 14px rgba(198,245,61,.6)}
.ct-l .dot{right:-39px}.ct-r .dot{left:-39px}
.ct-c h2{font-size:36px;line-height:1.05;letter-spacing:-.03em;margin-bottom:10px}
.ct-c h2 em{color:var(--lime)}
.ct-c p{color:var(--ivory);font-size:15.5px;line-height:1.42;margin-bottom:12px}
.ct-c .mailaddr{font-size:20px;letter-spacing:-.02em;overflow-wrap:anywhere}
.mailaddr a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

/* legal */
.lg-h{position:relative;padding:64px 0 46px;overflow:clip;border-bottom:1px solid var(--line);isolation:isolate}
.lg-h::before{content:"";position:absolute;z-index:-1;right:-120px;top:-300px;width:720px;height:720px;background:radial-gradient(closest-side,rgba(92,190,58,.22),transparent)}
.lg-arc{position:absolute;right:-160px;top:-240px;width:600px;height:600px;z-index:-1}
.lg-arc circle{stroke:rgba(198,245,61,.4)}
.lg-h h1{font-size:clamp(46px,6.4vw,96px);line-height:1;letter-spacing:-.042em;margin-bottom:16px}
.lg-h h1 em{text-shadow:none}
.vnote{margin-top:20px;max-width:52em;padding:16px 20px;border-radius:18px;border:1px solid rgba(198,245,61,.5);background:rgba(14,20,6,.86);font-size:15.5px;line-height:1.45;color:var(--lime2)}
.lg-g{display:grid;grid-template-columns:3fr 9fr;gap:40px;padding-top:48px;align-items:start}
.toc{position:sticky;top:96px;font-size:15px}
.toc summary{cursor:pointer;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--lime);margin-bottom:12px}
.toc li{padding:8px 0;border-top:1px solid var(--line);line-height:1.3}
.toc a{color:var(--mist)}.toc a:hover{color:var(--lime)}
.prose{max-width:46em}
.prose section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.prose section:last-child{border-bottom:0;margin-bottom:0}
.prose h2{font-size:clamp(25px,2.4vw,33px);line-height:1.1;letter-spacing:-.026em;margin-bottom:14px}
.prose p,.prose li{color:var(--mist);font-size:16.5px;line-height:1.56;overflow-wrap:anywhere}
.prose p+p,.prose p+ul,.prose ul+p{margin-top:12px}
.prose li{padding:5px 0 5px 22px;position:relative}
.prose li::before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--lime)}
.prose a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

/* 404 */
.nf{position:relative;overflow:clip;padding-bottom:40px;isolation:isolate}
.nf-hall{position:relative;width:max(100%,900px);left:50%;transform:translateX(-50%);-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.nf-hall img{width:100%}
.nfn{position:absolute;left:49.4%;top:46.4%;transform:translate(-50%,-50%);font:italic 400 clamp(90px,12vw,190px)/1 var(--serif);color:var(--lime);text-shadow:0 0 44px rgba(198,245,61,.5)}
.nf-t{position:relative;margin-top:-20%;text-align:center;display:flex;flex-direction:column;align-items:center}
.nf-t h1{font-size:clamp(42px,6vw,88px);line-height:1;letter-spacing:-.04em;margin-bottom:14px;text-wrap:balance}
.nfw{margin-top:22px;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mist)}
.nf-t .cta{justify-content:center;margin-top:14px}

/* og card */
.og{width:1200px;height:630px;overflow:hidden;position:relative;display:block}
.og::before,.og::after{display:none}
.og *{animation:none!important}
.og-dial{--d:1040px;position:absolute;left:80px;top:60px}
.og-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;padding:0 170px}
.og-t{font-size:66px;line-height:1.02;letter-spacing:-.038em;text-wrap:balance}
.og-t em{color:var(--lime)}

/* narrow: the copy leaves the ring, the ring becomes a package dial */
@media (max-width:1120px){
  :root{--d:min(calc(100vw - 60px),560px)}
  .home-ring{display:block}
  .pg-home .stage{display:flex;flex-direction:column;align-items:center;gap:46px;padding:36px var(--gr) 30px var(--g);min-height:0}
  .pg-home .copy{width:100%;max-width:640px}
  .copy h1{font-size:clamp(39px,10.4vw,76px)}
  .copy .sub{font-size:16.5px}
  .pg-home .cta{width:100%}
  .spinbadge{display:none}
  .node{display:none}
  .dr{display:block;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
  .pick{display:block;cursor:pointer}
  .pick .dot{left:-24px;top:-24px;width:48px;height:48px;background:#0A1104;display:grid;place-items:center;font-size:13.5px;letter-spacing:-.02em;color:var(--ivory);white-space:nowrap}
  .readouts{position:absolute;inset:13%;z-index:3;display:block}
  .ro{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
  .ro strong{font-weight:400;font-size:clamp(33px,10vw,50px);line-height:1;letter-spacing:-.035em}
  .ro strong em{color:var(--lime)}
  .ro .pm{margin:0;font-size:clamp(17px,4.6vw,23px);line-height:1.12;color:var(--mist)}
  .ro .p{font-size:clamp(21px,5.6vw,28px);letter-spacing:-.025em;margin-top:2px}
  .ro .btn{min-height:44px;padding:8px 18px;font-size:14px;margin-top:4px}
  .dr-rush-hour:checked~.stage .ro-rush-hour,.dr-half-rush:checked~.stage .ro-half-rush,.dr-rush-day:checked~.stage .ro-rush-day,.dr-rush-sprint:checked~.stage .ro-rush-sprint,.dr-rush-week:checked~.stage .ro-rush-week{display:flex}
  .dr-rush-hour:checked~.stage .pick-rush-hour .dot,.dr-half-rush:checked~.stage .pick-half-rush .dot,.dr-rush-day:checked~.stage .pick-rush-day .dot,.dr-rush-sprint:checked~.stage .pick-rush-sprint .dot,.dr-rush-week:checked~.stage .pick-rush-week .dot{background:var(--lime);color:var(--ink)}
  .dr-rush-hour:focus-visible~.stage .pick-rush-hour .dot,.dr-half-rush:focus-visible~.stage .pick-half-rush .dot,.dr-rush-day:focus-visible~.stage .pick-rush-day .dot,.dr-rush-sprint:focus-visible~.stage .pick-rush-sprint .dot,.dr-rush-week:focus-visible~.stage .pick-rush-week .dot{outline:2px solid var(--ivory);outline-offset:3px}
  .sec{padding-top:84px}
  .sh .title,.sh .intro,.clear .sh .title,.clear .sh .lead{grid-column:1/-1}
  .sh .intro,.clear .sh .lead{margin-top:18px}
  .points{grid-template-columns:repeat(2,1fr)}
  .point:nth-child(3){padding-left:0;border-left:0}
  .point:nth-child(n+3){border-top:1px solid var(--line)}
  .point:nth-child(3) .pdot{left:0}
  .gr{grid-template-columns:minmax(0,1fr) auto 54px;grid-template-areas:"need need go" "pk pr go";gap:12px 16px}
  .gneed{grid-area:need}.gpk{grid-area:pk}.gpr{grid-area:pr}.go{grid-area:go}
  .guide-h{grid-template-columns:1fr}
  .step{grid-column:span 12;min-height:280px}
  .shot{grid-column:span 12;min-height:0;aspect-ratio:4/3}
  .gocard{grid-column:span 12}
  .band{grid-template-columns:104px minmax(0,1fr);gap:22px 20px;padding:28px 24px}
  .band.b2{padding-block:34px}
  .band .dl,.band .buy{grid-column:1/-1}
  .buy{flex-flow:row wrap;justify-content:space-between;align-items:center;text-align:left}
  .mosaic{grid-template-columns:repeat(2,1fr)}
  .mcol:nth-child(n){margin-top:0}
  .prow{grid-template-columns:1fr}
  .faq-l,.acc{grid-column:1/-1}
  .faq-l{margin-bottom:30px}
  .f-l,.fcols{grid-column:1/-1}
  .fcols{margin-top:34px}

  .pk-hero{aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column}
  .pk-sky{order:1;padding-top:40px}
  .pk-planet{order:2;position:relative;inset:auto;height:150px;overflow:hidden;margin-top:12px}
  .pk-planet img{position:absolute;left:50%;top:-175px;width:760px;max-width:none;height:380px;transform:translateX(-50%);-webkit-mask-image:none;mask-image:none}
  .stops{order:3;padding:0 var(--gr) 0 var(--g);margin-top:-40px;position:relative;z-index:1}
  .stop{position:static;width:auto;transform:none;text-align:left;border-top:1px solid var(--line)}
  .stop a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:"d h p" "d n p";column-gap:14px;row-gap:4px;align-items:center;justify-items:start;padding:14px 0}
  .stop .dot{grid-area:d;width:18px;height:18px;margin:0}
  .stop .recm{display:none}
  .sh-h{grid-area:h}.stop h2{grid-area:n;font-size:30px}.stop .sp{grid-area:p;font-size:22px}
  .band-d summary{grid-template-columns:84px minmax(0,1fr) 38px;gap:14px 16px;padding:22px 20px;grid-template-areas:"g t x" "g p p"}
  .band-d .gauge{grid-area:g;align-self:start;width:84px;height:84px}
  .dh{grid-area:t}.dp{grid-area:p;text-align:left}.band-d .pl{grid-area:x;align-self:start}
  .det-b{padding:4px 20px 26px}
  .dgrid{grid-template-columns:1fr 1fr}
  .orbs{grid-template-columns:1fr;gap:50px}
  .tiers{grid-template-columns:1fr}
  .tier{min-height:0}

  .hw-g{grid-template-columns:1fr}
  .hw-pic{aspect-ratio:16/10}
  .track{grid-template-columns:1fr}
  .tside{order:2}
  .tdial{display:none}
  .tstick{position:static;align-items:flex-start}
  .arc{display:none}
  .ten{grid-auto-rows:auto;border-left:1.5px solid var(--lime);margin-left:9px}
  .st[class]{margin-left:0;padding:16px 0 16px 26px;grid-template-columns:1fr;gap:4px}
  .st.hot[class]{padding-right:16px;margin-left:12px;padding-left:16px}
  .st.hot>.dot{display:none}
  .stn{font-size:42px}
  .wb-g{grid-template-columns:1fr}
  .wb-dial{padding:24px 0 0}
  .dial-9{width:auto;height:auto;animation:none}
  .dial-9 .halo,.dial-9 .disc,.dial-9 .base,.dial-9 .ringart,.dial-9 .comet,.dial-9 .sat{display:none}
  .wb-c{position:static;display:block;font-size:30px;margin-bottom:12px}
  .dial-9 ul{display:flex;flex-wrap:wrap;gap:8px}
  .cn{position:static;width:auto;height:auto}
  .cn a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1px solid var(--line);border-radius:999px;min-height:44px}
  .cn .dot{position:static;width:12px;height:12px}
  .cnl{position:static;transform:none;padding:0;font-size:16px;white-space:normal}
  .cats{grid-template-columns:1fr 1fr}
  .ccol:nth-child(n){margin-top:0}
  .ccol:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .notdo{grid-template-columns:1fr}
  .nd-pic{min-height:0;aspect-ratio:16/10}
  .fq-g,.rw-g{grid-template-columns:1fr}
  .fq-stick,.rw-stick{position:relative;top:auto}
  .lg-g{grid-template-columns:1fr;gap:26px}
  .toc{position:static}

  .ct-hero{--d:min(135vw,860px);padding:0 0 30px}
  .ct-hero .stage{grid-template-columns:minmax(0,1fr);min-height:calc(var(--d)*.86);overflow:clip;padding-inline:var(--g) var(--gr)}
  .ct-hero .copy{width:min(100%,560px)}
  .ct-hero .copy h1{font-size:clamp(58px,17vw,110px)}
  .ct-cards{position:static;display:grid;gap:14px;padding:18px var(--gr) 0 var(--g);grid-template-columns:1fr 1fr}
  .ct-c,.ct-l,.ct-r{position:relative;top:auto;left:auto;right:auto;width:auto;transform:none;text-align:left;padding:24px;border-radius:var(--r);background:#0D1306;border:1px solid var(--line)}
  .ct-c .dot{display:none}
}
@media (max-width:760px){
  .od,.cats>.ccol>*{order:var(--o,0)}
  .points,.cats,.ct-cards{grid-template-columns:1fr}
  .point+.point{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .point .pdot{left:0}
  .dgrid{grid-template-columns:1fr}
  .drawn{grid-template-columns:1fr}
  .dr-c{min-height:0}
  .fcols{grid-template-columns:1fr 1fr}
  .fq-eclipse{width:220px;height:220px;margin:-10px 0 0 -20px}
  .ccol:nth-child(n){display:contents}
  .cats{display:flex;flex-direction:column}
}
@media (max-width:640px){
  body{font-size:16px}
  body::before{background-size:50% 100%}
  .sh{margin-bottom:34px}
  .sh-meta{margin-bottom:22px}
  .cta .btn{flex:1 1 100%}
  .gauge:not(.g-sm):not(.g-xs):not(.g-lg):not(.g-pip){width:84px;height:84px}
  .gauge:not(.g-sm):not(.g-xs):not(.g-lg):not(.g-pip) .gv{font-size:25px}
  .band{grid-template-columns:84px minmax(0,1fr);gap:18px 16px;padding:26px 18px}
  .band h3{font-size:40px}
  .pm{font-size:22px}
  .buy .btn{flex:1 1 100%}
  .mosaic{grid-template-columns:1fr}
  .ex{min-height:0}
  .ex-top{padding-bottom:26px}
  .pic{height:210px}
  .exsec .sh{margin-bottom:110px}
  .horizon{height:640px}
  .pstage{--ih:320px;padding:236px 10px 10px}
  .refsec{padding-top:150px}
  .panel{padding:96px 18px 46px}
  .guide{padding:26px 14px 10px;margin-top:40px}
  .gr{grid-template-columns:minmax(0,1fr) auto 46px;gap:10px 12px;padding:16px 8px;margin-inline:-8px}
  .gneed{font-size:25px}
  .go{width:46px;height:46px}
  .g-pip{display:none}
  .gname b{font-size:21px}
  .gpr b{font-size:27px}
  .acc,.fq-m .acc{padding:4px 18px}
  .row summary{padding:18px 0}
  .ans p{padding-right:0}
  .ft{margin-top:90px}
  .slab{padding:6px 14px}
  .rwb{padding:12px 16px;gap:10px;grid-template-columns:minmax(0,1fr) auto 54px}
  .rwb .g-sm{width:54px;height:54px}
  .rw-h{padding:0 16px 10px}
  .rwr{font-size:19px}
  .ct-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
.od0{--o:0}
.od1{--o:2}
.od2{--o:4}
.od3{--o:6}
.od4{--o:8}
.od5{--o:10}
.od6{--o:12}
.od7{--o:14}
.od8{--o:16}