:root{
  --primary:#E86F51;
  --primary-2:#F28B68;
  --primary-deep:#C9553D;
  --melon:#F8C8A4;
  --melon-soft:#FDE8D6;
  --cream:#FFF8F0;
  --cream-2:#FFF1E5;
  --surface:#FFFFFF;
  --surface-soft:rgba(255,255,255,.86);
  --text:#5A3A2D;
  --text-2:#7B594A;
  --text-3:#9B7B6C;
  --seed:#3F2B25;
  --rind:#4F8A62;
  --rind-soft:#E5F1E8;
  --line:rgba(90,58,45,.09);
  --line-strong:rgba(201,85,61,.22);
  --shadow:0 7px 24px rgba(90,58,45,.08);
  --shadow-hover:0 16px 38px rgba(201,85,61,.16);
  --radius:12px;
  --radius-card:18px;
  --radius-large:26px;
  --radius-pill:999px;
  --wrap:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.72;overflow-x:hidden}
body.search-open,body.drawer-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;object-fit:cover}
button,input{font:inherit}
button{color:inherit}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--seed);color:#fff;padding:10px 16px;border-radius:10px;transition:top .2s}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid rgba(232,111,81,.38);outline-offset:3px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary-deep);font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.eyebrow:before{content:"";width:18px;height:3px;border-radius:99px;background:var(--primary)}
.lead{font-size:1.08rem;color:var(--text-2);max-width:760px;margin:18px 0 0}
h1,h2,h3,h4{margin:0;line-height:1.28;color:var(--text);letter-spacing:-.015em}
h1{font-size:clamp(2.2rem,4.7vw,4.5rem)}
h2{font-size:clamp(1.7rem,3vw,2.6rem)}
h3{font-size:1.08rem}
p{margin:0;color:var(--text-2)}
.announcement{height:30px;background:linear-gradient(90deg,#E86F51,#F28B68,#E89870);color:#fff;overflow:hidden;display:flex;align-items:center;font-size:.8rem}
.announcement-track{display:flex;gap:52px;white-space:nowrap;min-width:max-content;padding-left:3vw;animation:ticker 32s linear infinite}
.announcement-track span:before{content:"•";margin-right:9px;opacity:.75}
@keyframes ticker{to{transform:translateX(-35%)}}
.site-header{position:sticky;top:0;z-index:150;background:rgba(255,248,240,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,111,81,.10);transition:box-shadow .2s,background .2s}
.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(90,58,45,.08)}
.header-inner{height:68px;display:flex;align-items:center;gap:20px}
.brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;font-weight:900;color:var(--primary-deep);font-size:1.25rem}
.brand img{width:42px;height:42px;border-radius:13px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;flex:1}
.desktop-nav a{position:relative;font-weight:700;font-size:.9rem;color:var(--text-2);white-space:nowrap;padding:22px 0}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}
.desktop-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:11px;height:3px;background:var(--primary);border-radius:99px}
.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.header-link,.search-trigger,.icon-btn{border:0;background:transparent;cursor:pointer}
.header-link{font-size:.86rem;font-weight:750;color:var(--text-2)}
.search-trigger{display:flex;align-items:center;gap:6px;border:1px solid rgba(232,111,81,.18);background:#fff;padding:8px 12px;border-radius:var(--radius-pill);font-size:.86rem;font-weight:750;color:var(--text-2)}
.search-trigger:hover{border-color:var(--primary);color:var(--primary)}
.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:1.4rem}
.icon-btn:hover{background:var(--cream-2)}
.mobile-menu-btn{display:none}
.mega-menu{position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:24px 0}
.mega-menu[hidden]{display:none}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mega-grid section{display:grid;gap:7px}
.mega-grid strong{color:var(--primary-deep);margin-bottom:4px}
.mega-grid a{font-size:.9rem;color:var(--text-2)}
.mega-grid a:hover{color:var(--primary)}
.drawer{position:fixed;inset:0;z-index:250;background:rgba(63,43,37,.36);display:flex;justify-content:flex-start}
.drawer[hidden]{display:none}
.drawer-panel{width:min(86vw,360px);height:100%;background:var(--cream);padding:20px;box-shadow:20px 0 50px rgba(63,43,37,.15);overflow:auto}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.drawer-panel nav{display:grid;gap:5px}
.drawer-panel nav a{padding:11px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;font-weight:700;color:var(--text-2)}
.search-modal{display:none;position:fixed;inset:0;z-index:400;background:rgba(63,43,37,.48);padding:90px 20px 30px;align-items:flex-start;justify-content:center}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
.search-dialog{width:min(720px,100%);background:var(--cream);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 35px 90px rgba(63,43,37,.25);padding:26px}
.search-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.search-dialog-head h2{font-size:1.65rem;margin-top:4px}
.search-form,.hero-search{display:flex;gap:9px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:6px}
.search-form input,.hero-search input{flex:1;min-width:0;border:0;background:transparent;padding:8px 14px;color:var(--text);outline:0}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;color:var(--text-3);font-size:.88rem}
.search-suggestions a{padding:6px 10px;border-radius:var(--radius-pill);background:var(--melon-soft);color:var(--primary-deep)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(232,111,81,.2)}
.btn-primary:hover{background:var(--primary-deep)}
.btn-ghost{background:#fff;border-color:rgba(232,111,81,.24);color:var(--primary-deep)}
.btn-ghost:hover{box-shadow:var(--shadow)}
.btn-text{color:var(--primary-deep);padding-inline:8px}
.btn-light{background:#fff;color:var(--primary-deep);border-color:rgba(255,255,255,.6)}
.home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 16%,rgba(248,200,164,.48),transparent 24%),radial-gradient(circle at 12% 88%,rgba(79,138,98,.08),transparent 18%),linear-gradient(135deg,#FFF8F0,#FFF1E5 58%,#FDE8D6);padding:58px 0 46px}
.home-hero:before{content:"";position:absolute;width:280px;height:280px;border:32px solid rgba(232,111,81,.05);border-radius:50%;right:-90px;bottom:-120px}
.hero-grid{display:grid;grid-template-columns:52fr 48fr;gap:54px;align-items:center}
.hero-copy h1{margin-top:12px;max-width:760px}
.hero-copy h1 em{font-style:normal;color:var(--primary);background:linear-gradient(90deg,var(--primary),var(--primary-2));-webkit-background-clip:text;color:transparent}
.hero-copy .lead{max-width:690px}
.hero-search{margin-top:26px;max-width:650px;box-shadow:var(--shadow)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}
.fact-notes{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;font-size:.82rem;color:var(--text-2)}
.fact-notes span{background:rgba(255,255,255,.7);padding:5px 9px;border-radius:99px}
.hero-visual{position:relative}
.media-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow)}
.media-card img{width:100%;height:auto;object-fit:cover}
.media-card figcaption{padding:11px 14px;font-size:.78rem;color:var(--text-3);background:rgba(255,255,255,.93)}
.hero-media{border-radius:32px;box-shadow:0 24px 55px rgba(90,58,45,.13)}
.hero-media img{min-height:390px}
.hero-focus-list{position:relative;margin:-48px 22px 0;display:grid;gap:8px}
.hero-focus-list article{display:flex;gap:11px;align-items:center;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:13px;padding:10px 12px;box-shadow:var(--shadow)}
.hero-focus-list strong{font-size:.82rem;line-height:1.45}
.status{display:inline-flex;white-space:nowrap;align-items:center;background:var(--melon-soft);color:var(--primary-deep);border-radius:99px;padding:4px 8px;font-size:.72rem;font-weight:800}
.status-good{background:var(--rind-soft);color:var(--rind)}
.status-warn{background:#FFF0E8;color:#A04A35;border:1px solid rgba(201,85,61,.14)}
.focus-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.focus-strip .wrap{min-height:48px;display:flex;align-items:center;gap:20px;overflow:hidden}
.focus-strip strong{color:var(--primary-deep);flex:0 0 auto}
.focus-strip a{font-size:.84rem;color:var(--text-2);white-space:nowrap}
.focus-strip a span{margin-left:6px;color:var(--rind);font-size:.76rem}
.section{padding:76px 0}
.section-soft{background:var(--cream-2)}
.section-heading{text-align:center;max-width:820px;margin:0 auto 30px}
.section-heading.left{text-align:left;margin-left:0}
.section-heading h2{margin-top:7px}
.section-heading p{margin-top:11px}
.section-action{display:flex;gap:10px;justify-content:center;margin-top:28px}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.channel-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s}
.channel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.channel-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--melon-soft);color:var(--primary-deep);font-weight:900}
.channel-card strong,.channel-card small{display:block}
.channel-card small{margin-top:3px;color:var(--text-3);font-size:.74rem;line-height:1.35}
.tone-peach>span,.tone-peach.channel-tag{background:#FBE1CF;color:#B55D45}.tone-plum>span,.tone-plum.channel-tag{background:#F0E5E8;color:#795661}.tone-coral>span,.tone-coral.channel-tag{background:#F9DDD5;color:#A45849}.tone-green>span,.tone-green.channel-tag{background:var(--rind-soft);color:var(--rind)}.tone-bluegreen>span,.tone-bluegreen.channel-tag{background:#E4F0EE;color:#4F7773}.tone-rose>span,.tone-rose.channel-tag{background:#F6E3E2;color:#995F5B}.tone-caramel>span,.tone-caramel.channel-tag{background:#EFE2D8;color:#725142}.tone-melon>span,.tone-melon.channel-tag{background:var(--melon-soft);color:var(--primary-deep)}
.focus-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:stretch}
.focus-main{height:100%}.focus-main img{height:calc(100% - 43px);min-height:360px}
.focus-updates{display:grid;gap:14px}
.focus-updates article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow)}
.focus-updates h3{margin:12px 0 8px;font-size:1.14rem}
.focus-updates a,.text-link{display:inline-block;margin-top:13px;color:var(--primary-deep);font-weight:800;font-size:.88rem}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.content-card{display:flex;flex-direction:column;min-height:275px;background:#fff;border:1px solid rgba(232,111,81,.12);border-radius:var(--radius-card);padding:18px;box-shadow:0 5px 16px rgba(90,58,45,.05);transition:transform .18s,box-shadow .18s}
.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.card-topline,.card-meta,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.channel-tag{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.72rem;font-weight:800}
.content-card h3{margin:14px 0 9px;font-size:1.04rem}
.content-card h3 a:hover{color:var(--primary)}
.content-card p{font-size:.86rem;line-height:1.7;flex:1}
.card-meta{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.7rem;color:var(--text-3)}
.card-bottom{margin-top:9px;font-size:.75rem;color:var(--text-2)}
.card-bottom a{color:var(--primary-deep);font-weight:800}
.empty-state,.channel-placeholder{background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-card);padding:30px;text-align:center}
.empty-state p,.channel-placeholder p{margin:8px 0 16px}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.hot-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.hot-list li{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}
.hot-rank{width:54px;flex:0 0 54px;color:#8D776E;font-size:.72rem;font-weight:900;padding-top:2px}.rank-1{color:#E86F51}.rank-2{color:#D98164}.rank-3{color:#D9A179}
.hot-list a{display:block;font-weight:800;font-size:.92rem}.hot-list small{display:block;color:var(--text-3);margin-top:3px}
.mini-timeline,.timeline-list{display:grid;gap:10px;margin-top:14px}
.mini-timeline article,.timeline-list article{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:flex-start}
.mini-timeline article>span,.timeline-list article>span{display:inline-flex;justify-content:center;border-radius:99px;padding:4px 8px;background:var(--rind-soft);color:var(--rind);font-size:.74rem;font-weight:800}
.mini-timeline p,.timeline-list p{font-size:.82rem;margin-top:2px}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.topic-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;gap:6px;transition:transform .18s,box-shadow .18s}
.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.topic-card strong{color:var(--primary-deep)}.topic-card span{font-size:.8rem;color:var(--text-2)}.topic-card em{font-style:normal;color:var(--rind);font-size:.76rem;font-weight:800;margin-top:3px}
.thread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.thread-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:205px}
.seed-mark{position:absolute;right:15px;top:12px;color:var(--seed);opacity:.18;transform:rotate(35deg)}
.thread-card h3{padding-right:20px;margin-bottom:10px}.thread-card p{font-size:.84rem}.thread-card small{display:block;color:var(--rind);margin-top:12px}.thread-card a{display:inline-block;color:var(--primary-deep);font-weight:800;font-size:.8rem;margin-top:12px}
.visual-grid{display:grid;gap:16px}.visual-grid.triple{grid-template-columns:repeat(3,1fr)}.visual-grid.double{grid-template-columns:repeat(2,1fr);margin-top:16px}.visual-grid:not(.triple):not(.double){grid-template-columns:repeat(3,1fr)}
.phone-shot img{aspect-ratio:9/16!important}.app-preview .phone-shot{max-width:310px;justify-self:center;width:100%}
.safety-callout .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,var(--rind-soft),#F9F6E9);border:1px solid rgba(79,138,98,.15);border-radius:24px;padding:28px}
.safety-callout h2{margin:6px 0 8px;font-size:1.6rem}.safety-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.safety-links a{padding:8px 12px;background:#fff;border-radius:99px;color:var(--rind);font-weight:800;font-size:.8rem}
.page-hero,.category-hero,.app-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cream),var(--cream-2));padding:44px 0 54px;border-bottom:1px solid var(--line)}
.page-hero.compact{padding-bottom:45px}
.page-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;margin-top:14px}
.page-hero-grid h1{font-size:clamp(2.15rem,4vw,3.9rem);margin-top:9px}
.page-hero-media img{min-height:330px}
.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--text-3);font-size:.78rem;margin-bottom:18px}.breadcrumb a:hover{color:var(--primary)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:190px}
.feature-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--melon-soft);color:var(--primary-deep);border-radius:12px;font-weight:900;margin-bottom:14px}
.feature-card h3{margin-bottom:8px}.feature-card p{font-size:.84rem}.feature-card a{display:inline-block;margin-top:10px;color:var(--primary-deep);font-weight:800;font-size:.8rem}
.split-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-weight:900}.step p{font-size:.84rem;margin-top:4px}
.side-media img{min-height:380px}.boundary-box{background:#fff;border:1px solid rgba(79,138,98,.2);border-left:4px solid var(--rind);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.boundary-box strong{color:var(--rind);font-size:1.1rem}.boundary-box p{margin:8px 0 14px}.boundary-box a{color:var(--primary-deep);font-weight:800;font-size:.84rem}
.cta-band{background:linear-gradient(135deg,var(--primary-deep),var(--primary),var(--primary-2));padding:42px 0;color:#fff}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2,.cta-band p,.cta-band .eyebrow{color:#fff}.cta-band .eyebrow:before{background:rgba(255,255,255,.75)}.cta-band p{opacity:.88;margin-top:6px;max-width:760px}
.section-faq{padding-top:55px}.faq-list{display:grid;gap:10px;max-width:930px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:#fff;padding:16px 18px;text-align:left;font-weight:800;cursor:pointer}.faq-question:hover{color:var(--primary)}.faq-answer{display:block;padding:0 18px 16px}.js .faq-answer{display:none}.js .faq-item.open .faq-answer{display:block}.js .faq-item.open .faq-question{color:var(--primary-deep)}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.filter-bar a{padding:7px 11px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:.78rem;font-weight:750;color:var(--text-2)}.filter-bar a.active,.filter-bar a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.result-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.result-head h2{margin-top:5px}.result-head>span{color:var(--text-3);font-size:.8rem}
.hot-page-grid{grid-template-columns:1.3fr .7fr}.hot-note{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;height:max-content}.hot-note strong{color:var(--primary-deep)}.hot-note ul{padding-left:18px;color:var(--text-2);font-size:.86rem}.hot-note a{color:var(--rind);font-weight:800;font-size:.82rem}
.timeline-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center}.timeline-list article{grid-template-columns:62px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.wide-media img{max-height:440px}
.category-hero{padding-bottom:46px}.category-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);margin:7px 0}.channel-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.channel-sidebar{position:sticky;top:94px;display:grid;gap:6px}.channel-sidebar>strong{color:var(--primary-deep);margin-bottom:4px}.channel-sidebar a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 11px;font-weight:800;font-size:.85rem}.channel-sidebar a.active,.channel-sidebar a:hover{border-color:var(--primary);color:var(--primary)}.channel-sidebar small{display:block;color:var(--text-3);font-weight:500;font-size:.7rem;line-height:1.35;margin-top:3px}.channel-layout .card-grid{grid-template-columns:repeat(3,1fr)}
.app-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.app-hero h1{font-size:clamp(2.2rem,4.4vw,4rem);margin:8px 0}.app-showcase{position:relative;min-height:470px}.app-main-media{position:absolute;inset:0 50px 20px 0}.app-main-media img{height:100%}.phone-overlay{position:absolute;width:190px;right:0;bottom:0;transform:rotate(3deg);box-shadow:0 25px 50px rgba(90,58,45,.16)}.phone-overlay img{aspect-ratio:9/16!important}.app-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.app-points span{background:#fff;border:1px solid var(--line);padding:6px 9px;border-radius:99px;font-size:.78rem;color:var(--text-2)}
.app-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-screen{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.app-screen .media-card figcaption{display:none}.app-screen h3{margin:5px 0 7px}.app-screen p{font-size:.8rem}.screen-index{font-size:.72rem;color:var(--primary);font-weight:900}
.browser-features{display:grid;gap:22px}.browser-features article{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.browser-features article:nth-child(even)>div:first-child{order:2}.browser-features h3{font-size:1.45rem;margin:6px 0 8px}.browser-features a{display:inline-block;color:var(--primary-deep);font-weight:800;margin-top:12px}
.faq-layout{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:start}.faq-nav{position:sticky;top:94px;display:grid;gap:7px}.faq-nav strong{color:var(--primary-deep);margin-bottom:3px}.faq-nav a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 11px;font-size:.8rem;font-weight:750;color:var(--text-2)}
.site-footer{background:linear-gradient(135deg,#5A3A2D,#4A3028,#33231E);color:rgba(255,248,240,.75);padding:58px 0 82px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px}.brand-footer{color:#fff}.footer-brand p{font-size:.84rem;margin:14px 0;max-width:330px;color:rgba(255,248,240,.72)}.footer-note{font-size:.75rem;color:var(--melon)}.footer-grid section:not(.footer-brand){display:flex;flex-direction:column;gap:7px}.footer-grid h2{font-size:.9rem;color:#fff;margin-bottom:5px}.footer-grid a{font-size:.8rem}.footer-grid section:not(.footer-brand) a:hover{color:var(--melon)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);font-size:.74rem}
.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:22px;z-index:90;width:42px;height:42px;border:0;border-radius:14px;background:var(--seed);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.back-top.show{opacity:1;pointer-events:auto;transform:none}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1200px){.desktop-nav{gap:11px}.desktop-nav a{font-size:.82rem}.header-link.desktop-only,.icon-btn.desktop-only{display:none}.card-grid{grid-template-columns:repeat(3,1fr)}.app-screen-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.desktop-nav{display:none}.mobile-menu-btn{display:grid}.header-inner{gap:10px}.header-actions{margin-left:auto}.channel-sidebar,.faq-nav{display:none}.channel-layout,.faq-layout{grid-template-columns:1fr}.channel-layout .card-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.page-hero-grid{gap:30px}}
@media(max-width:900px){.hero-grid,.page-hero-grid,.app-hero-grid,.split-layout,.two-columns,.timeline-layout{grid-template-columns:1fr}.home-hero{padding-top:42px}.hero-visual{max-width:700px}.hero-media img{min-height:300px}.focus-layout{grid-template-columns:1fr}.focus-updates{grid-template-columns:1fr 1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.thread-grid{grid-template-columns:repeat(2,1fr)}.visual-grid.triple,.visual-grid:not(.triple):not(.double){grid-template-columns:repeat(2,1fr)}.app-showcase{min-height:430px;max-width:650px}.browser-features article{grid-template-columns:1fr}.browser-features article:nth-child(even)>div:first-child{order:0}.cta-band .wrap,.safety-callout .wrap{align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.focus-strip .wrap{overflow:auto;scrollbar-width:none}.focus-strip .wrap::-webkit-scrollbar{display:none}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.section{padding:58px 0}.header-inner{height:62px}.brand span{font-size:1.05rem}.brand img{width:38px;height:38px}.header-link{display:none}.search-trigger span{display:none}.hero-focus-list{margin:-20px 10px 0}.focus-updates{grid-template-columns:1fr}.card-grid,.channel-layout .card-grid{grid-template-columns:repeat(2,1fr)}.app-screen-grid{grid-template-columns:1fr}.app-screen{grid-template-columns:130px 1fr}.footer-grid{gap:26px}.cta-band .wrap,.safety-callout .wrap{flex-direction:column}.safety-links{justify-content:flex-start}.mobile-bottom{position:fixed;left:10px;right:10px;bottom:8px;z-index:120;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(90,58,45,.15);padding:7px}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--text-2);font-size:1rem}.mobile-bottom span{font-size:.65rem;font-weight:750}.site-footer{padding-bottom:110px}.back-top{bottom:82px}.search-modal{padding-top:55px}.search-dialog{padding:20px}}
@media(max-width:600px){h1{font-size:2.15rem}.home-hero{padding-top:34px}.hero-search,.search-form{border-radius:18px;align-items:stretch}.hero-search{flex-direction:column}.hero-search .btn{width:100%}.search-form input{width:100%}.fact-notes{gap:7px}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1 1 auto}.hero-focus-list article{align-items:flex-start}.focus-strip{display:none}.channel-grid,.card-grid,.channel-layout .card-grid,.topic-grid,.thread-grid,.feature-grid,.visual-grid.triple,.visual-grid.double,.visual-grid:not(.triple):not(.double){grid-template-columns:1fr}.content-card{min-height:0}.two-columns{gap:34px}.page-hero,.category-hero,.app-hero{padding-top:34px}.page-hero-media img{min-height:240px}.visual-grid.double{margin-top:12px}.app-showcase{min-height:350px}.app-main-media{inset:0 45px 20px 0}.phone-overlay{width:145px}.app-screen{grid-template-columns:100px 1fr}.browser-features article{padding:12px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.search-form{flex-direction:column}.search-suggestions{gap:6px}.result-head{align-items:flex-start;flex-direction:column}.hero-media img{min-height:250px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}