*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0E0E0E;color:#E6D7A6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{font:inherit}.gold-bar{position:fixed;z-index:80;top:0;left:0;right:0;height:22px;background:#080808;border-bottom:1px solid #C49212;color:#FFD84A;font-size:12px}.bar-inner,.stage-header-inner,.runway-inner,.page-shell,.footer-inner{width:min(1120px,calc(100% - 32px));margin:0 auto}.bar-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#FFD84A;min-height:22px;padding:0 6px;cursor:pointer}.stage-header{position:fixed;z-index:79;top:22px;left:0;right:0;height:60px;background:#0E0E0E;border-bottom:1px solid rgba(245,197,24,.45)}.stage-header-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.brand-mark{justify-self:start;min-width:44px;min-height:44px;display:inline-flex;align-items:center}.logo-img{height:28px;width:auto;max-width:180px;object-fit:contain;object-position:center}.brand-text{font-weight:800;font-size:16px;color:#FFF4D0}.album-button,.header-cta,.btn,.close-button{min-height:44px;border-radius:10px;border:1px solid #F5C518;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.album-button{background:linear-gradient(180deg,#FFD84A,#F5C518);color:#111;border-color:#FFD84A}.header-cta{justify-self:end;background:#080808;color:#FFF4D0}.runway-tabs{position:fixed;z-index:78;top:82px;left:0;right:0;height:40px;background:#1C1810;border-bottom:1px solid rgba(245,197,24,.25)}.runway-inner{height:40px;display:flex;align-items:center;justify-content:center;gap:10px}.runway-link{height:30px;min-width:110px;padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#DCCB8A}.runway-link:hover,.runway-link:focus-visible,.runway-link.is-active{background:#F5C518;color:#111;outline:none}.site-main{padding-top:142px;min-height:70vh}.page-shell{padding:28px 0 56px}.page-head{margin-bottom:26px}.eyebrow{color:#F5C518;font-size:13px;letter-spacing:.08em}.page-head h1{margin:6px 0 10px;color:#FFF4D0;font-size:24px;line-height:1.3}.lede{max-width:860px;color:#DCCB8A;margin:0}.hero-slot,.image-slot{background:#080808;border:1px solid rgba(245,197,24,.18);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-slot{height:260px}.image-slot{height:200px}.image-slot.small{height:170px}.image-slot.app{height:min(360px,70vw)}.hero-slot img,.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.cover-copy{padding:24px 0 8px}.cover-copy h1{font-size:24px;color:#FFF4D0;margin:0 0 6px}.cover-copy .brand-line{color:#F5C518;font-weight:700;letter-spacing:.12em;font-size:13px}.cover-copy h2{font-size:20px;color:#FFF4D0;margin:12px 0 8px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn.primary{background:linear-gradient(180deg,#FFD84A,#F5C518);color:#111}.btn.secondary{background:#080808;color:#FFF4D0}.btn:hover,.btn:focus-visible,.header-cta:hover,.header-cta:focus-visible,.album-button:hover,.album-button:focus-visible,.close-button:hover,.close-button:focus-visible{outline:2px solid #FFD84A;outline-offset:2px}.section-block{margin-top:32px;background:#161616;border:1px solid rgba(245,197,24,.14);border-radius:14px;padding:22px}.section-block h2{margin:0 0 12px;font-size:20px;color:#FFF4D0}.section-block h3{margin:18px 0 6px;font-size:16px;color:#FFF4D0}.section-block p{margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#161616;border:1px solid rgba(245,197,24,.14);border-radius:12px;padding:16px;min-width:0}.card h2,.card h3{color:#FFF4D0;margin:12px 0 8px;font-size:16px}.card p{margin:0 0 10px}.text-link{color:#FFD84A;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.list-clean{list-style:none;margin:12px 0 0;padding:0}.list-clean li{padding:10px 0;border-top:1px solid rgba(245,197,24,.13)}.timeline{position:relative;margin-top:18px;padding-left:26px}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:#C49212}.timeline-item{position:relative;padding:0 0 22px}.timeline-item:before{content:"";position:absolute;left:-24px;top:8px;width:10px;height:10px;background:#F5C518;border-radius:50%}.timeline-item h3{margin:0 0 6px;color:#FFF4D0}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#1C1810;border:1px solid rgba(245,197,24,.35);color:#FFD84A;font-size:12px}.number-list{counter-reset:stage}.number-item{counter-increment:stage;position:relative;padding:18px 18px 18px 62px;background:#161616;border-radius:12px;border:1px solid rgba(245,197,24,.14);margin:12px 0}.number-item:before{content:counter(stage,decimal-leading-zero);position:absolute;left:18px;top:16px;color:#F5C518;font-weight:800}.notice-list article,.lesson-list article,.faq-list details{background:#161616;border:1px solid rgba(245,197,24,.14);border-radius:12px;padding:18px;margin:12px 0}.notice-list h2,.lesson-list h2{font-size:18px;margin:0 0 8px;color:#FFF4D0}.faq-list summary{cursor:pointer;color:#FFF4D0;font-weight:700}.faq-list p{margin:12px 0 0}.site-footer{background:#050505;border-top:1px solid rgba(245,197,24,.45);color:#DCCB8A;font-size:13px}.footer-inner{padding:30px 0 72px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-brand strong{display:block;color:#FFF4D0}.footer-brand span{display:block;color:#B8A56A}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid h2{font-size:14px;color:#F5C518;margin:0 0 8px}.footer-grid a{display:block;padding:4px 0}.footer-grid a:hover,.footer-grid a:focus-visible{color:#FFD84A}.copyright{border-top:1px solid rgba(245,197,24,.12);padding-top:18px;margin:22px 0 0}.drawer{position:fixed;z-index:120;top:0;bottom:0;left:0;width:420px;max-width:86vw;background:#0E0E0E;border-right:1px solid #C49212;transform:translateX(-104%);visibility:hidden;pointer-events:none;overflow-y:auto;padding:18px;transition:transform .2s ease,visibility .2s ease}.drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(245,197,24,.18)}.drawer-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#FFF4D0}.close-button{background:#080808;color:#FFF4D0}.drawer-group{padding:16px 0;border-bottom:1px solid rgba(245,197,24,.12)}.drawer-group h2{font-size:14px;color:#F5C518;margin:0 0 8px}.drawer-group a{display:block;padding:9px 0}.drawer-group b{display:block;color:#FFF4D0}.drawer-group span{display:block;color:#8A7A48;font-size:13px}.search-panel{position:fixed;z-index:115;top:82px;left:0;right:0;background:#0E0E0E;border-bottom:1px solid #C49212;transform:translateY(-120%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s ease}.search-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.search-inner{width:min(1120px,calc(100% - 32px));margin:auto;padding:20px 0}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{font-size:20px;color:#FFF4D0;margin:0}.search-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.search-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:#161616;border:1px solid rgba(245,197,24,.25);color:#FFF4D0}.ui-overlay{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.68);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.ui-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.ui-locked{overflow:hidden}.mobile-bottom{display:none}.quote-note{border-left:3px solid #F5C518;padding:8px 0 8px 14px;color:#DCCB8A}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.meta-item{background:#1C1810;border-radius:10px;padding:14px}.meta-item strong{display:block;color:#FFF4D0}.status-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.section-link{display:inline-flex;min-height:44px;align-items:center;color:#FFD84A;font-weight:700}.app-grid{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:24px;align-items:start}.icon-inline{width:48px;height:48px;object-fit:contain;vertical-align:middle}.legal-list{padding-left:20px}.legal-list li{margin:9px 0}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.meta-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid{grid-template-columns:1fr}}
@media(max-width:680px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.runway-tabs{display:none}.site-main{padding-top:102px}.bar-inner,.stage-header-inner,.page-shell,.footer-inner,.search-inner{width:calc(100% - 32px)}.stage-header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.brand-mark{overflow:hidden}.logo-img{max-width:122px}.header-cta,.album-button{padding:0 12px}.cards{grid-template-columns:1fr}.section-block{padding:18px}.hero-slot{height:260px}.image-slot{height:190px}.image-slot.small{height:170px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-inner{padding-bottom:86px}.mobile-bottom{position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#080808;border-top:1px solid rgba(245,197,24,.55)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;min-width:0}.mobile-bottom a.is-active{background:#F5C518;color:#111}.search-panel{top:0;bottom:0;overflow-y:auto}.search-inner{padding-top:34px}.search-links{display:grid;grid-template-columns:1fr}.drawer{max-width:86vw}.page-shell{padding-top:22px}.app-grid{grid-template-columns:1fr}.footer-brand{align-items:flex-start}}