:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#17362f;background:#f3faf7}*{box-sizing:border-box}body{margin:0}.site-header{height:70px;background:#fff;border-bottom:1px solid #d8eae2;display:flex;align-items:center;gap:14px;padding:0 max(20px,calc((100vw - 980px)/2))}.brand{font-weight:900;color:#08715d;font-size:22px}.brand-sub{font-weight:700;font-size:13px;color:#749087;letter-spacing:.08em}main{max-width:980px;padding:0 20px 64px;margin:auto}.hero{text-align:center;padding:58px 16px 42px}.eyebrow{color:#08715d;font-size:13px;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(32px,6vw,58px);line-height:1.24;letter-spacing:-.04em;margin:10px 0 18px}.hero h1 em{font-style:normal;color:#08715d}.hero>p:not(.eyebrow){color:#526960;font-size:17px;line-height:1.8}.steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.steps span{border:1px solid #cfe3d9;border-radius:999px;background:white;padding:9px 16px;font-weight:700;font-size:13px}.panel{max-width:720px;margin:auto;background:white;border:1px solid #d4e8dc;border-radius:24px;box-shadow:0 14px 45px #073d2b0a;padding:clamp(20px,5vw,40px)}.panel h2{margin:0 0 24px;font-size:25px}.field-label,legend{display:block;font-weight:800;margin:20px 0 10px}.photo-box{min-height:200px;border:2px dashed #8dcab2;background:#f5fffa;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;color:#08715d;font-weight:900;font-size:20px;position:relative}.photo-box input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.photo-box img{width:100%;height:300px;object-fit:contain;pointer-events:none}.help{font-size:12px;color:#688077;margin:8px 0 20px}select,input[type=email]{width:100%;border:1px solid #b8d3c5;border-radius:12px;padding:14px 16px;background:white;color:#17362f;font:inherit;font-size:16px}select:focus,input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #88d7af;outline-offset:3px}.plans{border:0;padding:0;margin:24px 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plans legend{grid-column:1/-1}.plans label{cursor:pointer}.plans input{position:absolute;opacity:0}.plans span{height:100%;border:2px solid #d5e8df;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:4px}.plans input:checked+span{background:#eaf9f1;border-color:#087b62;box-shadow:0 0 0 3px #bce8d2}.plans strong{font-size:18px}.plans small{font-size:12px;color:#667b72}.plans b{color:#08715d;font-size:21px;margin-top:4px}.consent{display:flex;gap:12px;align-items:start;margin:24px 0;font-size:13px;line-height:1.6}.consent input{width:20px;height:20px;flex:0 0 auto}.primary{display:block;text-align:center;width:100%;border:0;border-radius:14px;background:#087b62;color:white;font:inherit;font-size:17px;font-weight:900;padding:17px;cursor:pointer;text-decoration:none}.primary:hover{background:#096b57}.primary:disabled{opacity:.5;cursor:wait}.message{color:#a73c20;font-size:14px;min-height:1.3em}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:0}.status-dot{width:15px;height:15px;border-radius:50%;background:#f3ae34;box-shadow:0 0 0 7px #fff1cf}.status-detail{line-height:1.8;color:#50655c}.previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.previews img{width:100%;aspect-ratio:370/320;object-fit:contain;background:linear-gradient(45deg,#ecf4f1 25%,#fff 25%,#fff 75%,#ecf4f1 75%);background-size:20px 20px;border-radius:12px;border:1px solid #d8e9df}.status-actions{display:flex;gap:10px;margin-top:18px}.status-actions button{flex:1;background:white;border:1px solid #bfd9cb;border-radius:12px;padding:11px;color:#08715d;font:inherit;font-weight:700;cursor:pointer}.fine-print{max-width:720px;margin:20px auto;color:#677c72;font-size:12px;line-height:1.7}footer{text-align:center;color:#82968d;padding:25px;border-top:1px solid #d8eae2}@media(max-width:600px){.site-header{height:60px}.hero{padding:38px 0 27px}.hero>p:not(.eyebrow){font-size:15px}.steps{gap:6px}.steps span{font-size:11px;padding:7px 9px}.plans{gap:8px}.plans span{padding:12px}.plans b{font-size:18px}.previews{grid-template-columns:repeat(2,minmax(0,1fr))}.status-actions{flex-direction:column}}

