:root{
  --ink:#10213D;--ink-2:#1A3157;--navy:#12315A;--navy-2:#1B4775;--bg:#F7F4EC;--bg-2:#EEF4F8;
  --surface:#FFFFFF;--surface-raised:#FFFCF5;--surface-soft:#E8F0F5;--signal:#F36B32;--signal-dark:#D94B1D;
  --signal-soft:rgba(243,107,50,.12);--green:#149B83;--green-soft:rgba(20,155,131,.12);--gold:#E3A72F;
  --gold-soft:rgba(227,167,47,.14);--text:#14233B;--text-2:#516176;--text-3:#8190A1;--line:#D8E1E8;
  --line-strong:#B9C8D4;--shadow:0 12px 30px rgba(25,49,79,.10);--shadow-strong:0 22px 55px rgba(25,49,79,.16);
  --glow:0 0 0 1px rgba(243,107,50,.10),0 16px 38px rgba(25,49,79,.12);--radius:10px;--radius-card:16px;
  --radius-large:24px;--wrap:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:var(--signal);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}.ticker{height:32px;background:var(--navy);color:#fff;overflow:hidden;font-size:13px}.ticker-track{height:100%;display:flex;align-items:center;gap:28px;white-space:nowrap}.ticker span{display:inline-flex;align-items:center;gap:7px}.ticker b{width:7px;height:7px;border-radius:50%;background:var(--signal);display:inline-block}.ticker time{color:#F2D48F;font-weight:700}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,252,245,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(25,49,79,.05)}.header-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{border-radius:11px}.brand span{display:grid}.brand strong{font-size:18px;color:var(--ink);line-height:1.15}.brand small{color:var(--text-3);font-size:11px;margin-top:4px}.desktop-nav{display:flex;align-items:stretch;height:100%;gap:4px;margin-inline:auto}.desktop-nav a{position:relative;display:flex;align-items:center;padding:0 10px;color:var(--text-2);font-weight:700;font-size:14px}.desktop-nav a.active,.desktop-nav a:hover{color:var(--navy)}.desktop-nav a.active:after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:3px;background:var(--signal);border-radius:3px 3px 0 0}.header-tools{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--navy);white-space:nowrap}.icon-btn,.menu-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;color:var(--navy)}.pill{background:var(--navy);color:#fff;padding:9px 12px;border-radius:999px}.menu-btn{display:none}.mobile-menu{border-top:1px solid var(--line);background:var(--surface)}.mobile-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:22px 0}.mobile-groups div{display:grid;gap:9px}.mobile-groups strong{color:var(--signal);font-size:12px}.search-overlay{position:fixed;inset:0;z-index:500;background:rgba(16,33,61,.55);padding:8vh 20px}.search-dialog{max-width:720px;margin:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow-strong);position:relative}.dialog-close{position:absolute;right:18px;top:16px;background:none;border:0;color:var(--text-2)}.search-dialog h2{margin:0 0 16px;color:var(--navy)}.search-row{display:flex;gap:10px}.search-row input{flex:1;border:1px solid var(--line-strong);border-radius:10px;padding:12px}.search-row button,.btn-primary{border:0;background:var(--signal);color:#fff;border-radius:10px;padding:12px 18px;font-weight:800}.btn-secondary{display:inline-flex;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:11px 17px;font-weight:800}.btn-outline{display:inline-flex;border:1px solid var(--navy);color:var(--navy);border-radius:10px;padding:10px 15px;font-weight:800;background:#fff}.main{min-height:60vh}.section{padding:58px 0}.section.soft{background:var(--bg-2)}.section.white{background:#fff}.section.navy{background:var(--navy);color:#fff}.section.signal-band{background:linear-gradient(110deg,var(--navy) 0 62%,var(--signal) 62% 100%);color:#fff}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,560px);gap:30px;align-items:end;margin-bottom:26px}.section-head h2{font-size:clamp(26px,3vw,40px);line-height:1.15;margin:5px 0 0;color:var(--ink)}.navy .section-head h2,.signal-band .section-head h2{color:#fff}.section-head p{margin:0;color:var(--text-2)}.navy .section-head p,.signal-band .section-head p{color:#dbe6ef}.section-no{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--signal)}.hero{padding:28px 0 42px;background:linear-gradient(180deg,#fffaf1,var(--bg))}.hero-grid{display:grid;grid-template-columns:8fr 4fr;gap:22px}.hero-main{position:relative;min-height:520px;border-radius:var(--radius-large);overflow:hidden;background:var(--navy);box-shadow:var(--shadow)}.hero-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,58,.88) 0%,rgba(9,31,58,.65) 45%,rgba(9,31,58,.08) 78%)}.hero-copy{position:relative;z-index:2;max-width:690px;padding:44px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px}.hero-copy .status-line{display:flex;gap:8px;flex-wrap:wrap}.hero-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:20px 0 14px;letter-spacing:-.04em}.hero-copy p{font-size:17px;color:#e7eef5;max-width:620px}.hero-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.hero-side{display:grid;gap:14px}.focus-card,.time-card,.data-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.focus-card{border-top:4px solid var(--signal);box-shadow:var(--shadow)}.focus-card h2{font-size:23px;margin:7px 0;color:var(--navy)}.time-card{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:start}.time-card time{font-weight:900;color:var(--signal)}.time-card strong{display:block}.time-card p{margin:4px 0 0;color:var(--text-2);font-size:14px}.data-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--surface-soft)}.data-card div{text-align:center}.data-card strong{display:block;font-size:24px;color:var(--navy)}.data-card span{font-size:12px;color:var(--text-2)}.data-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.data-strip div{background:#fff;padding:16px 10px}.data-strip span{display:block;font-size:12px;color:var(--text-3)}.data-strip strong{display:block;margin-top:4px;color:var(--navy)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.schedule-swim{display:grid;gap:10px}.swim-row{display:grid;grid-template-columns:130px 1fr 120px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.swim-time{font-size:22px;font-weight:900;color:var(--signal)}.swim-row strong{color:var(--navy)}.swim-row p{margin:2px 0;color:var(--text-2)}.timeline{position:relative;display:grid;gap:0}.timeline:before{content:"";position:absolute;left:82px;top:14px;bottom:14px;width:2px;background:var(--line-strong)}.timeline-item{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:16px 0;position:relative}.timeline-item time{font-weight:900;color:var(--navy)}.timeline-item .timeline-body{position:relative;border-bottom:1px solid var(--line);padding:0 0 16px}.timeline-item .timeline-body:before{content:"";position:absolute;left:-35px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--bg-2)}.timeline-item.important .timeline-body{border-left:3px solid var(--signal);padding-left:15px}.timeline-item h3{margin:0 0 4px;font-size:18px}.timeline-item p{margin:0;color:var(--text-2)}.editor-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.feature-panel{background:#fff;border-radius:22px;border:1px solid var(--line);overflow:hidden}.feature-panel .media img{width:100%;aspect-ratio:16/7}.feature-panel .panel-body{padding:24px}.feature-panel h3{font-size:30px;margin:5px 0 10px}.stack-list{display:grid;gap:12px}.stack-link{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.stack-link b{font-size:24px;color:var(--signal)}.stack-link strong{display:block;color:var(--navy)}.stack-link span{color:var(--text-2);font-size:14px}.stage-collage{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:14px}.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;min-width:0}.content-card .media{display:block;overflow:hidden}.content-card img{width:100%;aspect-ratio:16/9;transition:transform .25s ease}.content-card:hover img{transform:scale(1.025)}.content-card .card-body{padding:18px}.content-card h3{font-size:20px;line-height:1.35;margin:6px 0 8px;color:var(--navy)}.content-card p{margin:0;color:var(--text-2);font-size:14px}.content-card.hero-card{grid-row:span 2}.content-card.hero-card img{aspect-ratio:4/3;height:100%;min-height:300px}.content-card.hero-card .card-body{padding:22px}.eyebrow{color:var(--signal-dark);font-size:12px;font-weight:900;letter-spacing:.04em}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;color:var(--text-3);font-size:12px}.favorite-btn,.remind-btn,.vote-btn{border:1px solid var(--line-strong);background:#fff;color:var(--navy);border-radius:9px;padding:6px 10px}.favorite-btn.active,.remind-btn.active,.vote-btn.active{background:var(--green-soft);border-color:var(--green);color:var(--green)}.film-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.film-track>*{scroll-snap-align:start}.track-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:14px}.track-controls button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px}.matrix{display:grid;grid-template-columns:7fr 5fr;gap:18px}.score-board{background:var(--navy);color:#fff;border-radius:22px;padding:22px}.score-board h3{font-size:27px;margin:0 0 15px}.match-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15)}.match-row strong:last-child{text-align:right}.match-score{font-size:18px;color:#f6d489}.side-list{display:grid;gap:12px}.side-list article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.side-list h3{margin:5px 0;color:var(--navy)}.offset-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.offset-cards .content-card:nth-child(2){margin-top:44px}.verify-grid{display:grid;grid-template-columns:5fr 7fr;gap:22px}.verify-lead{background:var(--navy);border-radius:22px;color:#fff;padding:24px}.verify-lead img{aspect-ratio:4/3;border-radius:15px;margin-bottom:16px}.verify-lead h3{font-size:28px;margin:8px 0}.verify-list{display:grid;gap:12px}.verify-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:12px}.verify-row h3{margin:3px 0;font-size:18px}.verify-row p{margin:0;color:var(--text-2);font-size:14px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;background:var(--surface-soft);color:var(--navy)}.badge-good{background:var(--green-soft);color:var(--green)}.badge-warn{background:var(--gold-soft);color:#946615}.badge-signal{background:var(--signal-soft);color:var(--signal-dark)}.badge-neutral{background:var(--surface-soft);color:var(--ink-2)}.creator-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.creator-card{min-width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.creator-card img{width:72px;height:72px;border-radius:50%;margin-bottom:12px}.creator-card h3{margin:0;color:var(--navy)}.creator-card span{font-size:12px;color:var(--signal)}.creator-card p{font-size:13px;color:var(--text-2)}.topic-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:20px}.topic-timeline:before{content:"";position:absolute;left:8%;right:8%;top:23px;height:2px;background:var(--line-strong)}.topic-step{position:relative;padding-top:50px}.topic-step:before{content:attr(data-step);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--signal);color:var(--signal);font-weight:900;z-index:1}.topic-step h3{color:var(--navy)}.topic-step p{color:var(--text-2)}.ranking-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}.ranking-table th,.ranking-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.ranking-table th{background:var(--surface-soft);color:var(--navy);font-size:12px}.ranking-table .rank-no{font-size:24px;font-weight:900;color:var(--signal)}.heat-meter{height:7px;background:var(--surface-soft);border-radius:999px;overflow:hidden;min-width:90px}.heat-meter i{display:block;height:100%;background:var(--signal);border-radius:999px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.calendar-day{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;min-height:140px}.calendar-day strong{font-size:22px;color:var(--navy)}.calendar-day small{display:block;color:var(--text-3)}.calendar-day p{font-size:13px;color:var(--text-2)}.calendar-day.today{box-shadow:inset 0 4px var(--signal)}.topic-layout{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px}.topic-main,.topic-mini{position:relative;overflow:hidden;border-radius:20px;background:var(--navy);min-height:310px}.topic-layout img{width:100%;height:100%;position:absolute;inset:0;opacity:.7}.topic-layout article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,32,57,.88))}.topic-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.topic-copy h3{margin:5px 0;font-size:22px}.topic-main .topic-copy h3{font-size:32px}.category-quick{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.category-quick a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 10px;text-align:center;font-weight:800;color:var(--navy)}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.tag-cloud a{padding:7px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--navy)}.tag-cloud a:nth-child(3n){font-size:19px;font-weight:900}.tag-cloud a:nth-child(4n){background:var(--signal-soft);border-color:rgba(243,107,50,.25)}.browser-cockpit{display:grid;grid-template-columns:1.5fr .5fr;gap:22px;align-items:center}.browser-window{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.browser-window .window-top{display:flex;gap:6px;padding:5px 4px 13px}.browser-window .window-top i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.browser-window img{border-radius:15px;aspect-ratio:16/9;width:100%}.browser-actions{display:grid;gap:10px}.browser-actions a{padding:16px;border-radius:14px;background:var(--navy);color:#fff}.app-fan{position:relative;min-height:470px;display:grid;place-items:center}.app-fan img{position:absolute;width:240px;aspect-ratio:9/16;border-radius:28px;border:7px solid #fff;box-shadow:var(--shadow-strong)}.app-fan img:nth-child(1){transform:translateX(-145px) rotate(-10deg)}.app-fan img:nth-child(2){z-index:2}.app-fan img:nth-child(3){transform:translateX(145px) rotate(10deg)}.discussion{display:grid;gap:10px}.comment{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.avatar{width:46px;height:46px;border-radius:50%;background:var(--surface-soft);display:grid;place-items:center;font-weight:900;color:var(--navy)}.comment h3{font-size:15px;margin:0}.comment p{margin:4px 0;color:var(--text-2)}.comment time{font-size:12px;color:var(--text-3)}.poll{display:grid;grid-template-columns:1fr 1fr;gap:12px}.poll button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left}.poll strong{display:block;color:var(--navy);font-size:18px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.principle{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.principle b{color:var(--signal);font-size:24px}.principle h3{color:var(--navy)}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item button{width:100%;text-align:left;padding:17px 18px;border:0;background:#fff;color:var(--navy);font-weight:900;display:flex;justify-content:space-between}.faq-answer{padding:0 18px 18px;color:var(--text-2)}.faq-answer[hidden]{display:none}.page-hero{padding:34px 0 42px;background:linear-gradient(140deg,#fffaf0,var(--bg-2))}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--text-3);font-size:13px;margin-bottom:18px;flex-wrap:wrap}.breadcrumb strong{color:var(--navy)}.page-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:22px;align-items:center}.page-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.06;margin:8px 0 14px;color:var(--ink)}.page-hero p{font-size:17px;color:var(--text-2)}.page-hero img{border-radius:24px;width:100%;aspect-ratio:16/10;box-shadow:var(--shadow)}.info-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.info-panel h2,.info-panel h3{color:var(--navy)}.info-list{display:grid;gap:10px}.info-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.filters label{display:grid;gap:4px;font-size:12px;color:var(--text-2)}.filters select,.filters input{border:1px solid var(--line-strong);border-radius:9px;padding:9px 10px;background:#fff}.filters button{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:10px 14px}.archive-list{display:grid;gap:10px}.archive-row{display:grid;grid-template-columns:76px minmax(0,1fr) 210px;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.archive-rank{font-size:34px;font-weight:900;color:var(--signal)}.archive-row h3{margin:2px 0 5px;color:var(--navy)}.archive-row p{margin:0;color:var(--text-2);font-size:14px}.archive-side{display:grid;gap:8px;justify-items:end;text-align:right}.source-note{font-size:12px;color:var(--text-3)}.full-banner{position:relative;border-radius:24px;overflow:hidden;min-height:350px;background:var(--navy)}.full-banner img{position:absolute;inset:0;width:100%;height:100%;opacity:.72}.full-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,32,57,.92),rgba(10,32,57,.18))}.full-banner .banner-copy{position:relative;z-index:2;color:#fff;max-width:720px;padding:42px}.full-banner h2{font-size:40px;line-height:1.1;margin:8px 0}.film-wall{columns:3;column-gap:16px}.film-wall .content-card{break-inside:avoid;margin-bottom:16px}.film-wall .content-card:nth-child(3n+2) img{aspect-ratio:4/3}.film-wall .content-card:nth-child(4n) img{aspect-ratio:3/4}.vertical-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vertical-cards .content-card img{aspect-ratio:3/4}.schedule-track{position:relative;display:grid;gap:12px;padding-left:34px}.schedule-track:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:var(--line-strong)}.schedule-event{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.schedule-event:before{content:"";position:absolute;left:-29px;top:23px;width:12px;height:12px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px var(--bg-2)}.schedule-event h3{margin:5px 0;color:var(--navy)}.schedule-event p{color:var(--text-2)}.quiz-board{display:grid;grid-template-columns:2fr 1fr;gap:20px}.quiz-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.quiz-panel h3{font-size:28px;color:var(--navy)}.score-card{background:var(--navy);color:#fff;border-radius:22px;padding:22px}.score-card strong{font-size:48px;color:#f2d48f}.product-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.product-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.03;margin:8px 0 15px}.product-copy p{font-size:17px;color:var(--text-2)}.product-stage{position:relative;min-height:480px}.product-stage>img{position:absolute;right:0;top:0;width:78%;height:100%;border-radius:28px;box-shadow:var(--shadow);object-fit:cover}.product-stage .phone-shot{position:absolute;left:0;bottom:-12px;width:42%;height:75%;border:8px solid #fff;border-radius:30px;z-index:2}.screen-track{display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:14px;overflow-x:auto;padding:10px 0}.screen-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px}.screen-card img{aspect-ratio:9/16;border-radius:16px}.screen-card h3{padding:0 8px;color:var(--navy)}.screen-card p{padding:0 8px;color:var(--text-2);font-size:14px}.feature-split{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:center}.feature-split img{border-radius:24px;width:100%}.capability-list{display:grid;gap:12px}.capability-list article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.capability-list h3{color:var(--navy);margin:0 0 6px}.triple-phone{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.triple-phone img{border-radius:28px;aspect-ratio:9/16;width:100%;border:6px solid #fff;box-shadow:var(--shadow)}.search-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:var(--navy);color:#fff;border-radius:26px;padding:26px}.search-showcase img{border-radius:20px;aspect-ratio:16/10;width:100%}.drawer-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.drawer-layout img{border-radius:24px;aspect-ratio:4/3;width:100%}.scenario-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.scenario-grid div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.browser-stage{background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow)}.browser-stage img{border-radius:18px;width:100%;aspect-ratio:16/9}.privacy-drawer{background:var(--navy);color:#fff;border-radius:22px;padding:22px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.step-grid b{font-size:28px;color:var(--signal)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.service-card h2,.service-card h3{color:var(--navy)}.service-card img{border-radius:14px;aspect-ratio:16/10;width:100%;margin-bottom:14px}.reading-panel{max-width:880px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px}.reading-panel h2,.reading-panel h3{color:var(--navy)}.reading-panel p{color:var(--text-2)}.detail-meta{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.detail-cover{width:100%;aspect-ratio:16/8;border-radius:22px;margin:20px 0}.detail-timeline{border-left:2px solid var(--line-strong);padding-left:22px;display:grid;gap:15px}.detail-timeline article{position:relative}.detail-timeline article:before{content:"";position:absolute;left:-29px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--signal)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty-state{text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:20px;padding:45px}.pagination{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:24px}.pagination a,.pagination strong{min-width:38px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:center}.pagination strong{background:var(--navy);color:#fff}.site-footer{background:var(--navy);color:#e8f0f7;padding:48px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px}.footer-grid>div{display:grid;align-content:start;gap:8px}.footer-grid h2{font-size:14px;color:#f2d48f;margin:0 0 6px}.footer-grid a{font-size:13px;color:#d7e4ef}.footer-grid p{font-size:13px;color:#b9c8d4}.footer-brand{font-weight:900;font-size:22px!important;color:#fff!important}.footer-tags{display:flex;gap:7px;flex-wrap:wrap}.footer-tags a{border:1px solid rgba(255,255,255,.18);padding:5px 8px;border-radius:999px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;margin-top:30px;font-size:12px;color:#9fb1c1}.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:var(--signal);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.back-top.show{opacity:1;pointer-events:auto}:focus-visible{outline:3px solid rgba(243,107,50,.35);outline-offset:3px}
@media(max-width:1200px){.desktop-nav a{padding:0 7px;font-size:13px}.header-tools>a:not(.pill){display:none}.data-strip{grid-template-columns:repeat(5,1fr)}.category-quick{grid-template-columns:repeat(5,1fr)}.topic-layout{grid-template-columns:1.2fr 1fr 1fr}.topic-layout .topic-mini:last-child{display:none}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-grid>div:nth-child(n+4){margin-top:12px}}
@media(max-width:992px){.desktop-nav{display:none}.menu-btn{display:inline-block}.hero-grid,.page-hero-grid,.matrix,.verify-grid,.product-hero,.feature-split,.quiz-board,.browser-cockpit{grid-template-columns:1fr}.hero-main,.hero-copy{min-height:470px}.hero-side{grid-template-columns:1fr 1fr}.hero-side .focus-card,.hero-side .data-card{grid-column:span 2}.stage-collage{grid-template-columns:1fr 1fr}.stage-collage .hero-card{grid-column:span 2;grid-row:auto}.editor-grid{grid-template-columns:1fr}.topic-timeline{grid-template-columns:1fr 1fr}.topic-timeline:before{display:none}.topic-step{padding-top:0;padding-left:56px}.topic-step:before{left:0;top:2px}.topic-layout{grid-template-columns:1fr 1fr}.topic-main{grid-column:span 2}.topic-layout .topic-mini:last-child{display:block}.category-quick{grid-template-columns:repeat(3,1fr)}.film-wall{columns:2}.vertical-cards{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:repeat(3,1fr)}.step-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.product-stage{min-height:430px}}
@media(max-width:768px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.ticker-track{gap:22px}.header-inner{height:66px}.brand small{display:none}.header-tools .pill{display:none}.section{padding:42px 0}.section-head{grid-template-columns:1fr;gap:10px}.section-head h2{font-size:30px}.hero{padding-top:16px}.hero-main,.hero-copy{min-height:430px}.hero-copy{padding:24px}.hero-copy h1{font-size:42px}.hero-side{grid-template-columns:1fr}.hero-side .focus-card,.hero-side .data-card{grid-column:auto}.data-strip{grid-template-columns:repeat(2,1fr)}.swim-row{grid-template-columns:82px 1fr}.swim-row>:last-child{grid-column:2}.stage-collage{display:grid;grid-template-columns:1fr}.stage-collage .hero-card{grid-column:auto}.offset-cards{grid-template-columns:1fr}.offset-cards .content-card:nth-child(2){margin-top:0}.topic-timeline{grid-template-columns:1fr}.ranking-table{min-width:760px}.table-scroll{overflow-x:auto}.calendar{grid-template-columns:repeat(2,1fr)}.topic-layout{grid-template-columns:1fr}.topic-main{grid-column:auto}.category-quick{grid-template-columns:repeat(2,1fr)}.app-fan{min-height:390px}.app-fan img{width:190px}.app-fan img:nth-child(1){transform:translateX(-90px) rotate(-9deg)}.app-fan img:nth-child(3){transform:translateX(90px) rotate(9deg)}.principles{grid-template-columns:1fr 1fr}.poll{grid-template-columns:1fr}.mobile-groups{grid-template-columns:1fr 1fr}.page-hero h1{font-size:40px}.archive-row{grid-template-columns:58px 1fr}.archive-side{grid-column:2;justify-items:start;text-align:left}.film-wall{columns:1}.vertical-cards{grid-template-columns:1fr 1fr}.feature-split,.search-showcase,.drawer-layout{grid-template-columns:1fr}.triple-phone{grid-template-columns:repeat(3,1fr);gap:8px}.scenario-grid{grid-template-columns:1fr 1fr}.service-grid,.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:120;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(25,49,79,.08)}.mobile-bottom a{text-align:center;padding:11px 4px;font-size:11px;font-weight:800;color:var(--navy)}body{padding-bottom:54px}.back-top{bottom:72px}}
@media(max-width:520px){.brand strong{font-size:16px}.header-tools{gap:6px}.icon-btn,.menu-btn{padding:7px 8px}.hero-main,.hero-copy{min-height:410px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:15px}.hero-actions{display:grid}.hero-actions a{text-align:center}.data-card{grid-template-columns:1fr}.swim-row{grid-template-columns:1fr;gap:6px}.swim-row>:last-child{grid-column:auto}.swim-time{font-size:18px}.timeline:before{left:58px}.timeline-item{grid-template-columns:48px 1fr;gap:22px}.timeline-item .timeline-body:before{left:-28px}.stage-collage{gap:10px}.content-card .card-body{padding:15px}.creator-card{min-width:210px}.calendar{grid-template-columns:1fr}.topic-layout .topic-main,.topic-layout .topic-mini{min-height:270px}.app-fan{min-height:330px}.app-fan img{width:150px;border-width:5px}.app-fan img:nth-child(1){transform:translateX(-65px) rotate(-9deg)}.app-fan img:nth-child(3){transform:translateX(65px) rotate(9deg)}.comment{grid-template-columns:40px 1fr}.comment>:last-child{grid-column:2}.principles{grid-template-columns:1fr}.mobile-groups{grid-template-columns:1fr}.search-row{display:grid}.page-hero h1{font-size:34px}.archive-row{grid-template-columns:1fr}.archive-side{grid-column:auto}.vertical-cards{grid-template-columns:1fr}.triple-phone{grid-template-columns:1fr}.triple-phone img{max-width:280px;margin:auto}.scenario-grid,.step-grid{grid-template-columns:1fr}.product-stage{min-height:340px}.product-stage>img{width:86%;height:88%}.product-stage .phone-shot{width:45%;height:68%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}