
:root{--bg:#080d14;--panel:#101923;--text:#edf5fc;--muted:#a5b6c6;--blue:#42b8ff;--line:#253646;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}p{color:var(--muted)}h1,h2,h3{line-height:1.15;letter-spacing:-.03em}h1{font-size:clamp(2.5rem,6vw,4.8rem)}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}.topline{height:3px;background:linear-gradient(90deg,#1689d4,#42b8ff,#c8d2dc)}header{position:sticky;top:0;z-index:10;background:#080d14f2;backdrop-filter:blur(12px);border-bottom:1px solid #253646}.navrow{min-height:80px;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;color:var(--text);min-width:190px}.brandmark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #398ec3;border-radius:12px;background:#132a3c;color:var(--blue);font-size:1.5rem;font-weight:900}.brandname{font-weight:900;letter-spacing:.15em}.tagline{display:block;font-size:.6rem;letter-spacing:.08em;color:#91a8ba}.nav{display:flex;align-items:center;justify-content:flex-end;gap:.15rem;flex:1}.nav a,.nav summary{color:#d6e2ec;font-size:.85rem;padding:.65rem .55rem;border-radius:8px;white-space:nowrap;cursor:pointer}.nav a:hover,.nav summary:hover,.nav a[aria-current=page]{background:#142536;text-decoration:none}.nav details{position:relative}.nav summary{list-style:none}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:"⌄";margin-left:.35rem;color:var(--blue)}.drop{position:absolute;right:0;top:calc(100% + .5rem);min-width:210px;padding:.5rem;background:#101923;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #0008}.drop a{display:block}.menu-toggle{display:none;background:#101923;border:1px solid var(--line);color:var(--text);padding:.6rem;border-radius:9px}.hero{padding:5rem 0;background:radial-gradient(ellipse at 80% 35%,#12314a66,transparent 40%),#0a1119}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.lead{font-size:1.13rem;line-height:1.8;max-width:680px}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.btn{display:inline-block;padding:.8rem 1.05rem;border:1px solid #3c5a70;border-radius:10px;color:var(--text);font-weight:700}.btn.primary{background:linear-gradient(135deg,#1689d4,#167bb8);border-color:#36a8ed;color:white}.btn:hover{text-decoration:none;filter:brightness(1.1)}.coin-stage{min-height:330px;display:grid;place-items:center;position:relative}.coin{width:min(78%,300px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#254760,#142b3f 50%,#080f17 80%);border:2px solid #5bbdf2;box-shadow:inset 0 0 0 9px #10263a,inset 0 0 0 11px #2b648a,0 0 65px #178bd82e;position:relative}.coin:before{content:"";position:absolute;inset:18px;border:1px solid #5bbdf277;border-radius:50%}.coin-symbol{font-size:7rem;font-weight:900;color:#8bd8ff;text-shadow:0 0 24px #42b8ff77}.coin-label{position:absolute;bottom:22%;font-size:.7rem;letter-spacing:.28em;color:#d3eafa;font-weight:800}.orbit{position:absolute;width:95%;height:65%;border:1px solid #42b8ff38;border-radius:50%;transform:rotate(-28deg)}.note{font-size:.75rem;color:#7f96a9;text-align:center}.section{padding:4rem 0}.alt{background:#0c131c;border-block:1px solid #182735}.section-head{max-width:730px;margin-bottom:2rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(160deg,#111d29,#0d151e);border:1px solid var(--line);border-radius:17px;padding:1.4rem}.card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:#142c40;border:1px solid #284a63;margin-bottom:1rem;font-size:1.2rem}.card p{font-size:.94rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.linklist{display:grid;gap:.7rem}.linkitem{padding:1rem;border:1px solid var(--line);border-radius:12px;background:#0e1721;display:flex;justify-content:space-between;gap:1rem}.linkitem strong{display:block;color:var(--text)}.linkitem span{color:var(--muted);font-size:.88rem}.banner{padding:2rem;border:1px solid #245273;background:linear-gradient(120deg,#10263a,#0e1721);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.page-hero{padding:3.5rem 0 2.5rem;background:radial-gradient(ellipse at 80% 0,#12314a55,transparent 45%),#0a1119;border-bottom:1px solid #1c2b39}.page-hero h1{font-size:clamp(2.3rem,5vw,3.8rem)}.crumb,.small{font-size:.82rem;color:#8299aa}.prose{max-width:850px}.prose h2{font-size:1.7rem;margin-top:2.4rem}.prose h3{margin-top:1.5rem}.prose li{color:var(--muted);margin:.4rem 0}.prose ul,.prose ol{padding-left:1.4rem}.status{display:inline-block;border:1px solid #735d2a;background:#292315;color:#f3d48b;border-radius:999px;padding:.3rem .65rem;font-size:.8rem}.callout{border-left:3px solid var(--blue);background:#101d29;padding:1rem 1.2rem;border-radius:0 10px 10px 0;margin:1.5rem 0}.pillrow{display:flex;gap:.5rem;flex-wrap:wrap}.pill{font-size:.8rem;color:#b9d5e8;background:#102335;border:1px solid #25445c;border-radius:999px;padding:.3rem .65rem}footer{border-top:1px solid var(--line);background:#070b11;padding:2.5rem 0 1.2rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1.5rem}.footer-title{font-weight:800;margin-bottom:.7rem}.footer-links{display:grid;gap:.4rem}.footer-links a{font-size:.88rem;color:#9db0c0}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #1b2a37;margin-top:2rem;padding-top:1rem;color:#71889a;font-size:.8rem}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:.7rem;border-bottom:1px solid var(--line)}td{color:var(--muted)}
@media(max-width:1050px){.brand{min-width:160px}.nav a,.nav summary{font-size:.78rem;padding:.6rem .4rem}}@media(max-width:850px){.menu-toggle{display:block;margin-left:auto}.navrow{flex-wrap:wrap;padding:.8rem 0}.nav{display:none;order:3;flex-basis:100%;align-items:stretch;flex-direction:column}.nav.open{display:flex}.nav>a,.nav summary{display:block;padding:.75rem}.drop{position:static;box-shadow:none;margin:.25rem 0}.hero-grid,.split{grid-template-columns:1fr}.coin-stage{grid-row:1;min-height:260px}.coin{width:220px}.coin-symbol{font-size:5rem}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.wrap{width:calc(100% - 1.25rem)}.hero{padding:3rem 0}.cards{grid-template-columns:1fr}.section{padding:3rem 0}.coin-stage{min-height:230px}.coin{width:185px}.coin-symbol{font-size:4.5rem}.banner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}}

