*{box-sizing:border-box}
:root{--paper:#F4F1E8;--paper-2:#ECE8DD;--white:#FFFDF7;--ink:#111;--text:#1D1D1D;--muted:#62605B;--soft:#89867E;--acid:#D7FF32;--acid2:#B9F227;--blue:#2457FF;--red:#FF5938;--dark:#161616;--line:rgba(17,17,17,.22);--strong:rgba(17,17,17,.72);--shadow:0 16px 36px rgba(30,28,22,.08);--max:1280px}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.78;overflow-x:hidden}body.drawer-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}main{min-height:60vh}
.site-header{position:sticky;top:0;width:100%;z-index:9999;background:rgba(244,241,232,.96);border-bottom:1px solid var(--strong)}.header-inner{max-width:var(--max);min-height:72px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.site-logo{order:1;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;white-space:nowrap}.site-logo img{max-height:42px;width:auto}.site-logo span{font-size:20px;letter-spacing:-.03em}
.nav-core{order:2;display:flex;align-items:center;gap:24px;margin-left:auto}.nav-core a{color:var(--ink);text-decoration:none;padding:8px 2px;border-bottom:2px solid transparent;font-weight:700;font-size:15px;white-space:nowrap}.nav-core a:hover,.nav-core a.active{border-bottom-color:var(--ink)}
.main-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;text-decoration:none;font-weight:800;border:1px solid var(--ink);border-radius:4px;transition:.2s ease}.main-btn{background:var(--ink);color:#fff}.main-btn:hover{background:var(--acid);color:var(--ink)}.secondary-btn{background:transparent;color:var(--ink)}.secondary-btn:hover{background:var(--ink);color:#fff}.header-cta{order:3;white-space:nowrap}
.menu-toggle{order:4;width:48px;height:44px;padding:10px;border:1px solid var(--ink);background:transparent;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{height:2px;background:var(--ink);display:block}.menu-toggle span:nth-child(2){width:75%}
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;opacity:0;visibility:hidden;transition:.22s ease}.site-drawer{position:fixed;right:0;top:0;width:min(470px,90vw);height:100vh;z-index:10001;background:var(--ink);color:var(--paper);transform:translateX(100%);transition:.25s ease;overflow:auto;padding:26px}.drawer-open .drawer-overlay{opacity:1;visibility:visible}.drawer-open .site-drawer{transform:translateX(0)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:18px;margin-bottom:12px}.drawer-top strong{font-size:26px}.drawer-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.drawer-nav{display:grid}.drawer-nav a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;text-decoration:none;font-size:clamp(20px,3vw,30px);font-weight:800;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}.drawer-nav a span{font-size:12px;color:var(--acid);letter-spacing:.1em}.drawer-nav a:hover,.drawer-nav a.active{color:var(--acid)}.drawer-note{color:#cfcfc8;font-size:14px;border-top:1px solid rgba(255,255,255,.25);padding-top:18px;margin-top:22px}
.container{width:min(calc(100% - 48px),var(--max));margin:0 auto}.section{padding:92px 0}.section-tight{padding:58px 0}.section-dark{background:var(--dark);color:var(--paper)}.section-blue{background:#E5EAFF}.section-acid{background:#F1F8C9}.editorial-block{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.eyebrow,.section-index{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.accent-label{display:inline-block;background:var(--acid);color:var(--ink);padding:4px 8px;font-weight:900;font-size:12px;letter-spacing:.12em}
h1,h2,h3,.section-title{color:var(--ink);margin-top:0;line-height:1.05;letter-spacing:-.045em}.section-dark h1,.section-dark h2,.section-dark h3{color:var(--paper)}h1{font-size:clamp(52px,8vw,104px);margin-bottom:24px}h2{font-size:clamp(34px,5vw,58px);margin-bottom:22px}h3{font-size:clamp(22px,2.4vw,30px);margin-bottom:14px}p{margin:0 0 18px}.lead{font-size:clamp(18px,2vw,24px);line-height:1.65;max-width:880px}.text-link{color:var(--blue);font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px}.muted{color:var(--muted)}
.hero{padding:46px 0 72px}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:start}.hero-copy{grid-column:1/7;padding-top:28px}.hero-copy h1{font-size:clamp(68px,9vw,118px)}.hero-copy .lead{max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-tags span{border-top:1px solid var(--ink);padding:8px 22px 0 0;font-size:14px;font-weight:800}.hero-visual{grid-column:7/13;border:1px solid var(--ink);padding:14px;background:var(--white)}.hero-visual img{width:100%;height:auto;object-fit:contain}.poster-meta,.photo-note{display:flex;justify-content:space-between;gap:20px;margin-top:10px;font-size:12px;font-weight:900;letter-spacing:.14em}
.info-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr)}.info-item{padding:28px;border-right:1px solid var(--ink)}.info-item:last-child{border-right:0}.info-item .num{color:var(--blue);font-weight:900;font-size:13px}.info-item h3{font-size:20px;margin:12px 0}.info-item p{font-size:14px;line-height:1.65;color:var(--muted)}
.channel-index{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.channel-row{display:grid;grid-template-columns:66px 170px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:18px 12px}.channel-row:nth-child(odd){border-right:1px solid var(--line)}.channel-row .idx{color:var(--blue);font-weight:900}.channel-row strong{font-size:18px}.channel-row p{margin:0;font-size:14px;color:var(--muted)}.channel-row a{color:var(--blue);font-weight:900;text-decoration:none}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start}.two-col.reverse{grid-template-columns:.92fr 1.08fr}.three-col{display:grid;grid-template-columns:1fr .9fr 1.1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.three-col>article{padding:34px;border-right:1px solid var(--ink)}.three-col>article:last-child{border-right:0}
.content-img{max-width:100%;height:auto;object-fit:contain;border:1px solid var(--ink);background:var(--white);padding:10px}.brand-statement{font-size:clamp(28px,4.2vw,52px);font-weight:900;line-height:1.22;letter-spacing:-.04em}
.feature-list{list-style:none;padding:0;margin:22px 0 0}.feature-list li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.feature-list li span{color:var(--blue);font-weight:900}.feature-list li:last-child{border-bottom:1px solid var(--line)}
.split-panels{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--ink)}.split-panels article{padding:38px}.split-panels article+article{border-left:1px solid var(--ink)}.split-panels .dark-panel{background:var(--dark);color:var(--paper)}.split-panels .dark-panel h2,.split-panels .dark-panel h3{color:var(--paper)}.split-panels img{margin:22px 0}.topic-list{display:grid;border-top:1px solid currentColor;margin-top:24px}.topic-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid currentColor;font-size:14px}
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.safety-card{border:1px solid rgba(255,255,255,.35);padding:28px}.safety-card img{border:1px solid rgba(255,255,255,.5);margin-bottom:22px;background:var(--paper)}
.reviews{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.review{padding:30px 28px;border-bottom:1px solid var(--ink)}.review:nth-child(odd){border-right:1px solid var(--ink)}.review:nth-child(3n+2){background:#F1F8C9}.review:nth-child(4n+1){background:#E5EAFF}.review .quote{font-size:clamp(20px,2vw,28px);line-height:1.55;font-weight:750}.review .review-no{font-size:12px;color:var(--blue);font-weight:900}
.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--ink);padding:0}.faq-list summary{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:20px 4px;cursor:pointer;font-weight:900;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span:first-child{color:var(--blue)}.faq-list summary::after{content:"+";font-size:24px}.faq-list details[open] summary::after{content:"−"}.faq-answer{padding:0 58px 22px;color:var(--muted);max-width:950px}.notice-band{display:grid;grid-template-columns:220px 1fr;gap:30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:26px 0}.notice-band strong{font-size:22px}
.inner-hero{padding:66px 0 52px;border-bottom:1px solid var(--ink)}.inner-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:end}.inner-hero img{border:1px solid var(--ink);padding:10px;background:var(--white)}.inner-hero h1{font-size:clamp(54px,7vw,92px)}.prose{font-size:17px;line-height:1.9}.prose p{margin-bottom:22px}.prose h2{margin-top:48px}.prose h3{margin-top:32px}.prose-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:58px}.side-index{position:sticky;top:102px;border-top:1px solid var(--ink)}.side-index a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:800}
.numbered-sections{counter-reset:section}.numbered-section{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:36px 0;border-top:1px solid var(--ink)}.numbered-section::before{counter-increment:section;content:"0" counter(section);font-size:42px;font-weight:900;color:var(--blue);line-height:1}
.timeline{border-left:2px solid var(--ink);margin-left:18px;padding-left:32px}.timeline article{position:relative;padding:0 0 40px}.timeline article::before{content:"";position:absolute;left:-40px;top:8px;width:14px;height:14px;background:var(--acid);border:2px solid var(--ink)}.timeline .date{font-weight:900;color:var(--blue);font-size:13px;letter-spacing:.1em}
.app-device{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center}.app-device img{max-height:720px;margin:0 auto;object-fit:contain}.app-index{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.app-index div{padding:20px 16px;border-bottom:1px solid var(--ink)}.app-index div:nth-child(odd){border-right:1px solid var(--ink)}.app-index strong{display:block;margin-bottom:8px}
.callout{border:1px solid var(--ink);padding:28px;background:var(--white)}.callout.dark{background:var(--dark);color:var(--paper)}.callout.acid{background:#F1F8C9}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.service-cards article{padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.contact-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.contact-flow article{padding:26px;border-right:1px solid var(--ink)}.contact-flow article:last-child{border-right:0}.contact-flow .step{color:var(--blue);font-weight:900}
.site-footer{background:var(--ink);color:var(--paper);padding:70px 0 92px}.footer-inner{width:min(calc(100% - 48px),var(--max));margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:44px}.footer-brand h2{color:var(--paper);font-size:clamp(46px,6vw,80px);margin:18px 0}.footer-brand p{color:#cfcfc8;max-width:520px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links h3{font-size:16px;color:var(--paper);letter-spacing:0;margin-bottom:18px}.footer-links a{display:block;color:#cfcfc8;text-decoration:none;padding:5px 0}.footer-bottom{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:50px;color:#aeadab;font-size:13px}.mobile-bottom-nav{display:none}
@media(max-width:1100px){.nav-core{gap:15px}.nav-core a{font-size:13px}.header-inner{gap:16px}.two-col,.two-col.reverse,.inner-hero-grid,.prose-grid,.app-device{grid-template-columns:1fr 1fr;gap:34px}.channel-row{grid-template-columns:50px 140px 1fr auto}.three-col{grid-template-columns:1fr 1fr}.three-col>article:nth-child(2){border-right:0}.three-col>article:last-child{grid-column:1/-1;border-top:1px solid var(--ink)}}
@media(max-width:820px){body{padding-bottom:58px}.header-inner{min-height:64px;padding:0 16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px}.menu-toggle{order:1;width:42px;height:40px}.site-logo{order:2;justify-self:center}.site-logo img{max-height:36px}.site-logo span{display:none}.nav-core{display:none}.header-cta{order:3;padding:8px 12px;min-height:40px;font-size:13px}.container{width:min(calc(100% - 36px),var(--max))}.section{padding:66px 0}.section-tight{padding:44px 0}.hero{padding:30px 0 50px}.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-visual{grid-column:auto}.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(54px,16vw,86px)}.info-grid{grid-template-columns:1fr 1fr}.info-item:nth-child(2){border-right:0}.info-item:nth-child(-n+2){border-bottom:1px solid var(--ink)}.channel-index{grid-template-columns:1fr}.channel-row:nth-child(odd){border-right:0}.channel-row{grid-template-columns:48px 130px 1fr}.channel-row a{grid-column:2/4}.two-col,.two-col.reverse,.inner-hero-grid,.prose-grid,.app-device,.safety-grid{grid-template-columns:1fr}.split-panels{grid-template-columns:1fr}.split-panels article+article{border-left:0;border-top:1px solid var(--ink)}.three-col{grid-template-columns:1fr}.three-col>article{border-right:0;border-bottom:1px solid var(--ink)}.three-col>article:last-child{grid-column:auto;border-top:0;border-bottom:0}.reviews{grid-template-columns:1fr}.review:nth-child(odd){border-right:0}.notice-band{grid-template-columns:1fr;gap:10px}.side-index{position:static}.numbered-section{grid-template-columns:72px 1fr}.app-index{grid-template-columns:1fr}.app-index div:nth-child(odd){border-right:0}.service-cards{grid-template-columns:1fr 1fr}.contact-flow{grid-template-columns:1fr 1fr}.contact-flow article:nth-child(2){border-right:0}.contact-flow article:nth-child(-n+2){border-bottom:1px solid var(--ink)}.footer-inner,.footer-bottom{grid-template-columns:1fr;gap:38px;width:min(calc(100% - 36px),var(--max))}.footer-links{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;z-index:9998;left:0;right:0;bottom:0;height:58px;background:var(--white);border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:800}.mobile-bottom-nav a.active{background:var(--acid)}}
@media(max-width:560px){.container{width:calc(100% - 32px)}h1{font-size:clamp(46px,15vw,72px)}h2{font-size:clamp(32px,10vw,48px)}.info-grid{grid-template-columns:1fr}.info-item{border-right:0!important;border-bottom:1px solid var(--ink)}.info-item:last-child{border-bottom:0}.channel-row{grid-template-columns:42px 1fr}.channel-row p,.channel-row a{grid-column:2}.split-panels article,.three-col>article{padding:26px 20px}.service-cards,.contact-flow{grid-template-columns:1fr}.service-cards article,.contact-flow article{border-right:0!important;border-bottom:1px solid var(--ink)}.contact-flow article:last-child{border-bottom:0}.numbered-section{grid-template-columns:1fr}.numbered-section::before{font-size:28px}.footer-links{grid-template-columns:1fr}.site-footer{padding-top:54px}.faq-answer{padding-left:4px;padding-right:4px}}