:root{--dark:#0f261d;--dark2:#183b2b;--cream:#f5f6ee;--ink:#142f23;--accent:#d7f087;--muted:#607465}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);font-family:Inter,"Noto Sans TC",system-ui,-apple-system,"Microsoft JhengHei",sans-serif;line-height:1.7;color:var(--ink)}button,a{font:inherit}button{cursor:pointer}a{color:inherit}img,video{max-width:100%;display:block}header{position:sticky;top:0;background:#f8f9f2ee;backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid #d6e0d2}.top{max-width:1420px;margin:auto;padding:10px 24px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.15;font-size:14px;font-weight:800;white-space:nowrap}.brand img{width:118px;max-height:42px;object-fit:contain}.brand small{font-weight:500;color:#627367;font-size:10px}nav{display:flex;gap:18px;margin-left:auto;overflow:auto}nav a{white-space:nowrap;text-decoration:none;font-size:13px;font-weight:700}.print{border:1px solid #a5bba5;border-radius:99px;background:white;padding:8px 12px;white-space:nowrap;font-size:12px;color:var(--ink)}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}section{scroll-margin-top:68px}.hero{padding:74px 0 50px;background:var(--dark);color:#f7fbf2}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:60px;align-items:center}.eyebrow,.label{font-size:12px;font-weight:800;letter-spacing:.15em;color:#a9cc83}.hero h1{font-size:clamp(36px,5.3vw,67px);line-height:1.18;letter-spacing:-.035em;margin:20px 0 22px}.hero em,h2 em{font-style:normal;color:#cdeb80}.lead{font-size:17px;color:#c4d5c7;line-height:1.9}.hero-conclusion{margin-top:22px;border-left:3px solid #cdea80;padding:2px 0 2px 18px;color:#d3e3d4}.hero-conclusion strong{font-size:18px;color:#e0f68c}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 10px}.button{display:inline-block;border-radius:100px;padding:12px 20px;font-weight:800;text-decoration:none}.primary{background:var(--accent);color:#183426}.outline{border:1px solid #8daa90;color:#f7fbf2}.micro,.caption{font-size:12px;color:#acc1ae}.hero-art{position:relative}.hero-art img{width:100%;height:510px;object-fit:cover;border-radius:24px;filter:brightness(.78)}.hero-art>span{position:absolute;left:20px;top:20px;color:white;background:#193c2bd9;border-radius:20px;font-size:10px;padding:5px 10px;letter-spacing:.08em}.floating{position:absolute;bottom:22px;left:-26px;background:#e4f5c4;padding:16px 22px;color:#1a412c;border-radius:14px;box-shadow:0 15px 35px #0003}.quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:48px}.quick a{border:1px solid #476a53;border-radius:12px;padding:12px;color:#a9d28a;text-decoration:none;font-size:11px}.quick a b{font-size:13px;color:white}.quick a:hover,.quick a:focus-visible{background:#38634a}section.light{background:var(--cream);padding:95px 0}section.dark{background:var(--dark);color:#eef5e9;padding:95px 0}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:45px;align-items:end;margin-bottom:40px}.section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.dark .section-head p{color:#bacdbd}h2{font-size:clamp(30px,4vw,48px);line-height:1.27;letter-spacing:-.025em;margin:12px 0 0}h2 em{color:#297d51}.dark h2 em{color:#cdeb80}h3{line-height:1.45;margin:10px 0}p{margin:10px 0}.cards4,.format-grid,.business-grid,.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cards4 article,.business-grid article{background:#fff;border:1px solid #dce6d8;border-radius:17px;padding:23px}.cards4 b,.business-grid b{font-size:11px;color:#3c7751}.cards4 h3,.business-grid h3{font-size:19px}.cards4 p,.business-grid p{font-size:14px;color:#5b6f61}.cards4 a{font-size:13px;font-weight:700;color:#1f7247}.note{border-left:3px solid #a7c68b;margin-top:26px;padding:4px 0 4px 15px;color:#617465;font-size:13px}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.bandphoto{width:100%;height:auto;border-radius:18px}.hardware{padding:0 0 15px;margin-bottom:16px;border-bottom:1px solid #3c5c47}.hardware span,.format-grid span,.timeline span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#cce886}.hardware h3{font-size:20px}.hardware p{font-size:14px;color:#b9cdbb}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:28px 0}.flow div{border:1px solid #496b50;border-radius:13px;padding:17px}.flow b,.flow span{display:block}.flow span{font-size:12px;color:#afc9b3}.flow i{font-style:normal;color:#cdeb80}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.dark-text{color:#5f7564}.step{display:flex;gap:18px;border-top:1px solid #d5e2d3;padding:10px 0}.step b{color:#47835c}.step p{margin:0;color:#5a6c5d}.step strong{color:#142f23}.darkbutton{background:#1c6242;color:#fff}.dark-caption{color:#65786a;max-width:570px}.phone-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dbe9d2;border-radius:28px;padding:30px}.phone-stage>p{font-size:12px;color:#54705a}.phone{width:min(340px,100%);height:650px;border:9px solid #161c19;border-radius:44px;background:#151a1b;overflow:hidden;position:relative;box-shadow:0 20px 45px #1c39293b}.phone iframe{border:0;width:100%;height:100%;display:block}.notch{position:absolute;width:100px;height:24px;left:50%;top:5px;transform:translateX(-50%);background:#0c110e;border-radius:20px;z-index:2;pointer-events:none}.format-grid article{background:#204332;border:1px solid #42654d;border-radius:17px;overflow:hidden;padding:14px 14px 20px}.format-grid img,.format-grid video{width:100%;height:165px;object-fit:cover;border-radius:10px;background:#e2ebda}.format-grid h3{font-size:18px}.format-grid p,.format-grid small{font-size:13px;color:#c4d7c6}.format-grid span{display:block;margin-top:17px}.calendar{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.months button{border:1px solid #cbdac9;background:white;color:#27533b;padding:12px 8px;border-radius:12px;text-align:left;font-size:13px;line-height:1.4;font-weight:700}.months button small{color:#708b72}.months button[aria-selected=true]{background:#205d3e;color:#fff;border-color:#205d3e}.months button[aria-selected=true] small{color:#c8ed9a}.month-panel{background:#1d4933;color:white;padding:30px;border-radius:20px}.month-top{display:flex;justify-content:space-between;gap:10px;color:#cae98f;font-size:12px;letter-spacing:.08em;font-weight:800}.month-panel h3{font-size:clamp(26px,3vw,37px);margin:20px 0 8px}.month-panel>p{color:#d0e2d0}.month-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.month-details div{border-top:1px solid #5c7e63;padding-top:12px}.month-details b{color:#d8ed9b;font-size:13px}.month-details p{font-size:13px;color:#d3e3d2}.four-season{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.four-season div{border-top:2px solid #5c9764;padding-top:12px}.four-season p{font-size:13px;color:#687d6a}.timeline article{border-top:2px solid #bbdf80;padding:19px 10px 15px 0}.timeline p{font-size:14px;color:#bcd1be}.demo-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;background:#e1efba;color:#173d28;border-radius:18px;padding:30px}.demo-block h3{font-size:20px}.demo-block p{font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.metrics div{padding:15px;border:1px solid #52745a;border-radius:12px}.metrics b,.metrics span{display:block}.metrics b{color:#d5ee95}.metrics span{font-size:12px;color:#bfd1bf}.close{margin-top:35px;border-radius:24px;background:#d9ef9b;display:grid;grid-template-columns:1fr .8fr;overflow:hidden}.close>div{padding:38px}.close h2{margin:12px 0 20px}.close p{color:#46634a}.close img{width:100%;height:100%;min-height:300px;object-fit:cover}.sources{font-size:12px;color:#6e8071;margin-top:40px}.sources a{color:#276d46}footer{background:#10261d;color:#b1c7b2;padding:24px 0;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:10px}button:focus-visible,a:focus-visible{outline:3px solid #f4a652;outline-offset:3px}@media(max-width:900px){.top{flex-wrap:wrap}.brand img{width:90px}nav{order:3;width:100%;margin:0}.hero-grid,.section-head,.band-grid,.experience-grid,.calendar{grid-template-columns:1fr}.hero-art img{height:360px}.cards4,.format-grid,.business-grid,.timeline,.metrics,.four-season{grid-template-columns:repeat(2,minmax(0,1fr))}.quick{grid-template-columns:repeat(3,minmax(0,1fr))}.phone{height:600px}.section-head{gap:15px}.flow{grid-template-columns:repeat(4,1fr)}.flow i{display:none}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.top{padding:8px 16px}.print{margin-left:auto}.hero{padding-top:50px}.hero-art img{height:270px}.floating{left:10px;bottom:10px;font-size:12px}.quick{grid-template-columns:repeat(2,1fr)}section.light,section.dark{padding:65px 0}.cards4,.format-grid,.business-grid,.timeline,.metrics,.four-season,.demo-block,.close{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.month-panel{padding:22px}.month-details{grid-template-columns:1fr}.phone-stage{padding:18px}.phone{height:570px}.close>div{padding:27px}.close img{min-height:200px;height:220px}footer .wrap{display:block}}@media print{header,.actions,.quick,.months,.phone-stage,.print{display:none!important}section.light,section.dark,.hero{padding:25px 0;color:#17291c;background:#fff}.hero-grid,.section-head,.band-grid,.experience-grid,.calendar{display:block}.hero h1{font-size:30px;color:#123020}.hero p,.dark p,.section-head p,.caption{color:#304236}.hero-art img{height:200px}.hero-art .floating{display:none}.cards4,.format-grid,.timeline,.business-grid{grid-template-columns:repeat(2,1fr)}article,.month-panel,.close{break-inside:avoid}.month-panel{background:#e7f1df;color:#123020}.month-panel p{color:#123020}.month-panel h3,.month-top,.month-details b{color:#123020}.dark h2 em,.hero em{color:#24603a}iframe,video{display:none}}

.print-calendar{display:none}@media print{.print-calendar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.print-calendar article{border:1px solid #b8c9b8;border-radius:8px;padding:12px;font-size:12px}.print-calendar h3{font-size:16px}.calendar,.four-season{display:none}.print-calendar b{color:#205f3e}}
.brand img{filter:brightness(0) saturate(100%)}

/* Partner wordmarks and original product imagery */
.brand{gap:10px;min-width:0}.brand .fit-logo-frame{display:block;width:112px;height:44px;position:relative;overflow:hidden;flex:none}.brand .fit-logo-frame .fit-logo{position:absolute;max-width:none;max-height:none;width:112px;height:112px;left:0;top:-34px;object-fit:contain;filter:brightness(0) saturate(100%)}.brand .brand-cross{font-size:19px;color:#6c7d6f;font-weight:400}.brand img.decathlon-logo{width:125px;height:auto;max-height:30px;object-fit:contain;filter:none}.brand .brand-subtitle{font-size:11px;line-height:1.3;color:#46634e}.brand .brand-subtitle small{font-size:10px}.band-gallery{display:grid;gap:12px}.band-product{margin:0;padding:18px 20px 4px;border:1px solid #476b51;border-radius:18px;background:linear-gradient(135deg,#254535,#173a2a);overflow:hidden}.band-product figcaption{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.band-product figcaption span{color:#d9f29a;font-weight:850;letter-spacing:.08em;font-size:20px}.band-product figcaption small{color:#d6e6d5;font-size:13px}.band-product img{display:block;width:100%;height:205px;object-fit:contain;object-position:center}.band-gallery .caption{margin:0}.band-product:first-child img{height:220px}
@media(max-width:1100px){.brand .brand-subtitle{display:none}.brand .fit-logo-frame{width:92px;height:38px}.brand .fit-logo-frame .fit-logo{width:92px;height:92px;top:-27px}.brand img.decathlon-logo{width:106px}}
@media(max-width:520px){.brand{gap:7px}.brand .fit-logo-frame{width:90px;height:35px}.brand .fit-logo-frame .fit-logo{width:90px;height:90px;top:-28px}.brand img.decathlon-logo{width:100px}.brand .brand-cross{font-size:16px}.band-product img,.band-product:first-child img{height:160px}.band-product{padding:15px 14px 0}}
/* Match the apparent size of each wristband despite different transparent margins in the source images. */
.band-product:first-child img{transform:scale(1.45);transform-origin:center}
@media(max-width:520px){.band-product:first-child img{transform:scale(1.3)}}