:root{
  --bg:#E7F4F8;--deep-bg:#D7ECF2;--paper:#F3FAFC;--soft:#EAF6F9;--ink:#163038;--body:#1F3C44;--muted:#4A6E78;--light-muted:#6A8C96;--blue:#7EB8E0;--cyan:#6EC9D4;--deep:#1A3A44;--white:#F3FAFC;--moss:#5A8A6A;--border:rgba(26,58,68,.14);--focus:rgba(110,201,212,.50);--shadow:0 12px 28px rgba(22,48,56,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;height:auto;object-fit:contain;object-position:center;display:block}
.shell{width:min(1000px,calc(100% - 32px));margin:0 auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 14px;background:var(--paper);color:var(--deep);border:1px solid var(--deep)}
.skip-link:focus{top:12px}
.site-header{position:fixed;left:0;right:0;top:0;z-index:50;box-shadow:0 1px 0 var(--border)}
.tide-brow{height:20px;background:var(--deep);color:var(--white);font-size:12px}
.tide-brow-inner{height:20px;display:flex;align-items:center;justify-content:space-between}
.brand-mini{height:20px;display:flex;align-items:center}
.text-button{height:20px;border:0;background:transparent;color:var(--white);padding:0 4px;cursor:pointer}
.bay-brand{height:54px;background:var(--blue);border-bottom:1px solid rgba(110,201,212,.72)}
.bay-brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo-link,.logo-slot{min-height:44px;display:flex;align-items:center}
.site-logo{height:24px;width:auto;max-width:170px;object-fit:contain}
.logo-fallback{font-size:16px;font-weight:750;color:var(--ink);letter-spacing:.04em}
.brand-actions{display:flex;align-items:center;gap:8px}
.header-app-link,.menu-button{height:44px;min-width:72px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--deep);color:var(--deep);font-size:14px;background:var(--paper);padding:0 14px;cursor:pointer}
.header-app-link:hover,.menu-button:hover,.header-app-link:focus-visible,.menu-button:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}
.shore-points{height:44px;background:var(--paper);border-bottom:1px solid var(--border)}
.shore-points-inner{height:44px;display:flex;justify-content:center;gap:52px;align-items:center}
.shore-point{min-width:78px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:13px;color:var(--muted)}
.point-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.shore-point.is-active{color:var(--deep);font-weight:700}.shore-point.is-active .point-dot{background:var(--deep)}
.page-main{padding-top:118px;padding-bottom:40px;min-height:70vh}
h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 14px}
h2{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 12px}
h3{font-size:16px;line-height:1.45;color:var(--ink);margin:0 0 8px}
p{margin:0 0 14px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--muted);font-weight:700;text-transform:uppercase}
.lead{font-size:16px;color:var(--body)}.muted{color:var(--muted)}
.section{padding:34px 0}.section-tight{padding:24px 0}.section-deep{background:var(--deep-bg)}.section-paper{background:var(--paper)}
.hero-line{padding:46px 0 30px}.hero-line-inner{border-left:3px solid var(--cyan);padding-left:20px;max-width:790px}
.hero-line .tagline{font-size:20px;line-height:1.45;font-weight:750;color:var(--deep);margin-bottom:12px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;font-size:14px;white-space:nowrap;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,#7EB8E0 0%,#6EC9D4 100%);color:var(--ink);font-weight:750}
.btn-secondary{background:var(--paper);border-color:var(--deep);color:var(--deep)}
.btn:hover,.btn:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none;transform:translateY(-1px)}
.media-slot{background:var(--deep-bg);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.media-slot img{width:100%;height:100%;object-fit:contain}
.cover-strip{height:188px;width:100%}.banner-slot{height:200px}.app-visual{height:300px}.icon-slot{width:72px;height:72px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center}.icon-slot img{width:48px;height:48px}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title-row p{max-width:560px;color:var(--muted);margin:0}
.stagger{display:grid;gap:18px}.stagger-item{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.stagger-item .mini-media{height:150px;margin-bottom:14px}.stagger-item.reverse .mini-media{order:2;margin:14px 0 0}.stagger-item.reverse{display:flex;flex-direction:column}
.vertical-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vertical-note{min-height:265px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px;display:flex;flex-direction:column}.vertical-note .note-media{height:108px;margin-bottom:14px}.vertical-note p{color:var(--muted)}
.center-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin:0 auto}.center-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:22px;text-align:center}.rack-head{height:160px;max-width:760px;margin:0 auto 16px}
.phase-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.phase-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.phase-card strong{display:block;color:var(--deep);font-size:16px;margin-bottom:8px}
.status-stack{display:grid;gap:10px}.status-item{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:var(--soft);color:var(--deep);font-weight:700;border:1px solid var(--focus)}
.product-band{background:var(--deep);color:var(--white);border-radius:12px;padding:24px;display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center}.product-band h2,.product-band h3{color:var(--white)}.product-band p{color:#DDEEF2}.product-band .app-visual{background:#D7ECF2}.product-band .btn-secondary{background:var(--paper)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.method-item{padding:18px;border-left:3px solid var(--cyan);background:var(--paper);border-radius:0 10px 10px 0}
.faq-mini{display:grid;gap:10px}.faq-mini details,.faq-list details{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.faq-mini summary,.faq-list summary{cursor:pointer;color:var(--deep);font-weight:700}.faq-mini details p,.faq-list details p{margin:10px 0 0;color:var(--muted)}
.brand-story{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center}.brand-story .media-slot{height:220px}
.page-intro{padding:40px 0 22px}.page-intro .intro-box{max-width:850px}.page-intro p{color:var(--muted)}
.inline-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.inline-meta span{padding:5px 9px;background:var(--soft);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--deep)}
.content-copy{max-width:820px}.content-copy p{margin-bottom:16px}.content-copy h2{margin-top:30px}.content-copy h3{margin-top:22px}
.alt-sections{display:grid;gap:18px}.alt-block{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.alt-block:nth-child(even){margin-left:6%}.alt-block:nth-child(odd){margin-right:6%}
.short-scene-list{display:grid;gap:12px}.scene-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}.scene-row:last-child{border-bottom:0}.scene-label{font-weight:750;color:var(--deep)}
.notebook-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.notebook-column{background:var(--paper);border-top:3px solid var(--cyan);padding:18px;border-radius:0 0 10px 10px;min-height:330px}.notebook-column:nth-child(2){margin-top:26px}.notebook-column:nth-child(3){margin-top:52px}
.single-journal{max-width:760px;margin:0 auto}.journal-entry{padding:20px 0;border-bottom:1px solid var(--border)}.journal-entry:last-child{border-bottom:0}.journal-entry h2{display:flex;align-items:center;gap:10px}.journal-entry h2:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);flex:0 0 auto}
.period-sections{display:grid;gap:14px}.period-section{display:grid;grid-template-columns:130px 1fr;gap:18px;background:var(--paper);border-radius:10px;border:1px solid var(--border);padding:18px}.period-name{font-size:18px;font-weight:800;color:var(--deep)}
.memo-list{counter-reset:memo;display:grid;gap:12px}.memo-item{counter-increment:memo;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px 18px 18px 58px;position:relative}.memo-item:before{content:counter(memo,decimal-leading-zero);position:absolute;left:16px;top:16px;font-weight:800;color:var(--moss)}
.guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-step{background:var(--paper);border:1px solid var(--border);padding:20px;border-radius:10px}.guide-step b{display:block;color:var(--deep);margin-bottom:8px}
.topic-list{display:grid;gap:12px}.topic-item{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px}.topic-item h2{font-size:18px;margin:0}
.rack-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:820px;margin:0 auto}.rack-card{text-align:center;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:22px}.rack-card p{color:var(--muted)}
.setup-flow{display:grid;gap:12px;max-width:820px}.setup-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px;border-bottom:1px solid var(--border)}.setup-row:last-child{border-bottom:0}.setup-row h2{font-size:17px}
.term-sections{display:grid;gap:14px}.term-section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.term-section h2{font-size:18px}.term-section ul{margin:10px 0 0;padding-left:20px}.term-section li{margin:6px 0}
.help-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.help-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.help-card a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.contact-card h2{font-size:18px}.contact-card p{color:var(--muted)}
.about-banner{margin:18px 0 24px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-value{background:var(--paper);border:1px solid var(--border);padding:18px;border-radius:10px}
.site-footer{background:#143038;color:#E7F4F8;border-top:1px solid var(--cyan);padding:34px 0 calc(32px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;opacity:.8}.footer-logo-slot{min-width:0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{font-size:14px;color:#F3FAFC;margin-bottom:8px}.footer-grid a{display:block;font-size:13px;color:#D5E9EE;min-height:30px;padding:3px 0}.footer-grid a:hover,.footer-grid a:focus-visible{color:#fff;text-decoration:underline;outline:none}.footer-notice,.copyright{font-size:13px;color:#CFE4E9}.footer-notice{margin-top:22px;padding-top:18px;border-top:1px solid rgba(110,201,212,.26)}.copyright{margin-bottom:0}
.page-overlay{position:fixed;inset:0;background:rgba(20,48,56,.42);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.page-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.bay-menu{position:fixed;z-index:80;left:0;right:0;top:0;height:58vh;min-height:380px;background:var(--paper);transform:translateY(-104%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s ease;overflow-y:auto;box-shadow:var(--shadow)}.bay-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bay-menu-head{height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--paper);z-index:2;border-bottom:1px solid var(--border)}.menu-brand{display:flex;align-items:center;gap:9px}.close-button{min-height:44px;min-width:68px;padding:0 14px;border:1px solid var(--deep);background:var(--paper);color:var(--deep);border-radius:9px;cursor:pointer}.close-button:hover,.close-button:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.bay-menu-content{display:grid;grid-template-columns:1.15fr 1.15fr .8fr 1.35fr;gap:20px;padding-top:18px;padding-bottom:28px}.menu-group h2{font-size:14px;margin-bottom:9px}.menu-group a{display:block;padding:8px 0;border-bottom:1px solid var(--border)}.menu-group b{display:block;font-size:14px;color:var(--deep)}.menu-group span{display:block;font-size:12px;color:var(--muted)}
.search-layer{position:fixed;left:0;right:0;top:74px;z-index:82;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{background:var(--paper);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:20px;box-shadow:var(--shadow)}.search-head{display:flex;justify-content:space-between;gap:18px}.search-head strong{font-size:18px;color:var(--deep)}.search-head p{font-size:13px;color:var(--muted)}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--deep);border-radius:9px;color:var(--deep);background:var(--soft)}
.mobile-bottom{display:none}
@media (max-width:760px){
  .shell{width:calc(100% - 32px)}.shore-points{display:none}.page-main{padding-top:74px;padding-bottom:72px}.bay-brand-inner{gap:8px}.header-app-link,.menu-button{min-width:66px;padding:0 10px}.brand-actions{gap:6px}.logo-fallback{font-size:15px}
  .hero-line{padding-top:30px}.section{padding:28px 0}.section-title-row{display:block}.section-title-row p{margin-top:8px}
  .vertical-notes,.phase-row,.center-cards,.rack-cards,.about-values{grid-template-columns:1fr}.vertical-note{min-height:auto}.product-band{grid-template-columns:1fr}.product-band .app-visual{height:260px}.brand-story{grid-template-columns:1fr}.brand-story .media-slot{height:190px}.method-grid,.guide-steps,.help-matrix,.contact-paths{grid-template-columns:1fr}.notebook-columns{grid-template-columns:1fr}.notebook-column:nth-child(2),.notebook-column:nth-child(3){margin-top:0}.period-section,.topic-item,.setup-row,.status-item,.scene-row{grid-template-columns:1fr;gap:8px}.alt-block:nth-child(odd),.alt-block:nth-child(even){margin:0}
  .footer-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .bay-menu{height:58vh;min-height:360px}.bay-menu-content{grid-template-columns:1fr 1fr;gap:14px}.menu-group span{font-size:11px}
  .search-layer{inset:0;top:0;background:var(--deep);color:var(--white)}.search-card{width:100%;height:100%;border:0;border-radius:0;background:var(--deep);color:var(--white);padding-top:calc(24px + env(safe-area-inset-top))}.search-head strong{color:var(--white)}.search-head p{color:#DDEEF2}.search-layer .close-button{background:var(--paper)}.search-links{display:grid;grid-template-columns:1fr 1fr}.search-links a{background:#D7ECF2;color:var(--deep)}
  .mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-top:1px solid var(--border)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.mobile-bottom a.is-active{background:var(--cyan);color:var(--deep);font-weight:750}
}
@media (max-width:420px){.bay-menu-content{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.product-band{padding:18px}.cover-strip{height:170px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}