.page-inner{background:var(--cream)}.page-intro{padding:clamp(150px,20vh,210px) 0 clamp(56px,8vw,96px);position:relative;overflow:hidden}.page-intro:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#c8904e38,#c8904e00);border-radius:50%;width:min(46vw,620px);position:absolute;top:-20%;right:-8%}.page-title{letter-spacing:-.045em;text-wrap:balance;max-width:14ch;margin:18px 0 26px;font-size:clamp(2.6rem,7vw,6.2rem);font-weight:800;line-height:.95}.page-lead{color:#3a4a5c;max-width:36em;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.55}.section-tabs{background:var(--cream-warm);padding-block:clamp(56px,8vw,110px) clamp(40px,6vw,72px)}.tabs-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);align-items:start;gap:clamp(20px,4vw,56px);display:grid}.step-tabs{gap:12px;display:grid}.step-tab{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:background-color .35s,border-color .35s,transform .45s var(--ease-out),box-shadow .35s;background:#ffffff8c;border:1.5px solid #0000;border-radius:22px;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:10px 16px 10px 10px;display:grid}.step-tab img{object-fit:cover;background:#e9dcc8;border-radius:16px;width:96px;height:84px}.step-tab:hover{background:#fff}.step-tab[aria-selected=true]{border-color:var(--orange);background:#fff;transform:translate(6px);box-shadow:0 18px 40px -26px #0f1f3073}.step-tab-text{gap:2px;display:grid}.step-tab-label{font-family:var(--display);letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.step-tab[aria-selected=true] .step-tab-label{color:var(--orange)}.step-tab-short{color:#4a5a6c;font-size:.95rem;line-height:1.4}.tabs-view{gap:22px;display:grid}.tab-stage{aspect-ratio:1;max-height:none}.tab-stage .stage-img.is-active{transform:none}.tab-panel{outline:none;max-width:40em}.tab-panel:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:12px}.tab-panel-title{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800}.tab-panel p{color:#3a4a5c;font-size:1.1rem}.js .tab-panel:not([hidden]){animation:panelIn .6s var(--ease-out) both}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tabs-hint{margin-top:28px}.visit-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px;display:grid}.visit-card{background:#fff;border-radius:28px;flex-direction:column;gap:10px;padding:30px 28px 32px;display:flex;box-shadow:0 1px #0f1f300f,0 22px 50px -32px #0f1f3066}.visit-icon{width:44px;height:44px;color:var(--teal);margin-bottom:8px}.visit-card h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.visit-card p{color:#3a4a5c}.visit-card a{white-space:nowrap;border-bottom:1.5px solid;font-weight:700;text-decoration:none}@media (width<=899px){.tabs-grid{grid-template-columns:1fr}.step-tabs{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px 2px 10px;padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:minmax(78%,1fr);grid-auto-flow:column;overflow-x:auto}.step-tabs::-webkit-scrollbar{display:none}.step-tab{scroll-snap-align:start;grid-template-columns:72px 1fr}.step-tab img{width:72px;height:64px}.step-tab[aria-selected=true]{transform:none}.tab-stage{display:block}.visit-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.step-tab{transition:none}.js .tab-panel:not([hidden]){animation:none}}.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,6vw,96px);display:grid}.about-logo{background:#fdfcf8;border-radius:36px;margin:0;position:sticky;top:120px;overflow:hidden;box-shadow:0 40px 80px -50px #0f1f308c,0 0 0 1px #81521e1f}.about-logo img{width:100%;height:auto}.about-copy{gap:36px;display:grid}.about-block{border-top:1px solid #0f1f301f;gap:12px;padding-top:26px;display:grid}.about-block:first-child{border-top:0;padding-top:0}.about-title{letter-spacing:-.03em;font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:800}.about-block p{color:#3a4a5c;max-width:36em;font-size:1.1rem}.about-copy .link-row{margin-top:0}.section-symbols{background:var(--navy-900);color:var(--cream)}.symbol-list{grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,36px);margin-top:12px;display:grid}.symbol{align-content:start;gap:18px;display:grid}.symbol-art{width:120px;height:120px}.symbol .draw{fill:none;stroke:var(--gold-light);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-out)}.symbol .fold-teal{stroke:#3fa3ae;stroke-width:7px}.symbol .fold-gold{stroke:var(--gold-light);stroke-width:7px;transition-delay:.15s}.symbol .fold-orange{stroke:var(--orange-light);stroke-width:7px;transition-delay:.3s}.symbol.is-waiting .draw{stroke-dashoffset:1px}.symbol h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.6rem;font-weight:800}.symbol p{color:var(--muted-on-dark);max-width:24em}.symbol>div{transition:opacity .9s var(--ease-out) .3s,transform .9s var(--ease-out) .3s}.symbol.is-waiting>div{opacity:0;transform:translate(-14px)}.section-store-list{padding-top:0}.store-card{scroll-margin-top:110px}.section-plan{background:var(--cream-warm)}.section-band .franchise-grid{align-items:center}@media (width<=899px){.about-grid{grid-template-columns:1fr}.about-logo{max-width:420px;position:static}.symbol-list{grid-template-columns:1fr;gap:40px}.symbol{grid-template-columns:96px 1fr;align-items:start}.symbol-art{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){.symbol .draw,.symbol>div{transition:none}}.section-faq{background:var(--cream-warm)}.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.faq-list{gap:12px;display:grid}.faq{background:#fff;border-radius:20px;box-shadow:0 1px #0f1f300f,0 18px 40px -30px #0f1f3066}.faq summary{cursor:pointer;font-family:var(--display);letter-spacing:-.01em;padding:20px 56px 20px 22px;font-size:1.15rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);width:12px;height:12px;transition:transform .35s var(--ease-out);position:absolute;top:50%;right:22px;transform:translateY(-70%)rotate(45deg)}.faq[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq p{color:#3a4a5c;max-width:40em;padding:0 22px 22px}.faq a{border-bottom:1.5px solid;font-weight:700;text-decoration:none}@media (width<=899px){.faq-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.faq summary:after{transition:none}}