/* Roadmap page */
.status.done{border-color:#286c57;background:#10291f;color:#8ee0bb}.status.active{border-color:#24618a;background:#10283a;color:#8bd8ff}.status.planned{border-color:#465360;background:#17212b;color:#bdc9d3}
.roadmap-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:start;margin-bottom:2.5rem}.roadmap-note{padding:1.2rem;border:1px solid var(--line);background:#0e1721;border-radius:14px}.roadmap-note strong{display:block;margin-bottom:.75rem}.roadmap-note p{margin:.65rem 0;font-size:.9rem}.roadmap-note .status{margin-right:.35rem}.roadmap-list{display:grid;gap:1rem}.roadmap-phase{display:grid;grid-template-columns:58px 1fr;gap:1.1rem;padding:1.5rem;border:1px solid var(--line);background:linear-gradient(145deg,#101923,#0b121a);border-radius:16px}.phase-marker{width:48px;height:48px;display:grid;place-items:center;border:1px solid #327ba5;background:#10283a;border-radius:14px;color:var(--blue);font-weight:900}.phase-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.phase-heading h2{font-size:1.5rem;margin:.35rem 0 .7rem}.phase-body>p{margin-top:.5rem}.phase-body ul{padding-left:1.25rem}.phase-body li{color:var(--muted);margin:.4rem 0}.phase-foot{font-size:.85rem;border-top:1px solid #243442;padding-top:.8rem;margin-top:1rem}.roadmap-intro h2{margin:.4rem 0}.roadmap-intro p{max-width:760px}
@media(max-width:700px){.roadmap-intro{grid-template-columns:1fr}.roadmap-phase{grid-template-columns:42px 1fr;padding:1rem;gap:.75rem}.phase-marker{width:38px;height:38px;border-radius:11px;font-size:.85rem}.phase-heading{flex-direction:column;gap:.3rem}.phase-heading h2{font-size:1.3rem}}

/* Hashora brand artwork update v0.3 */
.brandmark{overflow:hidden;padding:0;background:#070b11;display:flex;align-items:center;justify-content:center}
.brandmark img{display:block;width:100%;height:100%;object-fit:contain}
.coin.coin-art{width:min(100%,430px);aspect-ratio:694/610;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:center}
.coin.coin-art:before{display:none}
.coin.coin-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
@media(max-width:850px){.coin.coin-art{width:min(100%,360px)}}
@media(max-width:540px){.coin.coin-art{width:min(100%,310px)}}
