@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wdth,wght@87.5..112.5,300..800&family=DM+Sans:opsz,wght@9..40,400..700&display=swap');
:root{
  --k:#000;--k2:#0d0d0d;--dg:#3D3D3D;--g:#809494;--gd:#5f7474;--gl:#a9bcbc;--lg:#F2F2F2;--w:#fff;--mute:#8C8C8C;--line:#d9d9d6;
  --mono:'Martian Mono',ui-monospace,'SF Mono',Menlo,monospace;--sans:'DM Sans',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000;color:var(--dg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
.deck{position:relative;width:1280px;height:720px;transform-origin:center center;flex:none}
.slide{position:absolute;inset:0;background:var(--lg);padding:52px 64px 56px;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.slide.on{opacity:1;visibility:visible;transition:opacity .45s ease}
.slide.dark{background:var(--k2);color:var(--lg)}
.slide.green{background:var(--g);color:var(--k)}
/* type */
.kick{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gd);margin-bottom:16px;font-stretch:100%}
.dark .kick{color:var(--g)}
.green .kick{color:var(--k2)}
h1,h2,h3,.mono{font-family:var(--mono);font-stretch:108%}
h1{font-size:58px;line-height:1.04;font-weight:800;letter-spacing:-.015em;color:var(--k)}
h2{font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.01em;color:var(--k);margin-bottom:22px}
h3{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--k);margin-bottom:8px}
.dark h1,.dark h2,.dark h3{color:var(--lg)}
.gr{color:var(--g)}.dark .gr{color:var(--g)}
p,li{font-size:16px;line-height:1.55}
.sub{font-size:20px;line-height:1.5;max-width:900px;color:var(--dg)}
.dark .sub,.dark p,.dark li{color:#c9c9c4}
.mute{color:var(--mute)}
.tiny{font-size:11.5px;line-height:1.5;color:var(--mute)}
.verse{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gd)}
.dark .verse{color:var(--g)}
.foot{position:absolute;left:64px;right:64px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);pointer-events:none}
.bb{font-family:var(--mono);font-weight:800;letter-spacing:.08em;font-stretch:110%}
.bb b{color:var(--k);font-weight:800}.bb i{font-style:normal;color:var(--g)}
.dark .bb b{color:var(--lg)}
.green .bb b{color:var(--k)}.green .bb i{color:var(--lg)}
/* layout */
.row{display:flex;gap:18px}.col{display:flex;flex-direction:column}
.grid{display:grid;gap:14px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
.card{background:var(--w);border:1.5px solid var(--k);padding:16px 18px;position:relative}
.dark .card{background:#161616;border-color:#2e2e2e}
.card.k{background:var(--k2);border-color:var(--k2);color:var(--lg)}.card.k h3{color:var(--lg)}.card.k p{color:#c9c9c4}
.card.gc{background:var(--g);border-color:var(--g)}.card.gc h3,.card.gc p{color:var(--k)}
.stat{font-family:var(--mono);font-weight:800;font-size:54px;line-height:1;color:var(--k);letter-spacing:-.02em;font-stretch:105%}
.dark .stat{color:var(--lg)}
.stat small{font-size:18px;font-weight:600;letter-spacing:0}
.sl{font-size:13px;line-height:1.4;color:var(--mute);margin-top:8px}
.pill{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border:1.5px solid currentColor;border-radius:999px}
.rule{height:2px;background:var(--g);width:64px;margin:18px 0}
ul.c{list-style:none}ul.c li{padding-left:18px;position:relative;margin-bottom:7px;font-size:15px}
ul.c li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--g)}
.btn{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;background:var(--k);color:var(--lg);border:1.5px solid var(--k);transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--k)}
.dark .btn{background:var(--lg);color:var(--k);border-color:var(--lg)}.dark .btn.ghost{background:transparent;color:var(--lg)}
.btn.sm{font-size:10.5px;padding:8px 12px}
.btn.on{background:var(--g);border-color:var(--g);color:var(--k)}
.click{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.click:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.hint{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gd)}
.dark .hint{color:var(--g)}
.io{display:inline-flex;align-items:stretch;gap:0;border:1.5px solid var(--k);font-size:13px;margin-bottom:18px}
.io span{padding:7px 12px}.io span:first-child{background:var(--k);color:var(--lg)}
.io b{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;display:block;opacity:.7;font-weight:500}
.dark .io{border-color:var(--g)}.dark .io span:first-child{background:var(--g);color:var(--k)}
/* entrance */
.slide .a{opacity:0;transform:translateY(16px)}
.slide.on .a{animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.slide.on .a:nth-child(1){animation-delay:.05s}.slide.on .a:nth-child(2){animation-delay:.15s}.slide.on .a:nth-child(3){animation-delay:.25s}.slide.on .a:nth-child(4){animation-delay:.35s}.slide.on .a:nth-child(5){animation-delay:.45s}.slide.on .a:nth-child(6){animation-delay:.55s}.slide.on .a:nth-child(7){animation-delay:.65s}.slide.on .a:nth-child(8){animation-delay:.75s}
.d1{animation-delay:.2s!important}.d2{animation-delay:.45s!important}.d3{animation-delay:.7s!important}.d4{animation-delay:.95s!important}.d5{animation-delay:1.2s!important}.d6{animation-delay:1.45s!important}
/* chrome */
.top{position:fixed;left:0;right:0;top:0;height:4px;display:flex;gap:3px;z-index:30;padding:0 3px}
.top .seg{flex:1;background:rgba(255,255,255,.12);position:relative;overflow:hidden;cursor:pointer}
.top .seg i{position:absolute;inset:0;background:var(--g);transform-origin:left;transform:scaleX(0);transition:transform .4s}
.top .seg:hover:after{content:attr(data-n);position:absolute;top:6px;left:0;font:10px var(--mono);color:#fff;letter-spacing:.12em}
.ctrl{position:fixed;right:14px;bottom:12px;display:flex;gap:6px;z-index:40;opacity:.35;transition:opacity .2s}
.ctrl:hover{opacity:1}
.ctrl button{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:12px var(--mono);display:flex;align-items:center;justify-content:center}
.ctrl button:hover{background:var(--g);color:#000}
.count{position:fixed;left:14px;bottom:16px;font:10.5px var(--mono);letter-spacing:.14em;color:rgba(255,255,255,.4);z-index:40}
/* overlays */
.ov{position:fixed;inset:0;z-index:60;display:none;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);align-items:center;justify-content:center}
.ov.show{display:flex}
.modal{width:min(1040px,94vw);max-height:90vh;overflow:auto;background:var(--lg);color:var(--dg);border:2px solid var(--k);position:relative;animation:pop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.modal .mh{background:var(--k2);color:var(--lg);padding:26px 32px 22px}
.modal .mh h2{color:var(--lg);margin:6px 0 0;font-size:30px}
.modal .mb{padding:24px 32px 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.modal .mb.one{grid-template-columns:1fr}
.modal .x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:16px var(--mono)}
.modal .x:hover{background:var(--g);color:#000}
.modal img{width:100%;display:block;border:1.5px solid var(--k)}
.modal .shots{display:grid;gap:10px}
.modal .shots.two{grid-template-columns:1fr 1fr}
.modal .roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.modal .roles span{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;background:var(--k);color:var(--lg)}
.modal .note{margin-top:14px;padding:12px 14px;background:var(--w);border-left:4px solid var(--g);font-size:14px}
.notes{position:fixed;right:0;top:0;bottom:0;width:380px;background:#111;color:#ddd;z-index:55;padding:22px 22px 60px;transform:translateX(100%);transition:transform .3s;overflow:auto;border-left:1px solid #333}
.notes.show{transform:none}
.notes h4{font:11px var(--mono);letter-spacing:.18em;color:var(--g);text-transform:uppercase;margin-bottom:10px}
.notes .clock{font:700 34px var(--mono);color:#fff;margin:6px 0 2px}
.notes .plan{font-size:12.5px;color:#9a9a9a;margin-bottom:14px}
.notes .txt{font-size:15px;line-height:1.6;color:#e7e7e7;white-space:pre-line}
.notes .ros{margin-top:18px;font-size:12px;color:#aaa;line-height:1.7}
.notes .ros b{color:#fff}
.notes .ros .now{color:var(--g)}
.grid-ov{position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.92);display:none;overflow:auto;padding:40px}
.grid-ov.show{display:block}
.grid-ov .gw{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-width:1300px;margin:0 auto}
.grid-ov .t{background:#1a1a1a;border:1px solid #333;padding:14px;color:#ddd;cursor:pointer;min-height:96px;transition:border-color .2s,transform .2s}
.grid-ov .t:hover{border-color:var(--g);transform:translateY(-2px)}
.grid-ov .t.cur{border-color:var(--g);background:#202a2a}
.grid-ov .t b{display:block;font:10px var(--mono);letter-spacing:.14em;color:var(--g);margin-bottom:6px;text-transform:uppercase}
.grid-ov .t span{font-size:14px;line-height:1.35}
.grid-ov h5{font:11px var(--mono);letter-spacing:.2em;color:#888;text-transform:uppercase;max-width:1300px;margin:0 auto 14px}
.rotate{display:none;position:fixed;inset:0;z-index:80;background:#0d0d0d;color:#ddd;align-items:center;justify-content:center;text-align:center;padding:30px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;line-height:1.8}
@media (orientation:portrait) and (max-width:700px){.rotate.ask{display:flex}}
.help{font-size:14px;line-height:2}
.help kbd{font:11px var(--mono);background:#000;color:#fff;padding:3px 7px;margin-right:8px}

/* ---------- specific slides ---------- */
/* title */
.hero-num{font-family:var(--mono);font-weight:800;font-size:220px;line-height:.82;letter-spacing:-.04em;color:var(--lg);font-stretch:112%}
.hero-num sup{font-size:90px;vertical-align:top;position:relative;top:22px;margin-left:6px;color:var(--g)}
.hero-steps{display:flex;gap:10px;margin-top:26px}
.hero-steps .hs{border:1.5px solid #333;padding:10px 14px;min-width:170px;transition:all .4s}
.hero-steps .hs b{display:block;font:800 26px var(--mono);color:#555;transition:color .4s}
.hero-steps .hs span{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#666}
.hero-steps .hs.lit{border-color:var(--g)}.hero-steps .hs.lit b{color:var(--lg)}.hero-steps .hs.lit span{color:var(--g)}
.wave{display:flex;gap:4px;align-items:center;height:60px}
.wave i{width:5px;background:var(--g);border-radius:3px;animation:wv 1.1s ease-in-out infinite}
@keyframes wv{0%,100%{height:10%}50%{height:100%}}
/* bars */
.barrow{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.barrow .lab{width:190px;font-size:13.5px}
.barrow .bar{flex:1;height:22px;background:#e3e3e0;position:relative}
.barrow .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--k);width:0;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.barrow .bar i.g{background:var(--g)}
.barrow .v{width:56px;text-align:right;font:700 14px var(--mono)}
/* lever */
.lever-wrap{position:relative;height:330px;background:var(--w);border:1.5px solid var(--k)}
.lev-presets{display:flex;gap:8px;flex-wrap:wrap}
.lev-out{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.lev-out .card{padding:12px 14px}
.lev-out .stat{font-size:34px}
/* race */
.race{background:var(--w);border:1.5px solid var(--k);padding:18px 20px}
.track{height:42px;background:#ececea;position:relative;margin:8px 0 14px;border:1px solid #ddd}
.track .car{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--k);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font:700 11px var(--mono);letter-spacing:.1em;white-space:nowrap;transition:width .08s linear}
.track .car.v{background:var(--g);color:var(--k)}
.race textarea{width:100%;height:76px;font:16px var(--sans);padding:10px 12px;border:1.5px solid var(--k);resize:none;background:#fafafa}
.race .target{font-size:17px;line-height:1.5;padding:10px 12px;background:var(--lg);border-left:4px solid var(--g);margin-bottom:10px}
.race .target .ok{color:var(--gd)}.race .target .bad{color:#b33;text-decoration:underline}
.race .res{font:700 15px var(--mono);margin-top:10px;min-height:22px}
/* cases */
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.chip{font:10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border:1.5px solid var(--k);background:transparent}
.chip.on{background:var(--k);color:var(--lg)}
.wall{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.case{background:var(--w);border:1.5px solid var(--k);padding:10px 12px 9px;min-height:96px;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s,opacity .3s,box-shadow .25s,background .2s;position:relative}
.case:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.15);background:#fff}
.case .ct{font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gd);margin-bottom:6px}
.case h4{font:700 13px/1.3 var(--mono);color:var(--k);font-stretch:100%;margin-bottom:auto}
.case .cn{font:800 18px var(--mono);color:var(--k);margin-top:6px}
.case .cn small{font:500 10px var(--sans);color:var(--mute);display:block;letter-spacing:0}
.case.dim{opacity:.18;pointer-events:none}
.case.k{background:var(--k2);border-color:var(--k2)}.case.k h4,.case.k .cn{color:var(--lg)}.case.k .ct{color:var(--g)}
.case.seen:after{content:"✓";position:absolute;right:8px;top:6px;font:10px var(--mono);color:var(--g)}
/* org */
.org{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.role{border:1.5px solid var(--k);background:var(--w);padding:10px 12px;min-height:78px;transition:all .45s}
.role b{display:block;font:700 12px var(--mono);color:var(--k);letter-spacing:.02em}
.role span{display:block;font-size:12px;line-height:1.35;color:var(--dg);margin-top:4px}
.role i{font:9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gd);font-style:normal}
.role.new{background:var(--k2);border-color:var(--k2)}.role.new b{color:var(--lg)}.role.new span{color:#bbb}.role.new i{color:var(--g)}
.role.hide{opacity:0;transform:scale(.9);pointer-events:none}
/* book counter */
.bookbar{height:26px;background:#e2e2df;position:relative;border:1.5px solid var(--k)}
.bookbar i{position:absolute;left:0;top:0;bottom:0;background:var(--k);width:0;transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.bookbar u{position:absolute;top:0;bottom:0;background:var(--g);width:0;transition:all 1.6s cubic-bezier(.2,.7,.2,1) .3s;text-decoration:none}
/* game */
.game{position:relative;flex:1;background:var(--k2);border:2px solid var(--k);overflow:hidden;display:flex;flex-direction:column}
.g-hud{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #222;font-family:var(--mono);color:#ddd;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.g-hud .tal{font:800 26px var(--mono);color:var(--lg);letter-spacing:0}
.g-hud .tal small{font-size:11px;color:var(--g);letter-spacing:.12em;margin-left:6px}
.g-time{height:5px;background:#222}.g-time i{display:block;height:100%;background:var(--g);width:100%;transition:width .2s linear}
.g-field{flex:1;position:relative;display:flex;align-items:center;justify-content:center}
.g-card{width:470px;min-height:200px;background:var(--lg);border:2px solid var(--k);padding:26px 28px;text-align:center;position:absolute;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.g-card .gc-k{font:10px var(--mono);letter-spacing:.2em;color:var(--gd);text-transform:uppercase;margin-bottom:12px}
.g-card .gc-t{font:800 26px/1.2 var(--mono);color:var(--k);font-stretch:104%}
.g-card.out-l{transform:translateX(-520px) rotate(-14deg);opacity:0}
.g-card.out-r{transform:translateX(520px) rotate(14deg);opacity:0}
.g-card.in{transform:translateY(30px) scale(.94);opacity:0}
.g-btns{display:flex;gap:0;border-top:1px solid #222}
.g-btns button{flex:1;padding:18px 10px;font:700 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lg);background:#141414;transition:background .15s}
.g-btns button:first-child{border-right:1px solid #222}
.g-btns button:hover{background:#1f2a2a}
.g-btns button small{display:block;font:500 10px var(--mono);color:#777;margin-top:4px;letter-spacing:.12em}
.g-why{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:14px;color:#ddd;background:#1b1b1b;border:1px solid #333;padding:8px 14px;max-width:80%;text-align:center;opacity:0;transition:opacity .25s}
.g-why.show{opacity:1}
.g-why b{font-family:var(--mono);font-size:11px;letter-spacing:.12em;margin-right:6px}
.g-why.ok b{color:var(--g)}.g-why.no b{color:#e06c6c}
.g-screen{position:absolute;inset:0;background:var(--k2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;padding:30px}
.g-screen h2{color:var(--lg);font-size:48px;margin-bottom:10px}
.g-screen p{color:#bbb;max-width:640px}
.g-big{font:800 120px var(--mono);color:var(--lg);line-height:1}
.coin{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9e3e3,var(--g) 60%,#4c5f5f);pointer-events:none;z-index:4}
.shake{animation:shk .35s}
@keyframes shk{20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.lb{margin-top:16px;font:12px var(--mono);color:#aaa;letter-spacing:.06em;line-height:1.8}
.lb b{color:var(--lg)}
/* lists for honest slide */
.fail{display:grid;grid-template-columns:1fr 26px 1fr;gap:10px;align-items:center;margin-bottom:10px}
.fail .f1{background:var(--w);border:1.5px solid var(--k);padding:12px 14px;font-size:14px}
.fail .f2{background:var(--k2);color:var(--lg);padding:12px 14px;font-size:14px;border:1.5px solid var(--k2)}
.fail .ar{font:800 18px var(--mono);text-align:center;color:var(--g)}
.fail b{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:3px;color:var(--gd)}
.fail .f2 b{color:var(--g)}
/* runs now */
.run{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #2a2a2a;align-items:baseline}
.run .when{font:700 12px var(--mono);color:var(--g);letter-spacing:.06em}
.run .what{font-size:15px;color:#ddd}
.run .what b{color:#fff}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--g);margin-right:8px;animation:pl 1.6s infinite}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(128,148,148,.7)}70%{box-shadow:0 0 0 10px rgba(128,148,148,0)}100%{box-shadow:0 0 0 0 rgba(128,148,148,0)}}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.step{background:var(--w);border:1.5px solid var(--k);padding:14px 15px}
.step .n{font:800 22px var(--mono);color:var(--g)}
.step h3{margin:6px 0 6px;font-size:13px}
.step p{font-size:13.5px;line-height:1.45}
.step.k{background:var(--k2);border-color:var(--k2)}.step.k h3{color:var(--lg)}.step.k p{color:#c9c9c4}
.offer{border:1.5px solid #333;padding:22px 24px;background:#151515}
.offer h3{color:var(--lg);font-size:18px;margin-bottom:10px;letter-spacing:.02em;text-transform:none}
.offer .price{font:800 26px var(--mono);color:var(--g);margin-top:12px}
.shot{border:1.5px solid var(--k);display:block;width:100%}
.phone{width:150px;border:6px solid #111;border-radius:22px;overflow:hidden;background:#111;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.phone img{width:100%;display:block}
.scrolly{animation:scr 22s ease-in-out infinite alternate}
@keyframes scr{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 300px))}}

.slide.mid{justify-content:center;padding-bottom:70px}
.tl{position:relative;margin-top:44px;height:86px}
.tl .ln{position:absolute;left:0;right:0;top:30px;height:2px;background:#2b2b2b}
.tl .ln i{position:absolute;left:0;top:0;bottom:0;background:var(--g);width:0;transition:width 4.2s cubic-bezier(.3,.6,.2,1)}
.tl .pt{position:absolute;top:0;transform:translateX(-50%);text-align:center;width:150px}
.tl .pt b{display:block;width:14px;height:14px;border-radius:50%;background:#0d0d0d;border:2px solid #555;margin:23px auto 10px;transition:all .4s}
.tl .pt span{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#777;display:block;line-height:1.5}
.tl .pt.lit b{background:var(--g);border-color:var(--g);box-shadow:0 0 0 6px rgba(128,148,148,.18)}
.tl .pt.lit span{color:#ddd}
.tl .pt em{font:800 13px var(--mono);font-style:normal;color:var(--g);position:absolute;top:0;left:0;right:0}
.g-screen .btn.ghost{color:#ddd;border-color:#555;background:transparent}
.g-screen .btn.ghost:hover{border-color:var(--g);color:#fff}