@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin-wght-normal.woff2) format('woff2-variations');}
:root,[data-theme="light"]{--bg:#f6f7f9;--surface:#ffffff;--fg:#151821;--muted:#5d6273;--border:#e3e6ec;--chip:#e6e8ee;--track:#cfd3dc;--accent:#7b3fe4;--accentSoft:#ece4fb;--ok:#2e9d5a;--warn:#b26a00;--danger:#c62828;--stripeA:#f1f2f5;--stripeB:#e8eaee;--hero:#efeaf9;--xmr:#f26822;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#131418;--surface:#1c1d23;--fg:#ecedf1;--muted:#9a9fae;--border:#2c2e36;--chip:#262830;--track:#3a3d47;--accent:#9b6bff;--accentSoft:#2a2140;--ok:#5cc98a;--warn:#f0b429;--danger:#ff6b5e;--stripeA:#202128;--stripeB:#25262e;--hero:#1b1726;}}
[data-theme="dark"]{--bg:#131418;--surface:#1c1d23;--fg:#ecedf1;--muted:#9a9fae;--border:#2c2e36;--chip:#262830;--track:#3a3d47;--accent:#9b6bff;--accentSoft:#2a2140;--ok:#5cc98a;--warn:#f0b429;--danger:#ff6b5e;--stripeA:#202128;--stripeB:#25262e;--hero:#1b1726;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;}
a{color:var(--accent);}a:hover{color:var(--fg);}
code,.mono{font-family:ui-monospace,'SF Mono','IBM Plex Mono',Menlo,Consolas,monospace;}
.wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px;}
@media (max-width:480px){.wrap{padding-left:16px;padding-right:16px;}.stage{padding:24px 16px;}}

/* header */
header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);}
.brand img{width:30px;height:30px;}
.brand span{font-weight:800;font-size:18px;}
nav{display:flex;gap:22px;font-size:14px;font-weight:600;margin-left:auto;flex-wrap:wrap;}
nav a{color:var(--muted);text-decoration:none;}
@media (max-width:560px){header{gap:12px;}.head-actions{margin-left:auto;}nav{order:3;width:100%;margin-left:0;gap:4px 18px;}nav a{display:inline-flex;align-items:center;min-height:44px;}}
.head-actions{display:flex;gap:8px;}
.btn-donate-sm{display:flex;align-items:center;min-height:44px;gap:6px;color:var(--xmr);text-decoration:none;border-radius:10px;padding:8px 14px;font-weight:700;font-size:14px;box-shadow:0 0 0 1.5px var(--xmr) inset;}
.btn-install-sm{display:flex;align-items:center;min-height:44px;background:var(--fg);color:var(--bg);text-decoration:none;border-radius:10px;padding:9px 16px;font-weight:700;font-size:14px;}
.btn-install-sm:hover{color:var(--bg);opacity:.9;}

