/* Petock identity layer — layout only, application logic remains untouched. */
:root{--petock-lime:#c8ff00;--petock-ink:#060706;--petock-panel:#0e110d;--petock-line:#293123;--petock-soft:#9da895}
html{scroll-padding-top:96px}body{background:radial-gradient(circle at 72% 8%,#c8ff000d,transparent 27rem),radial-gradient(circle at 12% 42%,#466b2412,transparent 30rem),#060706!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.15;background-image:linear-gradient(#c8ff000b 1px,transparent 1px),linear-gradient(90deg,#c8ff000b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
/* Floating product navigation */
body header{width:min(1180px,calc(100% - 32px));margin:14px auto 0;border:1px solid var(--petock-line)!important;border-radius:18px;background:#090b09e8!important;box-shadow:0 14px 60px #0008;backdrop-filter:blur(18px);top:14px!important;overflow:hidden}body header:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--petock-lime),transparent);opacity:.25}body header a,body header button{border-radius:10px!important}body header img{filter:none!important}
/* Signature asymmetrical home hero */
main>section.relative.flex.flex-1{isolation:isolate}main>section.relative.flex.flex-1:before{content:"P / 01";position:absolute;top:48px;left:max(5vw,calc((100vw - 1180px)/2));font:11px var(--brand-font-mono);letter-spacing:.2em;color:var(--petock-lime);z-index:2}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center{width:min(1180px,calc(100% - 40px));max-width:none!important;min-height:640px;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);grid-template-rows:auto auto auto auto;align-content:center;column-gap:7vw;padding:100px 0 70px!important;text-align:left!important}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>img{grid-column:2;grid-row:1/6;width:min(100%,430px)!important;height:auto!important;max-height:none!important;justify-self:center;margin:0!important;filter:drop-shadow(0 30px 70px #c8ff001d)!important;transform:none}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>h1{grid-column:1;font-size:clamp(4.8rem,8vw,7.4rem)!important;line-height:.82!important;letter-spacing:-.075em!important;margin:0!important;max-width:650px}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>h1:after{content:"®";color:var(--petock-lime);font:18px var(--brand-font-mono);vertical-align:top;margin-left:12px;letter-spacing:0}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>p{grid-column:1;margin:34px 0 0!important;max-width:570px!important;text-align:left;color:var(--petock-soft)!important;line-height:1.75}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-8{grid-column:1;justify-content:flex-start!important;margin-top:34px!important}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-6{grid-column:1;justify-content:flex-start!important;margin-top:22px!important}
/* Buttons feel like Petock, not a component kit */
main a[class*="bg-accent"],main button[class*="bg-accent"]{background:var(--petock-lime)!important;color:#080a07!important;border-radius:12px!important;box-shadow:inset 0 -3px 0 #789900;transition:transform .18s,box-shadow .18s!important}main a[class*="bg-accent"]:hover,main button[class*="bg-accent"]:hover{transform:translateY(-3px);box-shadow:inset 0 -3px 0 #789900,0 12px 32px #c8ff0027!important}
/* Five-step rail becomes a branded card lane */
main .grid.grid-cols-2.border-y{width:min(1180px,calc(100% - 40px));margin:0 auto 80px!important;display:grid;grid-template-columns:repeat(5,1fr)!important;gap:10px;border:0!important;background:transparent!important}main .grid.grid-cols-2.border-y>a{min-height:112px;border:1px solid var(--petock-line)!important;border-radius:14px;padding:20px!important;background:linear-gradient(145deg,#11150f,#090b09)!important;position:relative;overflow:hidden}main .grid.grid-cols-2.border-y>a:before{content:"";position:absolute;width:55px;height:55px;border:1px solid #c8ff0020;border-radius:50%;right:-18px;bottom:-18px}main .grid.grid-cols-2.border-y>a:hover{border-color:var(--petock-lime)!important;transform:translateY(-4px)}
/* Content sections and inner routes */
main .max-w-5xl{max-width:1180px}main section,main article{scroll-margin-top:110px}main article[class*="border"],main div[class*="border"][class*="border-border"]{border-color:var(--petock-line)}main article{border-radius:16px;overflow:hidden}main [class*="bg-surface"]{background-color:var(--petock-panel)!important}main video,main img{image-rendering:pixelated}main video[poster*="petock-pixel"]{filter:none!important}main video[poster*="petock-pixel"],main img[src*="petock-pixel"]{border-radius:18px}
/* Brand headings */
main h2,main h3{letter-spacing:-.035em}main h2:before{content:"// ";color:var(--petock-lime);font-family:var(--brand-font-mono);font-weight:400}main .font-mono.uppercase{color:var(--petock-lime)!important;letter-spacing:.14em}
/* Footer restored as a compact signature strip */
footer{width:min(1180px,calc(100% - 32px));margin:60px auto 18px;border:1px solid var(--petock-line)!important;border-radius:16px;background:#0b0e0a}footer>div{padding:18px 22px!important}
@media(max-width:800px){body header{width:calc(100% - 20px);margin-top:10px;top:10px!important}main>section.relative.flex.flex-1:before{top:35px;left:24px}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center{min-height:auto;grid-template-columns:1fr;padding:80px 4px 60px!important;text-align:center!important}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>img{grid-column:1;grid-row:1;width:210px!important;margin-bottom:30px!important}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>h1{grid-column:1;grid-row:2;font-size:clamp(4rem,20vw,6rem)!important;justify-self:center}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>p{grid-column:1;grid-row:3;text-align:center;margin-top:25px!important}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-8{grid-column:1;grid-row:4;align-items:stretch!important}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-6{grid-column:1;grid-row:5;justify-content:center!important}main .grid.grid-cols-2.border-y{grid-template-columns:1fr 1fr!important;margin-bottom:45px!important}main .grid.grid-cols-2.border-y>a:last-child{grid-column:1/-1}footer{width:calc(100% - 20px)}}
@media(max-width:460px){main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>h1{font-size:3.7rem!important;letter-spacing:-.06em!important}main .grid.grid-cols-2.border-y{grid-template-columns:1fr!important}main .grid.grid-cols-2.border-y>a:last-child{grid-column:auto}main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center{width:calc(100% - 28px)}}
/* Home story rail and bento sections. */
nav[aria-label="Listing loop"]{width:min(1180px,calc(100% - 40px));margin:0 auto 18px;border:0!important;background:transparent}
nav[aria-label="Listing loop"]>ul{max-width:none!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:10px!important;background:transparent!important}
nav[aria-label="Listing loop"] li{grid-column:auto!important;background:transparent!important}
nav[aria-label="Listing loop"] a{height:116px;border:1px solid var(--petock-line);border-radius:14px;background:linear-gradient(145deg,#11150f,#090b09);padding:20px!important;display:flex!important;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
nav[aria-label="Listing loop"] a:after{content:"↘";position:absolute;right:16px;top:14px;color:#c8ff0060;font:18px var(--brand-font-mono)}
nav[aria-label="Listing loop"] a:hover{border-color:var(--petock-lime);transform:translateY(-4px)}
nav[aria-label="Listing loop"]~section{width:min(1180px,calc(100% - 40px));margin:16px auto!important;border:1px solid var(--petock-line)!important;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#0d100c,#080a08)}
nav[aria-label="Listing loop"]+section{margin-top:44px!important;background:radial-gradient(circle at 25% 45%,#c8ff000c,transparent 24rem),#0b0e0a}
nav[aria-label="Listing loop"]~section article{background:#0d100c}
@media(max-width:800px){nav[aria-label="Listing loop"]>ul{grid-template-columns:1fr 1fr!important}nav[aria-label="Listing loop"] li:last-child{grid-column:1/-1!important}nav[aria-label="Listing loop"]~section{width:calc(100% - 20px)}nav[aria-label="Listing loop"] a{height:96px}}
@media(max-width:460px){nav[aria-label="Listing loop"]>ul{grid-template-columns:1fr!important}nav[aria-label="Listing loop"] li:last-child{grid-column:auto!important}}
/* Mobile flow hardening. */
@media(max-width:640px){
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center{display:flex!important;flex-direction:column!important;align-items:center!important;width:calc(100% - 28px)!important;padding:78px 0 52px!important;overflow:visible}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>img{order:1;width:min(210px,62vw)!important;margin:0 0 30px!important;flex:none}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>h1{order:2;font-size:clamp(3.5rem,17vw,4.4rem)!important;line-height:.95!important;max-width:100%;overflow-wrap:anywhere}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>p{order:3;width:100%!important;max-width:100%!important;margin:26px 0 0!important;padding:0 4px;text-align:center!important;font-size:1rem!important;line-height:1.65!important;overflow-wrap:anywhere;word-break:normal}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-8{order:4;width:100%;margin-top:28px!important}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-6{order:5;width:100%;margin-top:18px!important}
nav[aria-label="Listing loop"]{width:calc(100% - 20px)}nav[aria-label="Listing loop"]>ul{grid-template-columns:1fr!important}nav[aria-label="Listing loop"] li,nav[aria-label="Listing loop"] li:last-child{grid-column:auto!important}nav[aria-label="Listing loop"] a{height:88px}
}
/* Final social placement: copyright at bottom, X beside wallet. */
footer nav{display:none!important}footer>div{justify-content:center!important}footer>div>span:first-child{text-align:center!important}
.petock-x-link{display:inline-flex;flex:0 0 auto;width:22px;height:38px;margin:0 12px 0 6px;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:transparent!important;color:#f5f5f5;line-height:1;transition:color .18s,transform .18s}.petock-x-link svg{display:block;width:17px;height:17px}.petock-x-link:hover{color:var(--petock-lime);transform:translateY(-1px)}
/* Clean labels: navigation and hero actions use text only. */
body header nav a svg,body header nav a>span:first-child:not(:last-child){display:none!important}
main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-8 a svg,main>section.relative.flex.flex-1>.mx-auto.flex.w-full.max-w-5xl.flex-col.items-center>.mt-8 button svg{display:none!important}