*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F4F1E8;color:#1D1D1D;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} a{color:inherit} img{max-width:100%;height:auto;display:block} button{font:inherit}
.site-header{position:sticky;top:0;z-index:9999;width:100%;background:rgba(244,241,232,.96);border-bottom:1px solid rgba(17,17,17,.72)}
.header-inner{max-width:1280px;min-height:72px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-logo{display:flex;align-items:center;text-decoration:none;min-width:148px}.site-logo img{max-height:44px;width:auto}
.nav-core{display:flex;align-items:center;gap:24px}.nav-core a{text-decoration:none;color:#111;padding:9px 2px 7px;border-bottom:2px solid transparent;font-weight:650;white-space:nowrap}.nav-core a:hover,.nav-core a.active{border-bottom-color:#111}
.header-actions{display:flex;align-items:center;gap:14px}.main-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;text-decoration:none;border:1px solid #111;border-radius:4px;font-weight:750;transition:.18s ease}.main-btn{background:#111;color:#fff}.main-btn:hover{background:#D7FF32;color:#111}.secondary-btn{background:transparent;color:#111}.secondary-btn:hover{background:#111;color:#fff}.compact{min-height:42px;padding:8px 16px}
.menu-toggle{width:44px;height:44px;border:0;background:transparent;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#111}.menu-toggle span:nth-child(2){width:72%}.menu-toggle span:nth-child(3){width:45%}.mobile-first{display:none}
.drawer-overlay{position:fixed;inset:0;background:rgba(17,17,17,.55);z-index:10000;opacity:0;visibility:hidden;transition:.2s}.site-drawer{position:fixed;z-index:10001;top:0;right:0;width:min(460px,92vw);height:100vh;background:#111;color:#F4F1E8;padding:26px;transform:translateX(102%);transition:.25s ease;overflow-y:auto}.drawer-open .drawer-overlay{opacity:1;visibility:visible}.drawer-open .site-drawer{transform:none}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(244,241,232,.35)}.drawer-top strong{font-size:28px}.drawer-close{border:1px solid #F4F1E8;background:transparent;color:#F4F1E8;padding:8px 12px;cursor:pointer}.drawer-nav{display:grid;padding:14px 0}.drawer-nav a{display:flex;gap:20px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(244,241,232,.16);font-size:clamp(22px,4vw,34px);font-weight:750;text-decoration:none;line-height:1.25}.drawer-nav a span{font-size:12px;color:#D7FF32;min-width:22px}.drawer-nav a:hover,.drawer-nav a.active{color:#D7FF32}.drawer-note{font-size:13px;color:#c8c4b8;margin:24px 0 8px}
.container{width:min(1280px,calc(100% - 48px));margin:0 auto}.narrow{width:min(900px,calc(100% - 48px));margin:0 auto}.section{padding:96px 0}.section-tight{padding:62px 0}.section-dark{background:#161616;color:#F4F1E8}.section-blue{background:#2457FF;color:#fff}.section-lime{background:#F1F8C9}.section-paper{background:#FFFDF7}.section-rule{border-top:1px solid #111;border-bottom:1px solid #111}
.kicker,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-kicker{display:flex;align-items:center;gap:14px;color:#2457FF;margin:0 0 16px}.section-kicker:before{content:"";width:36px;height:1px;background:currentColor}
h1,h2,h3{color:#111;margin-top:0;line-height:1.02;letter-spacing:-.035em}.section-dark h1,.section-dark h2,.section-dark h3,.section-blue h1,.section-blue h2,.section-blue h3{color:inherit}h1{font-size:clamp(48px,8.6vw,104px);margin-bottom:24px}h2{font-size:clamp(34px,5.2vw,58px);margin-bottom:22px}h3{font-size:clamp(22px,2.7vw,30px);margin-bottom:14px}p{margin:0 0 18px}.lead{font-size:clamp(19px,2.3vw,25px);line-height:1.55;max-width:850px}.muted{color:#62605B}.accent-label{display:inline-block;background:#D7FF32;color:#111;padding:4px 8px;font-size:12px;font-weight:800;letter-spacing:.12em}.section-index{color:#2457FF;font-weight:800}.text-link{color:#2457FF;font-weight:750;text-decoration-thickness:1px;text-underline-offset:4px}
.hero{padding:46px 0 72px}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.hero-copy{grid-column:1/span 6;padding-top:32px}.hero-copy h1{font-size:clamp(70px,10vw,136px);line-height:.86;margin:20px 0 34px}.hero-copy .lead{max-width:620px}.hero-visual{grid-column:7/span 6;position:relative}.hero-visual img{width:100%;border:1px solid #111;background:#FFFDF7;padding:8px;object-fit:contain}.poster-tag{position:absolute;left:-22px;bottom:20px;background:#D7FF32;color:#111;padding:10px 14px;font-weight:900;border:1px solid #111}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0 32px;padding-top:16px;border-top:1px solid #111}.hero-meta span{font-size:13px;font-weight:700}.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.info-strip{border-top:1px solid #111;border-bottom:1px solid #111}.info-grid{display:grid;grid-template-columns:repeat(4,1fr)}.info-item{padding:28px 24px;border-right:1px solid #111}.info-item:last-child{border-right:0}.info-item b{display:block;color:#2457FF;font-size:13px;margin-bottom:14px}.info-item h3{font-size:24px;margin-bottom:10px}.info-item p{font-size:14px;line-height:1.65;margin:0}
.channel-index{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #111}.channel-index a{display:grid;grid-template-columns:64px 1fr auto;gap:16px;padding:24px 10px;border-bottom:1px solid #111;text-decoration:none}.channel-index a:nth-child(odd){border-right:1px solid #111}.channel-index .num{color:#2457FF;font-weight:800}.channel-index strong{font-size:20px}.channel-index small{display:block;color:#62605B;margin-top:4px;line-height:1.5}.channel-index .go{align-self:center;font-weight:800}.channel-index a:hover{background:#D7FF32}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:.9fr 1.1fr}.split.reverse .media{order:2}.split.reverse .copy{order:1}.media img,.feature-image img{border:1px solid #111;background:#FFFDF7;padding:7px}.copy .stat{font-size:clamp(48px,8vw,110px);font-weight:900;line-height:.82;color:#2457FF;margin-bottom:22px}.copy .mini-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #111;border-bottom:1px solid #111;margin:28px 0}.copy .mini-list span{padding:12px;border-right:1px solid #111;font-size:13px}.copy .mini-list span:last-child{border-right:0}
.duo{display:grid;grid-template-columns:1fr 1.06fr}.duo>article{padding:56px}.duo>article:first-child{background:#161616;color:#F4F1E8}.duo>article:first-child h2,.duo>article:first-child h3{color:#F4F1E8}.duo>article:last-child{border:1px solid #111;border-left:0}.duo img{margin:26px 0;border:1px solid currentColor}.points{display:grid;gap:10px;margin:24px 0}.point{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:14px 0;border-top:1px solid currentColor}.point b{color:#D7FF32}.duo>article:last-child .point b{color:#2457FF}
.chat-community{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px}.chat-panel,.community-panel{padding:34px;border:1px solid #111}.chat-panel{background:#FFFDF7}.community-panel{background:#E5EAFF}.message-line{padding:16px 0;border-bottom:1px solid rgba(17,17,17,.25);display:grid;grid-template-columns:70px 1fr;gap:12px}.message-line b{font-size:12px;color:#2457FF}.topic-list a{display:grid;grid-template-columns:70px 1fr auto;gap:14px;text-decoration:none;padding:18px 0;border-bottom:1px solid #111}.topic-list a:hover{background:#D7FF32}
.triple{display:grid;grid-template-columns:1.15fr .85fr 1fr;border-top:1px solid #111;border-bottom:1px solid #111}.triple>article{padding:34px;border-right:1px solid #111}.triple>article:last-child{border-right:0}.triple img{margin:20px 0}.date-row{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(17,17,17,.3)}.date-row b{font-size:20px;color:#FF5938}
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#F4F1E8;border:1px solid #F4F1E8}.safety-panel{background:#161616;padding:44px}.safety-panel img{border:1px solid rgba(244,241,232,.4);margin-bottom:28px}.safety-panel .accent-label{margin-bottom:18px}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid #111}.review{padding:30px;border-bottom:1px solid #111}.review:nth-child(odd){border-right:1px solid #111}.review:nth-child(2),.review:nth-child(5){background:#F1F8C9}.review q{display:block;font-size:19px;font-weight:650}.review b{display:block;color:#2457FF;margin-top:14px;font-size:12px}
.faq-list{border-top:1px solid #111}.faq-item{border-bottom:1px solid #111}.faq-question{width:100%;border:0;background:transparent;color:#111;padding:22px 0;text-align:left;display:grid;grid-template-columns:54px 1fr 34px;gap:12px;align-items:center;cursor:pointer;font-weight:800}.faq-question .num{color:#2457FF}.faq-question .plus{font-size:26px;text-align:center;transition:.2s}.faq-answer{padding:0 34px 18px 54px}.faq-item.open .plus{transform:rotate(45deg)}
.compliance-band{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;padding:44px 0;border-top:1px solid #111}.compliance-band strong{font-size:clamp(28px,4vw,48px);line-height:1}.about-mini{display:grid;grid-template-columns:1fr 2fr;gap:42px}.about-mini .big{font-size:clamp(56px,9vw,120px);font-weight:900;line-height:.85}
.page-hero{padding:72px 0 58px;border-bottom:1px solid #111}.page-hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:end}.page-hero-copy{grid-column:1/span 7}.page-hero-copy h1{margin-bottom:24px}.page-hero-media{grid-column:9/span 4}.page-hero-media img{border:1px solid #111;background:#FFFDF7;padding:6px}.page-hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #111}
.editorial-grid{display:grid;grid-template-columns:280px 1fr;gap:56px}.sticky-note{position:sticky;top:104px;align-self:start}.sticky-note .index-no{font-size:88px;font-weight:900;line-height:.8;color:#2457FF}.prose{font-size:17px;line-height:1.9}.prose h2{margin-top:58px}.prose h3{margin-top:36px}.prose img{margin:28px 0;border:1px solid #111;background:#FFFDF7;padding:6px}.prose .pullquote{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.22;border-top:4px solid #111;border-bottom:1px solid #111;padding:26px 0;margin:48px 0}
.catalog{border-top:1px solid #111}.catalog-row{display:grid;grid-template-columns:90px 1fr 1.4fr;gap:28px;padding:28px 0;border-bottom:1px solid #111}.catalog-row .num{color:#2457FF;font-weight:800}.catalog-row h3{margin:0}.dark-callout{background:#161616;color:#F4F1E8;padding:44px;margin:46px 0}.dark-callout h2,.dark-callout h3{color:inherit}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111;border-left:1px solid #111}.rule-grid article{padding:26px;border-right:1px solid #111;border-bottom:1px solid #111;background:#FFFDF7}.rule-grid b{display:block;color:#2457FF;margin-bottom:10px}.timeline{border-left:2px solid #111;margin-left:14px}.timeline article{position:relative;padding:0 0 42px 42px}.timeline article:before{content:"";position:absolute;left:-9px;top:8px;width:16px;height:16px;background:#D7FF32;border:2px solid #111}.timeline .time{color:#FF5938;font-size:13px;font-weight:800}
.step-list{counter-reset:steps;border-top:1px solid #111}.step-list article{counter-increment:steps;display:grid;grid-template-columns:90px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid #111}.step-list article:before{content:"0" counter(steps);font-size:30px;color:#2457FF;font-weight:900}.device-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:start}.device-showcase .phone-frame{position:sticky;top:104px}.device-showcase img{max-height:760px;margin:auto;border:1px solid #111;background:#FFFDF7;padding:8px}.feature-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.feature-columns article{border-top:1px solid #111;padding-top:20px}.notice-box{background:#F1F8C9;border:1px solid #111;padding:28px;margin:38px 0}.quote-box{background:#2457FF;color:#fff;padding:38px;margin:38px 0}.quote-box h2,.quote-box h3{color:#fff}.contact-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #111;border-left:1px solid #111}.contact-flow article{padding:24px;border-right:1px solid #111;border-bottom:1px solid #111}.contact-flow b{color:#2457FF}.faq-page .faq-answer{display:block;padding-bottom:24px}
.site-footer{background:#111;color:#F4F1E8}.footer-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:72px 0 30px}.footer-brand{display:grid;grid-template-columns:1fr 2fr;gap:28px;padding-bottom:46px;border-bottom:1px solid rgba(244,241,232,.25)}.footer-kicker{color:#D7FF32;font-size:12px;font-weight:800;letter-spacing:.15em}.footer-wordmark{grid-column:1/-1;font-size:clamp(60px,12vw,170px);font-weight:900;line-height:.8;letter-spacing:-.06em}.footer-brand>p:last-child{grid-column:2;max-width:760px;color:#c9c5b9}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:46px 0}.footer-columns h3{color:#D7FF32;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.footer-columns a,.footer-columns p{display:block;color:#F4F1E8;text-decoration:none;font-size:14px;margin:0 0 9px}.footer-columns a:hover{color:#D7FF32}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(244,241,232,.25);padding-top:22px;font-size:12px;color:#a9a59b}.mobile-bottom-nav{display:none}
@media(max-width:980px){.nav-core{display:none}.desktop-menu{display:none}.mobile-first{display:flex}.site-logo{min-width:auto;position:absolute;left:50%;transform:translateX(-50%)}.header-inner{padding:0 18px}.hero-grid,.page-hero-grid{display:block}.hero-copy{padding-top:10px}.hero-copy h1{font-size:clamp(60px,19vw,96px)}.hero-visual{margin-top:38px}.poster-tag{left:12px}.info-grid{grid-template-columns:repeat(2,1fr)}.info-item:nth-child(2){border-right:0}.info-item:nth-child(-n+2){border-bottom:1px solid #111}.split,.split.reverse,.duo,.chat-community,.triple,.safety-grid,.editorial-grid,.device-showcase,.about-mini{grid-template-columns:1fr}.split.reverse .media,.split.reverse .copy{order:initial}.duo>article:last-child{border-left:1px solid #111;border-top:0}.triple>article{border-right:0;border-bottom:1px solid #111}.triple>article:last-child{border-bottom:0}.page-hero-media{margin-top:34px;max-width:560px}.page-hero-meta{margin-top:28px}.sticky-note,.device-showcase .phone-frame{position:static}.sticky-note{display:flex;gap:20px;align-items:end;margin-bottom:32px}.catalog-row{grid-template-columns:70px 1fr}.catalog-row>p{grid-column:2}.rule-grid{grid-template-columns:1fr 1fr}.contact-flow{grid-template-columns:1fr 1fr}.footer-brand{grid-template-columns:1fr}.footer-brand>p:last-child{grid-column:1}.footer-columns{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{padding-bottom:62px}.container,.narrow,.footer-wrap{width:min(100% - 34px,1280px)}.site-logo img{max-height:34px}.header-actions .main-btn{min-height:38px;padding:7px 11px;font-size:13px}.header-inner{min-height:62px}.section{padding:66px 0}.section-tight{padding:46px 0}.hero{padding:30px 0 50px}.hero-copy h1{font-size:clamp(54px,18vw,78px)}h1{font-size:clamp(42px,14vw,68px)}h2{font-size:clamp(32px,10vw,46px)}.info-grid{grid-template-columns:1fr}.info-item{border-right:0;border-bottom:1px solid #111!important}.info-item:last-child{border-bottom:0!important}.channel-index{grid-template-columns:1fr}.channel-index a:nth-child(odd){border-right:0}.channel-index a{grid-template-columns:50px 1fr 24px;padding:20px 4px}.copy .mini-list{grid-template-columns:1fr}.copy .mini-list span{border-right:0;border-bottom:1px solid #111}.copy .mini-list span:last-child{border-bottom:0}.duo>article,.chat-panel,.community-panel,.triple>article,.safety-panel{padding:26px 20px}.review-grid,.feature-columns{grid-template-columns:1fr}.review:nth-child(odd){border-right:0}.compliance-band{grid-template-columns:1fr;gap:18px}.faq-question{grid-template-columns:42px 1fr 28px}.faq-answer{padding-left:42px;padding-right:10px}.page-hero{padding:48px 0 38px}.page-hero-meta{display:grid}.editorial-grid{gap:20px}.catalog-row{grid-template-columns:48px 1fr;gap:12px}.catalog-row>p{grid-column:2}.rule-grid,.contact-flow{grid-template-columns:1fr}.device-showcase{gap:28px}.step-list article{grid-template-columns:52px 1fr;gap:12px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-bottom{display:grid}.footer-wordmark{font-size:clamp(58px,23vw,110px)}.mobile-bottom-nav{position:fixed;z-index:9000;left:0;right:0;bottom:0;height:58px;background:#F4F1E8;border-top:1px solid #111;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:750}.mobile-bottom-nav a:hover{background:#D7FF32}}
