/* About PikHub — scoped, mobile-first information page. */
.pikhub-about{padding-top:24px;padding-bottom:64px}.pa-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:28px}.pa-breadcrumb a{text-decoration:none}.pa-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:16px}.pa-hero{display:grid;gap:32px}.pa-hero-copy{padding:12px 0}.pikhub-about h1{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;max-width:650px}.pikhub-about h1 span{color:var(--accent)}.pa-hero-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:510px;margin:0 0 28px}.pa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.pa-actions .button{gap:24px}.pa-text-link{display:inline-flex;gap:12px;align-items:center;font-weight:600;text-decoration:none;min-height:44px}.pa-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;min-height:310px;padding:30px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.pa-brand-panel:after{content:'';position:absolute;right:-58px;top:-75px;width:240px;height:240px;border:1px solid var(--accent);opacity:.18;border-radius:50%;pointer-events:none}.pa-panel-label{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--muted)}.pa-brand-logo{display:block;width:280px;max-width:100%;height:auto;margin:24px 0 8px}.pa-brand-panel>p{color:var(--muted);font-size:15px;margin:8px 0 25px}.pa-panel-tags{display:flex;flex-wrap:wrap;gap:8px}.pa-panel-tags>span{border:1px solid var(--line);background:var(--paper);padding:6px 10px;border-radius:30px;font-size:11px}.pa-online{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:28px;width:100%;font-size:11px;color:var(--muted)}.pa-online>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.pa-facts{display:grid;margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pa-facts>div{display:flex;gap:16px;padding:20px 0;align-items:center}.pa-facts>div+div{border-top:1px solid var(--line)}.pa-fact-symbol{font-size:26px;color:var(--accent);width:32px}.pa-facts strong,.pa-facts div>span:not(.pa-fact-symbol){display:block}.pa-facts strong{font-size:14px;margin-bottom:3px}.pa-facts div>span:not(.pa-fact-symbol){font-size:12px;color:var(--muted)}.pa-section{margin-top:58px}.pikhub-about h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.03em;margin:0 0 20px}.pikhub-about h3{font-size:18px;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px}.pa-story{display:grid;gap:10px}.pa-story p,.pa-card p,.pa-steps p,.pa-order>div>p,.pa-contact p,.pa-section-heading>p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 16px}.pa-section-heading{display:grid;gap:4px;margin-bottom:24px}.pa-section-heading h2{max-width:560px}.pa-card-grid{display:grid;gap:16px}.pa-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.pa-number{display:block;color:var(--accent);font-size:12px;font-weight:700;margin-bottom:30px}.pa-card p{margin-bottom:0}.pa-order{display:grid;gap:28px;border-top:1px solid var(--line);padding-top:48px}.pa-order h2{max-width:370px}.pa-steps{list-style:none;counter-reset:pa-step;margin:0;padding:0}.pa-steps li{counter-increment:pa-step;position:relative;padding:0 0 22px 55px}.pa-steps li:before{content:counter(pa-step,decimal-leading-zero);position:absolute;left:0;top:0;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px;color:var(--accent);font-weight:700;background:var(--soft)}.pa-steps li+li{padding-top:22px;border-top:1px solid var(--line)}.pa-steps li+li:before{top:22px}.pa-steps p{margin:0}.pa-contact{display:grid;gap:24px;padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.pa-store-note{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:24px}.pa-contact-links{display:grid;align-content:center}.pa-contact-links a{position:relative;display:block;border-bottom:1px solid var(--line);padding:16px 26px 16px 0;text-decoration:none;overflow-wrap:anywhere}.pa-contact-links a:last-child{border-bottom:0}.pa-contact-links a>span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.pa-contact-links strong{font-size:17px;font-weight:600}.pa-contact-links b{position:absolute;right:0;top:28px;color:var(--accent);font-size:20px;font-weight:400}.pikhub-about a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.pa-text-link:hover,.pa-contact-links a:hover strong,.pa-breadcrumb a:hover{color:var(--accent)}
@media(min-width:480px){.pa-brand-panel{padding:40px}.pa-contact{padding:36px}.pa-contact-links strong{font-size:20px}}
@media(min-width:768px){.pa-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.pa-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.pa-facts>div{padding:24px 16px}.pa-facts>div+div{border-top:0;border-left:1px solid var(--line)}.pa-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pa-card{padding:24px}.pa-story{grid-template-columns:1fr 1.2fr;gap:48px}.pa-order,.pa-contact{grid-template-columns:1fr 1.2fr;gap:48px}.pa-section{margin-top:76px}.pa-section-heading{grid-template-columns:1.5fr 1fr;align-items:end;gap:40px}.pa-section-heading>p{max-width:280px;justify-self:end}.pa-contact{padding:42px}.pa-contact-intro h2{max-width:300px}}
@media(min-width:1024px){.pikhub-about{padding-top:30px;padding-bottom:80px}.pa-hero{gap:70px}.pa-brand-panel{min-height:365px}.pa-facts>div{padding:26px 32px}.pa-card{padding:32px}.pa-contact{padding:48px 56px}}