*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0C100E;color:#CDE3D6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#3CB371;color:#08110C;padding:8px 12px;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto 0;z-index:100}.top-strip{height:20px;background:#080A09;color:#3CB371;font-size:12px}.top-strip-inner,.brand-row-inner,.quick-nav-inner,.content-wrap,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-button,.close-button{border:0;background:transparent;color:#CDE3D6;cursor:pointer;min-height:44px}.text-button{min-height:20px;padding:0 4px;color:#3CB371}.brand-row{height:54px;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.brand-row-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-link{display:inline-flex;align-items:center;height:44px;color:#E8F6EE;font-weight:700;font-size:16px}.brand-link img,.footer-brand img,.drawer-brand img{height:24px;width:auto;object-fit:contain}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:8px}.app-link{border:1px solid rgba(42,157,92,.45);color:#E8F6EE}.menu-button{border:1px solid rgba(42,157,92,.45)}.quick-nav{height:44px;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.quick-nav-inner{height:44px;display:flex;align-items:center;gap:12px}.quick-link{width:88px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(42,157,92,.45);border-radius:7px;color:#CDE3D6;font-size:13px}.quick-link.is-current{background:#2A9D5C;color:#08110C;border-color:#2A9D5C}.site-main{padding-top:118px;min-height:70vh}.content-wrap{max-width:960px}.page-intro,.hero-index{padding:48px 0 30px}.hero-index{padding-top:44px}.index-ribbon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.index-ribbon a{font-size:13px;border-bottom:1px solid rgba(42,157,92,.45);padding:5px 2px;color:#CDE3D6}.hero-copy{max-width:720px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#8FB3A0;margin:0 0 8px;text-transform:uppercase}h1,h2,h3{color:#E8F6EE;margin:0 0 12px;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.hero-line{font-size:20px;color:#EFE6D2;font-weight:700}.button{min-height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.button.primary{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C}.button.secondary{background:#080A09;border:1px solid rgba(42,157,92,.45);color:#CDE3D6}.button:hover,.app-link:hover,.quick-link:hover,.text-link:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #3CB371;outline-offset:3px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:#3CB371;font-weight:700}.section-block{padding:34px 0;border-top:1px solid rgba(42,157,92,.18)}.section-heading{margin-bottom:18px}.image-slot{background:#080A09;border:1px solid rgba(42,157,92,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain}.h176{height:176px}.h168{height:168px}.h160{height:160px}.stage-cut-home,.stage-cut{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:22px;margin-top:18px;margin-bottom:22px}.stage-caption,.stage-copy{padding-top:16px}.split-narrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.narrow-card,.feature-split article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px}.narrow-card.text-only{align-self:end}.narrow-card h3{margin-top:14px}.panel-pages{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}.panel-pages article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px}.panel-pages article h3,.panel-pages article h2{margin-top:12px}.two-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.lesson-strip{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:center}.lesson-strip.reverse{grid-template-columns:1fr 320px}.lesson-strip.reverse .image-slot{order:2}.lesson-strip ol{margin:8px 0 0;padding-left:20px}.status-inline{list-style:none;padding:0;margin:12px 0}.status-inline li{margin:8px 0}.status-inline span{display:inline-block;min-width:74px;color:#EFE6D2}.app-wrap{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}.app-visual{width:240px;justify-self:end}.app-icon-right{height:56px;display:flex;justify-content:flex-end;align-items:center}.app-icon-right img{width:48px;height:48px;border-radius:10px}.app-slot{width:240px;height:320px}.app-mini{display:flex;align-items:center;gap:12px;margin:16px 0}.app-mini img{width:48px;height:48px;border-radius:10px}.long-copy,.brand-story,.source-box{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:22px}.faq-six details,.faq-list details{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:14px 16px;margin-bottom:10px}.faq-six summary,.faq-list summary{cursor:pointer;color:#E8F6EE;font-weight:700}.faq-six details p,.faq-list details p{margin-top:10px;color:#CDE3D6}.page-intro>p:last-child{max-width:760px}.section-index{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.section-index a{border:1px solid rgba(42,157,92,.45);border-radius:8px;padding:8px 12px;min-height:40px;display:inline-flex;align-items:center;color:#CDE3D6}.directory-row{display:grid;grid-template-columns:60px 1fr;gap:22px}.dir-mark{font-size:24px;color:#3CB371;font-weight:800}.feature-stage{margin-top:10px}.character-strip{display:grid;gap:12px;padding-bottom:34px}.character-strip article{background:#141A16;border-left:3px solid #2A9D5C;padding:18px 20px;border-radius:0 10px 10px 0}.character-strip article>span{font-size:12px;color:#8FB3A0}.feature-panels{margin-bottom:16px}.shot-list{display:grid;gap:0;padding-bottom:24px}.shot-list article{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(42,157,92,.18)}.shot-list article>span{color:#3CB371;font-weight:800}.lesson-directory{display:grid;grid-template-columns:260px 1fr;gap:26px;padding-bottom:36px}.lesson-directory ol{margin:0;padding-left:22px}.lesson-directory li{padding:0 0 18px 6px}.sound-items{padding-bottom:20px}.sound-items>.image-slot{margin-bottom:18px}.sound-items article{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(42,157,92,.18)}.sound-items article>span{color:#3CB371;font-weight:700}.status-board{display:grid;gap:12px;padding-bottom:28px}.status-board>.image-slot{margin-bottom:6px}.status-row{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:start;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.status{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border-radius:8px;font-weight:800}.status.done{background:#2A9D5C;color:#08110C}.status.doing{border:1px solid rgba(42,157,92,.45);color:#CDE3D6}.status.pending{background:#1A2420;color:#EFE6D2}.feature-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:26px}.feature-column>.image-slot{grid-column:1/-1}.feature-column article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.explore-index{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:34px}.explore-index>a{display:block;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px;min-height:190px}.explore-index>a:hover{border-color:rgba(42,157,92,.45)}.explore-index span{color:#3CB371;font-size:12px}.inner-app{padding-bottom:32px}.step-list{display:grid;gap:12px;padding-bottom:30px}.step-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;background:#141A16;border:1px solid rgba(42,157,92,.18);padding:18px;border-radius:10px}.step-list article>span{color:#3CB371;font-size:20px;font-weight:800}.legal-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:30px}.legal-sections article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.help-cards,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:30px}.help-cards article,.contact-grid article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.faq-list{padding-bottom:30px}.banner-slot{height:200px;width:100%;margin-bottom:24px}.brand-statement{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:28px}.brand-statement article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.brand-statement article:last-child{grid-column:1/-1}.about-brand-card{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center}.site-footer{background:#050706;border-top:1px solid rgba(42,157,92,.18);color:#CDE3D6;font-size:13px;padding:34px 0 calc(34px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#E8F6EE}.footer-logo-link{display:inline-flex;align-items:center;min-height:44px}.footer-brand-name{font-size:16px;font-weight:700}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{font-size:13px;color:#8FB3A0;margin-bottom:8px}.footer-groups a{display:block;min-height:32px;line-height:32px;color:#CDE3D6}.footer-note{margin-top:24px;color:#8FB3A0;max-width:820px}.copyright{color:#6E8F7E;margin-bottom:0}.overlay{position:fixed;inset:0;background:rgba(5,7,6,.68);z-index:180;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;top:74px;right:16px;z-index:200;width:min(32vw,420px);max-height:76vh;overflow:auto;background:#141A16;border:1px solid rgba(42,157,92,.45);box-shadow:0 12px 28px rgba(8,10,9,.35);border-radius:10px;padding:16px;transform:translateX(calc(100% + 40px));opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.site-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,157,92,.18);padding-bottom:10px}.drawer-brand{display:flex;align-items:center;gap:10px;min-height:44px}.drawer-groups{display:grid;gap:16px;padding-top:12px}.drawer-groups h2{font-size:13px;color:#8FB3A0;margin-bottom:6px}.drawer-groups a{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid rgba(42,157,92,.12)}.drawer-groups a b{color:#E8F6EE}.drawer-groups a span{color:#8FB3A0;font-size:13px}.search-panel{position:fixed;top:74px;left:50%;z-index:210;width:min(760px,calc(100% - 32px));transform:translate(-50%,-20px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#080A09;border:1px solid rgba(42,157,92,.45);border-radius:10px;box-shadow:0 12px 28px rgba(8,10,9,.35);padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-card label{display:block;color:#8FB3A0;margin-bottom:8px}.search-card input{width:100%;height:44px;background:#141A16;border:1px solid rgba(42,157,92,.45);color:#E8F6EE;border-radius:8px;padding:0 12px}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid rgba(42,157,92,.18);border-radius:8px}.mobile-bar{display:none}
@media (max-width:760px){.quick-nav{display:none}.site-main{padding-top:74px;padding-bottom:64px}.page-intro,.hero-index{padding-top:34px}.split-narrow,.panel-pages,.two-notes,.lesson-strip,.lesson-strip.reverse,.app-wrap,.lesson-directory,.feature-column,.explore-index,.legal-sections,.help-cards,.contact-grid,.brand-statement,.about-brand-card{grid-template-columns:1fr}.lesson-strip.reverse .image-slot{order:0}.app-visual{width:240px;max-width:100%;justify-self:start}.app-slot{width:240px;max-width:100%;justify-self:start}.directory-row{grid-template-columns:44px 1fr;gap:12px}.shot-list article,.sound-items article,.status-row,.step-list article{grid-template-columns:1fr;gap:8px}.feature-column>.image-slot,.brand-statement article:last-child{grid-column:auto}.footer-groups{grid-template-columns:1fr 1fr}.site-drawer{top:74px;right:16px;width:88%;max-height:76vh}.search-panel{top:0;left:0;width:100%;height:100dvh;transform:none;background:#080A09;padding:74px 16px 70px;overflow:auto}.search-panel.is-open{transform:none}.search-card{box-shadow:none;border:0;padding:0}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#080A09;border-top:1px solid rgba(42,157,92,.18);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;color:#CDE3D6}.mobile-bar a.is-current{background:#2A9D5C;color:#08110C;font-weight:800}.footer-inner{padding-bottom:8px}}
@media (max-width:520px){.brand-actions{gap:4px}.app-link,.menu-button{padding:0 10px}.footer-groups{grid-template-columns:1fr 1fr;gap:14px}.drawer-groups a{grid-template-columns:78px 1fr}.panel-pages article,.narrow-card,.feature-split article,.legal-sections article,.help-cards article,.contact-grid article,.brand-statement article{padding:16px}.stage-cut-home,.stage-cut{padding:16px}.about-brand-card{padding-bottom:38px}}