@charset "UTF-8";
/* Core visual tokens */
:root{--bg:#10131b;--bg-soft:#171b25;--bg-raised:#1c2230;--ink:#f6f4ef;--muted:#a9b0c0;--line:#313846;--accent:#d6ff72;--accent-ink:#151b0d;--orange:#f5aa78;--container:1200px;--radius:18px;--shadow:0 24px 80px rgba(0,0,0,.24);--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
::selection{background:var(--accent);color:#10131b}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{line-height:1.23;letter-spacing:-.035em}
.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}
.site-shell{min-height:100vh;display:flex;flex-direction:column}
.skip{position:absolute;z-index:1000;top:-80px;left:12px;background:var(--accent);color:#111;padding:12px 18px;border-radius:6px}
.skip:focus{top:12px}
.site-header{position:relative;z-index:30;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(16,19,27,.97)}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{background:var(--accent);color:#161b0d;width:36px;height:36px;display:grid;place-items:center;font-size:16px;border-radius:11px;box-shadow:0 7px 24px rgba(214,255,114,.16)}
.brand-highlight{color:var(--accent)}
.desktop-nav{display:flex;gap:clamp(12px,2vw,30px);align-items:center}
.desktop-nav a{color:#c8cbd3;font-size:14px;font-weight:600;transition:color .2s ease;position:relative;padding:12px 0}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--accent)}
.desktop-nav a::after{content:"";position:absolute;bottom:5px;left:0;right:100%;height:2px;background:var(--accent);transition:right .25s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{right:0}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{width:19px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{padding:8px 24px 24px;border-top:1px solid var(--line);background:var(--bg-soft)}
.mobile-nav a{display:block;padding:13px 6px;border-bottom:1px solid var(--line);font-weight:600}
.mobile-nav a:active{color:var(--accent)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:11px;color:var(--accent);line-height:1.5}
.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(214,255,114,.1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:10px;min-height:51px;padding:12px 22px;font-weight:750;font-size:14px;transition:transform .2s var(--ease),background .2s,border-color .2s}
.button:hover{transform:translateY(-3px);background:#e4ffab}
.button--ghost{background:transparent;border:1px solid #5d6674;color:var(--ink)}
.button--ghost:hover{background:#202631;border-color:var(--accent)}
.text-link,.arrow-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:750;color:var(--accent)}
.text-link:hover,.arrow-link:hover{gap:15px}
.text-link,.arrow-link{transition:gap .25s var(--ease)}
.hero{display:grid;grid-template-columns:1.07fr .93fr;min-height:640px;gap:50px;align-items:center;padding-top:65px;padding-bottom:90px}
.hero-copy{padding-right:14px}
.hero h1{font-size:clamp(48px,5.5vw,82px);margin:26px 0 27px;line-height:1.1;letter-spacing:-.08em;font-weight:850}
.hero h1 span{display:block;font-size:clamp(29px,3.4vw,48px);line-height:1.25;color:#dce1df;letter-spacing:-.06em;margin-top:17px}
.hero-lead{max-width:570px;color:var(--muted);font-size:17px;line-height:1.95;margin-bottom:33px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-facts{display:flex;gap:0;flex-wrap:wrap;margin-top:53px;color:#939baa;font-size:12px;letter-spacing:.02em}
.hero-facts span{padding-right:18px;margin-right:18px;border-right:1px solid #4b5360}
.hero-facts span:last-child{border-right:0}
.hero-art{align-self:stretch;min-height:520px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 40%,#2d3546,#1c2230 60%,#131823);border-radius:6px 110px 6px 6px;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(155deg,rgba(214,255,114,.2),transparent 65%)}
.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.78;mix-blend-mode:luminosity}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,14,20,.9),transparent 45%,rgba(10,14,20,.12))}
.frame{position:absolute;z-index:2;border:1px solid rgba(214,255,114,.48);pointer-events:none}
.frame-1{width:57%;height:58%;top:15%;left:21%;border-radius:50%;transform:rotate(25deg)}
.frame-2{width:50%;height:70%;top:9%;left:26%;border-radius:50%;transform:rotate(-31deg);border-color:rgba(255,255,255,.2)}
.hero-vertical{position:absolute;z-index:3;right:22px;top:50%;writing-mode:vertical-rl;letter-spacing:.4em;font-size:10px;color:rgba(255,255,255,.8)}
.hero-art-footer{position:absolute;z-index:3;bottom:28px;left:33px;font-size:12px;letter-spacing:.18em;color:var(--accent)}
.section-lead{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:end;padding:26px 0 39px;border-top:1px solid var(--line)}
.section-lead h2{font-size:clamp(30px,4vw,52px);line-height:1.3;margin:17px 0 0}
.section-lead em{color:var(--accent);font-style:normal}
.section-lead>p{max-width:435px;color:var(--muted);font-size:16px;line-height:1.95;margin:0 0 7px auto}
.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:120px}
.feature-wide{position:relative;overflow:hidden;min-height:545px;border-radius:18px;background:#2b3038;display:block}
.feature-visual,.feature-visual img{width:100%;height:100%}
.feature-visual img{object-fit:cover;opacity:.65;filter:grayscale(.25);transition:transform .8s var(--ease)}
.feature-wide:hover img{transform:scale(1.045)}
.feature-wide:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(9,12,19,.97),transparent 75%)}
.feature-overlay{position:absolute;z-index:3;bottom:38px;left:39px;right:40px}
.feature-overlay h3{font-size:clamp(26px,3vw,40px);margin:16px 0 12px;letter-spacing:-.05em}
.feature-overlay p{color:#c7cdd5;margin:0;max-width:360px}
.circle-arrow{position:absolute;right:0;bottom:4px;border:1px solid #929b9e;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font-size:23px}
.feature-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}
.mini-feature{background:var(--bg-soft);padding:24px 30px;position:relative;border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:background .2s,border-color .2s,transform .2s}
.mini-feature:hover{background:#232b34;transform:translateX(3px);border-color:#596442}
.mini-feature>span{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.1em}
.mini-feature h3{font-size:22px;margin:12px 0 5px;max-width:92%}
.mini-feature p{color:var(--muted);font-size:13px;margin:0;max-width:90%}
.mini-feature strong{position:absolute;right:23px;top:23px;font-size:20px;font-weight:400;color:var(--muted)}
.insight-band{background:#d6ff72;color:#131b12;border-radius:20px;padding:53px 58px;display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:32px;align-items:start;margin-bottom:118px}
.insight-index{font-size:11px;font-weight:800;letter-spacing:.15em;padding-top:10px}
.insight-band h2{font-size:clamp(29px,3.4vw,45px);margin:0 0 18px;letter-spacing:-.07em;line-height:1.24}
.insight-band p{color:#39442e;font-size:14px;line-height:1.9;margin-bottom:22px}
.insight-band .text-link{color:#1c321a;border-bottom:1px solid #64844a;padding-bottom:5px}
.insight-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.insight-tiles div{padding:18px 15px 16px;min-height:112px;background:rgba(17,28,14,.1);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}
.insight-tiles strong{font-size:25px;line-height:1.1;letter-spacing:-.06em}
.insight-tiles span{font-size:11px;color:#475b39}
.editorial-section{margin-bottom:110px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 35px}
.section-heading h2{font-size:clamp(30px,3.5vw,44px);margin:13px 0 0;line-height:1.25}
.section-heading>p{color:var(--muted);max-width:330px;margin:0;font-size:14px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-card{background:var(--bg-soft);border:1px solid #2a303b;border-radius:15px;padding:27px 27px 22px;display:flex;flex-direction:column;min-height:295px;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.story-card:hover{transform:translateY(-5px);border-color:#647444;box-shadow:var(--shadow)}
.story-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}
.story-top .eyebrow{font-size:10px}
.story-top .micro{font-size:11px;color:#83909e;white-space:nowrap}
.story-card h3{font-size:21px;margin:0 0 13px;line-height:1.45;letter-spacing:-.04em}
.story-card h3 a:hover{color:var(--accent)}
.story-card>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 20px}
.story-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.story-bottom>span{font-size:11px;color:#83909e}
.story-bottom .arrow-link{font-size:12px;white-space:nowrap}
.closing-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:45px;padding:64px 0 85px;margin-bottom:100px}
.closing-cta h2{font-size:clamp(32px,4vw,50px);margin:14px 0}
.closing-cta p{color:var(--muted);max-width:540px;line-height:1.95}
.closing-links{align-self:center;display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.closing-links a{background:var(--bg);padding:18px 10px;display:flex;justify-content:space-between;font-weight:700}
.closing-links a:hover{color:var(--accent)}
.closing-links span{font-size:21px;font-weight:400}
.site-footer{background:#0b0e14;border-top:1px solid #252c38;margin-top:auto}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:75px;padding-top:75px;padding-bottom:75px}
.footer-brand{font-size:29px;font-weight:800;letter-spacing:-.06em;margin-bottom:12px}
.footer-brand span{color:var(--accent)}
.footer-main p{color:#9099aa;max-width:390px;line-height:1.9;font-size:13px}
.footer-main h2{font-size:14px;margin:4px 0 18px}
.footer-main a{display:block;font-size:13px;color:#abb4c1;margin:12px 0;transition:color .2s}
.footer-main a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid #232933;padding-top:22px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;color:#7b8592;font-size:11px}
.footer-bottom a:hover{color:var(--accent)}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:34px;color:#83909d;font-size:12px}
.breadcrumbs a:hover{color:var(--accent)}
.breadcrumbs [aria-current="page"]{color:#c7d0db}
.interior{padding-top:40px;padding-bottom:110px}
.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:42px}
.intro-grid h1,.device-intro h1,.safety-header h1,.about-page h1{font-size:clamp(37px,5.8vw,73px);line-height:1.22;letter-spacing:-.07em;margin:15px 0 0}
.intro-grid h1 span,.device-intro h1 span,.safety-header h1 span{color:var(--accent)}
.intro-aside{padding-bottom:8px}
.intro-aside p{color:#bcc5d0;font-size:16px;line-height:1.95}
.intro-aside>span{font-size:12px;color:var(--muted)}
.small-line{width:80px;height:2px;background:var(--accent);margin:27px 0 15px}
.topic-banner{height:315px;position:relative;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse,#3c4655,#151a23)}
.topic-banner img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.75)}
.topic-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(9,13,20,.5),transparent)}
.topic-banner p{position:absolute;z-index:2;bottom:27px;left:33px;margin:0;font-size:11px;letter-spacing:.3em;color:var(--accent);font-weight:750}
.topic-collection{padding-top:75px}
.topic-collection .section-heading{border-bottom:1px solid var(--line);padding-bottom:20px}
.related-strip{background:#202734;border:1px solid #353e4b;border-radius:14px;padding:30px 36px;margin-top:75px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:20px;align-items:center}
.related-strip h2{font-size:20px;margin:0}
.related-strip p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.related-strip a{font-size:13px;color:var(--accent);font-weight:750;white-space:nowrap}
.related-strip a:hover{text-decoration:underline}
.quality-hero{background:radial-gradient(ellipse at 85% 50%,#273238 0,#141c27 42%,#10131b 83%);border-bottom:1px solid var(--line)}
.quality-hero>.container{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;min-height:570px;padding-top:44px;padding-bottom:70px}
.quality-hero h1{font-size:clamp(47px,6vw,77px);letter-spacing:-.07em;line-height:1.15;margin:18px 0 24px}
.quality-hero h1 span{color:var(--accent);display:block}
.quality-hero p{color:var(--muted);line-height:1.95;max-width:560px}
.quality-diagram{padding:30px}
.res-box{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;font-weight:800;letter-spacing:-.04em}
.res-4k{height:330px;border:2px solid #bfe481;background:rgba(190,245,139,.08);padding:16px 17px;color:#d6ff72;font-size:28px}
.res-1080{height:65%;width:65%;border:2px solid #7dbcb9;background:rgba(115,193,194,.12);padding:10px 12px;color:#a2e1dc;font-size:22px;position:absolute;left:12px;bottom:12px}
.res-720{height:56%;width:56%;border:2px solid #f2a579;background:rgba(245,165,121,.11);padding:8px;color:#f0ab88;font-size:15px;position:absolute;left:9px;bottom:9px}
.quality-diagram>p{font-size:11px;text-align:right;margin-top:14px;opacity:.7}
.quality-table{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-top:88px;padding-bottom:95px}
.quality-table h2{font-size:clamp(30px,4vw,47px);margin:13px 0;max-width:310px}
.quality-rows{border-top:1px solid #47515d}
.quality-rows>div{display:grid;grid-template-columns:40px 150px 1fr;gap:15px;align-items:baseline;padding:25px 4px;border-bottom:1px solid var(--line)}
.quality-rows b{color:var(--accent);font-size:12px}
.quality-rows h3{font-size:18px;margin:0;white-space:nowrap}
.quality-rows p{font-size:13px;color:var(--muted);margin:0}
.next-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:105px}
.next-panel p{font-size:15px;margin:0}
.next-panel a{color:var(--accent);font-weight:750;font-size:13px}
.device-intro{max-width:830px;padding-bottom:65px}
.device-intro h1{margin-bottom:26px}
.device-intro>p:last-child{color:var(--muted);max-width:630px;line-height:1.95}
.device-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:105px}
.device-panel{background:linear-gradient(145deg,#222a37,#171d26);border:1px solid #35404b;border-radius:18px;padding:42px;min-height:460px;overflow:hidden}
.device-illustration{height:177px;display:flex;justify-content:center;align-items:center;margin-bottom:33px}
.phone-shape>div{width:90px;height:166px;border:8px solid #85978c;border-radius:20px;position:relative;background:linear-gradient(135deg,#c3df81,#536b62)}
.phone-shape>div:before{content:"";position:absolute;top:7px;left:29px;width:16px;height:5px;border-radius:10px;background:#18241a}
.phone-shape>div:after{content:"";position:absolute;inset:28px 11px 12px;border:1px solid #243c2c;background:linear-gradient(165deg,transparent 45%,rgba(12,26,15,.8))}
.desktop-shape>div{width:260px;height:144px;border:8px solid #819aa4;border-bottom-width:14px;border-radius:7px;position:relative;background:linear-gradient(130deg,#407473,#181e39)}
.desktop-shape>div:after{content:"";position:absolute;bottom:-32px;left:38%;width:24%;height:18px;background:#819aa4;box-shadow:0 18px 0 -3px #819aa4}
.device-panel h2{font-size:30px;margin:11px 0}
.device-panel p{color:#b8c1ce;line-height:1.9;max-width:440px}
.device-panel a{color:var(--accent);font-size:13px;font-weight:750}
.device-panel a:hover{text-decoration:underline}
.safety-header{max-width:890px;margin-bottom:55px}
.safety-header p:last-child{font-size:17px;line-height:1.95;color:var(--muted);max-width:630px;margin:24px 0 0}
.safety-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:100px}
.safety-principles>div{padding:33px;background:#1b2430;border-left:3px solid var(--accent);min-height:200px}
.safety-principles span{font-size:12px;color:var(--accent);font-weight:750}
.safety-principles h2{font-size:24px;margin:15px 0}
.safety-principles p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}
.faq-page{max-width:1000px}
.faq-page>h1{font-size:clamp(39px,5vw,65px);margin:17px 0 24px}
.faq-lead{color:var(--muted);font-size:17px;margin-bottom:55px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:45px 1fr 35px;align-items:center;gap:20px;padding:27px 5px;font-size:19px;font-weight:750;letter-spacing:-.02em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--accent)}
.faq-count{color:var(--accent);font-size:12px;letter-spacing:.06em}
.faq-plus{font-weight:300;font-size:28px;transition:transform .25s var(--ease)}
.faq-list details[open] .faq-plus{transform:rotate(45deg)}
.faq-answer{padding:0 45px 28px 70px;color:#bbc4cf;max-width:810px}
.faq-answer p{font-size:15px;line-height:2}
.faq-answer a{font-weight:750;color:var(--accent);font-size:13px}
.about-layout{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;padding-top:20px;padding-bottom:35px}
.about-layout>div>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:2}
.about-layout .about-lead{font-size:19px!important;color:#e0e4e8!important}
.about-layout img{width:100%;height:580px;object-fit:cover;border-radius:5px 85px 5px 5px;background:#202735}
.about-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:85px;padding-top:43px;padding-bottom:120px}
.article-hero{padding:12px 0 46px;border-bottom:1px solid var(--line)}
.article-hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.22;margin:17px 0 22px;max-width:760px}
.article-deck{color:#c5ccd6;font-size:20px;line-height:1.85;max-width:690px}
.article-meta{display:flex;gap:20px;font-size:12px;color:#8795a3;margin-top:26px}
.article-meta span+span:before{content:"·";margin-right:20px}
.article-body{padding-top:27px}
.prose-section{padding:35px 0 36px;border-bottom:1px solid var(--line)}
.prose-section h2{font-size:clamp(23px,2.5vw,31px);line-height:1.4;margin-bottom:23px;color:#f6f7f1}
.prose-section p{color:#c7cdd6;font-size:16px;line-height:2.08;margin:0 0 20px;max-width:760px}
.prose-section p:last-child{margin-bottom:0}
.check-list{padding-left:20px;color:#c7cdd6;line-height:2}
.check-list li::marker{color:var(--accent)}
.article-end{background:#202834;border-radius:14px;padding:28px 34px;margin-top:52px}
.article-end h2{font-size:20px;margin-bottom:7px}
.article-end p{color:var(--muted);font-size:14px}
.article-end a{color:var(--accent);font-size:13px;font-weight:750}
.article-sidebar{padding-top:88px}
.toc{position:sticky;top:30px;background:#1a202c;padding:25px;border:1px solid var(--line);border-radius:15px;margin-bottom:24px}
.toc h2{font-size:20px;margin:11px 0 20px}
.toc ol{padding-left:17px;color:#94a1ae;font-size:13px;line-height:1.9}
.toc li{padding:8px 0;border-bottom:1px solid #303746}
.toc li:last-child{border-bottom:0}
.toc a{color:#bac5cf}
.toc a:hover{color:var(--accent)}
.related-articles{border-top:1px solid var(--line);padding-top:21px}
.related-articles h2{font-size:19px;margin-bottom:13px}
.related-articles a{display:grid;grid-template-columns:1fr 18px;gap:7px;padding:18px 0;border-bottom:1px solid var(--line)}
.related-articles small{grid-column:1/-1;color:var(--accent);font-size:10px;letter-spacing:.1em}
.related-articles span{font-size:13px;line-height:1.6}
.related-articles b{font-size:18px;font-weight:400;color:var(--accent)}
.related-articles a:hover span{color:var(--accent)}
.not-found{padding-top:160px;padding-bottom:180px;min-height:60vh}
.not-found h1{font-size:clamp(40px,6vw,70px);margin:18px 0}
.not-found p{color:var(--muted);max-width:460px;margin-bottom:30px}
.not-found .text-link{margin-left:22px}
/* Decorative detail and typographic care */
.story-card,.mini-feature,.feature-wide,.device-panel,.related-strip{background-clip:padding-box}
.story-card h3,.story-card p,.mini-feature h3,.mini-feature p,.article-hero h1{overflow-wrap:anywhere}
.site-header .brand,.footer-brand{font-variant-ligatures:none}
.quality-diagram .res-box{box-shadow:inset 0 0 24px rgba(0,0,0,.09)}
.prose-section p::selection{background:#efffb1;color:#121710}
.faq-list summary:focus-visible{outline-offset:-2px}
.mobile-nav a:focus-visible{outline-offset:-2px}
.article-sidebar li::marker{color:var(--accent)}
.story-card .eyebrow{letter-spacing:.11em}
.topic-banner,.hero-art,.feature-visual{color-scheme:dark}
/* Intermediate laptop breakpoint */
@media(max-width:1190px){
 .container{width:min(calc(100% - 52px),var(--container))}
 .header-inner{gap:22px}
 .desktop-nav{gap:16px}
 .desktop-nav a{font-size:12px}
 .hero{gap:30px;min-height:580px}
 .hero-art{min-height:470px}
 .hero-lead{font-size:16px}
 .insight-band{grid-template-columns:1fr 1.2fr;gap:25px;padding:43px}
 .insight-index{grid-column:1/-1}
 .insight-tiles{grid-column:2;grid-row:2}
 .article-layout{gap:48px;grid-template-columns:minmax(0,1fr) 280px}
 .quality-hero>.container{gap:40px}
 .quality-rows>div{grid-template-columns:33px 110px 1fr}
 .quality-rows h3{font-size:16px}
 .related-strip{grid-template-columns:1fr 1.5fr}
 .related-strip a{grid-column:2}
}
/* Tablet layouts: preserve article-first reading order */
@media(max-width:900px){
 .container{width:min(calc(100% - 40px),var(--container))}
 .header-inner{min-height:74px}
 .desktop-nav{display:none}
 .menu-toggle{display:flex}
 .hero{grid-template-columns:1fr;gap:34px;padding-top:60px;padding-bottom:70px}
 .hero h1{max-width:800px;font-size:clamp(50px,7vw,72px)}
 .hero h1 span{font-size:clamp(30px,5vw,46px)}
 .hero-lead{max-width:640px}
 .hero-art{min-height:380px;max-height:510px;border-radius:10px 80px 10px 10px}
 .hero-facts{margin-top:35px}
 .section-lead{grid-template-columns:1fr;gap:15px}
 .section-lead>p{max-width:680px;margin:0}
 .feature-grid{grid-template-columns:1fr;gap:17px;margin-bottom:85px}
 .feature-wide{min-height:440px}
 .feature-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}
 .mini-feature{min-height:210px;padding:24px}
 .mini-feature h3{font-size:18px}
 .insight-band{margin-bottom:80px}
 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-card{min-height:270px}
 .editorial-section{margin-bottom:85px}
 .closing-cta{margin-bottom:75px}
 .intro-grid{gap:32px}
 .intro-grid h1{font-size:clamp(38px,5.5vw,60px)}
 .quality-hero>.container{grid-template-columns:1fr;padding-top:48px;gap:0}
 .quality-hero h1{font-size:clamp(46px,6vw,70px)}
 .quality-diagram{max-width:590px;width:100%;margin:auto;padding:40px 20px 0}
 .quality-table{grid-template-columns:1fr;gap:20px;padding:65px 0}
 .quality-table h2{max-width:none}
 .device-panel{padding:28px;min-height:430px}
 .safety-principles{margin-bottom:75px}
 .safety-principles>div{padding:25px}
 .article-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .article-sidebar{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .toc{position:static;margin-bottom:0}
 .related-articles{border-top:0;padding-top:0}
 .about-layout{gap:34px}
 .about-layout img{height:480px}
 .footer-main{gap:30px}
}
/* Mobile: generous tap targets, no horizontal overflow */
@media(max-width:640px){
 html{scroll-padding-top:70px}
 body{font-size:15px}
 .container{width:calc(100% - 32px)}
 .header-inner{min-height:66px}
 .brand{font-size:22px}
 .brand-mark{width:32px;height:32px;font-size:14px}
 .menu-toggle{width:42px;height:42px}
 .hero{padding-top:40px;padding-bottom:62px;gap:30px}
 .hero h1{font-size:clamp(43px,12vw,63px);margin:19px 0 20px}
 .hero h1 span{font-size:clamp(27px,7vw,37px);margin-top:10px}
 .hero-lead{font-size:14px;line-height:1.9;margin-bottom:23px}
 .hero-actions{align-items:stretch}
 .hero-actions .button{width:100%}
 .hero-facts{gap:9px;margin-top:25px}
 .hero-facts span{padding-right:9px;margin-right:0;font-size:10px}
 .hero-art{min-height:345px;max-height:390px;border-radius:7px 65px 7px 7px}
 .hero-art-footer{font-size:10px;bottom:24px;left:20px}
 .hero-vertical{font-size:9px;right:13px}
 .section-lead{padding-top:26px;padding-bottom:26px}
 .section-lead h2{font-size:32px;margin-top:12px}
 .section-lead>p{font-size:14px}
 .feature-grid{margin-bottom:64px}
 .feature-wide{min-height:400px}
 .feature-overlay{left:23px;right:23px;bottom:25px}
 .feature-overlay h3{font-size:28px}
 .feature-overlay p{font-size:13px;max-width:260px}
 .circle-arrow{position:static;margin-top:20px;width:38px;height:38px;font-size:18px}
 .feature-stack{grid-template-columns:1fr;gap:11px}
 .mini-feature{min-height:0;padding:23px}
 .mini-feature h3{font-size:21px}
 .mini-feature p{font-size:12px}
 .insight-band{padding:27px 23px;display:block;border-radius:15px;margin-bottom:64px}
 .insight-band h2{font-size:32px;margin-top:19px}
 .insight-band p{font-size:13px}
 .insight-tiles{margin-top:25px}
 .insight-tiles div{min-height:98px;padding:15px}
 .insight-tiles strong{font-size:25px}
 .section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}
 .section-heading h2{font-size:30px}
 .story-grid{grid-template-columns:1fr;gap:12px}
 .story-card{min-height:0;padding:22px}
 .story-top{margin-bottom:12px}
 .story-card h3{font-size:20px}
 .story-card p{font-size:13px}
 .editorial-section{margin-bottom:60px}
 .closing-cta{grid-template-columns:1fr;gap:22px;padding:40px 0 54px;margin-bottom:60px}
 .closing-cta h2{font-size:32px}
 .closing-cta p{font-size:13px}
 .closing-links a{padding:15px 8px}
 .footer-main{grid-template-columns:1fr 1fr;gap:22px;padding-top:55px;padding-bottom:42px}
 .footer-main>div:first-child{grid-column:1/-1}
 .footer-main p{max-width:400px}
 .footer-bottom{flex-direction:column;gap:8px}
 .interior{padding-top:26px;padding-bottom:70px}
 .breadcrumbs{margin-bottom:24px;font-size:11px;gap:7px}
 .intro-grid{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
 .intro-grid h1,.device-intro h1,.safety-header h1,.about-page h1{font-size:clamp(38px,10vw,53px)}
 .intro-aside p{font-size:14px}
 .topic-banner{height:220px}
 .topic-banner p{left:18px;bottom:20px;font-size:9px}
 .topic-collection{padding-top:48px}
 .related-strip{display:block;padding:23px;margin-top:50px}
 .related-strip h2{font-size:21px;margin-bottom:10px}
 .related-strip p{margin-bottom:15px}
 .quality-hero>.container{padding-top:26px;padding-bottom:55px}
 .quality-hero h1{font-size:clamp(42px,11vw,59px)}
 .quality-hero p{font-size:14px}
 .quality-diagram{padding:35px 2px 0}
 .res-4k{height:225px;padding:11px;font-size:22px}
 .res-1080{font-size:18px;left:8px;bottom:8px}
 .res-720{font-size:12px;left:6px;bottom:6px}
 .quality-table{padding:55px 0}
 .quality-table h2{font-size:31px}
 .quality-rows>div{grid-template-columns:28px 1fr;gap:6px 10px;padding:20px 0}
 .quality-rows p{grid-column:2}
 .quality-rows h3{font-size:18px}
 .next-panel{display:block;margin-bottom:70px}
 .next-panel p{margin-bottom:9px}
 .device-intro{padding-bottom:40px}
 .device-intro>p:last-child{font-size:14px}
 .device-cards{grid-template-columns:1fr;margin-bottom:70px}
 .device-panel{min-height:0;padding:25px}
 .device-illustration{height:155px;margin-bottom:25px}
 .desktop-shape>div{transform:scale(.9)}
 .device-panel h2{font-size:27px}
 .device-panel p{font-size:13px}
 .safety-header{margin-bottom:38px}
 .safety-header p:last-child{font-size:14px}
 .safety-principles{grid-template-columns:1fr;gap:10px;margin-bottom:70px}
 .safety-principles>div{min-height:0;padding:23px}
 .safety-principles h2{font-size:22px;margin:9px 0}
 .faq-page>h1{font-size:clamp(37px,10vw,52px)}
 .faq-lead{font-size:14px;margin-bottom:35px}
 .faq-list summary{font-size:16px;grid-template-columns:29px 1fr 23px;gap:11px;padding:22px 0}
 .faq-plus{font-size:23px}
 .faq-answer{padding:0 5px 23px 40px}
 .faq-answer p{font-size:14px}
 .about-layout{grid-template-columns:1fr;gap:30px}
 .about-layout img{height:310px;order:-1;border-radius:4px 55px 4px 4px}
 .about-layout .about-lead{font-size:16px!important}
 .about-layout>div>p:not(.eyebrow){font-size:14px}
 .about-actions .button{flex:1}
 .article-layout{padding-top:27px;padding-bottom:70px}
 .article-hero{padding-bottom:28px}
 .article-hero h1{font-size:clamp(33px,9vw,50px)}
 .article-deck{font-size:16px;line-height:1.9}
 .article-meta{font-size:11px}
 .article-body{padding-top:8px}
 .prose-section{padding:28px 0}
 .prose-section h2{font-size:23px;margin-bottom:17px}
 .prose-section p{font-size:15px;line-height:2}
 .article-end{margin-top:35px;padding:24px}
 .article-sidebar{grid-template-columns:1fr;gap:30px}
 .toc{padding:23px}
 .related-articles{padding-top:15px;border-top:1px solid var(--line)}
 .not-found{padding-top:95px;padding-bottom:120px}
 .not-found h1{font-size:45px}
 .not-found .text-link{margin:18px 0 0;display:flex}
}
/* Narrow devices down to 320 CSS pixels */
@media(max-width:370px){
 .container{width:calc(100% - 28px)}
 .hero h1{font-size:40px}
 .hero h1 span{font-size:26px}
 .hero-facts span{border:0;width:100%;padding:0}
 .feature-overlay h3{font-size:25px}
 .feature-overlay p{max-width:220px}
 .story-card{padding:19px}
 .story-bottom{flex-wrap:wrap}
 .footer-main{gap:14px}
 .about-actions{flex-direction:column}
 .faq-list summary{font-size:15px}
 .res-4k{height:190px}
 .quality-table h2{font-size:29px}
}
/* Ultra-wide reading constraints */
@media(min-width:1600px){
 .hero{min-height:690px;padding-top:75px;padding-bottom:100px}
 .hero-art{min-height:575px}
 .article-layout{gap:105px}
}
/* Accessibility and preference-sensitive motion */
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .story-card:hover,.mini-feature:hover,.button:hover{transform:none}
}
@media(prefers-contrast:more){
 :root{--muted:#d2d8e0;--line:#7a8598}
 .story-card,.mini-feature,.toc{border-color:#8e9aa9}
 .eyebrow,.text-link,.arrow-link{font-weight:850}
 .desktop-nav a{color:#f1f3f5}
}
@media print{
 :root{--bg:#fff;--ink:#111;--muted:#333;--line:#bbb;--accent:#2f4c00}
 body{background:#fff;color:#111;font-size:12pt}
 .site-header,.site-footer,.mobile-nav,.article-sidebar,.hero-art,.hero-actions,.related-strip,.next-panel,.closing-cta,.quality-diagram{display:none!important}
 .container{width:100%;max-width:none}
 .hero,.article-layout,.section-lead,.quality-table,.intro-grid,.about-layout{display:block;min-height:0;padding:0}
 .story-grid{display:block}
 .story-card{break-inside:avoid;background:#fff;border:1px solid #aaa;margin-bottom:12pt;min-height:0}
 .article-hero h1{font-size:25pt}
 a{color:#222}
 .prose-section{break-inside:avoid}
}