.style-picker{border:0;padding:0;margin:22px 0 8px;min-width:0}
.style-picker legend{margin:0 0 4px}
.style-help{font-size:13px;color:#667b72;margin:0 0 12px}
.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.style-grid label{min-width:0;cursor:pointer}
.style-grid input{position:absolute;opacity:0;width:1px;height:1px}
.style-card{display:block;height:100%;border:2px solid #d5e8df;border-radius:15px;overflow:hidden;background:#fff;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.style-card img{display:block;width:100%;aspect-ratio:1.65;object-fit:contain;background:#f5f9f7}
.style-card strong{display:block;font-size:13px;line-height:1.35;padding:8px 5px 10px}
.style-grid input:checked+.style-card{border-color:#087b62;background:#eaf9f1;box-shadow:0 0 0 3px #bce8d2}
.style-grid input:focus-visible+.style-card{outline:3px solid #88d7af;outline-offset:3px}
.style-grid label:hover .style-card{transform:translateY(-2px)}
.status-style{display:inline-block;border-radius:999px;background:#eaf9f1;color:#075f4e;padding:6px 12px;font-size:13px;font-weight:800;margin:0}
.admin-link{margin-left:auto;color:#708c7d;font-size:12px;font-weight:800;text-decoration:none}
.admin-link:hover{text-decoration:underline}
.launch-notice{background:#fff6e8;border:1px solid #ebc786;border-radius:14px;color:#714509;padding:14px 16px;font-weight:800;line-height:1.6}
@media(max-width:600px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card strong{font-size:12px}}

[hidden]{display:none!important}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:center;gap:30px;text-align:left;padding:52px 0 18px}
.hero-copy h1{font-size:clamp(34px,5vw,55px)}
.hero-copy>p:not(.eyebrow){color:#526960;font-size:16px;line-height:1.8}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-actions>*{border-radius:12px;border:1px solid #087b62;min-height:46px;padding:11px 19px;font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}
.hero-start{background:#087b62;color:white}.hero-start:hover{background:#096b57}
.hero-actions button{background:white;color:#087b62}.hero-actions button:hover{background:#ecf9f2}
.qr-card{padding:20px;background:linear-gradient(155deg,#e9fbf2,#fff 70%);border:1px solid #b9dfcb;border-radius:22px;box-shadow:0 16px 45px #0b624218;text-align:center}
.qr-badge{display:inline-block;border-radius:999px;background:#0b7761;color:white;padding:6px 12px;font-size:11px;font-weight:900;letter-spacing:.03em}
.qr-card img{display:block;width:min(100%,190px);height:auto;margin:13px auto 8px;padding:7px;background:white;border:1px solid #cfe7d8;border-radius:13px;box-shadow:0 7px 18px #1e5c3a18}
.qr-card h2{font-size:18px;margin:8px 0}.qr-card p{color:#557067;font-size:12px;line-height:1.65;margin:6px 0 10px}
.qr-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;justify-content:center}.qr-actions>*{display:grid;place-items:center;min-width:0;min-height:37px;border:1px solid #b2d8c3;border-radius:9px;background:white;color:#08715d;padding:8px 5px;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.qr-actions>*:hover{background:#e6f8ee}.qr-card .share-note{min-height:1em;margin:6px 0 0;color:#08715d;font-weight:700}
.steps{margin:0 auto 32px}.style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.primary:disabled{cursor:not-allowed}
.share-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.share-dialog-head h2{font-size:23px;margin:3px 0 8px}.share-dialog-head button{border:0;background:#ecf6ef;border-radius:10px;color:#446d57;font-size:25px;line-height:1;padding:5px 11px;cursor:pointer}
#share-dialog{width:min(480px,calc(100vw - 24px));border:1px solid #cfe5d5;border-radius:20px;padding:24px;background:#fff;color:#17362f;box-shadow:0 25px 80px #0c382c55}
#share-dialog::backdrop{background:#123b3199}#share-dialog>p{color:#60796c;font-size:13px;line-height:1.6}
.share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 12px}.share-options>*{display:grid;place-items:center;min-height:48px;border:1px solid #cfe5d5;border-radius:11px;background:#f5fbf7;color:#08715d;text-align:center;text-decoration:none;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.share-options>*:hover{background:#e6f8ee}.share-options a:first-of-type{background:#e8f9ec;color:#058134;border-color:#abe4be}
#share-dialog .share-note{color:#08715d;font-weight:700;overflow-wrap:anywhere}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:18px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding:34px 0 14px;gap:20px}.hero-copy{text-align:center}.hero-copy>p:not(.eyebrow){font-size:14px}.qr-card{display:grid;grid-template-columns:116px 1fr;column-gap:12px;align-items:center;text-align:left;padding:14px}.qr-badge{grid-column:1/-1;justify-self:start}.qr-card img{grid-column:1;grid-row:2/4;width:116px;margin:8px 0}.qr-card h2{grid-column:2;grid-row:2;font-size:16px;margin:0}.qr-card p{grid-column:2;grid-row:3;font-size:11px;margin:0 0 5px}.qr-actions{grid-column:1/-1;grid-row:4;width:100%;margin-top:10px}.qr-card .share-note{grid-column:1/-1;grid-row:5}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{margin-bottom:25px}}
.policy-note{font-size:12px;color:#60786b;line-height:1.7;margin:-10px 0 18px}.policy-note a,footer a{color:#08715d;text-underline-offset:3px}
footer{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}

/* Original sticker collage behind the introduction. Keep controls on calm surfaces. */
.hero{position:relative;isolation:isolate;min-height:570px;padding:70px 0 76px}
.hero::before,.hero::after{content:"";position:absolute;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none}
.hero::before{inset-block:0;z-index:-2;background:#f4fbf5 url('/images/hero-stickers-desktop.webp') center/cover no-repeat}
.hero::after{bottom:0;height:90px;z-index:-1;background:linear-gradient(transparent,#f3faf7)}
.hero-copy{padding:28px 30px;border:1px solid #ffffffb8;border-radius:26px;background:#ffffffd9;box-shadow:0 15px 46px #315b3c16;backdrop-filter:blur(8px)}
.hero-copy h1{font-size:clamp(36px,3.7vw,44px)}
.qr-card{background:#fffffff0;backdrop-filter:blur(8px)}
@media(max-width:600px){
  .hero{min-height:0;padding:118px 0 78px;gap:18px}
  .hero::before{background-image:url('/images/hero-stickers-mobile.webp');background-position:center top}
  .hero-copy{padding:20px 16px;border-radius:20px}
  .hero-copy h1{font-size:clamp(30px,8.3vw,34px)}
  .hero-title-end{display:block}
  .hero::after{height:65px}
}

/* Editorial sections and four-panel comics */
.site-header .brand{text-decoration:none}.header-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.header-nav a{font-size:13px;font-weight:800;color:#31675b;text-decoration:none}.header-nav a:hover{text-decoration:underline}.site-header .admin-link{margin-left:16px}
.hero-actions a{display:inline-grid;place-items:center}.hero-comic-link{background:#fff;color:#08715d}.hero-comic-link:hover{background:#eaf8f1}
.content-section{margin:76px auto 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:clamp(25px,3.5vw,36px);line-height:1.35;margin:4px 0 10px;letter-spacing:-.03em}.section-heading p:not(.eyebrow){color:#5c746a;line-height:1.8;margin:0}.section-heading .eyebrow{margin:0}.section-cta,.card-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #8dcbb4;border-radius:12px;background:#fff;color:#08715d;padding:10px 17px;text-align:center;text-decoration:none;font-weight:900;white-space:nowrap}.section-cta:hover,.card-cta:hover{background:#eaf8f1}.section-cta-solid{background:#087b62;color:#fff;border-color:#087b62}.section-cta-solid:hover{background:#096b57}.center-cta{text-align:center;margin-top:23px}
.guide-section{padding:30px;border-radius:28px;background:linear-gradient(145deg,#e9f8ef,#f8fff9);border:1px solid #cfe7d8}.comic-feature{margin:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:24px;align-items:center}.comic-feature>img{width:100%;height:auto;display:block;border-radius:18px;background:#fff}.comic-captions{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;counter-reset:comic}.comic-captions li{counter-increment:comic;min-width:0;border:1px solid #d2e5d8;border-radius:13px;background:#fff;padding:12px;line-height:1.45}.comic-captions li::before{content:counter(comic,decimal-leading-zero);display:block;color:#0d826a;font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:3px}.comic-captions b{display:block;font-size:14px}.comic-captions span{display:block;color:#60766d;font-size:12px;margin-top:3px}
.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.comic-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #d2e6db;border-radius:22px;box-shadow:0 12px 34px #0a5b3b0b}.comic-card-heading{padding:20px 20px 12px}.comic-tag{display:inline-block;background:#e7f7ed;color:#08715d;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.comic-card h3{font-size:19px;line-height:1.45;margin:10px 0 0}.comic-card>img{display:block;width:100%;height:auto;aspect-ratio:1;background:#fff}.comic-card .comic-captions{padding:14px;gap:7px}.comic-card .comic-captions li{padding:9px}.comic-card .comic-captions b{font-size:12px}.comic-card .comic-captions span{font-size:11px}.comic-card .card-cta{margin:auto 14px 16px;white-space:normal}
.voices-section{padding:32px;border-radius:24px;background:#fff;border:1px solid #d4e8dc}.voice-pending{display:flex;align-items:center;gap:16px;border:1px dashed #afd8c0;border-radius:16px;background:#f8fdf9;padding:18px 22px;color:#567569}.voice-pending>span{font-size:26px;color:#12a17c}.voice-pending p{margin:0;line-height:1.7}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-card{display:flex;flex-direction:column;gap:9px;min-height:160px;background:#fff;border:1px solid #d2e6db;border-radius:18px;padding:21px;color:#17362f;text-decoration:none;box-shadow:0 9px 28px #0a5b3b08}.blog-card:hover{border-color:#6dc5a0;transform:translateY(-2px)}.blog-card span{color:#087b62;font-size:12px;font-weight:900}.blog-card strong{font-size:19px;line-height:1.45}.blog-card small{color:#62776d;font-size:12px;line-height:1.6}
.blog-main{max-width:920px}.blog-hero{padding:55px 0 34px}.blog-hero h1{font-size:clamp(32px,5vw,48px);margin:5px 0 13px}.blog-hero p:not(.eyebrow){color:#5c746a;line-height:1.8}.blog-toc{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.blog-toc a{background:#fff;border:1px solid #cfe4d8;border-radius:999px;padding:9px 14px;color:#08715d;text-decoration:none;font-weight:800;font-size:13px}.blog-article{background:#fff;border:1px solid #d5e8de;border-radius:22px;padding:clamp(20px,4vw,38px);margin:24px 0;scroll-margin-top:20px}.blog-article h2{font-size:clamp(23px,3vw,30px);line-height:1.4;margin:5px 0 18px}.blog-article h3{font-size:18px;margin:24px 0 8px}.blog-article p,.blog-article li{color:#4e675d;line-height:1.9}.blog-article ul{padding-left:1.4em}.blog-article figure{margin:23px auto;max-width:610px}.blog-article figure img{display:block;width:100%;height:auto;border-radius:16px}.blog-article figcaption{font-size:12px;color:#60766d;text-align:center;margin-top:7px}.blog-article .card-cta{margin-top:12px}
@media(max-width:760px){.header-nav{gap:10px}.header-nav a{font-size:11px}.site-header .admin-link{font-size:10px;margin-left:0}.comic-feature{grid-template-columns:1fr}.comic-feature>img{max-width:650px;margin:auto}.comic-grid{grid-template-columns:1fr 1fr}.comic-card:last-child{grid-column:1/-1;max-width:480px;justify-self:center}.blog-card-grid{grid-template-columns:1fr 1fr}.blog-card:last-child{grid-column:1/-1}}
@media(max-width:600px){.site-header{gap:7px;padding:0 12px}.site-header .brand{font-size:17px}.brand-sub{font-size:9px}.header-nav{gap:7px}.header-nav a{font-size:10px}.header-nav a:first-child{display:none}.site-header .admin-link{font-size:9px}.hero-actions{justify-content:center}.hero-actions a{width:100%}.content-section{margin-top:52px}.section-heading{display:block}.section-heading .section-cta{margin-top:18px}.guide-section,.voices-section{padding:18px}.comic-grid,.blog-card-grid{grid-template-columns:1fr}.comic-card:last-child,.blog-card:last-child{grid-column:auto;max-width:none}.comic-card .comic-captions{padding:14px 16px}.comic-card h3{font-size:18px}.blog-card{min-height:0}.voice-pending{padding:14px}}