:root{--bg:#FFF9EC;--card:#fff;--soft:#F6EFD9;--main:#E9B92F;--green:#6A8247;--title:#302718;--text:#514637;--muted:#746651;--line:#E7DCC4;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.78;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto;min-width:0}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,249,236,.97);border-bottom:1px solid var(--line)}.head-row{min-height:68px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--title);white-space:nowrap}.brand-logo{display:block;max-height:30px;max-width:140px;width:auto;height:auto;object-fit:contain}.main-nav{margin-left:auto;display:flex;gap:18px;align-items:center}.main-nav a{font-size:14px;color:var(--title)}.menu-toggle,.menu-close{border:1px solid var(--line);background:#fff;color:var(--title);min-height:44px;padding:9px 14px;border-radius:10px;cursor:pointer}.menu-toggle:focus-visible,.menu-close:focus-visible,a:focus-visible{outline:3px solid rgba(233,185,47,.45);outline-offset:2px}.mobile-label{display:none}.mega-menu{position:absolute;left:0;right:0;top:100%;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);transition:.16s ease}.mega-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.menu-inner{background:#fff;border:1px solid var(--line);border-top:0;padding:22px;border-radius:0 0 14px 14px;box-shadow:0 18px 45px rgba(60,45,20,.12);position:relative}.menu-close{position:absolute;right:18px;top:14px}.menu-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:10px}.menu-groups section{min-width:0}.menu-groups h2{font-size:16px;margin:0 0 8px;color:var(--title)}.menu-groups a{display:block;padding:5px 0;color:var(--muted)}main{min-height:60vh}.hero,.section{padding:54px 0}.hero-grid,.split,.mobile-grid,.image-text{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:34px;align-items:center}.hero-copy h1,.page-hero h1{font-size:clamp(28px,4vw,34px);line-height:1.24;margin:0 0 18px;color:var(--title)}h2{font-size:clamp(22px,3vw,26px);line-height:1.35;color:var(--title)}h3{font-size:19px;line-height:1.4;color:var(--title)}p{margin:0 0 1em}.lead{font-size:17px;max-width:760px}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--green);font-weight:700}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--main);color:#2d260f;font-weight:700}.btn.alt{background:#fff;border:1px solid var(--line)}.hero-media,.media-shell{background:var(--soft);border-radius:14px;padding:18px;display:flex;align-items:center;justify-content:center;min-width:0}.hero-banner{display:block;max-width:100%;width:auto;height:auto;max-height:290px;object-fit:contain}.media-img{display:block;max-width:100%;width:auto;height:auto;max-height:185px;object-fit:contain;object-position:center}.app-img{display:block;max-width:100%;width:auto;height:auto;max-height:360px;object-fit:contain}.app-icon{display:block;width:auto;height:auto;max-width:64px;max-height:64px;object-fit:contain;flex:none}.section-head{max-width:760px;margin-bottom:26px}.section-head h2{margin:4px 0 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.soft{background:var(--soft)}.entry-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:18px}.entry-grid .card:first-child{min-height:220px}.two-col,.three-col,.four-col{display:grid;gap:20px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:grid;gap:20px}.stagger .image-text:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.stagger .image-text:nth-child(even) .media-shell{order:2}.quote-strip{border-left:4px solid var(--main);padding:14px 18px;background:#fff;border-radius:0 10px 10px 0}.editor-desk{display:grid;grid-template-columns:1.5fr .8fr;grid-template-areas:"main side" "note side";gap:18px}.editor-desk .main{grid-area:main}.editor-desk .side{grid-area:side}.editor-desk .note{grid-area:note}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.route-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.route-list a{background:#fff;border:1px solid var(--line);padding:16px;border-radius:10px;min-height:90px}.page-hero{padding:48px 0 30px}.page-hero .lead{max-width:800px}.article{padding:10px 0 58px}.article-narrow{max-width:860px}.article section{margin:0 0 34px}.article h2{margin:0 0 12px}.timeline{border-left:2px solid var(--line);padding-left:26px}.timeline section{position:relative}.timeline section:before{content:"";position:absolute;left:-34px;top:9px;width:14px;height:14px;border-radius:50%;background:var(--main);border:3px solid var(--bg)}.numbered{counter-reset:s}.numbered section{counter-increment:s;position:relative;padding-left:50px}.numbered section:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--green);font-weight:800}.people-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.people-table .card h2{margin-top:0}.rhythm-line{display:grid;gap:0}.rhythm-step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--line)}.rhythm-step strong{color:var(--green)}.dialogue-box{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px;margin-bottom:18px}.dialogue-box .line{font-size:20px;color:var(--title);font-weight:700}.work-notes{columns:2;column-gap:22px}.work-notes .card{break-inside:avoid;margin-bottom:22px}.feature-topic{border-top:4px solid var(--main)}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.steps{counter-reset:step}.steps .card{counter-increment:step;padding-left:70px;position:relative}.steps .card:before{content:counter(step);position:absolute;left:22px;top:22px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--main);font-weight:800}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 19px;margin-bottom:14px}.faq summary{cursor:pointer;font-weight:800;color:var(--title)}.faq p{margin:12px 0 0}.site-footer{background:#302718;color:#f7ecd4;padding:44px 0 90px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-grid h2{font-size:15px;color:#fff;margin-top:0}.footer-grid a{display:block;color:#e8dcc6;padding:4px 0;font-size:14px}.footer-brand p{color:#d3c4aa;font-size:14px;max-width:340px}.footer-brand strong{display:block;margin:8px 0}.footer-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#cbbca0}.mobile-bottom{display:none}.accent-box{background:var(--soft);padding:22px;border-radius:12px}.mini-links{display:flex;flex-wrap:wrap;gap:10px}.mini-links a{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px}.plain-list{padding-left:20px}.plain-list li{margin:8px 0}.icon-app-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.muted{color:var(--muted);font-size:14px}@media(max-width:900px){.main-nav{display:none}.menu-toggle{margin-left:auto}.desk-label{display:none}.mobile-label{display:inline}.menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));max-height:70vh;overflow:auto}.hero-grid,.split,.mobile-grid,.image-text{grid-template-columns:1fr}.entry-grid{grid-template-columns:1fr 1fr}.entry-grid .card:first-child{grid-column:1/-1}.three-col,.four-col,.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.route-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.stagger .image-text:nth-child(even){grid-template-columns:1fr}.stagger .image-text:nth-child(even) .media-shell{order:0}.hero-banner{max-height:250px}.media-img{max-height:175px}.app-img{max-height:320px}}
@media(max-width:620px){body{font-size:16px;padding-bottom:58px}.wrap{width:min(100% - 32px,var(--max))}.head-row{min-height:60px}.brand-name{font-size:15px}.brand-logo{max-height:26px;max-width:112px}.hero,.section{padding:36px 0}.page-hero{padding:34px 0 22px}.hero-grid{gap:22px}.hero-banner{max-height:210px}.media-img{max-height:165px}.app-img{max-height:280px}.app-icon{max-width:52px;max-height:52px}.card{padding:17px}.entry-grid,.two-col,.three-col,.four-col,.feature-row,.library-grid,.people-table{grid-template-columns:1fr}.editor-desk{grid-template-columns:1fr;grid-template-areas:"main" "side" "note"}.route-list{grid-template-columns:1fr 1fr}.work-notes{columns:1}.rhythm-step{grid-template-columns:1fr;gap:6px}.menu-inner{padding:18px 14px}.menu-groups{gap:16px}.menu-close{right:12px;top:10px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>.footer-brand{grid-column:1/-1}.site-footer{padding-bottom:80px}.mobile-bottom{display:flex;position:fixed;z-index:40;left:0;right:0;bottom:0;height:56px;background:#fff;border-top:1px solid var(--line);align-items:stretch}.mobile-bottom a{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;min-width:0}.mobile-bottom a:focus-visible{outline-offset:-3px}.buttons{align-items:stretch}.btn{flex:1 1 150px}.hero-media,.media-shell{padding:14px}}
