/* HeecktsTCG V6 Responsive / multi-device */
html{overflow-x:clip}body{overflow-x:clip}img{max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}
.wrap,.shell{min-width:0}.hero>*,.duo>*,.section-heading>*{min-width:0}
.mobile-nav{display:none;position:relative;z-index:60}
.mobile-nav summary{list-style:none;cursor:pointer;font:900 12px/1 ui-monospace,monospace;color:#ffe4a2;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:2px solid #f2d28e;background:#142d54;padding:11px 14px;box-shadow:3px 3px 0 #305a9c}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav[open] summary{background:#204679}
.mobile-nav nav{position:absolute;right:0;top:calc(100% + 6px);width:min(300px,calc(100vw - 24px));padding:10px;background:#0b1f40;border:3px solid #f4da9e;box-shadow:5px 5px 0 #3b70c1;display:grid;gap:4px}
.mobile-nav nav a{display:block;padding:13px 10px;min-height:44px;color:#fff0c8;font:800 13px/1.4 ui-monospace,monospace;text-decoration:none;border-bottom:1px solid #526a8e}
.mobile-nav nav a:focus-visible{outline:2px solid #fff}
@media(max-width:900px){.section-heading{align-items:start}.platforms,.trustgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.platforms .platform:last-child,.trustgrid .trustitem:last-child{grid-column:1/-1}}
@media(max-width:760px){
 header.mainheader .navlinks,.shell.nav>.navlinks{display:none!important}
 .mobile-nav{display:block}
 .mainheader .inner,.shell.nav{min-height:64px;align-items:center}
 .hero{grid-template-columns:minmax(0,1fr)!important;gap:22px;padding:30px 0 42px;min-height:auto}
 .hero .scene{min-height:clamp(230px,58vw,390px)}
 .hero h1{font-size:clamp(32px,8vw,51px);overflow-wrap:anywhere}
 h2{font-size:clamp(27px,6.6vw,43px)}
 .wrap{width:min(100% - 28px,1160px)}
 .section{padding:37px 0}
 .duo{gap:16px;grid-template-columns:1fr}
 .duo-portrait{min-height:330px}
 .duo-portrait img{max-height:360px;width:auto}
 .platforms,.trustgrid,.steps,.pathgrid{grid-template-columns:minmax(0,1fr)!important}
 .platforms .platform:last-child,.trustgrid .trustitem:last-child{grid-column:auto}
 .section-heading{display:block;margin-bottom:20px}
 .section-heading p{margin-top:10px}
 .path,.platform,.trustitem,.step{padding:19px;overflow-wrap:anywhere}
 .pixelbtn{max-width:100%;overflow-wrap:anywhere;min-height:48px}
 .stats{gap:9px}
 .stat{padding:8px 10px}
 .trustitem .metric{overflow-wrap:anywhere}
 .cookie-notice{bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:calc(100% - 20px);padding:13px;max-height:65dvh;overflow:auto}
 .cookie-notice button{min-height:44px}
 .legal{padding-top:28px;padding-bottom:44px}
 footer .inner{align-items:flex-start;gap:20px}
 .footer-links{gap:12px}
 .shell{width:min(100% - 24px,1030px)}
 .shell.nav>.brand{min-width:0;font-size:13px}
 .shell.nav>.brand img{width:44px;height:44px}
 .panel,.item{padding:16px}
 .grid2,.grid3,.item-head{grid-template-columns:1fr!important}
 .item-head{display:flex;flex-wrap:wrap;align-items:start}
 .field input,.field select,.field textarea{min-width:0;font-size:16px}
 form.layout{padding-bottom:25px}
 button,.button,input[type=submit]{min-height:44px}
}
@media(max-width:390px){
 .brand strong{font-size:13px}
 .brand img{width:43px!important;height:38px!important}
 .topline{font-size:9px;letter-spacing:.08em}
 h1{font-size:32px}
 .buttonrow{align-items:stretch}
 .buttonrow .pixelbtn{width:100%;justify-content:center}
 .duo-portrait{min-height:285px}
 .stats{flex-direction:column}
}
@media(hover:none){.platform:hover,.pixelbtn:hover{transform:none;box-shadow:5px 5px 0 #3f75c3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}