:root{--pi-ink:#171719;--pi-muted:#66656a;--pi-paper:#f8f7f5;--pi-line:#e6e3e2;--pi-red:#e10600;--pi-card:#fff;--pi-shadow:0 18px 48px rgba(33,18,18,.08)}
body.ohole-public-page{margin:0;background:var(--pi-paper);color:var(--pi-ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.55}
.pi-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.pi-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--pi-line)}
.pi-brand{display:inline-flex;align-items:center;gap:10px;color:var(--pi-ink);text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.05em}
.pi-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--pi-red);color:#fff;font-size:19px}
.pi-nav-links{display:flex;align-items:center;gap:20px}.pi-nav a:not(.pi-brand){color:var(--pi-muted);font-size:13px;font-weight:650;text-decoration:none}.pi-nav a:hover,.pi-footer a:hover{color:var(--pi-red)}
body.ohole-public-page a:focus-visible,body.ohole-public-page summary:focus-visible{outline:3px solid rgba(225,6,0,.38);outline-offset:3px}
.pi-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--pi-red);border-radius:999px;background:var(--pi-red);color:#fff!important;text-decoration:none;font-size:14px;font-weight:750;box-shadow:0 8px 20px rgba(225,6,0,.16)}.pi-cta:hover{background:#bb0804;color:#fff!important}.pi-cta.pi-quiet{background:#fff;color:var(--pi-red)!important;box-shadow:none}
.pi-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,7vw,84px);padding:clamp(54px,9vw,106px) 0 72px}
.pi-kicker{margin:0 0 12px;color:var(--pi-red);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pi-hero h1{max-width:720px;margin:0;font-size:clamp(46px,7vw,82px);font-weight:850;line-height:.98;letter-spacing:-.075em}.pi-hero h1 em{color:var(--pi-red);font-style:normal}
.pi-lede{max-width:620px;margin:22px 0 0;color:#545258;font-size:17px;line-height:1.7}.pi-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.pi-note{max-width:620px;margin:18px 0 0;color:#6e6b70;font-size:12px;line-height:1.6}
.pi-art{position:relative;min-height:330px;overflow:hidden;border:1px solid #f0dcdd;border-radius:30px;background:radial-gradient(circle at 78% 22%,#ffe8ea 0 12%,transparent 12.5%),linear-gradient(145deg,#fff 5%,#fff4f4 55%,#f8ddde);box-shadow:var(--pi-shadow)}
.pi-art:before,.pi-art:after{position:absolute;content:"";border:1px solid rgba(225,6,0,.18);border-radius:50%;transform:rotate(-24deg)}.pi-art:before{inset:13% -12% 17% 12%}.pi-art:after{inset:27% 3% 30% 28%}
.pi-art-core{position:absolute;inset:50% auto auto 50%;z-index:1;display:grid;place-items:center;width:142px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-8deg);border:8px solid #fff;border-radius:42px;background:var(--pi-red);color:#fff;font-size:25px;font-weight:850;letter-spacing:-.07em;box-shadow:0 18px 42px rgba(225,6,0,.24)}
.pi-art-tag{position:absolute;z-index:2;padding:9px 12px;border:1px solid rgba(23,23,25,.08);border-radius:999px;background:#fff;color:var(--pi-ink);font-size:11px;font-weight:750;box-shadow:0 8px 20px rgba(33,18,18,.08)}.pi-art-tag.t1{top:18%;left:8%}.pi-art-tag.t2{top:30%;right:7%}.pi-art-tag.t3{bottom:18%;left:14%}.pi-art-tag.t4{right:10%;bottom:15%}
.pi-section{padding:56px 0 78px;border-top:1px solid var(--pi-line)}.pi-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.pi-section h2{max-width:720px;margin:0;font-size:clamp(30px,4.6vw,52px);line-height:1.05;letter-spacing:-.06em}.pi-section-head>p{max-width:390px;margin:0;color:var(--pi-muted);font-size:14px;line-height:1.65}
.pi-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pi-feature{position:relative;min-height:215px;padding:25px;border:1px solid var(--pi-line);border-radius:22px;background:var(--pi-card);box-shadow:0 8px 25px rgba(33,18,18,.035)}.pi-feature:nth-child(2){background:#fff5f5}.pi-feature:nth-child(3){background:#f3f1ff}.pi-feature:nth-child(4){background:#f5f8f4}.pi-feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:26px;border-radius:14px;background:#ffe8e9;color:var(--pi-red);font-size:20px;font-weight:800}.pi-feature h3{margin:0 0 8px;font-size:20px;letter-spacing:-.035em}.pi-feature p{max-width:490px;margin:0;color:#656269;font-size:14px;line-height:1.7}.pi-feature small{display:block;margin-top:13px;color:#78757a;font-size:11px;line-height:1.5}
.pi-age-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:28px;border:1px solid #f0d8d9;border-radius:22px;background:linear-gradient(115deg,#fff,#fff1f2)}.pi-age-band h2{margin:0;font-size:clamp(24px,3.6vw,38px);letter-spacing:-.055em}.pi-age-band p{max-width:740px;margin:10px 0 0;color:#5e5b60;font-size:14px;line-height:1.7}.pi-age-badge{display:grid;place-items:center;width:92px;aspect-ratio:1;border:1px solid #f3c8cb;border-radius:50%;background:#fff;color:var(--pi-red);font-size:21px;font-weight:850;letter-spacing:-.05em}.pi-badge-note{font-size:10px;letter-spacing:0}
.pi-safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pi-safety-card{padding:22px;border:1px solid var(--pi-line);border-radius:20px;background:#fff}.pi-safety-card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.03em}.pi-safety-card p{margin:0;color:#656269;font-size:13px;line-height:1.7}.pi-safety-card a{display:inline-block;margin-top:13px;color:#a70d12;font-size:12px;font-weight:750;text-underline-offset:3px}
.pi-callout{margin-top:20px;padding:21px 23px;border-left:4px solid var(--pi-red);border-radius:0 14px 14px 0;background:#fff;color:#56535a;font-size:13px;line-height:1.7}.pi-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:23px 0 32px;border-top:1px solid var(--pi-line);color:var(--pi-muted);font-size:12px}.pi-footer-links{display:flex;flex-wrap:wrap;gap:16px}.pi-footer a{color:#555159;text-decoration:none;font-weight:650}
.pi-faq{display:grid;gap:10px}.pi-faq details{padding:17px 19px;border:1px solid var(--pi-line);border-radius:15px;background:#fff}.pi-faq summary{cursor:pointer;font-weight:750}.pi-faq p{margin:12px 0 0;color:#656269;font-size:13px;line-height:1.7}
.welcome-public-links,.pi-public-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:15px auto 0}.welcome-public-links a,.pi-public-links a{color:#8d1015;font-size:11px;font-weight:750;text-decoration:none}.welcome-public-links a span,.pi-public-links a span{margin-left:3px}
.ohole-native-wrapper .welcome-public-links{display:none!important}
@media(max-width:760px){.pi-shell{width:min(100% - 30px,640px)}.pi-nav{align-items:flex-start}.pi-nav-links{justify-content:flex-end;flex-wrap:wrap;gap:10px 14px}.pi-nav-links .pi-nav-cta{display:none}.pi-hero{grid-template-columns:1fr;gap:28px;padding:44px 0 55px}.pi-hero h1{font-size:clamp(44px,12vw,70px)}.pi-art{min-height:280px}.pi-section{padding:42px 0 56px}.pi-section-head{align-items:flex-start;flex-direction:column}.pi-feature-grid{grid-template-columns:1fr}.pi-feature{min-height:0}.pi-feature-icon{margin-bottom:17px}.pi-age-band{grid-template-columns:1fr}.pi-age-badge{grid-row:1;width:70px}.pi-safety-grid{grid-template-columns:1fr}.pi-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.pi-nav{flex-direction:column;gap:13px}.pi-nav-links{justify-content:flex-start}.pi-art{min-height:245px;border-radius:22px}.pi-art-core{width:112px;border-radius:34px;font-size:21px}.pi-art-tag{padding:7px 9px;font-size:10px}.pi-feature{padding:21px}.pi-actions .pi-cta{flex:1}.pi-age-band{padding:21px}}
@media(prefers-reduced-motion:reduce){.pi-cta{scroll-behavior:auto}}