:root{--ink:#20292f;--muted:#5d676c;--accent:#d9540c;--orange:#ff752b;--border:#dce1e3;--light:#f4f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;color:var(--ink);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d9540c;outline-offset:5px}.wrap{max-width:1200px;margin:auto;width:calc(100% - 96px)}.skip{position:fixed;left:12px;top:-90px;background:white;padding:10px;z-index:10}.skip:focus{top:12px}header{background:#fff;border-bottom:1px solid var(--border)}.nav{min-height:94px;display:flex;align-items:center;gap:36px}.logo{width:230px;line-height:0;margin-right:auto}.logo img{width:100%;height:auto}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:700}.small-cta{border:1px solid var(--ink);padding:8px 20px;border-radius:6px;font-size:14px;font-weight:700}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding-top:80px;padding-bottom:85px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;margin:0 0 22px;color:var(--accent)}.hero .eyebrow{display:flex;align-items:center;gap:12px}.line{width:25px;height:2px;background:var(--accent)}.kicker{font-size:16px;font-weight:700;margin-bottom:20px}h1{font-size:clamp(34px,4.1vw,57px);font-weight:900;line-height:1.45;letter-spacing:-.04em;margin:0 0 22px}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:16px;line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0}.button{background:var(--ink);color:white;padding:14px 25px;border-radius:7px;font-weight:700;transition:background .2s}.button:hover{background:var(--accent)}.text-link{font-size:14px;border-bottom:1px solid #99a1a4;padding:4px 0}.hero-note{font-size:12px;color:var(--muted)}.hero-note span{padding:0 8px}.showcase{background:#ff782a;padding:27px 30px 20px;border-radius:16px;color:#20292f;position:relative}.showcase-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.1em}.showcase>h2{font-size:32px;font-weight:900;line-height:1.4;margin:25px 0}.demo-board{background:#fff;padding:24px;border-radius:12px;box-shadow:0 15px 25px #ac3e1926}.demo-label{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:18px}.orange{color:var(--accent)}.pill{font-size:12px;border:1px solid #e2e7e9;border-radius:4px;padding:2px 7px;font-weight:400;color:var(--muted)}.item-row{margin:22px 0 14px}.item-tag{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}.item-row h3{font-size:19px;margin:3px 0}.item-row p{font-size:12px;margin:0;color:var(--muted)}.shop-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid #e9edef;font-size:14px}.stock-out{color:#727b80;font-size:12px}.shop-row.found{background:#fff1e7;border-radius:5px;border:1px solid #ffceb1;color:#aa3a04;font-weight:700}.notification{display:flex;gap:12px;margin-top:17px;border-top:1px solid var(--border);padding-top:17px}.notify-icon{font-size:16px;background:#20292f;color:white;border-radius:50%;width:28px;height:28px;text-align:center;flex-shrink:0}.notification strong{font-size:14px}.notification p{font-size:12px;color:var(--muted);margin:0}.demo-tabs{display:flex;gap:8px;margin:22px 0 10px}.demo-tabs button{flex:1;min-height:42px;background:transparent;border:1px solid #6a2c0d77;border-radius:30px;font-size:12px;font-weight:700;color:#20292f}.demo-tabs button.active{background:var(--ink);border-color:var(--ink);color:white}.demo-caption{font-size:12px;margin:12px 0 0;line-height:1.6}.statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.statement .wrap{display:flex;justify-content:space-between;align-items:center;padding:23px 0;gap:20px}.statement p{font-size:16px;margin:0}.statement span{font-size:14px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.statement b{color:var(--accent);padding:0 15px}.section{padding-top:92px;padding-bottom:92px}h2{font-size:34px;line-height:1.5;letter-spacing:-.03em;margin:0 0 22px;font-weight:800}.section-heading>p:last-child,.split-heading>p,.shops>div>p:last-child{color:var(--muted);margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.features article{border-top:2px solid var(--ink);padding:23px 0 0}.feature-number{color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.12em}.features h3{font-size:20px;margin:18px 0 12px}.features p{color:var(--muted);margin:0}.section-footnote{font-size:12px;color:var(--muted);margin:28px 0 0}.how-section{background:var(--light)}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.steps{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps li{padding:28px;background:white;border:1px solid var(--border);border-radius:8px}.steps span{font-size:12px;letter-spacing:.15em;color:var(--accent);font-weight:700}.steps h3{font-size:20px;margin:14px 0 10px}.steps p{color:var(--muted);margin:0}.shops{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.shop-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--border);padding:20px 0}.shop-list strong{font-size:22px}.shop-list span{font-size:12px;border:1px solid var(--border);border-radius:30px;padding:3px 12px;white-space:nowrap;color:var(--muted)}.shop-list>p{font-size:12px;color:var(--muted);margin:20px 0 0}.brand-section{background:var(--ink);color:white;text-align:center;padding:75px 0}.brand-section .eyebrow{color:#ffae75}.brand-section h2{font-size:42px}.brand-section h2 span{color:var(--orange);padding:0 15px}.brand-section>.wrap>p:not(.eyebrow){color:#d1d7da}.name-meaning{display:flex;align-items:center;justify-content:center;gap:45px;margin-top:42px}.name-meaning strong{font-size:30px;letter-spacing:.12em}.name-meaning p{font-size:14px;color:#d1d7da;margin:3px 0 8px}.name-meaning span{font-size:14px;color:#a9b4ba}.name-meaning>b{font-size:44px;color:var(--orange)}.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{cursor:pointer;font-size:16px;font-weight:700;padding:22px 35px 22px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-size:22px;font-weight:400;top:17px}details[open] summary:after{content:'−'}details p{color:var(--muted);margin:0;padding:0 35px 24px 0}.launch{background:#fff1e6;border:1px solid #ffd8ba;border-radius:12px;padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:35px}.launch h2{font-size:30px;margin:0 0 15px}.launch p:last-child{margin:0;color:var(--muted)}.launch-badge{font-size:28px;white-space:nowrap;font-weight:900}.launch-badge>span{color:var(--accent)}.launch-badge small{display:block;text-align:center;font-size:14px;font-weight:400;margin-top:12px}.preparation{padding-top:65px;padding-bottom:60px}.preparation>h2{font-size:18px}.preparation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.preparation h3{font-size:14px;margin:0 0 8px}.preparation p{font-size:14px;color:var(--muted);margin:0}footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--border);padding-top:28px;padding-bottom:30px}.footer-brand{font-size:18px;font-weight:900}.footer-brand span{color:var(--accent)}footer nav{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}footer small{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}a:hover:not(.button){color:var(--accent)}
@media(min-width:1500px){.hero{gap:80px;padding-top:95px;padding-bottom:95px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{gap:22px}.logo{width:200px}.hero{gap:28px;padding-top:48px;padding-bottom:50px}.showcase{padding:23px}.showcase>h2{font-size:28px}.demo-board{padding:18px}.item-row h3{font-size:16px}.features{gap:24px}.features h3,.steps h3{font-size:18px}.steps li{padding:20px}.name-meaning{gap:25px}.faq{gap:30px}footer{flex-wrap:wrap}footer small{margin-left:0}}
@media(max-width:720px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.nav{min-height:76px;gap:12px}.logo{width:185px}.nav nav{display:none}.small-cta{padding:6px 10px;font-size:12px;white-space:nowrap}.hero{grid-template-columns:1fr;padding-top:40px;gap:34px}.hero .eyebrow{margin-bottom:20px}.kicker{font-size:14px}h1{font-size:41px;line-height:1.45}.lead{line-height:1.9}.desktop{display:none}.hero-actions{gap:20px}.button{padding:13px 20px}.showcase{max-width:500px;width:100%;margin:auto;padding:22px}.showcase>h2{font-size:30px}.demo-board{padding:22px}.item-row h3{font-size:18px}.statement .wrap{flex-direction:column;align-items:flex-start;gap:10px;padding:22px 0}.statement p{font-size:14px}.statement strong{display:block}.section{padding-top:60px;padding-bottom:60px}h2{font-size:28px}.features{grid-template-columns:1fr;gap:30px;margin-top:32px}.features article{padding-top:18px}.features h3{font-size:20px;margin-top:10px}.split-heading{display:block}.steps{grid-template-columns:1fr;margin-top:30px;gap:16px}.steps li{padding:25px}.steps h3{font-size:20px}.shops{grid-template-columns:1fr;gap:24px}.shop-list strong{font-size:20px}.brand-section{padding:55px 0}.brand-section h2{font-size:28px}.brand-section h2 span{padding:0 4px}.name-meaning{flex-direction:column;gap:15px;margin-top:32px}.name-meaning>b{font-size:30px;line-height:1}.faq{grid-template-columns:1fr;gap:15px}.launch{padding:30px 25px;display:block}.launch h2{font-size:26px}.launch-badge{margin-top:28px;font-size:25px}.launch-badge small{text-align:left;margin-top:4px}.preparation{padding-top:45px;padding-bottom:45px}.preparation>div{grid-template-columns:1fr;gap:24px}footer{display:block}footer nav{margin:20px 0;gap:12px 20px}footer small{display:block}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}h1{font-size:35px}.logo{width:165px}.hero-actions{gap:12px}.text-link{font-size:12px}.showcase{padding:17px}.demo-board{padding:16px}.notification strong{font-size:12px}.shop-list span{padding:3px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Focused service presentation */
.hero{padding-top:64px;padding-bottom:64px}.hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.32;letter-spacing:.02em}.hero .lead{margin-top:26px}.showcase>h2{font-size:29px}.push-label{display:block;color:var(--accent);font-size:12px;letter-spacing:.06em;font-weight:700;margin-bottom:3px}.notification strong{display:block}.shop-list>div{flex-wrap:wrap;gap:5px 16px}.shop-list>div>span{border:0;padding:0;border-radius:0;white-space:normal;font-size:14px}.shop-list strong{font-size:20px}.footer-brand{display:block;flex-shrink:0;width:160px;line-height:0}.footer-brand img{width:100%;height:auto}.preparation{border-top:1px solid var(--border)}
@media(max-width:720px){.hero{padding-top:36px;padding-bottom:45px}.hero h1{font-size:52px;line-height:1.3}.hero .lead{margin-top:22px}.showcase>h2{font-size:27px}.footer-brand{width:170px}.preparation{padding-top:35px}.shop-list strong{font-size:18px}}
@media(max-width:360px){.hero h1{font-size:46px}.notification strong{font-size:12px}}

/* Dark section for the two registration paths and continuous search */
.how-section{background:var(--ink);color:#fff}.how-section .eyebrow{color:#ffae75}.how-section .steps{align-items:stretch}.how-section .steps li{background:#2b363e;border-color:#52606a}.how-section .steps>li>span{color:#ffae75}.how-section .steps p{color:#e1e6e9}.how-section .section-footnote{color:#b9c3c9}.register-options>div+div{border-top:1px solid #52606a;margin-top:18px;padding-top:18px}.register-options .option-label{display:block;font-size:14px;letter-spacing:0;color:#ffb987;margin-bottom:4px;font-weight:700}.register-options p{font-size:16px}.restock-kicker{display:inline-block;background:#fff1e7;color:#b84108;padding:5px 11px;border-radius:4px;margin-top:24px;margin-bottom:0}.hero .restock-kicker+.lead{margin-top:15px}.showcase>h2{font-size:26px;line-height:1.5}
@media(max-width:720px){.how-section h2{font-size:26px}.restock-kicker{margin-top:20px}.showcase>h2{font-size:24px}}

/* Gentle interaction motion, with no persistent animation loops. */
@media(prefers-reduced-motion:no-preference){
.button{transition:background .2s}
.button:hover{}

.demo-tabs button{transition:background .2s,color .2s}

summary:after{transition:transform .2s}
details[open] summary:after{transform:rotate(180deg)}
}

/* Headline masks give the top introduction a larger reveal. */
.hero h1 .headline-mask{display:block;overflow:hidden;color:var(--ink)}
.hero h1 .headline-word{display:block;color:var(--ink);transform-origin:left bottom}
.hero h1 .headline-accent{color:var(--accent)}
.showcase{transform-origin:center center}

/* Cinematic opening: black, wordmark, a single gleam, then clearing mist. */
body.opening-playing{overflow:hidden}
.opening[hidden]{display:none}
.opening{position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate}
.opening-black,.opening-white,.opening-mist{position:absolute;inset:0;pointer-events:none}
.opening-black{background:#0e151a;z-index:0}
.opening-phrases{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:max-content;max-width:90%;margin:auto;z-index:1;font-size:clamp(48px,6.5vw,92px);line-height:1.45;font-weight:900;letter-spacing:.025em;color:white}
.opening-mask{overflow:hidden;width:100%}
.opening-mask>span{display:block;transform-origin:left bottom}
.opening-orange{color:#ff8e43}
.opening-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;font-size:clamp(32px,10.2vw,180px);font-weight:900;letter-spacing:-.04em;line-height:1;white-space:nowrap;opacity:0}
.opening-wordmark{color:#f3f6f7}.opening-wordmark>span{color:#ff8e43}
.opening-glint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:transparent;background:linear-gradient(112deg,transparent 0%,transparent 41%,#ffddae 46%,#fff 50%,#ffddae 54%,transparent 59%,transparent 100%);background-size:280% 100%;background-position:200% 0;background-clip:text;-webkit-background-clip:text;opacity:0;pointer-events:none}
.opening-white{background:#fff;opacity:0;z-index:3}
.opening-mist{z-index:4;opacity:0;background:radial-gradient(ellipse at 24% 42%,#fff 0%,rgba(255,255,255,.95) 18%,rgba(255,255,255,.5) 42%,transparent 67%),radial-gradient(ellipse at 60% 75%,#fff 0%,rgba(255,255,255,.85) 23%,transparent 62%),radial-gradient(ellipse at 80% 15%,rgba(255,255,255,.95) 0%,transparent 60%);transform-origin:center}
.opening-mist-right{background:radial-gradient(ellipse at 82% 50%,#fff 0%,rgba(255,255,255,.9) 23%,transparent 67%),radial-gradient(ellipse at 36% 25%,#fff 0%,rgba(255,255,255,.7) 25%,transparent 65%)}
.opening-skip{position:absolute;z-index:6;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));border:1px solid #879097;background:#182229e6;color:#fff;padding:7px 18px;border-radius:30px;font-size:14px;line-height:1.5}
.opening-skip:hover{background:#35434d}.opening-skip:focus-visible{outline-color:#ffb171}
@media(max-width:720px){.opening-phrases{font-size:clamp(42px,11vw,65px)}.opening-brand{font-size:10.5vw}.opening-skip{right:18px;top:max(18px,env(safe-area-inset-top))}}

/* Overview first, then detailed guidance with the screen illustration. */
.hero{display:block;padding-top:76px;padding-bottom:76px}
.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.hero-summary .lead{margin-top:0;font-size:17px;line-height:2.1}
.step-overview{list-style:none;margin:38px 0 55px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step-overview li{border:1px solid #52606a;border-radius:8px;background:#2b363e}
.step-overview a{display:flex;align-items:center;gap:15px;padding:22px 20px;min-height:88px}
.step-overview span{font-size:25px;color:#ffae75;font-weight:800;line-height:1}
.step-overview strong{font-size:16px;line-height:1.6}
.step-overview a:hover{color:#ffb987}
.how-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.how-detail-step{padding:25px 0;border-top:1px solid #52606a}
.how-detail-step:first-child{padding-top:0;border-top:0}
.detail-heading>span{font-size:12px;letter-spacing:.1em;color:#ffae75;font-weight:700}
.detail-heading h3{font-size:22px;line-height:1.5;margin:10px 0 18px}
.how-detail-step p{margin:0;color:#e1e6e9;font-size:16px}
.how-detail-step .register-options{padding-left:20px;border-left:2px solid #ffae75}
.how-details .showcase{width:100%;position:sticky;top:26px;margin:0}
.how-details .showcase>h3{font-size:28px;line-height:1.5;margin:23px 0;font-weight:900}
@media(max-width:1000px){.hero-copy{gap:35px}.hero-summary .lead{font-size:16px}.how-details{gap:30px}.step-overview{gap:12px}.step-overview a{padding:18px 14px;gap:10px}.step-overview strong{font-size:14px}}
@media(max-width:720px){.hero{padding-top:40px;padding-bottom:50px}.hero-copy{grid-template-columns:1fr;gap:25px}.hero-summary .lead{line-height:1.95}.step-overview{grid-template-columns:1fr;gap:12px;margin:28px 0 40px}.step-overview a{min-height:70px;padding:17px 20px;gap:18px}.step-overview strong{font-size:16px}.how-details{grid-template-columns:1fr;gap:24px}.how-details .showcase{position:static;max-width:500px;margin:auto}.detail-heading h3{font-size:21px}.how-detail-step{padding:24px 0}.how-details .showcase>h3{font-size:26px}}

/* Dark wordmarks share the orange multiplication mark; muted prose inherits its existing color. */
.brand-name{white-space:nowrap}.brand-name .brand-cross{color:var(--accent)}

/* Legal draft pages use a quiet, readable document layout. */
.legal-container{max-width:880px;width:calc(100% - 96px);margin:65px auto 80px}
.legal-container h1{font-size:34px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:28px}
.draft-notice{border-left:3px solid var(--accent);background:#fff1e7;padding:18px 22px;margin-bottom:38px}
.draft-notice strong{font-size:16px;color:#a43805}.draft-notice p{font-size:14px;color:var(--muted);margin:5px 0 0}
.legal-body h2{font-size:21px;letter-spacing:0;margin:38px 0 16px;padding-top:20px;border-top:1px solid var(--border)}
.legal-body p,.legal-body li{font-size:16px;line-height:2;overflow-wrap:anywhere}
.legal-body p{margin:0 0 18px}.legal-body ul,.legal-body ol{padding-left:26px;margin:0 0 20px}.legal-body li{margin-bottom:6px}
.legal-back{margin-top:45px}
@media(max-width:720px){.legal-container{width:calc(100% - 40px);margin:40px auto 55px}.legal-container h1{font-size:26px}.legal-body h2{font-size:20px}.draft-notice{padding:16px}.legal-back .button{display:inline-block}.legal-container .eyebrow{font-size:12px}}