/* buttons */
.btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn{text-decoration:none;border-radius:12px;padding:13px 22px;font-weight:700;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{color:#fff;opacity:.92;}
.btn-secondary{background:var(--surface);color:var(--fg);box-shadow:0 0 0 1px var(--border) inset;}
.fine{font-size:13px;color:var(--muted);}
.fine a{color:var(--muted);}

/* hero carousel */
.hero{padding-top:56px;padding-bottom:48px;display:flex;flex-direction:column;gap:32px;}
.slides{display:grid;}
.slide{grid-area:1/1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center;transition:opacity .6s ease,visibility .6s;}
.slide[aria-hidden="true"]{opacity:0;visibility:hidden;}
@media (prefers-reduced-motion:reduce){.slide{transition:none;}}
.slide>*{min-width:0;}
.copy{display:flex;flex-direction:column;gap:22px;}
.pill{align-self:flex-start;font:500 13px ui-monospace,'SF Mono',Menlo,monospace;color:var(--accent);background:var(--accentSoft);border-radius:999px;padding:4px 12px;}
.pill.ok{color:var(--ok);background:var(--surface);box-shadow:0 0 0 1px var(--border) inset;}
h1{margin:0;font-size:clamp(40px,6vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.025em;text-wrap:balance;}
.lede{margin:0;font-size:19px;color:var(--muted);max-width:520px;text-wrap:pretty;}
.stage{position:relative;background:var(--hero);border-radius:24px;padding:36px 28px;display:flex;justify-content:center;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.stage.col{flex-direction:column;align-items:center;gap:16px;}
.mock{background:var(--surface);border-radius:14px;box-shadow:0 0 0 1px var(--border);font-size:14px;}
.post{width:100%;max-width:300px;padding:14px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;}
.avatar{width:36px;height:36px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--stripeA) 0 6px,var(--stripeB) 6px 12px);}
.post-body{display:flex;flex-direction:column;gap:4px;min-width:0;}
.post-head{display:flex;align-items:center;gap:6px;font-size:13px;}
.xmr-tag{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:8px;background:var(--xmr);color:#fff;font:700 10px/16px system-ui,sans-serif;letter-spacing:.04em;}
.post-actions{display:flex;gap:18px;font-size:12px;color:var(--muted);align-items:center;margin-top:2px;}
.xap{border:1px solid var(--xmr);color:var(--xmr);border-radius:10px;padding:0 8px;font-weight:700;}
.popup{width:100%;max-width:260px;background:var(--bg);border-radius:14px;box-shadow:0 24px 50px -20px rgba(20,20,40,.45),0 0 0 1px var(--border);padding:12px;display:flex;flex-direction:column;gap:10px;font-size:13px;margin-top:40px;}
.popup-head{display:flex;align-items:center;gap:8px;}
.popup-head img{width:18px;height:18px;}
.popup-body{background:var(--surface);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;}
.amounts{display:flex;gap:6px;}
.amounts span{flex:1;text-align:center;border:1px solid var(--border);border-radius:7px;padding:5px 0;font-weight:600;font-size:11px;}
.amounts span.on{border-color:var(--accent);background:var(--accentSoft);}
.wallet{background:var(--accent);color:#fff;border-radius:8px;padding:8px;text-align:center;font-weight:700;}
.okline{font-size:11px;color:var(--ok);font-weight:600;}
.order{width:100%;max-width:440px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:end;font-size:13px;}
@media (max-width:480px){.order{grid-template-columns:1fr;}}
.order-left{display:flex;flex-direction:column;gap:8px;min-width:0;}
.order-shot{height:64px;border-radius:8px;background:repeating-linear-gradient(135deg,var(--stripeA) 0 8px,var(--stripeB) 8px 16px);display:flex;align-items:center;justify-content:center;font:400 10px ui-monospace,Menlo,monospace;color:var(--muted);}
.addr{font:400 11px/1.5 ui-monospace,Menlo,monospace;border:2px solid var(--ok);border-radius:8px;padding:6px 8px;word-break:break-all;}
.card-pop{background:var(--bg);border-radius:10px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4),0 0 0 1px var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:6px;}
.card-pop-head{display:flex;align-items:center;gap:6px;}
.card-pop-head img{width:14px;height:14px;}
.status-row{width:100%;max-width:440px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:13px;border-radius:12px;}
.grade{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;color:#fff;font-weight:800;font-size:12px;padding:0 5px;}
.dot{width:8px;height:8px;border-radius:50%;flex:none;}
.dot.ok{background:var(--ok);}.dot.danger{background:var(--danger);}.dot.warn{background:var(--warn);}
.muted{color:var(--muted);}
.push{margin-left:auto;white-space:nowrap;}
.tabs{display:flex;align-items:center;gap:8px;}
.tabs button{position:relative;border:0;background:var(--chip);color:var(--fg);border-radius:999px;padding:7px 16px;min-height:44px;font:700 13px 'Manrope',sans-serif;cursor:pointer;transition:background .3s,color .3s;}
.tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg);}
.tabs .pause{margin-left:auto;background:transparent;box-shadow:0 0 0 1px var(--border) inset;color:var(--muted);}
.tabs button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

/* sections */
h2{margin:0;font-size:clamp(28px,3.6vw,38px);font-weight:800;letter-spacing:-.02em;}
.features{padding-top:24px;padding-bottom:40px;display:flex;flex-direction:column;gap:20px;}
.features h2{margin-bottom:8px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px;}
.feature{background:var(--surface);border-radius:20px;box-shadow:0 0 0 1px var(--border);padding:28px;display:flex;flex-direction:column;gap:14px;}
.kicker{font:500 12px ui-monospace,'SF Mono',Menlo,monospace;color:var(--muted);}
h3{margin:0;font-size:22px;font-weight:800;}
.feature p{margin:0;color:var(--muted);text-wrap:pretty;}
.feature p.small{font-size:13px;}
.feature-demo{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;font-size:13px;}
.feature-demo.rows{flex-direction:column;gap:6px;}
.feature-demo .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.feature-demo .row b{white-space:nowrap;}
.claimed{border:1px dashed var(--track);color:var(--muted);border-radius:10px;padding:2px 10px;font-weight:600;}
.burner{margin-top:auto;display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px;}
.burner code{font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.keys{margin-top:auto;display:flex;gap:6px;font:500 12px ui-monospace,Menlo,monospace;}
.keys span{background:var(--chip);border-radius:6px;padding:4px 8px;}

.shots{padding-top:24px;padding-bottom:40px;display:flex;flex-direction:column;gap:14px;}
.shots-lede{margin:0 0 6px;color:var(--muted);}
.shots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px;align-items:start;}
.shots-col{display:flex;flex-direction:column;gap:20px;}
.shot{margin:0;background:var(--surface);border-radius:20px;box-shadow:0 0 0 1px var(--border);padding:14px;display:flex;flex-direction:column;gap:12px;}
.shot img{display:block;width:100%;height:auto;border-radius:12px;background:#000;}
.shot figcaption{color:var(--muted);font-size:14px;padding:0 4px 4px;text-wrap:pretty;}
.shot figcaption b{color:var(--fg);}
.privacy{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:40px;align-items:start;}
.privacy-intro{display:flex;flex-direction:column;gap:14px;}
.privacy-intro p{margin:0;color:var(--muted);max-width:440px;text-wrap:pretty;}
.source{align-self:flex-start;display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--fg);text-decoration:none;border-radius:12px;padding:11px 16px;font-weight:700;font-size:15px;box-shadow:0 0 0 1px var(--border) inset;}
.source code{font-size:13px;color:var(--muted);}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.checks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--border);}
.tick{width:22px;height:22px;border-radius:50%;background:var(--accentSoft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:2px;}
.checks li div{display:flex;flex-direction:column;gap:2px;}
.checks b{font-weight:700;}
.checks span.body{color:var(--muted);font-size:15px;}

.panel{background:var(--surface);border-radius:20px;box-shadow:0 0 0 1px var(--border);padding:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;align-items:center;}
.panel-title{display:flex;flex-direction:column;gap:6px;}
.panel-title .big{font-size:20px;font-weight:800;}
.nkips{display:flex;flex-direction:column;gap:10px;}
.nkips a{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--fg);padding:10px 0;border-bottom:1px solid var(--border);}
.nkips a:last-child{border-bottom:0;}
.nkips code{font-size:13px;color:var(--accent);}
.nkips .name{flex:1;font-weight:600;}

