:root{--ink:#f6f3e6;--ink-dim:#a9b3d6;--ink-shadow:#0a0c16;--win:#232f6b;--win-2:#18214e;--win-edge:#8fa2ee;--win-out:#0b0e1c;--gold:#f5c542;--gold-2:#c9922a;--bg:#101321;--pix:3px;--raise:inset 2px 2px 0 rgba(255,255,255,.16), inset -2px -2px 0 rgba(0,0,0,.42);--sink:inset 2px 2px 0 rgba(0,0,0,.45), inset -2px -2px 0 rgba(255,255,255,.09)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);background-image:radial-gradient(circle at 18% 0%,#1b2242 0%,transparent 55%),radial-gradient(circle at 85% 100%,#1a2b3f 0%,transparent 50%);background-attachment:fixed;color:var(--ink);font-family:Atkinson,system-ui,-apple-system,sans-serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;padding:0 16px 60px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.13;background-image:radial-gradient(circle,#8fa2ee 1.5px,transparent 1.5px);background-size:72px 72px}.wrap{position:relative;z-index:1}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px)}body.tx-1{zoom:1.15}body.tx-2{zoom:1.32}img{max-width:100%;height:auto;display:block;image-rendering:pixelated}.wrap{max-width:900px;margin:0 auto}h1,h2,h3{font-family:Silkscreen,monospace;margin:0;line-height:1.25;text-shadow:2px 2px 0 var(--ink-shadow)}.txbar{position:absolute;top:12px;right:16px;display:flex;align-items:center;gap:5px;z-index:5}.txbar__l{font-family:Silkscreen,monospace;font-size:7px;letter-spacing:1.5px;color:#4c5aa0;margin-right:3px}.txbtn{width:30px;height:28px;display:grid;place-items:center;cursor:pointer;line-height:1;padding:0;font-family:Silkscreen,monospace;color:var(--ink-dim);background:#141c44;border:2px solid #333f78}.txbtn:nth-of-type(1){font-size:9px}.txbtn:nth-of-type(2){font-size:12px}.txbtn:nth-of-type(3){font-size:15px}.txbtn:hover,.txbtn.is-on{border-color:var(--gold);color:var(--gold)}.txbtn.is-on{background:linear-gradient(180deg,#3d3418,#241d0c)}.hero{text-align:center;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 92px;position:relative}.more{position:absolute;bottom:26px;left:50%;transform:translate(-50%);text-decoration:none;font-family:Silkscreen,monospace;font-size:10px;letter-spacing:3px;color:#5a6699}.more:hover{color:var(--gold)}.more__a{display:block;margin-top:8px;font-size:13px;animation:bob 2.4s steps(3) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.more__a{animation:none}}@media(max-height:620px){.hero{min-height:0;padding:48px 0 24px}.more{margin-top:26px}}.mark{font-family:ui-monospace,Courier New,monospace;font-size:11px;line-height:1.1;color:var(--gold);opacity:.6;white-space:pre;display:inline-block;text-align:left;margin:0 0 18px}.hero h1{font-size:clamp(26px,7vw,48px);letter-spacing:1px;margin-bottom:14px}.dotlife{color:var(--gold)}.hero__sub{font-size:clamp(19px,2.8vw,25px);max-width:19em;margin:0 auto 12px;color:#e5eaf8;line-height:1.45}.hero__note{font-size:17px;color:var(--ink-dim);max-width:26em;margin:0 auto 28px}.btn{display:inline-block;text-decoration:none;font-family:Silkscreen,monospace;font-size:15px;letter-spacing:2px;padding:17px 30px;color:#241705;background:linear-gradient(180deg,#e8bb45,#b0821f);border:var(--pix) solid #f6dd8e;box-shadow:0 0 0 var(--pix) var(--win-out),0 4px #00000080,var(--raise);text-shadow:1px 1px 0 rgba(255,255,255,.35)}.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--pix) var(--win-out),var(--raise)}.btn--ghost{background:linear-gradient(180deg,#3c4a9c,#222c63);border-color:var(--win-edge);color:var(--ink);text-shadow:1px 1px 0 var(--ink-shadow);font-size:12px;padding:13px 20px}.free{font-family:Silkscreen,monospace;font-size:9px;letter-spacing:2px;color:var(--ink-dim);margin-top:16px}.ico{width:36px;height:36px;display:block;margin:0 0 12px;fill:var(--gold);shape-rendering:crispEdges;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.55))}.who .ico{width:24px;height:24px;margin:0 0 6px}.rule{display:flex;align-items:center;gap:14px;margin:52px 0 6px;color:#8fa2ee66}.rule:before,.rule:after{content:"";flex:1;height:3px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 9px)}.rule i{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);display:block;box-shadow:0 0 0 3px #f5c54224}@media(max-width:640px){.win{padding:22px 18px 24px;margin:22px 0}.look{gap:16px}.cols{gap:12px}}.win:after{content:"SAVEFILE.LIFE";position:absolute;right:14px;bottom:8px;font-family:Silkscreen,monospace;font-size:6px;letter-spacing:2.5px;color:#8fa2ee38;pointer-events:none;user-select:none}.win{position:relative;background:linear-gradient(180deg,var(--win) 0%,var(--win-2) 100%);border:var(--pix) solid var(--win-edge);box-shadow:0 0 0 var(--pix) var(--win-out),0 6px #00000073,var(--raise);padding:30px 28px 34px;margin:34px 0}h2{font-size:16px;color:var(--gold);letter-spacing:1px;display:flex;align-items:center;gap:10px;margin-bottom:16px}h2:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#f5c5428c,#f5c54200)}.lead{font-size:22px;margin:0 0 22px;max-width:32em}p{margin:0 0 14px;max-width:32em}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.col{background:linear-gradient(180deg,#0b0f269e,#141b4280);border:2px solid rgba(143,162,238,.2);box-shadow:var(--sink);padding:18px 19px}.col b{font-family:Silkscreen,monospace;font-size:12px;color:var(--gold);letter-spacing:1px;display:block;margin-bottom:9px}.col span{font-size:18px;color:#dbe2f4;line-height:1.6}@media(max-width:760px){.cols{grid-template-columns:1fr}}.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px}.look__t{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}.look__t h3{font-size:14px;color:var(--gold);letter-spacing:1.5px;margin-bottom:10px}.look__t p{font-size:18px;margin:0;line-height:1.5}.lookcta{margin-top:26px;padding:20px 22px;border:2px solid rgba(143,162,238,.4);background:#8fa2ee14;box-shadow:var(--sink);font-size:18px;line-height:1.6}.lookcta b{display:block;color:var(--gold);margin-bottom:10px}.lookcta p{margin:0 0 16px}@media(max-width:760px){.looks{grid-template-columns:1fr;gap:24px}}.priv{border-color:#7fd15c}.priv h2{color:#a8e58a}.priv h2:after{background:linear-gradient(90deg,rgba(168,229,138,.5),transparent)}.priv ul{margin:0;padding-left:20px}.priv li{margin-bottom:22px;max-width:32em;line-height:1.5}.priv li:last-child{margin-bottom:0}.keepcopy{margin-top:26px;padding:20px 22px;border:2px solid rgba(245,197,66,.5);background:#f5c54214;box-shadow:var(--sink);font-size:18px;line-height:1.6}.keepcopy b{display:block;color:var(--gold);margin-bottom:10px}.who{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.who div{font-size:18px;line-height:1.6}.who b{color:var(--gold);font-family:Silkscreen,monospace;font-size:11px;letter-spacing:1px;display:block;margin-bottom:4px}@media(max-width:760px){.who{grid-template-columns:1fr}}.quote{background:#0b0f2680;border-left:4px solid var(--gold);box-shadow:var(--sink);padding:20px 24px;font-size:20px;line-height:1.65;margin:24px 0 0;max-width:34em}.quote small{display:block;font-family:Silkscreen,monospace;font-size:9px;letter-spacing:2px;color:var(--ink-dim);margin-top:10px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0}.faq dt{font-family:Silkscreen,monospace;font-size:12px;color:var(--gold);letter-spacing:1px;margin-bottom:8px}.faq dd{margin:0;font-size:18px;color:#dbe2f4;line-height:1.5}@media(max-width:760px){.faq{grid-template-columns:1fr;gap:24px}}.maker{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.maker__ic{font-size:38px;line-height:1}.maker__b{flex:1 1 260px;min-width:0}.end{text-align:center;padding:46px 0 10px}.end h2{justify-content:center;font-size:20px}.end h2:after{display:none}.foot{text-align:center;color:var(--ink-dim);font-size:15px;padding-top:34px;display:flex;flex-direction:column;align-items:center;gap:12px}.pix{font-family:Silkscreen,monospace;font-size:9px;letter-spacing:2px}.brandline{color:var(--gold);letter-spacing:3px}.foot .by{color:#6d7bb0;text-decoration:none;letter-spacing:2px;font-size:10px}.foot .by:hover{color:var(--gold)}
