/* HashMo Game Forge website product page.
   Draws from OSC Pro and HVS's Space Grotesk, violet/cyan gradients and
   deep glass panels. All selectors are scoped to this product page. */
.game-forge-site{
  --forge-violet:#b6a0fa;--forge-sky:#78dcfa;--forge-lime:#b8f5e6;
  --forge-stroke:rgba(169,183,226,.18);--forge-text:#f4f4ff;
  background:radial-gradient(circle at 74% 6%,rgba(105,79,226,.22),transparent 30%),
             radial-gradient(circle at 14% 45%,rgba(44,144,205,.09),transparent 29%),#080b15;
}
.game-forge-site .aurora{background:radial-gradient(circle,rgba(132,94,255,.19),rgba(34,211,238,.08) 36%,transparent 69%)}
.forge-shell{max-width:1520px}
.forge-content{display:flex;flex-direction:column;gap:clamp(78px,9vw,146px);padding-bottom:60px;min-width:0}
.forge-content *{box-sizing:border-box}
.forge-topbar{grid-template-columns:minmax(240px,1fr) auto}
.forge-topbar .forge-brand{display:flex;gap:12px}
.forge-topbar .forge-brand-logo{flex-shrink:0;width:68px;height:68px;max-width:none;object-fit:contain;filter:drop-shadow(0 0 18px rgba(144,95,236,.28))}
.forge-topbar .brand-copy{padding-left:14px;min-width:0}
.forge-topbar .brand-name{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:clamp(18px,1.4vw,21px)}
.forge-brand-accent{color:#c9b9ff}
.forge-topbar .brand-sub{font-size:9px;color:#9aa9c5}
.forge-topbar .site-nav{gap:6px}
.forge-topbar .site-nav .nav-link{font-size:12px}
.forge-topbar .site-nav .nav-link.active{cursor:default}
.forge-gradient{
 color:transparent;
 background:linear-gradient(110deg,#ded2ff 8%,#b49aff 43%,#80dffa 90%);
 background-clip:text;-webkit-background-clip:text;
}
.forge-overline{
 margin:0 0 19px;color:#c3b2fe;
 font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase;
}
.forge-hero{
 display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);
 gap:clamp(32px,4.5vw,82px);align-items:center;min-height:730px;
 padding:clamp(32px,4vw,66px) 0 12px;
}
.forge-hero-copy{position:relative;z-index:2;min-width:0}
.forge-kicker{
 display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;
 padding:11px 14px;margin:0 0 26px;border-radius:999px;
 border:1px solid rgba(178,157,252,.24);
 background:rgba(44,38,76,.49);color:#e3d9ff;
 letter-spacing:.13em;font-size:10px;font-weight:700;
}
.forge-kicker-glow{width:8px;height:8px;background:#bca0ff;border-radius:50%;box-shadow:0 0 0 5px rgba(183,153,255,.10),0 0 15px rgba(183,153,255,.45)}
.forge-divider{color:#736693}
.forge-hero h1{
 margin:0;font-family:'Space Grotesk',sans-serif;
 font-size:clamp(49px,5.8vw,92px);letter-spacing:-.064em;
 line-height:1.025;max-width:780px;font-weight:700;
}
.forge-hero h1 .forge-gradient{display:inline-block}
.forge-lead{
 color:#acb9d0;font-size:clamp(16px,1.35vw,19px);
 line-height:1.83;max-width:620px;margin:28px 0 0;
}
.forge-actions{display:flex;flex-wrap:wrap;gap:11px;margin:34px 0 21px}
.forge-button{
 min-height:54px;padding:0 22px;display:inline-flex;gap:12px;
 align-items:center;justify-content:center;text-decoration:none;
 border-radius:13px;font-size:14px;font-weight:750;
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.forge-button:hover,.forge-button:focus-visible{transform:translateY(-2px)}
.forge-button:focus-visible,.forge-faq summary:focus-visible,.forge-footer a:focus-visible{
 outline:3px solid #92e9ff;outline-offset:3px;
}
.forge-button-primary{color:#130b26;background:linear-gradient(115deg,#e0ccff,#9fcfff);box-shadow:0 16px 38px rgba(130,99,236,.23)}
.forge-button-quiet{border:1px solid rgba(174,156,231,.34);color:#e8ddff;background:rgba(36,33,68,.42)}
.forge-stage-note{display:flex;align-items:center;gap:10px;color:#9ba8c2;font-size:12px;line-height:1.65;margin:12px 0 0}
.forge-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#e8b87b;box-shadow:0 0 0 4px rgba(234,174,111,.11)}
.forge-promise{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.forge-promise span{
 padding:8px 11px;border-radius:50px;background:rgba(91,89,155,.16);
 border:1px solid rgba(145,151,204,.19);color:#b4c4de;
 font-size:11px;line-height:1.35;
}
.forge-hero-visual{position:relative;min-width:0;filter:drop-shadow(0 42px 70px rgba(0,0,0,.35))}
.forge-glow-back{
 position:absolute;inset:12% 5%;border-radius:50%;background:rgba(119,89,234,.35);
 filter:blur(98px);opacity:.65;pointer-events:none;
}
.forge-window{
 position:relative;overflow:hidden;min-width:0;
 border:1px solid rgba(169,147,240,.31);border-radius:22px;
 background:linear-gradient(155deg,#141b30,#0a0e19 74%);
 box-shadow:0 0 0 7px rgba(114,94,202,.065),0 50px 120px rgba(0,0,0,.46);
}
.forge-window-top{
 padding:0 17px;min-height:54px;
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 border-bottom:1px solid rgba(176,169,231,.14);
 background:rgba(30,32,60,.6);
}
.forge-app-identity{display:flex;align-items:center;gap:10px;min-width:0;font:600 13px 'Space Grotesk',sans-serif;color:#e6eaff}
.forge-app-identity img{width:30px;height:30px;object-fit:contain}
.forge-app-identity b{color:#c3afff}
.forge-window-badge{font:700 9px Inter,system-ui,sans-serif;letter-spacing:.13em;color:#9ba8c3;white-space:nowrap}
.forge-window-dots{display:flex;gap:6px}
.forge-window-dots i{display:block;width:8px;height:8px;border:1px solid rgba(175,180,207,.35);border-radius:50%}
.forge-window-body{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:450px}
.forge-rail{padding:20px 10px;border-right:1px solid rgba(174,174,234,.12);background:rgba(15,18,36,.7);display:flex;flex-direction:column;gap:7px}
.forge-rail span{min-height:36px;display:flex;align-items:center;gap:7px;white-space:nowrap;border-radius:8px;padding:8px;font-size:11px;color:#8492b2}
.forge-rail b{font-weight:500}
.forge-rail .forge-rail-on{color:#e1d7ff;background:linear-gradient(100deg,rgba(131,90,222,.28),rgba(56,97,173,.13));border-left:2px solid #be9efc}
.forge-canvas{padding:21px 20px 17px;min-width:0}
.forge-canvas-head{display:flex;flex-direction:column;gap:7px}
.forge-canvas-head strong{font:700 clamp(15px,1.25vw,20px) 'Space Grotesk',sans-serif;color:#f3f5ff}
.forge-mini-eyebrow{font:700 9px Inter,system-ui,sans-serif;color:#99a7c4;letter-spacing:.18em}
.forge-stage-graphic{
 height:clamp(228px,21vw,315px);min-width:0;position:relative;
 display:grid;place-items:center;margin-top:16px;border-radius:13px;
 border:1px solid rgba(138,142,212,.14);
 background:radial-gradient(ellipse at center,rgba(95,84,186,.25),transparent 62%),
 linear-gradient(140deg,rgba(34,45,75,.3),rgba(12,15,28,.65));overflow:hidden;
}
.forge-graphic-grid{position:absolute;inset:-50%;opacity:.36;
 background:linear-gradient(rgba(180,175,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(180,175,238,.07) 1px,transparent 1px);
 background-size:30px 30px;transform:perspective(500px) rotateX(45deg) rotateZ(-22deg);
}
.forge-orbit-ring{position:absolute;border-radius:50%;width:76%;aspect-ratio:1;border:1px dashed rgba(116,153,243,.16);transform:rotateX(60deg) rotate(-24deg)}
.forge-orbit-ring-two{width:48%;border-style:solid;border-color:rgba(189,158,255,.22);transform:rotateX(60deg) rotate(34deg)}
.forge-shape{position:relative;width:150px;height:148px;filter:drop-shadow(0 16px 30px rgba(94,95,251,.23));transform:translateY(-5px)}
.forge-face{position:absolute;inset:0}
.forge-face-top{background:linear-gradient(130deg,#caadff,#91dff8);clip-path:polygon(50% 0%,100% 25%,50% 50%,0 25%);filter:brightness(1.03)}
.forge-face-left{background:linear-gradient(150deg,#6757c9,#3d5fb0);clip-path:polygon(0 25%,50% 50%,50% 100%,0 74%)}
.forge-face-right{background:linear-gradient(190deg,#746ac9,#324a86);clip-path:polygon(100% 25%,50% 50%,50% 100%,100% 74%)}
.forge-graphic-label{
 position:absolute;padding:7px 9px;border-radius:7px;font-size:9px;font-weight:700;letter-spacing:.09em;
 color:#c9d3f3;background:rgba(20,26,48,.9);border:1px solid rgba(155,175,246,.25)
}
.forge-label-top{top:15px;right:15px}
.forge-label-bottom{bottom:15px;left:16px}
.forge-flow{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);gap:7px;align-items:center;margin-top:15px}
.forge-flow>div:not(.forge-flow-arrow){padding:10px;border:1px solid rgba(144,145,202,.17);border-radius:9px;background:rgba(27,33,57,.68);display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.forge-flow small{font:700 8px Inter,system-ui,sans-serif;letter-spacing:.08em;color:#8d9bb9}
.forge-flow strong{font:700 11px 'Space Grotesk',sans-serif;color:#e7e9ff}
.forge-flow-arrow{text-align:center;color:#8299cf;font-size:12px}
.forge-mini-pill{font-size:8px;color:#a7eed9}
.forge-mini-wait{color:#f3d6ab}
.forge-mini-outline{color:#a0abc5}
.forge-window-bottom{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 17px;border-top:1px solid rgba(165,177,223,.11);background:rgba(20,23,42,.8);font-size:9px;color:#9caecc}
.forge-window-bottom span:first-child{display:flex;align-items:center;gap:7px}
.forge-window-bottom i{display:block;width:6px;height:6px;border-radius:50%;background:#77eac7}
.forge-window-bottom span:last-child{font-weight:700;letter-spacing:.12em;color:#b4a8ea}
.forge-visual-caption{display:flex;align-items:center;gap:8px;justify-content:center;font-size:10px;color:#8796b5;line-height:1.5;text-align:center;margin:18px 0 0}
.forge-visual-caption span{color:#b9a6ff}
.forge-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-5px}
.forge-principles span{display:flex;align-items:center;gap:11px;padding:18px 14px;border-top:1px solid rgba(170,148,236,.23);border-bottom:1px solid rgba(150,164,212,.13);font-size:12px;color:#bfcce4}
.forge-principles b{font-size:11px;color:#c7b2fb}
.forge-section{scroll-margin-top:25px}
.forge-section-header{max-width:900px;margin-bottom:37px}
.forge-section-header h2,.forge-workflow h2,.forge-ownership h2,.forge-wishlist-section h2{
 margin:0;font:700 clamp(36px,4.2vw,65px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:var(--forge-text)
}
.forge-section-header>p:last-child,.forge-workflow-intro>p:not(.forge-overline),.forge-ownership p:not(.forge-overline),.forge-wishlist-intro>p:not(.forge-overline){
 font-size:clamp(15px,1.3vw,18px);line-height:1.8;color:#a5b1cb;max-width:800px;margin:21px 0 0
}
.forge-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.forge-feature{
 position:relative;display:flex;flex-direction:column;align-items:flex-start;
 padding:clamp(23px,2.5vw,32px);min-height:307px;
 background:linear-gradient(170deg,rgba(27,35,62,.78),rgba(13,17,31,.88));
 border:1px solid rgba(160,162,212,.17);border-radius:22px;
 box-shadow:0 21px 56px rgba(0,0,0,.16);overflow:hidden;
}
.forge-feature:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(162,135,247,.42),transparent);opacity:.42}
.forge-feature-highlight{background:linear-gradient(145deg,rgba(93,64,167,.27),rgba(24,33,54,.89) 70%);border-color:rgba(188,156,255,.33)}
.forge-feature-number{font-size:10px;font-weight:700;letter-spacing:.14em;color:#b8a8f7}
.forge-feature-icon{width:48px;height:48px;display:grid;place-items:center;margin:20px 0 18px;border:1px solid rgba(188,158,255,.26);border-radius:14px;background:linear-gradient(140deg,rgba(159,126,240,.25),rgba(65,152,224,.11));color:#d8c8ff;font-size:22px}
.forge-feature h3{font:700 clamp(21px,1.6vw,26px) 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin:0 0 11px;color:#f5f3ff}
.forge-feature p{color:#a7b4cc;line-height:1.7;font-size:13px;margin:0 0 20px}
.forge-feature-foot{margin-top:auto;padding-top:11px;color:#aab7db;font-size:10px;letter-spacing:.04em;border-top:1px solid rgba(156,165,208,.15);width:100%}
.forge-workflow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,7vw,115px);align-items:start;scroll-margin-top:30px}
.forge-workflow-intro{position:sticky;top:24px}
.forge-workflow-caption{display:flex;align-items:flex-start;gap:9px;margin-top:32px;padding:15px 17px;border:1px solid rgba(176,158,231,.2);background:rgba(44,39,83,.28);border-radius:12px;color:#aab9d5;font-size:12px;line-height:1.5}
.forge-workflow-caption span{color:#bea6f9}
.forge-steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.forge-steps li{display:grid;grid-template-columns:66px minmax(0,1fr);gap:20px;padding:25px;border:1px solid rgba(160,165,214,.19);border-radius:18px;background:rgba(22,28,47,.66)}
.forge-step-index{width:51px;height:51px;display:grid;place-items:center;border:1px solid rgba(168,147,235,.27);border-radius:14px;background:rgba(144,98,236,.12);color:#d6c2ff;font:700 16px 'Space Grotesk',sans-serif}
.forge-steps h3{margin:2px 0 9px;color:#f5f5ff;font:700 22px 'Space Grotesk',sans-serif}
.forge-steps p{margin:0;color:#acb7cb;font-size:14px;line-height:1.7}
.forge-ownership{position:relative;display:grid;grid-template-columns:93px minmax(0,1.4fr) minmax(0,.62fr);align-items:center;gap:26px;padding:clamp(28px,4vw,58px);border:1px solid rgba(186,159,244,.32);border-radius:27px;background:linear-gradient(115deg,rgba(70,50,128,.3),rgba(24,38,63,.83) 72%);overflow:hidden}
.forge-ownership:before{content:"";position:absolute;right:-12%;top:-80%;height:430px;width:430px;border-radius:50%;border:1px solid rgba(187,167,255,.15);pointer-events:none}
.forge-ownership-symbol{font-size:63px;align-self:start;color:#d4bbff;line-height:1}
.forge-ownership h2{font-size:clamp(32px,3.2vw,48px)}
.forge-ownership p:not(.forge-overline){font-size:14px}
.forge-ownership-facts{display:flex;flex-direction:column;gap:12px;position:relative}
.forge-ownership-facts span{padding:13px 12px;border:1px solid rgba(188,179,239,.2);border-radius:10px;background:rgba(17,24,46,.55);color:#c1cee6;font-size:12px;line-height:1.4}
.forge-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.forge-faq details{border:1px solid rgba(164,163,220,.21);border-radius:16px;padding:20px 21px;background:rgba(23,30,51,.68)}
.forge-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font:700 16px/1.5 'Space Grotesk',sans-serif;color:#e9e6ff}
.forge-faq summary::-webkit-details-marker{display:none}
.forge-faq summary span{font-size:23px;line-height:1;color:#bca0ff;transition:transform .2s ease}
.forge-faq details[open] summary span{transform:rotate(45deg)}
.forge-faq details p{color:#a8b5cf;font-size:13px;line-height:1.75;margin:17px 0 2px}
.forge-wishlist-section{
 scroll-margin-top:32px;text-align:center;
 padding:clamp(35px,5.4vw,76px) clamp(18px,5vw,70px);
 border:1px solid rgba(190,159,244,.31);border-radius:26px;
 background:radial-gradient(circle at 50% 0%,rgba(136,94,255,.17),transparent 55%),
 linear-gradient(145deg,rgba(28,34,64,.88),rgba(13,19,33,.96));
 box-shadow:0 20px 70px rgba(0,0,0,.15);
}
.forge-wishlist-intro{max-width:760px;margin:0 auto 25px}
.forge-wishlist-section h2{font-size:clamp(31px,3.6vw,54px)}
.forge-wishlist-intro>p:not(.forge-overline){max-width:610px;margin:20px auto 0;font-size:15px}
.forge-wishlist-section [data-hashmo-wishlist]{margin:16px auto 0}
.forge-wishlist-section .hashmo-wishlist{text-align:left;max-width:590px;background:linear-gradient(145deg,#202440,#0e1729)}
.forge-wishlist-note{max-width:640px;margin:20px auto 0;color:#97aac5;font-size:12px;line-height:1.7}
.forge-footer{gap:15px}
.forge-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;color:#8696ad}
.forge-footer-links a{color:#bdcce6;text-underline-offset:3px}
@media(max-width:1240px){
 .forge-topbar{grid-template-columns:1fr;gap:13px}
 .forge-topbar .site-nav{justify-content:flex-start}
 .forge-hero{grid-template-columns:1fr;min-height:0}
 .forge-hero-copy{max-width:900px}
 .forge-hero-visual{max-width:860px;margin:15px auto 0;width:100%}
 .forge-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .forge-hero h1{font-size:clamp(52px,8vw,79px)}
 .forge-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .forge-workflow{grid-template-columns:1fr;gap:28px}
 .forge-workflow-intro{position:static}
 .forge-ownership{grid-template-columns:65px minmax(0,1fr)}
 .forge-ownership-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .forge-topbar .forge-brand{display:flex}
 .forge-topbar .brand-copy{padding:0 0 0 14px;border-top:0;border-left:1px solid rgba(148,163,184,.18)}
 .forge-topbar .site-nav{display:flex;justify-content:flex-start}
}
@media(max-width:600px){
 .forge-content{gap:74px}
 .forge-topbar .forge-brand-logo{width:56px;height:56px}
 .forge-topbar .brand-name{font-size:17px}
 .forge-topbar .site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .forge-topbar .nav-link{min-height:42px;padding:6px;font-size:11px}
 .forge-hero{padding-top:18px;gap:34px}
 .forge-kicker{font-size:9px;letter-spacing:.07em;gap:8px}
 .forge-hero h1{font-size:clamp(43px,11vw,60px)}
 .forge-lead{font-size:15px;line-height:1.7}
 .forge-actions{display:grid;grid-template-columns:1fr}
 .forge-button{width:100%}
 .forge-promise{gap:8px}
 .forge-stage-note{align-items:flex-start}
 .forge-window-top{padding:0 11px}
 .forge-window-badge{display:none}
 .forge-window-body{grid-template-columns:56px minmax(0,1fr);min-height:0}
 .forge-rail{padding:13px 6px;gap:7px}
 .forge-rail span{display:grid;place-items:center;height:38px;min-height:38px;padding:0;font-size:17px}
 .forge-rail b{display:none}
 .forge-canvas{padding:14px 12px}
 .forge-stage-graphic{height:225px}
 .forge-shape{width:116px;height:114px}
 .forge-graphic-label{font-size:7px;padding:5px}
 .forge-flow{grid-template-columns:1fr;gap:5px}
 .forge-flow>div:not(.forge-flow-arrow){padding:8px;display:grid;grid-template-columns:1fr auto;gap:3px}
 .forge-flow small{grid-column:1/-1}
 .forge-flow-arrow{display:none}
 .forge-visual-caption{font-size:9px}
 .forge-principles{grid-template-columns:1fr 1fr;gap:8px}
 .forge-principles span{padding:13px 8px;font-size:10px;gap:7px}
 .forge-section-header h2,.forge-workflow h2{font-size:clamp(32px,9vw,47px)}
 .forge-feature-grid{grid-template-columns:1fr;gap:13px}
 .forge-feature{min-height:0;padding:24px}
 .forge-steps li{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:18px}
 .forge-step-index{width:43px;height:43px}
 .forge-ownership{grid-template-columns:1fr;gap:10px;padding:24px}
 .forge-ownership-symbol{display:none}
 .forge-ownership-facts{grid-template-columns:1fr}
 .forge-faq-list{grid-template-columns:1fr}
 .forge-wishlist-section{padding:30px 12px}
 .forge-footer-links{justify-content:flex-start}
}
@media(max-width:360px){
 .forge-topbar .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .forge-hero h1{font-size:41px}
 .forge-stage-graphic{height:205px}
 .forge-canvas-head strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .forge-button,.forge-faq summary span{transition:none}
}