.install{padding-top:40px;padding-bottom:72px;}
.install-hero{background:var(--hero);border-radius:24px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;}
.install-hero img{width:56px;height:56px;}
.install-hero p{margin:0;color:var(--muted);max-width:560px;}
.install-hero code{font-size:14px;}
.install-hero .btns{justify-content:center;}
.builds{margin-top:20px;align-items:start;}
.kv{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px 12px;font:400 13px ui-monospace,Menlo,monospace;}
.kv .ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cmd{display:block;font-size:12px;line-height:1.5;background:var(--bg);border-radius:10px;padding:10px 12px;word-break:break-all;}
.builds-right{display:flex;flex-direction:column;gap:10px;font-size:14px;}
.builds-right a.more{font-weight:700;text-decoration:none;}

.donate{padding-bottom:64px;}
.donate-box{border-radius:20px;box-shadow:0 0 0 1px var(--border) inset;padding:24px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.donate-box div{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px;}
.btn-donate{display:flex;align-items:center;gap:8px;background:var(--xmr);color:#fff;text-decoration:none;border-radius:12px;padding:12px 20px;font-weight:800;}
.btn-donate:hover{color:#fff;opacity:.92;}

footer{padding-top:24px;padding-bottom:40px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted);border-top:1px solid var(--border);}
footer a{color:var(--muted);}
.foot-brand{display:flex;flex-direction:column;gap:4px;}
.foot-brand span:first-child{display:flex;align-items:center;gap:8px;}
.foot-brand img{width:16px;height:16px;}
.foot-links{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;}
