/* roulang page: index */
:root{--bg:#10151f;--surface:#181f2c;--raised:#202939;--line:#303b4e;--text:#eef2f8;--muted:#a5b1c3;--green:#c7f36b;--cyan:#8bdce4;--radius:20px;--shadow:0 18px 48px #0002;--space:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:inherit;color:inherit}h1{font-size:clamp(36px,5.5vw,68px);font-weight:800;letter-spacing:-2px;line-height:1.2}h2{font-size:30px;font-weight:750;line-height:1.4}h3{font-size:19px;font-weight:700;line-height:1.55}p{color:var(--muted)}a{color:inherit;text-decoration:none;transition:color .2s,background .2s,transform .2s}a:hover{color:var(--green)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:active,.button:active{transform:translateY(1px)}img,svg{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}.container{max-width:1200px;margin:auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(16,21,31,.96);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;white-space:nowrap}.logo-mark{width:35px;height:38px;background:var(--green);color:var(--bg);display:grid;place-items:center;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);font-size:23px}.desktop-nav{display:flex;gap:8px}.desktop-nav a{font-size:14px;padding:9px 20px;border-radius:10px;color:var(--muted)}.desktop-nav a:hover,.desktop-nav a.active{background:var(--raised);color:var(--green)}.header-note{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.mobile-nav{display:none}main section{padding:var(--space) 0;border-bottom:1px solid var(--line)}main section.alt{background:#141b26}.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:3px;display:block;margin-bottom:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-heading p{max-width:630px;font-size:14px;line-height:1.95}.section-heading h2{min-width:250px}.badge{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.5;background:var(--raised);color:var(--muted);font-weight:500}.badge.green{color:var(--green);border-color:#c7f36b40;background:#c7f36b0b}.button{background:var(--green);color:#17210c;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:14px;padding:15px 23px;margin:0;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s}.button:hover,.button:focus{background:#dcff98;color:#17210c;box-shadow:0 6px 24px #c7f36218}.button.secondary{color:var(--text);background:transparent;border-color:var(--line)}.button.secondary:hover{border-color:var(--cyan);background:var(--raised)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#263b354d,transparent 55%),var(--bg)}.hero:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #c7f36b0c;border-radius:50%;right:-190px;top:-230px;pointer-events:none}.hero-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:34px}.hero-top .eyebrow{margin:0}.hero h1 span{color:var(--green)}.hero-copy{max-width:840px;font-size:16px;margin-top:25px;line-height:2}.hero-bottom{display:flex;align-items:center;gap:36px;margin-top:36px}.hero-points{display:flex;gap:26px;font-size:13px;color:var(--muted)}.hero-points li:before{content:"✓";color:var(--green);margin-right:8px}.release{display:flex;gap:16px;align-items:center;flex-shrink:0}.ring{border:5px solid #c7f36b22;border-top-color:var(--green);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:12px}.release strong{font-size:14px}.release small{display:block;color:var(--muted);font-size:11px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:var(--radius);overflow:hidden}.metric{padding:28px;background:var(--surface)}.metric strong{display:block;font-size:36px;line-height:1.4;letter-spacing:-1px}.metric span{color:var(--green);font-size:13px}.metric p{font-size:12px;margin-top:10px}.card{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin:0;height:100%;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#576778}.card p{font-size:14px;margin-top:12px}.card .number{font-size:13px;color:var(--green);display:block;margin-bottom:22px}.matrix .cell{margin-bottom:24px}.matrix{margin-bottom:-24px}.channel-link{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:var(--green);font-size:14px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-panel{background:var(--surface);padding:32px;border-radius:var(--radius);border:1px solid var(--line)}.compare-panel.highlight{border-color:#c7f36b55}.compare-panel h3{margin-bottom:20px}.compare-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.compare-row:last-child{border:0}.compare-row span{color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.timeline article{border-top:2px solid var(--line);padding-top:24px}.timeline .current{border-color:var(--green)}.timeline small{color:var(--green);font-size:12px}.timeline h3{margin:10px 0}.timeline p{font-size:14px}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}.poster{min-height:290px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;background:#1c2c35;position:relative;overflow:hidden}.poster:nth-child(2){background:#29283d}.poster:nth-child(3){background:#283329}.poster .index{font-size:70px;font-weight:900;line-height:1;color:#ffffff14;align-self:flex-end}.poster h3{font-size:23px}.poster p{margin-top:12px;font-size:14px}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:70px 1fr 120px;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.article-row .idx{font-size:28px;color:#697a90}.article-row p{font-size:14px;margin-top:7px}.article-row .badge{justify-self:end}.assurance{display:grid;grid-template-columns:1fr 2fr;gap:48px}.assurance-intro p{margin-top:20px;font-size:14px}.assurance-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.assurance-list h3{font-size:16px;color:var(--cyan)}.assurance-list p{font-size:13px;margin-top:8px}.answer-strip{display:grid;grid-template-columns:1fr 1fr;gap:36px}.answer-strip article{padding-left:22px;border-left:3px solid var(--green)}.answer-strip p{margin-top:12px;font-size:14px}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:50px}.faq-intro p{font-size:14px;margin-top:18px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;font-weight:650;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";color:var(--green)}.faq-list details[open] summary:after{content:"－"}.faq-list details p{margin-top:16px;font-size:14px}.prediction{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:38px;border:1px solid #c7f36b40;border-radius:24px;background:var(--surface)}.prediction p{font-size:14px;margin-top:18px}.prediction label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.prediction select,.prediction input[type=text]{height:48px;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 13px;box-shadow:none;margin:0 0 20px}.prediction select{background-image:none}.prediction input::placeholder{color:#7c899d}.prediction .consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted);font-weight:400;margin:4px 0 20px}.consent input{margin:6px 0 0;accent-color:var(--green)}.prediction .button{width:100%}.form-status{font-size:13px;color:var(--green);margin-top:14px;min-height:24px}.site-footer{padding:42px 0;background:#0d121b}.footer-top{display:flex;justify-content:space-between;gap:36px;align-items:flex-start}.footer-top p{font-size:12px;max-width:510px}.footer-name{font-size:18px;font-weight:750;margin-bottom:10px}.footer-bottom{margin-top:28px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(min-width:1025px){.hero{padding:62px 0 68px}}
@media(max-width:1024px){:root{--space:58px}.header-note{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading p{max-width:100%}.feature-grid{grid-template-columns:repeat(3,1fr)}.poster{padding:22px}.timeline{grid-template-columns:repeat(2,1fr);gap:34px}.assurance{gap:28px}.hero-points{gap:15px}.prediction{gap:30px;padding:28px}}
@media(max-width:768px){.container{padding:0 22px}.header-inner{min-height:70px}.logo{font-size:18px}.desktop-nav a{padding:8px 12px}.hero-top{align-items:flex-start}.release{gap:10px}.release strong{font-size:12px}.ring{width:52px;height:52px;border-width:4px;font-size:10px}.hero-copy{font-size:15px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:22px}.dashboard{grid-template-columns:repeat(2,1fr)}.compare,.prediction,.faq-layout,.assurance{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.poster{min-height:220px;display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.poster .index{align-self:center;justify-self:center}.article-row{grid-template-columns:42px 1fr}.article-row .badge{display:none}.faq-layout{gap:30px}.footer-top{flex-direction:column;gap:20px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:520px){:root{--space:44px}.container{padding:0 18px}.desktop-nav{display:none}.site-footer{padding-bottom:105px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:#141b26f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.mobile-nav a{width:50%;text-align:center;color:var(--muted);font-size:11px;padding:4px;border-radius:10px}.mobile-nav a.active{color:var(--green);background:#c7f36b09}.mobile-nav svg{width:21px;height:21px;margin:0 auto 3px;fill:none;stroke:currentColor;stroke-width:1.7}.hero-top{gap:12px}.hero-top .eyebrow{font-size:10px;letter-spacing:1px}.release small{max-width:85px}.hero h1{font-size:39px;letter-spacing:-1px}.hero-points{flex-wrap:wrap;gap:6px 18px}.hero-bottom .button{width:100%}h2{font-size:25px}.section-heading h2{min-width:0}.metric{padding:20px}.metric strong{font-size:29px}.compare{gap:18px}.compare-panel{padding:22px}.compare-row{font-size:12px}.timeline{gap:24px 18px}.timeline h3{font-size:17px}.timeline p{font-size:13px}.poster{grid-template-columns:65px 1fr;padding:21px;gap:18px}.poster .index{font-size:48px}.poster h3{font-size:20px}.assurance-list,.answer-strip{grid-template-columns:1fr;gap:25px}.article-row h3{font-size:17px}.article-row{gap:10px}.prediction{padding:23px;gap:25px}.card{padding:23px}.footer-bottom{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* roulang page: category1 */
:root{--bg:#10151f;--surface:#181f2c;--raised:#202939;--line:#303b4e;--text:#eef2f8;--muted:#a5b1c3;--green:#c7f36b;--cyan:#8bdce4;--radius:20px;--shadow:0 18px 48px #0002;--space:76px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol{margin:0}
h1,h2,h3,h4{font-family:inherit;color:var(--text);font-weight:750;line-height:1.4}
h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}
h2{font-size:28px}h3{font-size:19px}
p{color:var(--muted)}ul,ol{list-style:none}
a{color:inherit;text-decoration:none;transition:color .2s,background .2s,transform .2s}
a:hover{color:var(--green)}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
button:active,.button:active{transform:translateY(1px)}
img,svg{max-width:100%;display:block}
.container{max-width:1200px;margin:auto;padding:0 28px}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(16,21,31,.96);backdrop-filter:blur(16px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}
.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;white-space:nowrap}
.logo-mark{width:35px;height:38px;background:var(--green);color:var(--bg);display:grid;place-items:center;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);font-size:23px}
.desktop-nav{display:flex;gap:8px}
.desktop-nav a{font-size:14px;padding:9px 20px;border-radius:10px;color:var(--muted)}
.desktop-nav a:hover,.desktop-nav a.active{background:var(--raised);color:var(--green)}
.header-note{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}
.mobile-nav{display:none}
main section{padding:var(--space) 0;border-bottom:1px solid var(--line)}
main section.alt{background:#141b26}
.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:3px;display:block;margin-bottom:18px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}
.section-heading p{max-width:580px;font-size:14px;line-height:1.95}
.section-heading h2{min-width:250px}
.badge{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.5;background:var(--raised);color:var(--muted);font-weight:500}
.badge.green{color:var(--green);border-color:#c7f36b40;background:#c7f36b0b}
.button{background:var(--green);color:#17210c;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:14px;padding:15px 23px;margin:0;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s}
.button:hover,.button:focus{background:#dcff98;color:#17210c;box-shadow:0 6px 24px #c7f36218}
.button.secondary{color:var(--text);background:transparent;border-color:var(--line)}
.button.secondary:hover{border-color:var(--cyan);background:var(--raised)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#263b354d,transparent 55%),var(--bg)}
.hero:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #c7f36b0c;border-radius:50%;right:-190px;top:-230px;pointer-events:none}
.hero h1 span{color:var(--green)}
.hero-copy{font-size:16px;margin-top:25px;line-height:2}
.hero-bottom{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.card{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin:0;height:100%;transition:transform .2s,border-color .2s;display:block}
.card:hover{transform:translateY(-3px);border-color:#576778}
.card p{font-size:14px;margin-top:12px}
.card .number{font-size:13px;color:var(--green);display:block;margin-bottom:22px}
.compare-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.compare-row:last-child{border:0}.compare-row span{color:var(--muted)}
.article-list{border-top:1px solid var(--line)}
.article-row{display:grid;grid-template-columns:70px 1fr 120px;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}
.article-row .idx{font-size:28px;color:#697a90}
.article-row p{font-size:14px;margin-top:7px}
.article-row .badge{justify-self:end}
.assurance-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.assurance-list h3{font-size:16px;color:var(--cyan)}
.assurance-list p{font-size:13px;margin-top:8px}
.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.faq-intro p{font-size:14px;margin-top:18px}
.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}
.faq-list details:first-child{padding-top:0}
.faq-list summary{cursor:pointer;list-style:none;font-weight:650;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"＋";color:var(--green)}
.faq-list details[open] summary:after{content:"－"}
.faq-list details p{margin-top:16px;font-size:14px}
.prediction select,.prediction input[type=text]{height:48px;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 13px;box-shadow:none;margin:8px 0 20px}
.prediction select{background-image:none}
.prediction label{color:var(--text);font-size:14px}
.consent{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px}
.consent input{margin:6px 0 0;accent-color:var(--green)}
.prediction .button{width:100%}
.form-status{font-size:13px;color:var(--green);margin-top:14px;min-height:24px}
.site-footer{padding:42px 0;background:#0d121b}
.footer-top{display:flex;justify-content:space-between;gap:36px;align-items:flex-start}
.footer-top p{font-size:12px;max-width:510px}
.footer-name{font-size:18px;font-weight:750;margin-bottom:10px}
.footer-bottom{margin-top:28px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
.hero-layout{position:relative;align-items:center;row-gap:32px}
.hero .intro{padding-right:44px}
.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}
.book{position:relative;border:1px solid #53604b;border-left:8px solid #789848;background:#202d29;border-radius:5px 20px 20px 5px;padding:34px;min-height:350px;box-shadow:14px 16px 0 #ffffff05,var(--shadow);overflow:hidden}
.book:after{content:"";position:absolute;width:190px;height:190px;border:25px solid #c7f36b10;transform:rotate(30deg);right:-90px;top:70px}
.book h2{font-size:30px;margin:26px 0 20px}
.book ol{font-size:13px;color:#c5d5cf;line-height:2.4}
.book-bottom{margin-top:24px;border-top:1px solid #ffffff20;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:var(--cyan)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border:1px solid var(--line);border-radius:16px;background:#181f2c88}
.metric{padding:20px 24px;border-right:1px solid var(--line)}
.metric:last-child{border:0}.metric strong{display:block;font-size:25px;color:var(--green);line-height:1.5}.metric span{font-size:12px;color:var(--muted)}
.matrix{row-gap:22px}.matrix .cell{display:flex}.matrix .card{width:100%}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.card-head .number{margin:0}.mini-line{height:3px;width:34px;background:var(--cyan)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.compare-box{border-radius:var(--radius);padding:28px;background:var(--surface);border:1px solid var(--line)}
.compare-box.emphasis{border-color:#c7f36b55}
.compare-box .badge{margin-bottom:18px}
.compare-box h3{margin-bottom:15px}
.compare-box p{font-size:14px}
.compare-note{font-size:12px;margin-top:18px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:35px}
.timeline li{border-top:2px solid var(--line);padding-top:22px;position:relative}
.timeline li:before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--cyan);border-radius:50%}
.timeline small{color:var(--cyan);font-size:12px}.timeline h3{margin:12px 0;font-size:18px}.timeline p{font-size:13px}
.notice{padding:24px 28px;border-left:3px solid var(--green);background:var(--surface);margin-top:30px;border-radius:0 12px 12px 0;font-size:14px}
.quick-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.quick-list li{padding-left:20px;border-left:1px solid var(--line)}
.quick-list h3{font-size:16px;margin-bottom:10px}.quick-list p{font-size:14px}
.download-layout{align-items:center;row-gap:32px}.download-copy{padding-right:60px}
.download-copy p{margin:20px 0;font-size:15px}
.download-list li{font-size:14px;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line)}
.download-list li:before{content:"✓";color:var(--green);margin-right:12px}
.privacy-note{font-size:12px!important;margin-top:15px!important}
@media(max-width:1024px){:root{--space:58px}.header-note{display:none}.hero .intro{padding-right:20px}.book{padding:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.download-copy{padding-right:28px}.metric{padding:18px}.timeline{gap:18px}}
@media(max-width:768px){:root{--space:44px}.container{padding:0 22px}.header-inner{min-height:70px}.logo{font-size:18px}.desktop-nav a{padding:8px 12px}.hero .intro,.download-copy{padding-right:0}.hero-layout>.cell,.download-layout>.cell{width:100%}.book{min-height:0}.book ol{display:grid;grid-template-columns:1fr 1fr;gap:5px}.book h2{font-size:25px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.faq-layout{grid-template-columns:1fr;gap:28px}.timeline{grid-template-columns:1fr 1fr;gap:30px}.quick-list{grid-template-columns:1fr;gap:22px}.footer-top{flex-direction:column;gap:22px}.footer-bottom{flex-direction:column;gap:8px}.article-row{grid-template-columns:35px 1fr;gap:15px}.article-row .badge{grid-column:2;justify-self:start}.compare-grid{gap:16px}.compare-box{padding:22px}h2{font-size:25px}}
@media(max-width:520px){.container{padding:0 18px}.desktop-nav{display:none}.header-inner{min-height:66px}.logo{font-size:17px}.logo-mark{width:30px;height:34px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#10151ff5;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-nav a{display:flex;flex:1;flex-direction:column;align-items:center;font-size:11px;color:var(--muted);border-radius:9px;padding:3px}.mobile-nav a.active,.mobile-nav a:hover{color:var(--green);background:var(--raised)}.tab-icon{font-size:21px;line-height:1.3}.site-footer{padding-bottom:110px}.hero-copy{font-size:14px}.hero-bottom .button{flex:1;padding:14px}.book{padding:22px}.book ol{grid-template-columns:1fr}.metric strong{font-size:23px}.compare-grid,.assurance-list{grid-template-columns:1fr}.timeline{gap:24px 18px}.timeline h3{font-size:16px}.card{padding:23px}.section-heading h2{min-width:0}.article-row h3{font-size:17px}.hero h1{font-size:32px}.breadcrumb{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}