/* SBM keeps the shared Sanary navigation; its product surface is light glass. */
:root{color-scheme:light;--meter-ink:#202539;--meter-muted:#596278;--meter-accent:#5747ba;--meter-line:#d9deeb;--meter-soft:#edf1f9}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#f9faff;color:var(--meter-ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP",sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit}img,video{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h2{font-size:clamp(29px,3.5vw,44px);text-wrap:balance}h3{font-size:23px}p+p{margin-top:18px}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--meter-accent);outline-offset:5px}.skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:10px 16px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.meter-wrap{width:min(1120px,calc(100% - 48px));margin:auto}.meter-section{padding:96px 0}.meter-soft{background:var(--meter-soft)}.meter-kicker{color:var(--meter-accent);font-weight:700;font-size:13px;letter-spacing:.16em;margin-bottom:16px}.meter-lead{font-size:clamp(17px,1.9vw,21px);color:var(--meter-muted);max-width:650px;margin-top:24px}.meter-hero{padding:68px 0 0;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#dfe9ff 0,transparent 55%),radial-gradient(ellipse at 15% 45%,#ece6ff 0,transparent 50%),#f9faff}.meter-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}.meter-identity{display:flex;align-items:center;gap:14px;margin-bottom:25px}.meter-identity img{width:60px;height:60px}.meter-identity span{font-weight:650;font-size:19px}.meter-identity small{display:block;color:var(--meter-muted);font-size:13px;font-weight:500}.meter-hero h1{font-size:clamp(42px,5.3vw,70px);line-height:1.2;letter-spacing:-.045em;text-wrap:balance}.meter-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.meter-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 23px;background:var(--meter-ink);color:white;border-radius:999px;text-decoration:none;font-weight:650;font-size:15px}.meter-text-link{color:var(--meter-accent);font-size:15px;text-underline-offset:5px}.meter-hero-art{position:relative;padding:14px;border:1px solid #fff;border-radius:28px;background:#ffffff75;box-shadow:0 30px 85px #3a478e22;transform:rotate(1deg)}.meter-hero-art img{width:100%;border-radius:17px}.meter-hero-art figcaption{padding:12px 6px 2px;color:var(--meter-muted);font-size:13px}.meter-flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:28px 0;margin:64px 0 0;border-top:1px solid #cdd4e6;gap:20px}.meter-flow a{text-decoration:none}.meter-flow strong{display:block;font-size:19px}.meter-flow span{font-size:14px;color:var(--meter-muted)}.meter-flow b{font-size:12px;letter-spacing:.08em;margin-right:8px;color:var(--meter-accent)}.meter-heading{max-width:730px;margin-bottom:36px}.meter-heading p:not(.meter-kicker){color:var(--meter-muted);margin-top:20px}.meter-shot{border:1px solid var(--meter-line);border-radius:18px;overflow:hidden;background:#141522;box-shadow:0 18px 48px #202c5210}.meter-shot img{width:100%}.meter-caption{font-size:14px;color:var(--meter-muted);margin-top:14px;line-height:1.65}.meter-split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.meter-split p:not(.meter-kicker){margin-top:20px;color:var(--meter-muted)}.meter-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}.meter-tags li{border:1px solid #cbd3e4;border-radius:999px;padding:5px 12px;font-size:13px;color:var(--meter-muted)}.meter-video{margin-top:40px}.meter-video video{width:100%;aspect-ratio:16/9;background:#12131a;border-radius:18px;border:1px solid var(--meter-line)}.meter-video figcaption{font-size:14px;color:var(--meter-muted);margin-top:12px}.meter-detail-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0}.meter-detail-steps strong{display:block;font-size:16px}.meter-detail-steps span{display:block;font-size:14px;color:var(--meter-muted);margin-top:6px}.meter-health{margin-top:44px;padding:30px;border:1px solid var(--meter-line);background:#ffffffb8;border-radius:20px}.meter-health p{color:var(--meter-muted);margin-top:15px}.meter-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:28px 0 0;padding:0}.meter-roles li{border-top:2px solid #998ed1;padding-top:14px}.meter-roles strong{display:block}.meter-roles span{font-size:14px;color:var(--meter-muted)}.meter-ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.meter-ask-grid h3{margin:18px 0 12px}.meter-ask-grid p{color:var(--meter-muted)}.meter-note{border-left:3px solid #9181d3;padding:8px 0 8px 24px;margin-top:36px;color:var(--meter-muted)}.meter-more{margin-top:28px;border-top:1px solid var(--meter-line);padding-top:20px}.meter-more summary{cursor:pointer;color:var(--meter-accent);font-weight:650}.meter-more .meter-video{margin-top:20px}.meter-gradient{height:24px;background:linear-gradient(90deg,#fff 0%,#3499ff 20%,#49cd80 40%,#f0d354 60%,#ef77b7 80%,#f24c50 100%);border:1px solid #a9b3c6;border-radius:20px;margin-top:30px}.meter-colors{display:flex;justify-content:space-between;list-style:none;padding:0;margin:10px 0;font-size:13px;color:var(--meter-muted)}.meter-color-note{font-size:14px!important}.meter-settings{max-width:295px;margin:auto}.meter-settings img{width:100%;border-radius:18px}.meter-privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.meter-privacy-grid article{border-top:1px solid var(--meter-line);padding-top:22px}.meter-privacy-grid h3{font-size:20px}.meter-privacy-grid p{font-size:16px;margin-top:14px;color:var(--meter-muted)}.meter-release{text-align:center;background:radial-gradient(ellipse at 50% 100%,#d9ddfa,transparent 70%),#edf1f9}.meter-release img{width:86px;height:86px;margin:0 auto 22px}.meter-release p{max-width:610px;margin:22px auto 0;color:var(--meter-muted)}.meter-status{display:inline-block;margin-top:26px;border:1px solid #b6bdd3;border-radius:999px;padding:10px 24px;font-weight:650;font-size:15px}.meter-release .meter-actions{justify-content:center}.meter-release small{display:block;font-size:14px;color:var(--meter-muted);margin-top:16px}
@media(max-width:800px){.meter-hero-grid{grid-template-columns:1fr;gap:38px}.meter-hero-art{max-width:590px;transform:none;margin:auto}.meter-hero{padding-top:42px}.meter-hero h1{max-width:660px}.meter-section{padding:64px 0}.meter-split{grid-template-columns:1fr;gap:32px}.meter-ask-grid{grid-template-columns:1fr;gap:36px}.meter-privacy-grid{grid-template-columns:1fr;gap:24px}.meter-settings{max-width:280px}.meter-flow{margin-top:42px}.meter-detail-steps,.meter-roles{grid-template-columns:1fr 1fr}.meter-hero-art img{max-height:490px;object-fit:contain}.meter-health{padding:24px}}
@media(max-width:480px){.meter-wrap{width:calc(100% - 36px)}.meter-flow{grid-template-columns:1fr 1fr;gap:18px}.meter-flow span{font-size:13px}.meter-identity span{font-size:17px}.meter-identity small{font-size:12px}.meter-detail-steps{gap:18px}.meter-health{padding:20px}.meter-hero h1{font-size:42px}.meter-colors{font-size:12px}.meter-roles{gap:20px}.meter-hero-art{padding:8px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Support extends SBM's existing type, surfaces and shared navigation. */
.meter-support-hero { padding-bottom: 64px; }
.meter-support-hero h1 { font-size: clamp(34px, 4.5vw, 56px); overflow-wrap: anywhere; }
.meter-support-hero h1 span { display: block; }
.meter-support-layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 64px; padding-block: 64px 96px; }
.meter-support-toc { position: sticky; top: 130px; align-self: start; display: grid; gap: 12px; }
.meter-support-toc a { color: var(--meter-muted); text-decoration: none; font-size: 15px; }
.meter-support-toc a:hover { color: var(--meter-accent); text-decoration: underline; text-underline-offset: 5px; }
.meter-support-section + .meter-support-section { margin-top: 64px; padding-top: 56px; border-top: 1px solid var(--meter-line); }
.meter-support-section > p:not(.meter-kicker) { margin-top: 22px; color: var(--meter-muted); }
.meter-support-section h2 { font-size: clamp(28px, 3vw, 36px); }
.meter-support-section .meter-health { margin-top: 26px; }
.meter-support-section ul, .meter-support-steps { padding-left: 25px; margin-block: 24px; }
.meter-support-section li { margin-block: 10px; }
.meter-support-steps li::marker { color: var(--meter-accent); font-weight: 700; }
.meter-support-faq { margin-top: 28px; border-top: 1px solid var(--meter-line); }
.meter-support-faq details { border-bottom: 1px solid var(--meter-line); }
.meter-support-faq summary { padding: 22px 8px; cursor: pointer; font-size: 17px; font-weight: 650; line-height: 1.65; }
.meter-support-faq summary::marker { color: var(--meter-accent); }
.meter-support-faq details[open] { background: var(--meter-soft); border-radius: 12px; }
.meter-support-faq details > div { padding: 0 24px 24px; color: var(--meter-muted); }
.meter-support-email { color: var(--meter-muted); overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .meter-support-hero { padding-bottom: 42px; }
  .meter-support-layout { grid-template-columns: 1fr; gap: 40px; padding-block: 36px 64px; }
  .meter-support-toc { position: static; display: flex; flex-wrap: wrap; gap: 12px 22px; padding-bottom: 28px; border-bottom: 1px solid var(--meter-line); }
  .meter-support-toc .meter-kicker { flex-basis: 100%; margin-bottom: 0; }
  .meter-support-section + .meter-support-section { margin-top: 44px; padding-top: 40px; }
  .meter-support-faq details > div { padding-inline: 16px; }
}