@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@400;600&display=swap";:root{--bg: #1b1b1b;--fg: #e5e5e5;--muted: #a0a0a0;--line: #3a3a3a;--line-strong: #6a6a6a}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:Share Tech Mono,monospace;line-height:1.2;overflow:hidden}#fp-root{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.fp-section{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;opacity:0;pointer-events:none;transition:opacity .45s ease;overflow-y:auto;overflow-x:hidden;padding:32px 0;-webkit-overflow-scrolling:touch}.fp-section.active{opacity:1;pointer-events:auto}.section-inner{width:min(1120px,92vw);display:grid;gap:28px;margin:0}.section-inner.narrow{width:min(980px,92vw);gap:28px}.stack{display:grid;gap:8px}.center{text-align:center}.m0{margin:0}.brand{font-size:clamp(44px,7.5vw,96px);letter-spacing:.08em;margin:0}.tagline{font-size:clamp(16px,2.2vw,24px);color:var(--muted);margin:0}.title{font-size:clamp(28px,4.2vw,48px);letter-spacing:.06em;margin:0}.card-title{font-size:clamp(18px,2.2vw,24px);letter-spacing:.04em;margin:0}.price{font-size:clamp(16px,2vw,22px);margin:0}.price.muted{color:var(--muted)}.ascii-line,.ascii-mini{font-size:clamp(8px,1.2vw,12px);letter-spacing:0;text-align:center;-webkit-user-select:none;user-select:none;margin:6px 0;overflow:hidden;white-space:nowrap;text-overflow:clip;max-width:100%}.ascii-line{color:var(--line-strong)}.ascii-mini{color:var(--line)}.ascii-box{border:1px dashed var(--line);padding:20px;background:var(--bg)}.media{display:grid;place-items:center}.media .ascii-box{width:clamp(80px,10vw,120px);height:clamp(80px,10vw,120px);margin:0 auto;padding:4px}.media .ratio{width:100%;height:100%;aspect-ratio:1 / 1;position:relative;background:transparent;overflow:hidden}.logo-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}@media(max-width:767px){.media .ascii-box{width:clamp(80px,22vw,120px);height:clamp(80px,22vw,120px);padding:4px}}.btn,.tab,.tab--active{display:inline-block;padding:14px 22px;border:1px dashed var(--fg);color:var(--fg);background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(12px,1.6vw,16px);font-family:Share Tech Mono,monospace;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover,.tab:hover{background:var(--fg);color:var(--bg)}.tab{border-color:var(--line-strong);color:var(--muted)}.tab--active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.block{width:100%;text-align:center}.tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#page-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:100;font-family:Share Tech Mono,monospace;font-size:14px;color:var(--muted);-webkit-user-select:none;user-select:none}.indicator-dot{cursor:pointer;transition:all .2s ease;line-height:1;position:relative;padding:2px}.indicator-dot:before{content:"[ ]";color:var(--line-strong);transition:color .2s ease}.indicator-dot.active:before{content:"[█]";color:var(--fg)}.indicator-dot:hover:before{color:var(--fg)}.indicator-dot:after{content:attr(data-label);position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:12px;background:var(--bg);border:1px dashed var(--line);padding:4px 8px;white-space:nowrap;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s ease}.indicator-dot:hover:after{opacity:1}@media(max-width:767px){#page-indicator{right:12px;gap:12px;font-size:12px}.indicator-dot:after{display:none}}.cards{display:grid;gap:24px}.cards.two,.cards.three{grid-template-columns:1fr}@media(min-width:768px){.cards.two{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.cards.three{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;gap:12px;height:100%}.card-content{flex:1;display:grid;gap:12px;align-content:start}.card .btn,.card a.btn{margin-top:auto}.card--accent{border-color:var(--fg)}.card-head{text-align:center;display:grid;gap:6px}.list{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--fg);line-height:1.35;font-size:clamp(13px,1.8vw,16px)}.list li{display:flex;gap:8px;align-items:start}.list li:before{content:"—";flex-shrink:0}.foot{color:var(--muted);font-size:clamp(11px,1.4vw,12px);margin:0;font-family:Inter,sans-serif;line-height:1.4}.link{color:var(--fg);border-bottom:1px dotted var(--fg);text-decoration:none;cursor:pointer;display:inline;width:fit-content}.link:hover{opacity:.85}#typewriter:after{content:"▮";margin-left:4px;animation:blink 1s steps(1) infinite;color:var(--muted)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.modal{border:none;padding:0;background:transparent;max-width:min(480px,92vw)}.modal::backdrop{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{width:100%;margin:auto;background:var(--bg);position:relative;max-height:85vh;overflow-y:auto}.modal-close{position:absolute;top:10px;right:12px;border:1px dashed var(--fg);background:transparent;color:var(--fg);font-family:Share Tech Mono,monospace;font-size:20px;cursor:pointer;padding:4px 12px;line-height:1;transition:all .15s ease}.modal-close:hover{background:var(--fg);color:var(--bg)}#modal-content{padding:10px 0 0}#modal-content .title{margin-bottom:12px}#modal-content .list{font-family:Inter,sans-serif;padding-left:0;counter-reset:item}#modal-content .list li{counter-increment:item;display:grid;grid-template-columns:auto 1fr;gap:8px}#modal-content .list li:before{content:counter(item) "."}.note{color:var(--fg);font-family:Inter,sans-serif;line-height:1.5;font-size:clamp(14px,1.8vw,16px)}.note p{margin:0}.note strong{color:var(--fg);font-weight:600}.is-hidden{display:none!important}code{background:var(--line);color:var(--fg);padding:2px 6px;border-radius:3px;font-family:Share Tech Mono,monospace;font-size:.9em}@media(max-width:767px){.ascii-box{padding:12px}.section-inner{gap:20px}.fp-section{padding:16px 0}.tabs button{font-size:12px;padding:10px 16px}.btn{padding:12px 18px}.ascii-line,.ascii-mini{font-size:8px}}.btn-tg{display:inline-block;padding:10px 18px;border:1px dashed var(--line-strong);color:var(--muted);background:transparent;cursor:pointer;letter-spacing:.06em;font-size:clamp(11px,1.4vw,13px);font-family:Share Tech Mono,monospace;text-decoration:none;transition:all .2s ease}.btn-tg:hover{border-color:var(--fg);color:var(--fg)}.tg-hint{font-size:11px;color:var(--muted);margin:6px 0 0;opacity:.7;font-family:Inter,sans-serif}
