:root{--page-gutter:32px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#16191d;background:#e7e8eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select{border:1px solid #d5d8df;background:#fff;border-radius:7px;padding:10px 14px;color:#212731}button{cursor:pointer;background:#15191e;color:white}button:focus-visible,select:focus-visible{outline:3px solid #347ef5;outline-offset:3px}.tools{position:fixed;inset:0 0 auto;z-index:20;min-height:66px;background:#f8f9faf5;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:18px;border-bottom:1px solid #d5d8df}.tools strong{font-size:16px;letter-spacing:1px}.tools span{font-size:13px;color:#68717e;margin-left:18px}.tools nav{display:flex;gap:8px;font-size:13px}main{width:600px;margin:94px auto 40px;box-shadow:0 12px 80px #19202c1c;overflow:hidden}section{position:relative;overflow:hidden;padding:64px var(--page-gutter);scroll-margin-top:90px}section.dark{background:#080b10;color:#fff}section.light{background:#f7f8fa}.eyebrow{font-size:15px;font-weight:700;letter-spacing:2.8px;color:#3378e7;margin:0 0 24px}.dark .eyebrow{color:#80b2ff}h1,h2,h3,p{margin-top:0}h2{font-size:48px;letter-spacing:-1.8px;line-height:1.28;margin-bottom:24px;font-weight:650}h3{font-size:23px;line-height:1.4;margin-bottom:8px}p.intro{font-size:22px;line-height:1.8;color:#727984;max-width:620px;margin-bottom:30px}.dark .intro{color:#a2acb9}.note{font-size:14px;line-height:1.8;color:#818a97;margin:26px 0 0}.hero{height:1060px;padding:38px var(--page-gutter) 0!important}.brandline{display:flex;align-items:center;justify-content:space-between}.brandline .brand-logo{display:block;width:180px;height:auto}.brandline span{font-size:10px;letter-spacing:1.8px;color:#a4aab4}.hero-title{position:relative;text-align:center;z-index:2;margin-top:66px}.hero-title .eyebrow{font-size:19px;letter-spacing:6px;color:#aebaca;margin-bottom:26px}.wordmark{width:475px;height:auto;display:block;margin:0 auto 28px}.hero h1{font-size:49px;letter-spacing:3px;font-weight:600;margin-bottom:14px}.hero-title>p:last-child{font-size:21px;letter-spacing:4px;color:#aeb9c8}.hero-product{position:absolute;top:390px;left:0;width:750px;height:535px;object-fit:cover;object-position:50% 40%;mask-image:linear-gradient(transparent,#000 12%,#000 75%,transparent)}.hero-stats{position:absolute;left:var(--page-gutter);right:var(--page-gutter);bottom:86px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;z-index:2}.hero-stats>div+div{border-left:1px solid #ffffff26}.hero-stats strong{font-size:49px;letter-spacing:-2px}.hero-stats strong span{font-size:25px;margin-left:4px}.hero-stats p{font-size:17px;color:#bac2ce;margin:8px 0 0}.hero-foot{position:absolute;bottom:24px;left:var(--page-gutter);right:var(--page-gutter);border-top:1px solid #ffffff24;padding-top:19px;color:#8893a3;font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e0e4ea;border:1px solid #e0e4ea;margin-top:36px}.feature-grid article{padding:31px 24px;background:#fff}.feature-grid strong{font-size:45px;letter-spacing:-1.8px;font-weight:600;display:block;margin-bottom:12px}.feature-grid small{font-size:23px;letter-spacing:0}.feature-grid h3{font-size:21px}.feature-grid p{font-size:15px;color:#79818d;margin:0;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.capture{background:#080b10}body.capture .tools{display:none}body.capture main{margin:0 auto;box-shadow:none}body.capture section{scroll-margin-top:0}section[hidden]{display:none}body.single main{margin-bottom:0}@media(max-width:780px){.tools{padding:12px;flex-wrap:wrap}.tools span{display:none}main{margin-top:90px;width:600px}body.capture main{margin-top:0}.tools nav{font-size:12px}button,select{padding:9px} }@media print{@page{size:600px 1060px;margin:0}body{background:white}.tools{display:none}main{margin:0;box-shadow:none}section{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.big-number{font-size:134px;font-weight:600;line-height:1.05;letter-spacing:-8px}.big-number span{font-size:75px;letter-spacing:-3px}.metric-caption{color:#a4adba;font-size:20px;margin-top:14px}.wide-image{display:block;width:700px;margin:24px -25px 35px}.triptych{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2a;padding-top:30px;gap:20px}.triptych strong{font-size:20px}.triptych p{font-size:15px;color:#8e99a8;margin:10px 0 0}.legend{font-size:17px;display:flex;align-items:center;gap:9px}.legend:before{content:'';width:20px;height:4px;background:#347deb}.legend.gray:before{background:#8e99a9}.chart-label{font-size:15px;color:#8b929d;margin:24px 0}.data-foot{display:flex;justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid #d7dde6;font-size:18px;color:#5a6471}#power-chart svg{width:100%;height:auto;display:block}.calibration-image{display:block;width:750px;height:auto;margin:0 calc(-1 * var(--page-gutter)) 30px}.report-row{display:flex;align-items:center;gap:32px;border-top:1px solid #ffffff20;padding-top:26px}.report-row>img{width:280px;height:auto;flex-shrink:0;object-fit:contain}.report-row .eyebrow{font-size:12px;letter-spacing:1.4px}.report-row h3{font-size:26px}.report-row p:last-child{font-size:19px;line-height:2;color:#9da8b8;margin:0}.charge-image{width:650px;height:460px;object-fit:contain;display:block;margin:30px 0}.charge-footer{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:24px 0;display:flex;flex-direction:column;gap:12px}.charge-footer b{font-size:25px}.charge-footer span{font-size:19px;color:#95a3b8}.protocols{display:flex;align-items:center;gap:25px;margin:38px 0}.protocols strong{font-size:42px;letter-spacing:-1.4px}.protocols>span{color:#acb3c0;font-size:30px}.protocols small{font-size:27px}.device-image{background:#0c0f14;margin:0 calc(-1 * var(--page-gutter));padding:30px 40px}.device-image img{display:block;width:100%;height:420px;object-fit:contain}.waterproof{height:800px}.water-image{position:absolute;inset:0;width:100%;height:800px;object-fit:cover;object-position:center}.waterproof:after{content:'';position:absolute;inset:0;background:linear-gradient(#03070be0,#03070b30 52%,#03070b 83%)}.water-copy{position:relative;z-index:1}.water-copy .big-number{font-size:100px;letter-spacing:-5px;margin:24px 0}.water-copy .intro{color:#d4dce7}.water-copy .note{color:#aeb9c9}.fit-image{display:block;width:100%;height:auto;margin:50px 0}.fit-labels{display:flex;gap:16px;margin-top:15px}.fit-labels span{border:1px solid #394351;padding:12px 20px;font-size:18px}.purchase-note{background:#e7edf6;border-left:3px solid #3378e7;padding:22px;margin-top:28px}.purchase-note strong{font-size:21px}.purchase-note p{font-size:17px;color:#667385;line-height:1.7;margin:10px 0 0}.spec-group{margin-top:30px}.spec-group h3{font-size:20px;background:#172230;color:#fff;padding:15px 20px;margin:0}.spec-group dl{margin:0}.spec-row{display:grid;grid-template-columns:205px 1fr;padding:17px 20px;border-bottom:1px solid #dce1e8;font-size:18px;line-height:1.65}.spec-row dt{color:#7b8592}.spec-row dd{margin:0}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 20px;margin-top:30px}.package-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:280px 1fr;align-items:center}.package-item{background:#fff;padding:22px}.package-item img{width:100%;height:150px;object-fit:contain;display:block;margin-bottom:22px}.package-item:first-child img{height:235px;margin:0}.package-item h3{font-size:20px}.package-item p{color:#788394;font-size:17px;margin:10px 0 0}.rider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px -20px 0}.rider-grid img{width:100%;height:320px;object-fit:cover}.closing{text-align:center;padding:70px 0 15px}.closing img{width:380px;margin-bottom:24px}.closing p{font-size:19px;letter-spacing:8px;color:#bbc7d6}.closing span{font-size:16px;color:#768393}
@media(max-width:780px){.tools{position:relative}body:not(.capture) main{margin-top:24px}}
.tools nav{flex-wrap:wrap;justify-content:flex-end}.tools button:disabled{cursor:wait;opacity:.55}#screenshot{background:#fff;color:#212731}#export-all{background:#2466c9;border-color:#2466c9}#export-status{position:fixed;right:24px;bottom:24px;z-index:30;max-width:calc(100vw - 48px);padding:14px 20px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#26364c;box-shadow:0 4px 24px #0002;font-size:14px;line-height:1.6}#export-status[data-error="true"]{color:#a32121;border-color:#f0cccc}.capture #export-status{display:none}.export-render main{zoom:1!important;width:600px!important;margin:0!important}.export-render{padding:0!important}@media(max-width:980px){.tools{position:relative}body:not(.capture) main{margin-top:24px}.tools nav{justify-content:flex-start}}@media print{#export-status{display:none}}
.tools{position:relative;flex-wrap:wrap}.tools nav{justify-content:flex-start;align-items:center}body:not(.capture) main{margin-top:28px}.resolution-control{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#596573;font-size:13px}.resolution-control input{width:88px;min-width:0;padding:10px 6px 10px 10px;border:1px solid #d5d8df;border-radius:7px;font:inherit;background:#fff;color:#212731}.tools .resolution-control span{display:inline;margin:0;font-size:13px}.resolution-control input:focus-visible{outline:3px solid #347ef5;outline-offset:3px}#export-stitched{background:#2466c9;border-color:#2466c9}

/* Model comparison: all categories stay visible in previews and image exports. */
.models h2{font-size:46px;letter-spacing:-1.8px;white-space:nowrap}
.models .intro{font-size:21px;line-height:1.7;margin-bottom:32px}
.model-categories{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line,#dce2eb);border-radius:12px;background:var(--card,#fff);margin-bottom:44px}
.model-category{display:flex;align-items:center;gap:12px;padding:19px 20px}
.model-category+.model-category{border-left:1px solid var(--line,#dce2eb)}
.model-category svg,.model-group-heading svg{width:26px;height:26px;flex-shrink:0;color:var(--accent,#3378e7)}
.model-category>span{font-size:20px;font-weight:600}
.model-category small{display:block;font-size:10px;letter-spacing:1.6px;color:var(--muted,#738092);margin-top:5px;font-weight:400}
.model-category>b{margin-left:auto;align-self:flex-start;font-size:14px;color:var(--accent,#3378e7);font-variant-numeric:tabular-nums}
.model-group+.model-group{margin-top:40px}
.model-group-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.model-group-heading h3{display:flex;align-items:center;gap:12px;margin:0;font-size:26px}
.model-group-heading h3 span{font-size:12px;letter-spacing:2px;font-weight:400;color:var(--muted,#738092)}
.model-group-heading>span{font-size:13px;color:var(--muted,#738092);border:1px solid var(--line,#dce2eb);border-radius:20px;padding:5px 10px}
.model-cards{display:grid;gap:14px}
.model-card{display:grid;grid-template-columns:144px minmax(0,1fr);gap:18px 20px;background:var(--card,#fff);border:1px solid var(--line,#dce2eb);border-radius:14px;padding:22px 24px 20px}
.model-image{display:grid;place-items:center;align-self:center}
.model-image img{display:block;width:144px;height:144px;object-fit:contain}
.model-details{min-width:0;align-self:center}
.model-series{font-size:12px;letter-spacing:.6px;color:var(--muted,#738092);margin:0 0 9px}
.model-details h4{font-size:22px;line-height:1.4;letter-spacing:-.5px;margin:0 0 18px;font-weight:700}
.model-details h4 span{white-space:nowrap}
.model-specs{display:grid;grid-template-columns:1.6fr 1fr .65fr;gap:12px;margin:0;padding-top:14px;border-top:1px solid var(--line,#e4e8ee)}
.model-specs dt{font-size:13px;color:var(--muted,#738092);margin-bottom:8px}
.model-specs dd{font-size:17px;line-height:1.5;white-space:nowrap;margin:0;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.model-specs dd small{display:block;font-size:10px;letter-spacing:1px;color:var(--accent,#3378e7);line-height:1.6}
.model-specs dd span{font-size:14px;font-weight:400;color:var(--muted,#738092)}
.model-compatibility{grid-column:1/-1;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--line,#e4e8ee)}
.model-compatibility p{font-size:15px;line-height:1.7;margin:0;overflow-wrap:anywhere;color:var(--ink,#384351)}
.model-compatibility p:first-child{font-size:13px;line-height:1.96;color:var(--muted,#738092)}
.models .purchase-note{margin-top:36px;border-radius:0 12px 12px 0;padding:24px}
.models .purchase-note p:first-of-type{color:var(--accent,#3378e7);font-size:18px;font-weight:600;letter-spacing:.4px}

/* Team photographs retain their full frame, including riders and bicycles. */
.team-partnerships h2 span{color:var(--accent-dark,#80b2ff)}
.team-partnerships .intro{font-size:20px;margin-bottom:0}
.team-list{display:grid;gap:32px;margin-top:38px}
.team-card{border:1px solid #ffffff24;background:#ffffff04;overflow:hidden}
.team-heading{display:flex;align-items:center;gap:26px;padding:24px}
.team-logo{display:block;width:108px;height:108px;object-fit:contain;flex-shrink:0}
.team-heading p{font-size:12px;letter-spacing:2px;color:var(--night-muted,#a2acb9);margin:0 0 12px}
.team-heading>div{min-width:0}
.team-heading h3{font-size:26px;line-height:1.3;letter-spacing:-.4px;margin:0;white-space:nowrap}
.team-level{display:inline-block;margin-top:12px;padding:5px 10px;border:1px solid currentColor;color:var(--accent-dark,#80b2ff);font-size:13px;line-height:1.4;letter-spacing:.5px}
.team-description{font-size:17px;line-height:1.9;color:var(--night-muted,#a2acb9);margin:0;padding:0 24px 24px}
.team-photo{display:block;width:100%;height:auto}
/* Gyroscope: the product artwork carries the rotation effect. */
.gyroscope{--gyro-accent:var(--accent-dark,#80b2ff);border-top:1px solid #ffffff20}
.gyro-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.gyro-heading h2{margin-bottom:22px}
.gyro-heading h2 span{color:var(--gyro-accent)}
.gyro-badge{font-size:14px;line-height:1.8;letter-spacing:2px;padding:13px 20px;border:1px solid currentColor;color:var(--gyro-accent);text-align:center}
.gyro-badge b{font-size:23px;letter-spacing:1px}
.gyroscope .intro{font-size:20px;margin-bottom:10px}
.gyroscope .intro strong{color:var(--gyro-accent);font-weight:600;white-space:nowrap}
.gyro-visual{position:relative;height:480px;margin:0 0 28px;isolation:isolate;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gyro-accent) 6%,transparent),transparent 65%)}
.gyro-rotation-arrow{position:absolute;inset:0 0 auto;width:100%;height:456px;color:var(--gyro-accent);pointer-events:none}
.gyro-product{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:420px;height:420px;object-fit:contain;filter:drop-shadow(0 18px 22px #0006)}
.gyro-visual figcaption{position:absolute;inset:auto 0 6px;display:flex;justify-content:space-between;font-size:13px;letter-spacing:2px;color:var(--gyro-accent)}
.gyro-visual figcaption span:before{content:'+';margin-right:8px}
.gyro-benefit-label{display:flex;align-items:center;justify-content:space-between;color:var(--gyro-accent);padding-right:23px;margin-bottom:20px}
.gyro-benefit-label span{font-size:11px;letter-spacing:1.8px}
.gyro-benefit-label svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gyro-footer{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px;font-size:19px;letter-spacing:2px}
.gyro-footer i{height:4px;width:4px;background:var(--gyro-accent);border-radius:50%}
.gyroscope .note{font-size:12px;text-align:center;margin-top:20px}
.lightweight-image{display:block;width:100%;height:auto;margin-top:24px}
.lightweight-caption{border-top:1px solid #ffffff25;padding-top:26px;margin-top:28px}
.lightweight-caption>span{font-size:23px;font-weight:600;letter-spacing:1px}
.lightweight-caption p{font-size:18px;color:var(--night-muted,#95a3b8);line-height:1.8;margin:12px 0 0}

.connectivity.dark .device-image{background:transparent}

.team-partnerships.light h2 span,.team-partnerships.light .team-level{color:#3378e7}
.team-partnerships.light .team-card{background:#fff;border-color:#dce2eb}
.team-partnerships.light .team-heading p,.team-partnerships.light .team-description{color:#667385}

/* Native 600px canvas: preserve type sizes and reflow content without zoom. */
.hero-product{left:50%;transform:translateX(-50%)}
.wide-image{width:100%;margin-left:0;margin-right:0}
.calibration-image{width:calc(100% + var(--page-gutter) * 2)}
.charge-image{width:100%}
.report-row{flex-wrap:wrap}
.protocols{flex-wrap:wrap}
.package-item:first-child{grid-template-columns:1fr}
.model-category{padding:19px 12px;gap:8px}
.model-card{grid-template-columns:144px minmax(0,1fr)}
.model-specs{grid-template-columns:1fr 1fr}
.model-specs>div:first-child{grid-column:1/-1}
.models h2,.team-heading h3{white-space:normal}
.team-heading{gap:20px}
.gyro-heading{flex-wrap:wrap}

/* ADC sampling: one hundred discrete points over a one-second revolution. */
.sampling.dark{border-top:1px solid #ffffff20;background:radial-gradient(ellipse at 95% 37%,#132440 0,transparent 48%),#080b10}
.sampling h2 span{color:#80b2ff}
.sampling .intro{font-size:20px;line-height:1.85;margin-bottom:30px}
.sampling-cycle{margin:0;border-top:1px solid #ffffff25}
.sampling-cycle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:25px;font-size:18px}
.sampling-cycle-heading>span:last-child{font-size:10px;letter-spacing:1.7px;color:#8090a5}
.sampling-orbit{position:relative;margin:12px 0 0}
.sampling-orbit svg{display:block;width:100%;height:auto}
.sampling-orbit img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:340px;height:340px;object-fit:contain;filter:drop-shadow(0 16px 24px #0009)}
.sampling-cycle figcaption{text-align:center;margin-top:6px}
.sampling-example{font-size:16px;color:#a2acb9;margin:0 0 14px;letter-spacing:1px}
.sampling-example b{color:#c4d4ea;font-weight:500}
.sampling-equation{display:flex;align-items:center;justify-content:center;gap:22px;font-size:22px;margin:0}
.sampling-equation b{font-family:Arial,sans-serif;font-size:36px;letter-spacing:-1px;font-weight:500;margin:0 5px}
.sampling-equation>span:last-child{color:#a8caff}
.sampling-equation>i{font-size:24px;font-style:normal;color:#677d9e}
.sampling-legend{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#8292a7;margin:18px 0 0}
.sampling-legend>i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#94c0ff}
.sampling-benefits article>span{font-size:12px;letter-spacing:.7px;color:#80b2ff}
.sampling .note{font-size:12px;color:#7e8b9e;margin-top:28px;text-align:center}

/* Companion product gallery. */
.tools .main-images-link{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #d5d8df;border-radius:7px;background:#fff;color:#2466c9;text-decoration:none}
.tools .main-images-link:focus-visible{outline:3px solid #347ef5;outline-offset:3px}

/* Shared data and comparison rows on the 600px detail canvas. */
:root{--metric-size:56px;--metric-unit-size:24px;--metric-label-size:18px;--comparison-gap:48px}
.metric-row,.comparison-row{--row-line:#d7dde6;--row-muted:#727984;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--comparison-gap)}
.dark .metric-row,.dark .comparison-row{--row-line:#ffffff25;--row-muted:#a2acb9}
.metric-row>div,.comparison-row>div,.comparison-row>article{position:relative;min-width:0}
.metric-row>div+div:before,.comparison-row>div+div:before,.comparison-row>article+article:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--comparison-gap) / -2);border-left:1px solid var(--row-line)}
.metric-row{margin:36px 0 0}
.metric-row strong{display:block;font-size:var(--metric-size);font-weight:600;line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-row small{font-size:var(--metric-unit-size);font-weight:500;letter-spacing:0;margin-left:8px;color:inherit}
.metric-row small span{font-size:14px;vertical-align:super}
.metric-row p{font-size:var(--metric-label-size);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--row-muted);margin:14px 0 0}
.metric-row .legend{font-size:16px;gap:8px;white-space:nowrap}
.metric-row .legend:before{width:16px;flex-shrink:0}
.sampling-spec{margin-bottom:36px}
.comparison-row{border-top:1px solid var(--row-line);margin-top:36px;padding-top:24px}
.comparison-row h3{font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.5px;margin:0 0 12px}
.comparison-row p{font-size:16px;line-height:1.85;color:var(--row-muted);margin:0}
.sampling-benefits article>span{display:block;margin-bottom:20px}
.gyro-benefit-label{padding-right:0}
/* Denser summary groups use the same type treatment at a compact size. */
.hero-stats strong,.feature-grid strong{font-size:48px;font-weight:600;line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.hero-stats strong span,.feature-grid small{font-size:24px;font-weight:500;letter-spacing:0;margin-left:6px}
.hero-stats p{font-size:16px;line-height:1.6;margin-top:14px}
.feature-grid strong{min-height:53px}
.feature-grid article{display:grid;grid-template-rows:1fr auto auto}
.feature-grid article:nth-child(5) small{display:block;font-size:18px;margin:10px 0 0}
.feature-grid h3{font-size:24px;font-weight:600;line-height:1.4}
.feature-grid p{font-size:16px;line-height:1.85}