/* /ride/assets/css/bte-layout-lite.css */ /* BTE V3.0 — layout/form subset replacing Bootstrap on legacy utility pages. */ *,*::before,*::after{box-sizing:border-box} .container{width:min(1140px,calc(100% - 32px));margin-inline:auto} .row{--gutter-x:1.5rem;--gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-inline:calc(-.5*var(--gutter-x))} .row>*{width:100%;max-width:100%;padding-inline:calc(.5*var(--gutter-x));margin-top:var(--gutter-y)} .g-3{--gutter-x:1rem;--gutter-y:1rem}.g-4{--gutter-x:1.5rem;--gutter-y:1.5rem}.g-5{--gutter-x:2.25rem;--gutter-y:2.25rem} .d-flex{display:flex!important}.d-block{display:block!important}.flex-wrap{flex-wrap:wrap!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.gap-2{gap:.5rem!important} .mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-3{margin-left:1rem!important} .text-center{text-align:center!important}.text-muted{color:#8394a3!important}.text-danger{color:#ff6b6b!important}.text-success{color:#43db91!important}.text-warning{color:#ffc15a!important} .form-control,.form-select{display:block;width:100%;min-height:46px;padding:.66rem .82rem;border:1px solid #c8d3dc;border-radius:9px;background:#fff;color:#10202d;font:inherit} .form-control:focus,.form-select:focus{outline:3px solid rgba(37,185,245,.3);outline-offset:1px;border-color:#2495ff} .form-text{display:block;margin-top:.35rem;font-size:.82rem;line-height:1.45;color:#657786} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.62rem .95rem;border:1px solid transparent;border-radius:9px;background:#182838;color:#f5f8fb;text-decoration:none;font:inherit;font-size:.84rem;font-weight:800;line-height:1.15;cursor:pointer} .btn-sm{min-height:36px;padding:.5rem .72rem;font-size:.76rem}.btn-lg{min-height:48px;padding:.75rem 1.05rem}.btn-outline-dark{background:transparent;border-color:#42596c;color:#172b3b}.btn-outline-danger{background:transparent;border-color:#c64545;color:#a72f2f}.btn-d{background:#101b25;color:#fff}.service-button{background:#0b7fc4;color:#fff;border-color:#0b7fc4} .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.7rem .8rem;border-bottom:1px solid rgba(120,144,164,.18);text-align:left;vertical-align:top} @media(min-width:768px){.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-6{width:50%}.col-md-8{width:66.666667%}} @media(min-width:992px){.col-lg-4{width:33.333333%}.col-lg-5{width:41.666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333%}.col-lg-8{width:66.666667%}} @media(max-width:620px){.container{width:min(100% - 22px,1140px)}.row{--gutter-x:.8rem}.g-5{--gutter-y:1.4rem}} /* /ride/style.css */ /*----------------------------------------------------------------------------------- Service Template About: Service is a premium template for Blocs, designed for websites of service providing companies. Author: Blocs Templates Version: 4.9 Built with Blocs -----------------------------------------------------------------------------------*/ body{margin:0;padding:0; background:#FFFFFF; overflow-x:hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.page-container{overflow: hidden;} a,button{transition: background .3s ease-in-out;} a:hover{text-decoration: none; cursor:pointer;}.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left:0;right: 0;z-index:99999;} .blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} [data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} .page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("/ride/img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}.preloader-complete{animation-delay:0.1s;}@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}@font-face {font-family:'Poppins-Bold';src: url("/ride/fonts/Poppins-Bold/poppins-v20-latin-700.woff2");src: url("/ride/fonts/Poppins-Bold/poppins-v20-latin-700.woff2") format('woff2'),url("/ride/fonts/Poppins-Bold/poppins-v20-latin-700.woff") format('woff'),url("/ride/fonts/Poppins-Bold/poppins-v20-latin-700.ttf") format('truetype');font-weight: normal;font-style: normal;font-display:swap;}@font-face {font-family:'Poppins-Regular';src: url("/ride/fonts/Poppins-Regular/poppins-v20-latin-regular.woff2");src: url("/ride/fonts/Poppins-Regular/poppins-v20-latin-regular.woff2") format('woff2'),url("/ride/fonts/Poppins-Regular/poppins-v20-latin-regular.woff") format('woff'),url("/ride/fonts/Poppins-Regular/poppins-v20-latin-regular.ttf") format('truetype');font-weight: normal;font-style: normal;font-display:swap;}@font-face {font-family:'Poppins-SemiBold';src: url("/ride/fonts/Poppins-SemiBold/poppins-v20-latin-600.woff2");src: url("/ride/fonts/Poppins-SemiBold/poppins-v20-latin-600.woff2") format('woff2'),url("/ride/fonts/Poppins-SemiBold/poppins-v20-latin-600.woff") format('woff'),url("/ride/fonts/Poppins-SemiBold/poppins-v20-latin-600.ttf") format('truetype');font-weight: normal;font-style: normal;font-display:swap;}@font-face {font-family:'Poppins-Light';src: url("/ride/fonts/Poppins-Light/poppins-v20-latin-300.woff2");src: url("/ride/fonts/Poppins-Light/poppins-v20-latin-300.woff2") format('woff2'),url("/ride/fonts/Poppins-Light/poppins-v20-latin-300.woff") format('woff'),url("/ride/fonts/Poppins-Light/poppins-v20-latin-300.ttf") format('truetype');font-weight: normal;font-style: normal;font-display:swap;}.bloc{width:100%;clear:both;background: 50% 50% no-repeat;padding:0 20px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;display:flex;}.bloc .container{padding-left:0;padding-right:0;position:relative;}.bloc-xl{padding:150px 20px;}.bloc-lg{padding:100px 20px;}.bloc-md{padding:50px 20px;}.bloc-sm{padding:20px;}.bloc-group{display:flex;}.bloc-tile-2{width:50%;}.bloc-tile-3{width:33.33333333%;}.bloc-tile-4{width:25%;}.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{width:100%;}.bloc-bg-texture::before{content:"";background-size: 2px 2px;position: absolute;top: 0;bottom: 0;left:0;right:0;}.texture-darken::before{background: rgba(0,0,0,0.5);}.texture-darken-strong::before{background: rgba(0,0,0,0.8);}.parallax__container {clip: rect(0, auto, auto, 0);height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;z-index:-1;}.parallax {position: fixed;top: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}.d-bloc{color:rgba(255,255,255,.7);}.d-bloc button:hover{color:rgba(255,255,255,.9);}.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{border-color:rgba(255,255,255,.9);}.d-bloc .divider-h span{border-color:rgba(255,255,255,.2);}.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{color:rgba(255,255,255,.6);}.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{color:rgba(255,255,255,1);}.d-bloc .navbar-toggle .icon-bar{background:rgba(255,255,255,1);}.d-bloc .btn-wire,.d-bloc .btn-wire:hover{color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);}.d-bloc .card{color:rgba(0,0,0,.5);}.d-bloc .card button:hover{color:rgba(0,0,0,.7);}.d-bloc .card icon{border-color:rgba(0,0,0,.7);}.d-bloc .card .divider-h span{border-color:rgba(0,0,0,.1);}.d-bloc .card .a-btn{color:rgba(0,0,0,.6);}.d-bloc .card .a-btn:hover{color:rgba(0,0,0,1);}.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3);}.d-bloc .card,.l-bloc{color:rgba(0,0,0,.5);}.d-bloc .card button:hover,.l-bloc button:hover{color:rgba(0,0,0,.7);}.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{border-color:rgba(0,0,0,.7);}.d-bloc .card .divider-h span,.l-bloc .divider-h span{border-color:rgba(0,0,0,.1);}.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{color:rgba(0,0,0,.6);}.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{color:rgba(0,0,0,1);}.l-bloc .navbar-toggle .icon-bar{color:rgba(0,0,0,.6);}.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3);}.voffset{margin-top:30px;}.voffset-md{margin-top:50px;}.voffset-lg{margin-top:80px;}.b-divider{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);}.navbar-dark .nav .dropdown-menu .nav-link{color: rgb(64, 64, 64);}.svg-menu-icon{fill: none;stroke: rgba(0,0,0,0.5);stroke-width: 2px;fill-rule: evenodd;}.navbar-dark .svg-menu-icon{stroke: rgba(255,255,255,0.5);}.menu-icon-thin-bars{stroke-width: 1px;}.menu-icon-thick-bars{stroke-width: 5px;}.menu-icon-rounded-bars{stroke-width: 3px;stroke-linecap: round;}.menu-icon-filled{fill: rgba(0,0,0,0.5);stroke-width: 0px;}.navbar-dark .menu-icon-filled{fill: rgba(255,255,255,0.5);}.navbar-toggler-icon{background: none!important;pointer-events: none;width: 33px;height: 33px;}.dropdown-menu .dropdown-menu{border:none}@media (min-width:576px){.navbar-expand-sm .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{right:100%;left:auto}}@media (min-width:768px){.navbar-expand-md .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{right:100%;left:auto}}@media (min-width:992px){.navbar-expand-lg .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{right:100%;left:auto}}.mg-clear{margin:0;}.mg-sm{margin-top:10px;margin-bottom:5px;}.mg-md{margin-top:10px;margin-bottom:20px;}.mg-lg{margin-top:10px;margin-bottom:40px;}img.mg-sm,img.mg-md,img.mg-lg{margin-top: 0;}img.mg-sm{margin-bottom:10px;}img.mg-md{margin-bottom:30px;}img.mg-lg{margin-bottom:50px;}.btn-d,.btn-d:hover,.btn-d:focus{color:#FFF;background:rgba(0,0,0,.3);}button{}.btn-sq{border-radius: 0px;}.btn-rd{border-radius: 40px;}.a-block{width:100%;text-align:left;display: inline-block;}.text-center .a-block{text-align:center;}.icon-spacer{margin-right:5px;}.dropdown a .caret{margin:0 0 0 5px}.btn-dropdown .dropdown-menu .dropdown{padding: 3px 20px;}.icon-md{font-size:30px!important;}.icon-lg{font-size:60px!important;}.icon-round{margin:0 auto;border:2px solid transparent;border-radius: 50%;padding: 32px 30px 26px 30px;min-width:80px;}.icon-round.icon-md,.icon-square.icon-md,.icon-rounded.icon-md{min-width: 92px;}.icon-round.icon-lg,.icon-square.icon-lg,.icon-rounded.icon-lg{min-width: 122px;}.icon-round.icon-xl,.icon-square.icon-xl,.icon-rounded.icon-xl{min-width: 162px;}.card-sq, .card-sq .card-header, .card-sq .card-footer{border-radius:0;}.card-rd{border-radius:30px;}.card-rd .card-header{border-radius:29px 29px 0 0;}.card-rd .card-footer{border-radius:0 0 29px 29px;}.card-columns .card {margin-bottom: 0.75rem;}@media (min-width: 576px) {.card-columns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 1.25rem;-moz-column-gap: 1.25rem;column-gap: 1.25rem;orphans: 1;widows: 1;}.card-columns .card {display: inline-block;width: 100%;}}.scrollToTop{width:36px;height:36px;padding:5px;position:fixed;bottom:20px;right:20px;opacity:0;z-index:999;transition: all .3s ease-in-out;pointer-events:none;}.showScrollTop{opacity: 1;pointer-events:all;}.scroll-to-top-btn-icon{fill: none;stroke: #fff;stroke-width: 2px;fill-rule: evenodd;stroke-linecap:round;}.blocsapp-device-iphone6{background-repeat:no-repeat;background-size:contain;background-position:center;display: block;width:100%;height:auto;padding: 18%;}.blocsapp-device-iphone6 img{width:100%;height:auto;margin: 0 auto;}.blocsapp-device-iphone6 .ratio::before{padding-top: 106.25%;}.blocsapp-device-iphone6 .ratio{padding-bottom: 70%;}.blocsapp-device-ipad{background-repeat:no-repeat;background-size:contain;background-position:center;display: block;width:100%;height:auto;padding: 13.4%;}.blocsapp-device-ipad img{width:100%;height:auto;margin: 0 auto;}.blocsapp-device-ipad .ratio::before{padding-top: 106.25%;}.blocsapp-device-ipad .ratio{padding-bottom: 25%;}.blocsapp-device-ipad.ipad-space-grey{background-image:url("/ride/img/Apple-iPad-Air-Space-Grey.png");background-image: -webkit-image-set(url("/ride/img/Apple-iPad-Air-Space-Grey.webp") 1x,url("/ride/img/Apple-iPad-Air-Space-Grey.webp") 2x);background-image: image-set(url("/ride/img/Apple-iPad-Air-Space-Grey.png") 1x,url("/ride/img/Apple-iPad-Air-Space-Grey.png") 2x,url("/ride/img/Apple-iPad-Air-Space-Grey.webp") 1x,url("/ride/img/Apple-iPad-Air-Space-Grey.webp") 2x);}.blocsapp-device-imac img{width:100%;height:auto;margin: 0 auto;}.blocsapp-device-imac .ratio::before{padding-top: 56.25%;}.blocsapp-device-mb{background-repeat:no-repeat;background-size:contain;background-position:center;display: block;width:100%;height:auto;padding: 6% 10% 8%;}.blocsapp-device-mb img{width:100%;height:auto;margin: 0 auto;}.blocsapp-device-mb .ratio::before{padding-top: 56.25%;}.blocsapp-device-mb .ratio{padding-bottom: 7%;}.blocsapp-mb-air{background-image:url("/ride/img/apple-macbook-air-silver.png");background-image: -webkit-image-set(url("/ride/img/apple-macbook-air-silver.webp") 1x,url("/ride/img/apple-macbook-air-silver.webp") 2x);background-image: image-set(url("/ride/img/apple-macbook-air-silver.png") 1x,url("/ride/img/apple-macbook-air-silver.png") 2x,url("/ride/img/apple-macbook-air-silver.webp") 1x,url("/ride/img/apple-macbook-air-silver.webp") 2x);}h1,h2,h3,h4,h5,h6,p,label,.btn,a{font-family:"Poppins-Regular";}.container{max-width:1140px;}h1{font-size:50px;line-height:60px;font-family:"Poppins-Bold";}h2{font-size:35px;line-height:45px;font-family:"Poppins-Light";}h3{font-size:23px;line-height:31px;font-family:"Poppins-Light";}h4{font-size:18px;line-height:26px;font-family:"Poppins-SemiBold";}h6{font-size:15px;line-height:23px;font-family:"Poppins-Light";}p{font-size:16px;line-height:24px;}.service-navigation-link{color:#FEFFFF!important;text-transform:uppercase;font-size:12px;letter-spacing:0.03em;text-align:center;margin-right:5px;margin-left:5px;}.service-logo{text-transform:uppercase;font-size:25px;line-height:33px;color:#FEFFFF!important;font-family:"Poppins-Bold";}.service-button{background-color:#008E00;text-transform:uppercase;font-size:12px;letter-spacing:0.05em;padding-right:28px;padding-left:28px;line-height:22px;color:#FEFFFF!important;border-width:0px 0px 0px 0px;font-family:"Poppins-SemiBold";}.service-button:hover{color:#FEFFFF!important;background-color:#007900;}.service-icon-home{color:#797979!important;margin-bottom:14px;}.service-icon-home:hover{color:#000000!important;}.service-footer-icon{background-color:#008E00;color:#FEFFFF!important;margin-bottom:7px;border-width:0px 0px 0px 0px;}.service-icon-footer-div{margin-top:-65px;}.service-card-footer{margin:80px 5px 5px 5px;font-family:"Poppins-Light";}.service-white-button{color:#000000!important;background-color:#FEFFFF;text-transform:uppercase;font-size:14px;letter-spacing:0.03em;text-align:center;padding:10px 28px 10px 28px;border-width:0px 0px 0px 0px;font-family:"Poppins-SemiBold";}.service-white-button:hover{color:#000000!important;background-color:#FEFFFF;font-family:"Lato";font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.03em;text-align:center;padding:10px 28px 10px 28px;border-width:0px 0px 0px 0px;}.service-white-button:active{background-color:#FEFFFF;color:#000000!important;font-family:"Lato";font-weight:700;font-size:14px;text-align:center;letter-spacing:0.03em;text-transform:uppercase;padding:10px 28px 10px 28px;border-width:0px 0px 0px 0px;}.service-field-form{text-align:center;background-color:#FEFFFF;color:#000000!important;font-size:16px;border-radius:28px 28px 28px 28px;}.service-field-form:hover{text-align:center;}.alert{background-color:transparent;text-shadow:0px 0px 0px rgba(0,0,0,0.0);box-shadow:0px 0px 0px rgba(0,0,0,0.0);text-align:center;font-size:14px;line-height:22px;color:#FEFFFF!important;border-radius:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}.service-card-newsletter{box-shadow:0px 0px 30px rgba(0,0,0,0.1);padding:28px 28px 28px 28px;border-width:0px 0px 0px 0px;}.service-white-button:focus{background-color:#FEFFFF;}.service-footer-link{color:#D5D5D5!important;}.service-footer-link:hover{color:#FEFFFF!important;}.service-bold{font-family:"Poppins-Bold";}.service-features-icon{margin-bottom:14px;color:#008E00!important;}.service-small-green-text{color:#008E00!important;font-size:12px;}.service-download-icon{padding-bottom:10px;}.service-macbook{margin-bottom:28px;}.service-wire-button{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-style:solid;border-color:#C0C0C0!important;padding-right:28px;padding-left:28px;color:#FEFFFF!important;background-color:transparent;border-radius:28px 28px 28px 28px;border-width:1px 1px 1px 1px;}.service-wire-button:hover{background-color:transparent;border-color:#FEFFFF!important;color:#FEFFFF!important;}.service-user-icon{padding-bottom:10px;}.service-user-guide-column{max-width:500px;margin-right:auto;margin-left:auto;}.service-support-card-header{border-width:0px 0px 0px 0px;}.service-support-card{margin-top:28px;margin-bottom:28px;}.service-contact-form{font-size:14px;line-height:22px;color:#000000!important;border-radius:0px 0px 0px 0px;}.service-form-check{margin-bottom:10px;font-size:14px;line-height:22px;color:#797979!important;font-family:"Poppins-Light";}.form-control:focus{box-shadow:0px 0px 0px rgba(0,0,0,0.0);border-color:#000000!important;}.service-plan-check{margin-right:10px;color:#008E00!important;}.service-dropdown{background-color:#111111;border-radius:0px 0px 0px 0px;}.service-dropdown-link{background-color:#101110;text-align:center;font-size:14px;line-height:22px;color:#FEFFFF!important;}.service-dropdown-link:hover{background-color:#000000;font-family:"Lato";font-weight:400;}.service-navigation-button{background-color:#008E00;font-size:12px;text-transform:uppercase;text-align:center;width:100px;color:#FEFFFF!important;border-radius:28px 28px 28px 28px;font-family:"Poppins-SemiBold";}.service-navigation-button:hover{background-color:#008E00;}.service-navigation-login-link{margin-left:210px;text-transform:uppercase;font-size:12px;color:#FEFFFF!important;margin-right:10px;}.service-navigation-header{padding-top:7px;padding-bottom:7px;}.scrollToTop{background-color:#008E00;color:#FEFFFF!important;border-radius:28px 28px 28px 28px;}.scrollToTop:hover{background-color:#000000;}:root{--swatch-var-3371:rgba(255,255,255,1.00);--swatch-var-2724:rgba(242,242,242,1.00);--swatch-var-4906:rgba(17,17,17,1.00);--swatch-var-7792:rgba(40,40,40,1.00);--swatch-var-4807:rgba(0,143,0,1.00);--swatch-var-6953:rgba(94,94,94,1.00);--swatch-var-773:rgba(248,248,248,1.00);}.bgc-4906{background-color:var(--swatch-var-4906);}.bgc-2724{background-color:var(--swatch-var-2724);}.bgc-773{background-color:var(--swatch-var-773);}.bgc-7792{background-color:var(--swatch-var-7792);}.bgc-3371{background-color:var(--swatch-var-3371);}.bgc-4807{background-color:var(--swatch-var-4807);}.tc-3371{color:var(--swatch-var-3371)!important;}.tc-2724{color:var(--swatch-var-2724)!important;}.tc-6953{color:var(--swatch-var-6953)!important;}.tc-4906{color:var(--swatch-var-4906)!important;}.tc-7792{color:var(--swatch-var-7792)!important;}.tc-4807{color:var(--swatch-var-4807)!important;}.ltc-2724{color:var(--swatch-var-2724)!important;}.ltc-2724:hover{color:#BFBFBF!important;}.icon-4906{color:var(--swatch-var-4906)!important;border-color:var(--swatch-var-4906)!important;}.icon-2724{color:var(--swatch-var-2724)!important;border-color:var(--swatch-var-2724)!important;}.icon-3371{color:var(--swatch-var-3371)!important;border-color:var(--swatch-var-3371)!important;}.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}.object-hidden{display:none;}@media (min-width: 576px) { .bloc-xxl-sm{padding:200px 20px;} .bloc-xl-sm{padding:150px 20px;} .bloc-lg-sm{padding:100px 20px;} .bloc-md-sm{padding:50px 20px;} .bloc-sm-sm{padding:20px;} .bloc-no-padding-sm{padding:0 20px;}}@media (min-width: 768px) { .bloc-xxl-md{padding:200px 20px;} .bloc-xl-md{padding:150px 20px;} .bloc-lg-md{padding:100px 20px;} .bloc-md-md{padding:50px 20px;} .bloc-sm-md{padding:20px 20px;} .bloc-no-padding-md{padding:0 20px;}}@media (min-width: 992px) { .bloc-xxl-lg{padding:200px 20px;} .bloc-xl-lg{padding:150px 20px;} .bloc-lg-lg{padding:100px 20px;} .bloc-md-lg{padding:50px 20px;} .bloc-sm-lg{padding:20px;} .bloc-no-padding-lg{padding:0 20px;}}@media (max-width: 1024px){ .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{ padding-left: 0; padding-right: 0; }}@media (max-width: 991px){ .container{width:100%;} .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} .bloc-group, .bloc-group .bloc{display:block;width:100%;}}@media (max-width: 767px){ .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{ padding-left:0;padding-right:0; } .btn-dwn{ display:none; } .voffset{ margin-top:5px; } .voffset-md{ margin-top:20px; } .voffset-lg{ margin-top:30px; } form{ padding:5px; } .close-lightbox{ display:inline-block; } .blocsapp-device-iphone5{ background-size: 216px 425px; padding-top:60px; width:216px; height:425px; } .blocsapp-device-iphone5 img{ width: 180px; height: 320px; }}@media (max-width: 991px){h1{font-size:45px;line-height:55px;}h3{font-size:22px;line-height:30px;}h2{font-size:32px;line-height:42px;}h4{font-size:17px;line-height:25px;}.service-card-footer{margin-top:80px;}.service-android{margin-top:0px;margin-bottom:0px;}.service-navigation-login-link{font-family:"Lato";font-weight:400;font-size:11px;text-transform:uppercase;color:#FEFFFF!important;margin-left:50px;margin-right:5px;}.service-navigation-link{margin-right:1px;margin-left:1px;font-size:11px;}.service-navigation-button{font-size:11px;text-align:center;font-weight:400;margin-right:auto;margin-left:auto;}.service-navigation-button:hover{text-align:center;}.service-navigation-button:active{text-align:center;}.voffset-clear-md{margin-top:0;}.voffset-md{margin-top:30px;}.voffset-md-md{margin-top:50px;}.mg-sm-md{margin-top:10px;margin-bottom:5px;}.mg-lg-md{margin-top: 10px;margin-bottom:40px;}.mg-clear-md{margin:0;}}@media (max-width: 767px){p{font-size:15px;line-height:23px;}h1{font-size:40px;line-height:50px;}h3{font-size:21px;line-height:29px;}h6{font-size:14px;line-height:22px;}h2{font-size:30px;line-height:40px;}h4{font-size:16px;line-height:24px;}.service-card-newsletter{padding:14px 14px 14px 14px;}.service-download-icon{padding-top:50px;padding-bottom:10px;}.service-support-card-header{;}.service-support-card{margin-top:28px;margin-bottom:28px;}.service-contact-sidebar{margin-top:50px;}.service-pricing-card{margin-top:28px;margin-bottom:28px;}.service-device-column{margin-top:28px;margin-bottom:28px;}.service-android{margin-top:28px;margin-bottom:28px;}.service-navigation-login-link{text-align:center;margin-left:0px;margin-right:0px;}.service-navigation-button{text-align:center;}.voffset-sm{margin-top:30px;}.mg-lg-sm{margin-top: 10px;margin-bottom:40px;}.mg-clear-sm{margin:0;}}@media (max-width: 575px){h1{font-size:35px;line-height:45px;}h3{font-size:20px;line-height:28px;}h2{font-size:28px;line-height:38px;}h4{font-size:16px;line-height:24px;}.service-card-newsletter{padding:5px 5px 5px 5px;}.service-footer-column{margin-top:28px;}.mg-md-xs{margin-top:10px;margin-bottom:20px;}.mg-lg-xs{margin-top: 10px;margin-bottom:40px;}.mg-clear-xs{margin:0;}} /* BTE Coach build identity — permanent footer release rule */ .bte-build-version{margin:10px 0 0;opacity:.62;font-size:.78rem;letter-spacing:.04em;} /* WS11.32BB · unified supplied BTE Big Air Coach logo */ .bte-header-brand{display:inline-flex!important;align-items:center!important;gap:0!important;text-decoration:none!important;line-height:0!important} .bte-brand-logo-img{display:block;width:220px;max-width:28vw;height:auto;object-fit:contain} .bte-footer-brand{display:inline-block;line-height:0;text-decoration:none!important;margin-bottom:14px} .bte-footer-logo-img{display:block;width:245px;max-width:100%;height:auto;object-fit:contain} @media (max-width:991px){.bte-brand-logo-img{width:190px;max-width:36vw}} @media (max-width:767px){.bte-brand-logo-img{width:160px;max-width:48vw}.bte-footer-logo-img{width:220px}} @media (max-width:420px){.bte-brand-logo-img{width:145px;max-width:52vw}} /* WS13.5 — release/version detail must remain legible in the dark footer. */ .bte-build-version{color:#65c9ff!important;opacity:1!important;font-weight:800!important;} /* WS13.195 · observed wind × WOO correlation */ .bte-wind-correlation{margin-top:22px;padding:20px;border:1px solid #dce7f3;border-radius:18px;background:#f8fbff;color:#10233f} .bte-wind-corr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0} .bte-wind-corr-stat{padding:14px 16px;border:1px solid #dce7f3;border-radius:14px;background:#fff;color:#10233f} .bte-wind-corr-stat span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#4c6078} .bte-wind-corr-stat strong{display:block;margin-top:5px;font-size:25px;color:#0b57d0} .bte-wind-corr-stat small{color:#53677f} .bte-wind-corr-chart{min-height:260px;border:1px solid #e2eaf4;border-radius:14px;background:#fff;padding:8px;overflow:hidden} .bte-wind-corr-chart svg{display:block;width:100%;height:auto} @media(max-width:760px){.bte-wind-corr-grid{grid-template-columns:1fr}.bte-wind-correlation{padding:15px}.bte-wind-corr-chart{overflow-x:auto}.bte-wind-corr-chart svg{min-width:620px}} /* WS13.195 — prominent Wind × Height coaching diagnostic */ .bte-wind-correlation-prominent{margin:28px 0 24px;padding:26px;border:1px solid #9bc5ff;border-radius:22px;background:linear-gradient(135deg,#edf6ff 0%,#f8fbff 55%,#ffffff 100%);box-shadow:0 16px 38px rgba(19,70,132,.10);position:relative;overflow:hidden} .bte-wind-correlation-prominent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#0b57d0} .bte-wind-correlation-prominent .bte-section-kicker{color:#0b57d0;font-weight:900;letter-spacing:.10em} .bte-wind-correlation-prominent h2{margin:6px 0 8px;color:#10233f;font-size:clamp(24px,3vw,34px);line-height:1.08} .bte-wind-correlation-prominent>p{max-width:900px;color:#40546d;font-size:16px} .bte-wind-correlation-prominent .bte-wind-corr-stat strong{font-size:30px} .bte-wind-corr-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#40546d;background:linear-gradient(180deg,#fff,#f5f9ff);border-radius:12px} .bte-wind-corr-empty strong{color:#10233f;letter-spacing:.08em;font-size:14px} .bte-wind-corr-empty span{font-size:14px} @media(max-width:760px){.bte-wind-correlation-prominent{margin:20px 0;padding:18px}.bte-wind-correlation-prominent h2{font-size:24px}} /* WS13.202 · rider-specific best conditions */ .bte-best-conditions{margin:28px 0;padding:28px;border:1px solid rgba(15,38,64,.12);border-radius:22px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)} .bte-best-conditions h2{margin:.25rem 0 .45rem}.bte-best-conditions-copy{max-width:900px;color:#526173} .bte-best-conditions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0} .bte-best-conditions-grid article{padding:18px;border-radius:16px;background:#fff;border:1px solid #dce7f2;min-height:124px} .bte-best-conditions-grid span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#64748b}.bte-best-conditions-grid strong{display:block;font-size:1.55rem;line-height:1.1;margin:.45rem 0;color:#102a43}.bte-best-conditions-grid small{color:#667085} .bte-best-conditions-chart{min-height:170px;margin-top:10px}.bte-best-direction-row{display:grid;grid-template-columns:64px 1fr 74px 90px;gap:10px;align-items:center;margin:8px 0;font-size:.84rem}.bte-best-direction-row>strong{font-size:.82rem}.bte-best-direction-track{height:10px;border-radius:999px;background:#e8eef5;overflow:hidden}.bte-best-direction-fill{height:100%;background:linear-gradient(90deg,#1565ff,#0f9d58);border-radius:999px}.bte-best-direction-value{text-align:right;font-weight:800}.bte-best-direction-n{text-align:right;color:#667085}.bte-best-conditions-note{margin-top:16px;padding:13px 15px;border-radius:14px;background:#edf5ff;color:#3f4f61;font-size:.88rem} @media(max-width:900px){.bte-best-conditions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bte-best-conditions{padding:20px 16px}.bte-best-conditions-grid{grid-template-columns:1fr}.bte-best-direction-row{grid-template-columns:50px 1fr 60px}.bte-best-direction-n{display:none}} /* WS13.227 static BeachStats evidence note — does not alter graph rendering */ .bte-wind-static-note{margin:.6rem 0 0;color:#667085;font-size:.92rem}.bte-wind-static-note strong{color:#10233f} /* LIVE53 directional longer-term conditions — isolated from current-session graph renderer */ .bte-directional-conditions{overflow:hidden} .bte-spot-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0} .bte-spot-direction-card{background:#fff;border:1px solid #dce7f2;border-radius:18px;padding:18px;min-width:0} .bte-spot-direction-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:8px}.bte-spot-direction-head span{display:block;font-size:.72rem;font-weight:900;letter-spacing:.09em;color:#64748b}.bte-spot-direction-head strong{display:block;color:#102a43;font-size:1.05rem;margin-top:3px}.bte-spot-direction-head small{white-space:nowrap;font-weight:800;color:#516173;background:#edf5ff;padding:6px 9px;border-radius:999px} .bte-directional-svg-wrap{min-height:360px;display:grid;place-items:center}.bte-direction-rose{width:min(100%,430px);height:auto;overflow:visible}.rose-bg{fill:#f8fbff;stroke:#dbe6f1;stroke-width:1}.rose-ring{fill:none;stroke:#dbe6f1;stroke-width:1}.rose-spoke{stroke:#dfe8f1;stroke-width:1}.rose-ring-label{font-size:9px;fill:#8795a6}.rose-dir{font-size:10px;font-weight:850;fill:#445468}.rose-performance{stroke:#1768d4;stroke-width:7;stroke-linecap:round;opacity:.68}.rose-median{fill:#1768d4;stroke:#fff;stroke-width:2}.rose-best{fill:#0f9d58;stroke:#fff;stroke-width:2}.rose-data.early .rose-performance{opacity:.32}.rose-data.building .rose-performance{opacity:.5}.rose-data.moderate .rose-performance{opacity:.7}.rose-data.strong .rose-performance{opacity:.9}.rose-data:focus .rose-performance,.rose-data:hover .rose-performance{stroke-width:10;opacity:1}.rose-onshore line{stroke:#d97706;stroke-width:2;stroke-dasharray:4 4}.rose-onshore text{font-size:8px;font-weight:900;fill:#b45309}.rose-centre{fill:#102a43;stroke:#fff;stroke-width:2} .bte-direction-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.bte-direction-summary>div{border:1px solid #e0e8f0;border-radius:13px;padding:12px;background:#fbfdff}.bte-direction-summary span{display:block;font-size:.67rem;font-weight:900;letter-spacing:.07em;color:#6b7788}.bte-direction-summary strong{display:block;margin:.3rem 0;color:#102a43;font-size:1rem}.bte-direction-summary small{display:block;color:#667085;line-height:1.35;font-size:.76rem}.bte-direction-evidence{margin-top:12px;padding:13px 14px;border-radius:13px;background:#0f2640;color:#fff}.bte-direction-evidence strong{display:block;font-size:.67rem;letter-spacing:.09em;color:#a9c8ea}.bte-direction-evidence span{display:block;font-weight:850;font-size:.98rem;margin:.25rem 0}.bte-direction-evidence small{color:#d6e5f5} @media(max-width:980px){.bte-spot-direction-grid{grid-template-columns:1fr}.bte-directional-svg-wrap{min-height:330px}}@media(max-width:560px){.bte-spot-direction-card{padding:14px}.bte-spot-direction-head{display:block}.bte-spot-direction-head small{display:inline-block;margin-top:8px}.bte-direction-summary{grid-template-columns:1fr}.bte-directional-svg-wrap{min-height:290px}} /* /ride/assets/css/bte-rider-setup.css */ /* Big Air Coach WS13.189 | compiled styles for rider-setup.html | preserve source cascade order */ /* source boundary */ /* BTE Coach · Architecture Port · Iteration 04 / Task 56 This stylesheet extends the Service template. It does not replace its design system. */ :root{--bte-green:#35b56f;--bte-green-dark:#21814d;--bte-ink:#17202a;--bte-muted:#6f7983;--bte-soft:#f4f6f5;--bte-line:#e5e9e7} .bte-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78)} .bte-section-kicker{color:var(--bte-green-dark);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.bte-section-title{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;color:var(--bte-ink);font-weight:700}.bte-section-copy{color:var(--bte-muted);font-size:1.05rem;line-height:1.75} .bte-focus-block .bte-section-kicker{color:#72d79d} .bte-path-card{height:100%;border:0;border-radius:20px;background:#fff}.bte-path-card .card-body{padding:2rem}.bte-path-card h4{font-weight:700;color:var(--bte-ink)}.bte-path-card p{color:var(--bte-muted)} #today-loading{min-height:1.3rem;color:var(--bte-muted);font-size:.8rem} @media(max-width:767px){} /* source boundary */ .bte-rider-card,.bte-data-card{background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:1.4rem}.bte-quiver-row{display:grid;grid-template-columns:1fr 1.5fr .7fr auto;gap:.6rem;margin-bottom:.6rem}.bte-data-card h3{margin-bottom:.8rem}@media(max-width:767px){.bte-quiver-row{grid-template-columns:1fr 1fr}.bte-quiver-row button{grid-column:span 2}} /* V0.32 WS7 — rider-friendly private data */ .bte-evidence-library{display:grid;gap:.8rem}.bte-source-row{border:1px solid #e1e7ef;border-radius:12px;padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;align-items:center}.bte-source-row strong,.bte-source-row small{display:block}.bte-source-row small{color:#6f7983}.bte-source-row details{grid-column:1/-1}.bte-source-row code{display:block;overflow-wrap:anywhere;padding:.5rem;background:#f6f8fa;border-radius:6px;margin-top:.5rem}@media(max-width:575px){.bte-source-row{grid-template-columns:1fr}.bte-source-row details{grid-column:1}.bte-source-row button{width:100%}} /* WS10.41 destructive WOO reset */ .bte-reset-card{border:1px solid rgba(180,35,35,.28);background:#fffafa}.bte-reset-card code{font-weight:800}.bte-reset-card .btn-danger:disabled{opacity:.45;cursor:not-allowed} /* WS10.94 evidence calibration readiness */ .bte-calibration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.bte-calibration-grid>div{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:.85rem;background:rgba(255,255,255,.7)}.bte-calibration-grid span{display:block;font-size:.72rem;letter-spacing:.06em;font-weight:700;opacity:.68}.bte-calibration-grid strong{display:block;font-size:1.55rem;margin-top:.15rem}@media(max-width:767px){.bte-calibration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* WS10.94 actionable evidence calibration */ .bte-cal-status{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap;margin:1rem 0}.bte-cal-status strong{font-size:1.05rem}.bte-cal-status span{opacity:.72}.bte-cal-metric{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:.85rem;background:rgba(255,255,255,.75)}.bte-cal-metric>span{display:block;font-size:.72rem;letter-spacing:.05em;font-weight:750;opacity:.68}.bte-cal-metric strong{font-size:1.45rem}.bte-cal-metric small{display:block;margin-top:.3rem;opacity:.65}.bte-cal-track{height:6px;background:rgba(15,23,42,.09);border-radius:99px;overflow:hidden;margin-top:.45rem}.bte-cal-track i{display:block;height:100%;background:var(--bs-primary,#0d6efd);border-radius:inherit}.bte-cal-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;margin:1.2rem 0}.bte-cal-columns section,.bte-cal-sector-wrap{border-top:1px solid rgba(15,23,42,.12);padding-top:1rem}.bte-cal-actions{display:grid;gap:.65rem}.bte-cal-action{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;align-items:start}.bte-cal-action>strong{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:rgba(13,110,253,.1)}.bte-cal-action b,.bte-cal-action span{display:block}.bte-cal-action span{font-size:.9rem;opacity:.72}.bte-cal-source{display:grid;grid-template-columns:minmax(110px,1.2fr) .6fr 1.2fr .9fr auto;gap:.55rem;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(15,23,42,.08);font-size:.86rem}.bte-cal-source b{font-size:.72rem;letter-spacing:.04em}.bte-cal-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.7rem 0}.bte-cal-sector{border:1px solid rgba(15,23,42,.1);border-radius:10px;padding:.65rem}.bte-cal-sector strong,.bte-cal-sector span,.bte-cal-sector b{display:block}.bte-cal-sector span{font-size:.83rem;opacity:.72}.bte-cal-sector b{font-size:.7rem;margin-top:.2rem}@media(max-width:900px){.bte-cal-columns{grid-template-columns:1fr}.bte-cal-source{grid-template-columns:1fr 1fr}.bte-cal-source b{grid-column:1/-1}.bte-cal-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.bte-calibration-grid{grid-template-columns:1fr}.bte-cal-sector-grid{grid-template-columns:1fr}.bte-cal-source{grid-template-columns:1fr}} /* source boundary */ /* BTE Coach architecture port — responsive/accessibility layer */ :root{--bte-focus:#0b6efd} html{scroll-behavior:smooth} body{overflow-x:hidden} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--bte-focus)!important;outline-offset:3px!important} .btn,.nav-link,button,input[type=button],input[type=submit],input[type=file]::file-selector-button{min-height:44px} .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch} img,svg,canvas{max-width:100%;height:auto} input,select,textarea{max-width:100%} @media(max-width:991.98px){ .navbar-nav .nav-link{padding:.75rem .65rem} .container,.container-lg,.container-md,.container-sm{padding-left:18px;padding-right:18px} } @media(max-width:767.98px){ h1,.display-1,.display-2,.display-3,.display-4{font-size:clamp(2rem,10vw,3.25rem)!important;line-height:1.02!important} h2{font-size:clamp(1.6rem,7vw,2.25rem)!important} .row>[class*="col-"]{min-width:0} .btn{white-space:normal} .table{font-size:.9rem} .table th,.table td{padding:.55rem .45rem} } @media(max-width:479.98px){ body{font-size:16px} .container,.container-lg,.container-md,.container-sm{padding-left:14px;padding-right:14px} .btn{width:100%} .btn+.btn{margin-top:.5rem} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} .parallax-bg{background-attachment:scroll!important} } /* source boundary */ /* BTE Coach V0.31.2 — brand, primary navigation and SETUP on one black header row */ .bte-integrated-header{padding:0!important;background:#111!important;display:block;border-bottom:1px solid rgba(255,255,255,.10)} .bte-integrated-header>.container{width:100%} .bte-header-brand{display:inline-flex;align-items:center;gap:16px;flex:0 0 auto;color:#fff!important;text-decoration:none!important;letter-spacing:.08em} .bte-header-nav{flex:1 1 auto;min-width:0;min-height:70px;border-top:0!important;padding:0!important;margin:0 0 0 20px!important} .bte-primary-nav{justify-content:center;min-width:0} .bte-integrated-header .dropdown-menu{margin-top:0;border-radius:0 0 8px 8px;border-top:0} /* Keep the single-row desktop composition usable on narrower laptops. */ @media (min-width:768px) and (max-width:1199px){ .bte-header-brand{gap:10px} .bte-header-nav{margin-left:4px!important} } /* Mobile keeps brand + SETUP on the first black line; MENU expands directly below, still inside the black masthead. */ @media (max-width:767px){ .bte-header-brand{grid-column:1;grid-row:1;gap:9px;min-width:0} .bte-header-nav{grid-column:1/-1;grid-row:2;width:100%;min-height:0;margin:0!important;padding:4px 0 0!important} .bte-header-nav .navbar-toggler{display:flex;align-items:center;min-height:44px} .bte-primary-nav{width:100%} .bte-integrated-header .dropdown-menu{position:static!important;transform:none!important;width:100%;border-radius:6px;margin:0 0 6px} } /* BTE Coach V0.32.0 WS10.16 — rebalance masthead for longer BEFORE/AFTER labels. */ @media (min-width:1200px){ .bte-header-nav{margin-left:8px!important} } @media (min-width:1200px) and (max-width:1399px){ .bte-header-brand{gap:10px} } /* source boundary */ /* BTE Coach V0.32 — semantic colour system */ :root{--bte-blue:#1565ff;--bte-blue-dark:#0d47c7;--bte-green:#2f9e59;--bte-amber:#b7791f;--bte-red:#b23a3a;--bte-ink:#17202a;--bte-muted:#6f7983;--bte-soft:#f4f7fb;--bte-line:#e2e8f0} .bte-section-kicker,.bte-card-kicker{color:var(--bte-blue-dark)!important}.service-button,.btn-d:not(.btn-outline-danger),.bte-setup-button:hover,.bte-setup-button:focus{background:var(--bte-blue)!important;border-color:var(--bte-blue)!important;color:#fff!important}.service-button:hover,.service-button:focus,.btn-d:not(.btn-outline-danger):hover,.btn-d:not(.btn-outline-danger):focus{background:var(--bte-blue-dark)!important;border-color:var(--bte-blue-dark)!important;color:#fff!important}.bte-pill.is-good,.text-success{color:#18743d!important}.bte-pill.is-good{background:#eaf7ef!important}.text-warning{color:#8a5a13!important}.text-danger{color:#a22f2f!important}.bte-chart-head span,.bte-best-window span{color:var(--bte-blue-dark)!important}.bte-best-window-inner{border-left-color:var(--bte-blue)!important}.bte-hourly-detail summary::marker{color:var(--bte-blue)!important}.bte-progress-mode{color:var(--bte-blue)!important}.bte-next-card .bte-panel-label{color:#8eb8ff!important}.bte-next-card:after{border-color:rgba(21,101,255,.13)!important} @media(max-width:767px){} /* V0.32 review refinement: keep TODAY decisional and derived values non-editable. */ .bte-readonly-field{background:#f5f7fa;color:#263238;border-style:dashed;font-weight:700;display:flex;align-items:center;min-height:46px} /* V0.32.0 WS10.2 — equal hero CTA geometry */ @media(max-width:991px){ } @media(max-width:767px){ } /* V0.32.0 WS10.4 — unified hero CTA interaction */ @media(max-width:991px){ } @media(max-width:767px){ } @media(prefers-reduced-motion:reduce){ } /* WS11.07 accessibility: readable accents on dark cards */ .bte-next-card .bte-section-kicker,.bte-next-card .bte-panel-label{color:#a9c9ff!important} /* source boundary */ /* BTE Coach V0.32 Workstream 10 — responsive product refinement */ @media (max-width:1199.98px){ .bte-weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .bte-hourly-strip{grid-auto-columns:minmax(104px,120px)} .bte-progress-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:991.98px){ .bte-best-window-inner{align-items:flex-start;flex-direction:column} .bte-best-badges{justify-content:flex-start} .bte-source-row{grid-template-columns:1fr} .bte-source-row details{grid-column:1} .bte-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:767.98px){ .bte-hourly-strip{grid-auto-columns:112px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px} .bte-weather-card,.bte-wind-chart,.bte-best-window-inner,.bte-rideability-explain,.bte-rider-card,.bte-data-card,.bte-technique-evidence,.bte-progress-chart-shell,.bte-progress-detail,.bte-progress-story{border-radius:12px} .bte-weather-head{flex-direction:column;align-items:flex-start} .bte-weather-head>strong{align-self:flex-start} .bte-chart-head{gap:.35rem} .bte-wind-chart svg{min-width:640px} .bte-wind-chart{overflow-x:auto;-webkit-overflow-scrolling:touch} .bte-progress-chart-shell{overflow-x:auto;-webkit-overflow-scrolling:touch} .bte-progress-chart{min-width:680px} .bte-progress-detail-head{flex-direction:column} .bte-quiver-row{grid-template-columns:1fr 1fr} .bte-source-row button{width:100%} } @media (max-width:575.98px){ .bte-weather-grid,.bte-result-grid,.bte-progress-kpis,.bte-progress-detail-grid{grid-template-columns:1fr 1fr} .bte-best-window strong{font-size:1.25rem} .bte-hour-card{min-height:142px} .bte-quiver-row{grid-template-columns:1fr} .bte-quiver-row button{grid-column:1} .bte-data-card .btn,.bte-rider-card .btn,.bte-technique-evidence .btn{width:100%} } @media (max-width:390px){ .bte-weather-grid,.bte-result-grid,.bte-progress-kpis,.bte-progress-detail-grid{grid-template-columns:1fr} } /* source boundary */ /* BTE Coach V0.32.0 WS10.33 — compact site-wide spacing and hierarchy system */ :root{ --bte-space-1:8px; --bte-space-2:12px; --bte-space-3:16px; --bte-space-4:24px; --bte-space-5:32px; --bte-space-6:40px; --bte-space-7:48px; --bte-space-8:64px; --bte-space-9:80px; --bte-page-gutter:24px; --bte-card-pad:20px; --bte-section-y:44px; } /* Keep the legacy Blocs shell, but give product pages one predictable rhythm. */ .page-container > .bloc:not(#header):not(#footer):not(.b-divider) > .container.bloc-lg{ padding-top:var(--bte-section-y)!important; padding-bottom:var(--bte-section-y)!important; } .page-container > .bloc:not(#header):not(#footer):not(.b-divider){ padding-left:var(--bte-page-gutter)!important; padding-right:var(--bte-page-gutter)!important; } /* Hero content is deliberately separated from the first working section. */ .page-container > .bloc.b-parallax > .container.bloc-lg, .bte-today-hero > .container.bloc-lg, .bte-ride-hero > .container.bloc-lg{ padding-top:52px!important; padding-bottom:52px!important; } .page-container > .bloc.b-parallax + .bloc, .bte-today-hero + .bloc, .bte-ride-hero + .bloc{ border-top:1px solid rgba(23,32,42,.08); } /* Make adjacent working sections read as deliberate stages, especially when colours match. */ .page-container > .bloc.l-bloc + .bloc.l-bloc, .page-container > .bloc.bgc-2724 + .bloc.bgc-2724, .page-container > .bloc.bgc-773 + .bloc.bgc-773{ border-top:1px solid rgba(23,32,42,.10); } /* Common heading rhythm. */ .bte-section-kicker, .bte-card-kicker, .bte-panel-label, .bte-analysis-kicker{ margin-bottom:var(--bte-space-2)!important; } .bte-section-title{ margin-top:0!important; margin-bottom:var(--bte-space-3)!important; } .bte-section-copy{ margin-bottom:var(--bte-space-3)!important; max-width:68ch; } /* Product cards and working panels share one internal padding model. */ .bte-form-card, .bte-weather-card, .bte-wind-chart, .bte-best-window-inner, .bte-rideability-explain, .bte-rider-card, .bte-data-card, .bte-technique-evidence, .bte-progress-chart-shell, .bte-progress-detail, .bte-progress-story, .bte-analysis-card, .bte-dashboard-panel, .bte-evidence-card, .bte-method-card, .bte-result-card, .bte-why-card, .bte-next-card, .bte-lxp-shell, .bte-source-detail, .bte-hourly-detail, .bte-baseline-summary, .bte-metric-summary, .bte-workbook-summary{ padding:var(--bte-card-pad)!important; } .bte-stat-card .card-body, .bte-path-card .card-body, .card.border-0 > .card-body{ padding:var(--bte-card-pad)!important; } /* Related content is compact; unrelated blocks get breathing room. */ .bte-card-grid, .bte-stat-grid, .bte-weather-grid, .bte-result-grid, .bte-progress-grid, .bte-progress-kpis, .bte-progress-detail-grid, .bte-progress-summary-grid, .bte-output-grid, .bte-evidence-grid, .bte-quality-grid, .bte-metric-grid{ gap:var(--bte-space-3)!important; } /* Forms: enough separation to scan without making inputs feel detached. */ .bte-form-card .row.g-3{ --bs-gutter-x:var(--bte-space-3); --bs-gutter-y:var(--bte-space-3); } .bte-form-card label{ margin-bottom:var(--bte-space-1)!important; } .bte-form-card .form-control, .bte-form-card .form-select{ min-height:48px; } /* Button groups and step navigation should read as one control family. */ .bte-hero-actions, .bte-step-nav, .bte-metric-tabs, .bte-dashboard-tabs, .bte-source-row{ gap:var(--bte-space-3)!important; } /* Tables/scrolling data get a visible break from the section intro. */ .bte-table-wrap, .table-responsive, .bte-jump-table-wrap{ margin-top:var(--bte-space-3); } /* Footer is intentionally denser than working content, but not cramped. */ #footer > .container.bloc-md{ padding-top:32px!important; padding-bottom:32px!important; } #footer .row{ row-gap:var(--bte-space-4); } #footer h3{ margin-bottom:var(--bte-space-3); } #footer p{ margin-bottom:var(--bte-space-2); } @media (max-width:991.98px){ :root{ --bte-page-gutter:20px; --bte-card-pad:18px; --bte-section-y:38px; } .page-container > .bloc.b-parallax > .container.bloc-lg, .bte-today-hero > .container.bloc-lg, .bte-ride-hero > .container.bloc-lg{ padding-top:46px!important; padding-bottom:46px!important; } } @media (max-width:767.98px){ :root{ --bte-page-gutter:16px; --bte-card-pad:16px; --bte-section-y:30px; } .page-container > .bloc:not(#header):not(#footer):not(.b-divider){ padding-left:var(--bte-page-gutter)!important; padding-right:var(--bte-page-gutter)!important; } .page-container > .bloc.b-parallax > .container.bloc-lg, .bte-today-hero > .container.bloc-lg, .bte-ride-hero > .container.bloc-lg{ padding-top:38px!important; padding-bottom:38px!important; } .bte-card-grid, .bte-stat-grid, .bte-weather-grid, .bte-result-grid, .bte-progress-grid, .bte-progress-kpis, .bte-progress-detail-grid, .bte-progress-summary-grid, .bte-output-grid, .bte-evidence-grid, .bte-quality-grid, .bte-metric-grid{ gap:var(--bte-space-3)!important; } .bte-section-copy{margin-bottom:var(--bte-space-3)!important} } @media (max-width:390px){ :root{ --bte-page-gutter:14px; --bte-card-pad:15px; --bte-section-y:26px; } } /* BTE Coach V0.32.0 WS10.34 — dense working-page rhythm. Progression is a long dashboard: related blocks should sit together, not inherit presentation-scale vertical whitespace. */ #progress-main > .bloc > .container.bloc-lg, #progress-main > .bloc > .container.bloc-md{ padding-top:24px!important; padding-bottom:24px!important; } #progress-overview > .container{ padding-bottom:12px!important; } #progress-overview + .bloc > .container{ padding-top:12px!important; padding-bottom:20px!important; } #progress-overview + .bloc .bte-progress-story{ margin-top:0!important; margin-bottom:0!important; } #progress-main > .bloc + .bloc{ margin-top:0!important; } @media (max-width:767.98px){ #progress-main > .bloc > .container.bloc-lg, #progress-main > .bloc > .container.bloc-md{ padding-top:18px!important; padding-bottom:18px!important; } #progress-overview > .container{padding-bottom:8px!important} #progress-overview + .bloc > .container{ padding-top:8px!important; padding-bottom:16px!important; } } /* source boundary */ /* BTE Coach WS10.44 clean-base consolidation */ .bte-workflow-note{border-left:4px solid #1478ff;background:rgba(20,120,255,.07);padding:14px 16px;border-radius:10px;display:flex;flex-direction:column;gap:4px} .bte-workflow-note strong{font-weight:800}.bte-workflow-note span{font-size:.93rem;line-height:1.45}.bte-workflow-note a{font-weight:700} .bte-import-card{padding:22px}.bte-import-status{margin:0}.bte-import-status.ok{color:#126c3a;font-weight:700}.bte-import-status.error{color:#a32626;font-weight:700} .bte-import-summary{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:12px 0}.bte-import-summary span{font-size:.9rem;opacity:.72} .bte-import-table-wrap{overflow:auto;max-height:420px;border:1px solid rgba(0,0,0,.1);border-radius:10px}.bte-import-table{margin:0;font-size:.9rem}.bte-import-table td,.bte-import-table th{white-space:nowrap}.bte-import-table tr.is-add td:first-child strong{color:#126c3a}.bte-import-table tr.is-update td:first-child strong{color:#0a63b7}.bte-import-table tr.is-check td:first-child strong,.bte-import-table tr.is-skip td:first-child strong{color:#a35b00} .bte-import-done{background:rgba(22,126,70,.08);border:1px solid rgba(22,126,70,.22);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:5px} .bte-manual-woo{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:0 16px 16px}.bte-manual-woo summary{cursor:pointer;font-weight:800;letter-spacing:.025em;padding:16px 0}.bte-manual-woo[open] summary{border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:10px} .bte-advanced-numbering{border-top:1px solid rgba(0,0,0,.1);padding-top:12px}.bte-advanced-numbering summary{cursor:pointer;font-weight:700} #analysis-source-guidance .bte-workflow-note{background:rgba(255,255,255,.78)} @media(max-width:767px){.bte-import-card{padding:16px}.bte-import-summary{align-items:flex-start;flex-direction:column;gap:4px}.bte-manual-woo{padding-left:12px;padding-right:12px}} /* WS10.46 acceptance fixes */ .bte-destructive-actions summary{cursor:pointer;display:flex;flex-direction:column;gap:4px}.bte-destructive-actions summary span{font-size:.9rem;font-weight:400;color:#667085}.bte-import-warning{padding:12px 14px;border-radius:10px;background:#fff7e6;border:1px solid #f2d39a;color:#7a4b00}@media(max-width:767px){} .bte-import-advanced{border-top:1px solid #e3e8ed;padding-top:10px}.bte-import-advanced summary{cursor:pointer;font-weight:700;color:#667085} @media(max-width:767px){} /* source boundary */ /* BTE Coach V1.0-RC1 — production polish and accessibility */ :root{--bte-v1-blue:#1f67ff;--bte-v1-green:#16863f;--bte-v1-ink:#172019;--bte-v1-muted:#5f6b76;--bte-v1-border:#dce3e8;--bte-v1-soft:#f6f8f9} :focus-visible{outline:3px solid rgba(31,103,255,.42)!important;outline-offset:3px} button,.btn,.form-control,.form-select{min-height:44px} small{line-height:1.45} .bte-planner-source-proof small,.bte-source-proof small{color:#52606d!important} #plan-forecast-btn{border:2px solid #172019!important;background:#fff!important;color:#172019!important;font-weight:800;letter-spacing:.04em;transition:background .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease} #plan-forecast-btn:hover,#plan-forecast-btn:focus-visible{background:#172019!important;color:#fff!important} #plan-forecast-btn.is-loading{background:#e9eef3!important;border-color:#9aa8b5!important;color:#344252!important;opacity:1!important;cursor:progress} #plan-forecast-btn.is-loaded{background:var(--bte-v1-green)!important;border-color:var(--bte-v1-green)!important;color:#fff!important} #plan-forecast-btn:disabled{opacity:1!important} .bte-planner-source-proof{border-left:4px solid var(--bte-v1-blue)!important;padding:.8rem 1rem!important} .bte-planner-source-proof span{color:var(--bte-v1-blue)!important} .bte-v1-result-heading{margin:.35rem 0 0;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--bte-v1-muted)} .bte-output-grid.bte-v1-prediction-results{grid-template-columns:1.05fr 1.6fr 1.05fr;gap:12px;background:transparent} .bte-v1-prediction-results .bte-output{border:1px solid var(--bte-v1-border);border-radius:16px;padding:1.2rem;background:#fff} .bte-v1-prediction-results .bte-output.primary{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1.8rem 2rem;border:2px solid rgba(22,134,63,.35);background:linear-gradient(145deg,#f7fff9,#fff)} .bte-v1-prediction-results .bte-output.primary span{color:#24723c;font-weight:800} .bte-v1-prediction-results .bte-output.primary strong{font-size:clamp(3.2rem,8vw,5.4rem);line-height:1;color:var(--bte-v1-green);letter-spacing:-.05em;margin:.35rem 0} .bte-v1-prediction-results .bte-output.primary small{font-size:.92rem;color:#52606d} .bte-v1-prediction-results .bte-output strong{display:block;margin:.3rem 0;font-size:1.45rem} .bte-v1-prediction-results .bte-output:nth-child(1){grid-column:1;grid-row:1} .bte-v1-prediction-results .bte-output:nth-child(3){grid-column:3;grid-row:1} .bte-v1-prediction-results .bte-output:nth-child(4){grid-column:3;grid-row:2} .bte-v1-prediction-results:after{content:"Use the expected best as the target. The range is the realistic window; stretch is exceptional.";grid-column:1;grid-row:2;align-self:stretch;display:flex;align-items:center;border:1px dashed #cbd5dc;border-radius:16px;padding:1rem 1.15rem;color:#56636d;font-size:.88rem;background:#f9fafb} .bte-source-proof b{display:block;margin-bottom:3px} .bte-source-proof small{display:block} .bte-table-wrap,table{max-width:100%} canvas,svg,img{max-width:100%} @media(max-width:767.98px){ .bte-output-grid.bte-v1-prediction-results{grid-template-columns:1fr 1fr} .bte-v1-prediction-results .bte-output.primary{grid-column:1/-1;grid-row:1;padding:1.45rem 1.5rem} .bte-v1-prediction-results .bte-output:nth-child(1){grid-column:1;grid-row:2} .bte-v1-prediction-results .bte-output:nth-child(3){grid-column:2;grid-row:2} .bte-v1-prediction-results .bte-output:nth-child(4){grid-column:1;grid-row:3} .bte-v1-prediction-results:after{grid-column:2;grid-row:3} .bte-planner-form{padding:1rem!important} .bte-planner-group{border-radius:12px} } @media(max-width:480px){ .bte-output-grid.bte-v1-prediction-results{grid-template-columns:1fr} .bte-v1-prediction-results .bte-output.primary,.bte-v1-prediction-results .bte-output:nth-child(1),.bte-v1-prediction-results .bte-output:nth-child(3),.bte-v1-prediction-results .bte-output:nth-child(4),.bte-v1-prediction-results:after{grid-column:1;grid-row:auto} .bte-v1-prediction-results .bte-output.primary strong{font-size:3.5rem} } /* WS11.18 context-aware Coach evidence */ @media(max-width:991px){} @media(max-width:575px){} /* source boundary */ /* BTE Coach WS10.66 — simplified Predict -> Ride -> Compare -> Progress journey */ .bte-add-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.bte-add-choice a,.bte-add-choice button{display:block;padding:24px;border-radius:18px;border:1px solid #d0d5dd;background:#fff;color:#101822;text-decoration:none;text-align:left}.bte-add-choice strong{display:block;font-size:1.25rem}.bte-add-choice span{display:block;margin-top:6px;color:#667085}.bte-primary-nav .dropdown{display:none!important} @media(max-width:767px){.bte-home-grid,.bte-add-choice{grid-template-columns:1fr}} /* WS10.66d — exact five-step rider journey */ .bte-build-version{margin:10px 0 0;opacity:.62;font-size:.78rem;letter-spacing:.04em;} @media (max-width:991px){} @media (max-width:575px){} /* WS10.67 — homepage card vertical alignment */ /* source boundary */ /* WS10.66j — one journey, consistent button geometry */ .bte-integrated-nav.bte-journey-nav{align-items:center;gap:.38rem} .bte-integrated-nav.bte-journey-nav .nav-item{flex:0 0 auto} .bte-integrated-nav.bte-journey-nav .nav-link{ display:flex;align-items:center;justify-content:center; width:116px;min-width:116px;height:44px;min-height:44px; white-space:nowrap;border-radius:999px;padding:0 .55rem!important; font-size:.82rem;font-weight:800;line-height:1;letter-spacing:.015em;text-align:center; border:1px solid transparent; transition:background .15s ease,border-color .15s ease,color .15s ease } .bte-integrated-nav.bte-journey-nav .nav-link>span{font-weight:900} .bte-integrated-nav.bte-journey-nav .nav-link.is-complete{color:#d9ecff!important;background:rgba(21,101,255,.14);border-color:rgba(111,170,255,.28)} .bte-integrated-nav.bte-journey-nav .nav-link.is-current{color:#fff!important;background:#1565ff;border-color:#4a8cff;box-shadow:0 0 0 2px rgba(21,101,255,.16)} /* Review is local navigation, so it is deliberately smaller than the five-stage journey. */ @media(max-width:1199px){ .bte-integrated-nav.bte-journey-nav{gap:.24rem} .bte-integrated-nav.bte-journey-nav .nav-link{width:104px;min-width:104px;font-size:.76rem} } @media(max-width:991px){ .bte-integrated-nav.bte-journey-nav{gap:.18rem} .bte-integrated-nav.bte-journey-nav .nav-link{width:96px;min-width:96px;height:42px;min-height:42px;font-size:.72rem} } @media(max-width:767px){ .bte-integrated-nav.bte-journey-nav{align-items:stretch;padding:.6rem 0;gap:.4rem} .bte-integrated-nav.bte-journey-nav .nav-item{width:100%} .bte-integrated-nav.bte-journey-nav .nav-link{width:100%;min-width:100%;height:44px;min-height:44px;border-radius:10px;font-size:.82rem} } /* source boundary */ /* BTE Coach V1.0-RC1 · WS10.66r — unified hero system */ .bte-unified-hero{ position:relative; min-height:510px; display:flex; align-items:center; overflow:hidden; } .bte-unified-hero>.parallax{ position:absolute; inset:0; width:100%; height:100%; background-size:cover!important; background-repeat:no-repeat!important; } .bte-unified-hero>.parallax::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,10,14,.70),rgba(4,10,14,.28)); } .bte-unified-hero .container{ position:relative; z-index:2; padding-top:4rem; padding-bottom:4rem; } .bte-unified-hero .row{ justify-content:center; } .bte-unified-hero [class*="col-"]{ text-align:center!important; } .bte-unified-hero .bte-eyebrow{ margin:0 0 1.15rem!important; color:rgba(255,255,255,.78)!important; font-size:.78rem!important; line-height:1.3!important; font-weight:800!important; letter-spacing:.18em!important; text-transform:uppercase!important; } .bte-unified-hero h1{ margin:0 auto 1.25rem!important; max-width:1200px; color:#fff!important; font-size:clamp(3.6rem,6.6vw,6.35rem)!important; line-height:.92!important; letter-spacing:-.055em!important; font-weight:750!important; } .bte-unified-hero h3, .bte-unified-hero .bte-unified-support{ margin:0 auto!important; max-width:850px; color:rgba(255,255,255,.88)!important; font-size:clamp(1.15rem,1.75vw,1.65rem)!important; line-height:1.5!important; font-weight:300!important; } .bte-unified-hero .bte-hero-stage{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; margin-top:2.2rem; padding:.62rem 1.15rem; border:1px solid rgba(255,255,255,.52); border-radius:999px; background:rgba(0,0,0,.16); color:#fff; font-size:.72rem; line-height:1; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } .bte-unified-hero .bte-home-hero-actions{ display:flex; justify-content:center; flex-wrap:wrap; gap:.75rem; margin-top:2.1rem; } .bte-unified-hero .bte-home-hero-actions a{ min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:.65rem 1.1rem; border-radius:999px; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-decoration:none; } .bte-unified-hero .bte-home-hero-actions .primary{ background:#1565ff; color:#fff; border:1px solid #1565ff; } .bte-unified-hero .bte-home-hero-actions .secondary{ background:rgba(0,0,0,.16); color:#fff; border:1px solid rgba(255,255,255,.55); } /* Dedicated image per page */ @media(max-width:767px){ .bte-unified-hero{min-height:440px} .bte-unified-hero .container{padding-top:3rem;padding-bottom:3rem} .bte-unified-hero h1{font-size:clamp(3rem,14vw,4.25rem)!important} .bte-unified-hero h3, .bte-unified-hero .bte-unified-support{font-size:1.08rem!important;line-height:1.5!important} } /* WS10.66s — true page-centred hero content */ .bte-unified-hero .container{ width:100%!important; max-width:1320px!important; margin-left:auto!important; margin-right:auto!important; } .bte-unified-hero .row{ display:flex!important; justify-content:center!important; margin-left:0!important; margin-right:0!important; } .bte-unified-hero .row > [class*="col-"]{ flex:0 1 1040px!important; width:100%!important; max-width:1040px!important; margin-left:auto!important; margin-right:auto!important; padding-left:24px!important; padding-right:24px!important; text-align:center!important; } .bte-unified-hero .row > [class*="offset-"]{ margin-left:auto!important; } .bte-unified-hero .bte-eyebrow, .bte-unified-hero h1, .bte-unified-hero h3, .bte-unified-hero .bte-unified-support{ text-align:center!important; } @media(max-width:767px){ .bte-unified-hero .row > [class*="col-"]{ padding-left:18px!important; padding-right:18px!important; } } /* WS10.66u — visual QA alignment lock One physical hero geometry on every page; legacy Bootstrap offsets are no longer used. */ .bte-unified-hero{ box-sizing:border-box!important; width:100%!important; height:520px!important; min-height:520px!important; margin:0!important; padding:0!important; display:flex!important; align-items:stretch!important; justify-content:center!important; position:relative!important; overflow:hidden!important; } .bte-unified-hero>.parallax{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; transform:none!important; } .bte-unified-hero>.bte-hero-container{ position:relative!important; z-index:2!important; width:100%!important; max-width:1440px!important; height:100%!important; margin:0 auto!important; padding:0 32px!important; display:flex!important; align-items:center!important; justify-content:center!important; } .bte-unified-hero .bte-hero-row{ width:100%!important; height:100%!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; } .bte-unified-hero .bte-hero-inner{ box-sizing:border-box!important; width:min(1040px,100%)!important; max-width:1040px!important; min-width:0!important; margin:0 auto!important; padding:0 24px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; } .bte-unified-hero .bte-eyebrow{ width:100%!important; margin:0 0 18px!important; } .bte-unified-hero h1{ width:100%!important; max-width:1040px!important; margin:0 0 20px!important; } .bte-unified-hero h3, .bte-unified-hero .bte-unified-support{ width:100%!important; max-width:850px!important; margin:0 auto!important; } .bte-unified-hero .bte-hero-stage{ margin:34px 0 0!important; } .bte-unified-hero .bte-home-hero-actions{ margin:34px 0 0!important; } /* Image framing is intentionally page-specific; the hero geometry is not. */ @media(max-width:767px){ .bte-unified-hero{ height:440px!important; min-height:440px!important; } .bte-unified-hero>.bte-hero-container{ padding:0 16px!important; } .bte-unified-hero .bte-hero-inner{ padding:0 6px!important; } .bte-unified-hero .bte-eyebrow{ margin-bottom:14px!important; } .bte-unified-hero h1{ margin-bottom:16px!important; } .bte-unified-hero .bte-hero-stage, .bte-unified-hero .bte-home-hero-actions{ margin-top:26px!important; } } /* WS10.66y — page-specific hero corrections */ /* WS10.66z — explicit hero fixes for Add / Review / Coach */ /* source boundary */ /* BTE Coach WS10.68 — clean hero deployment override. This file is deliberately loaded LAST on every page. */ .bte-unified-hero{ background:#111!important; } .bte-unified-hero::before{ display:none!important; content:none!important; } .bte-unified-hero.bloc-bg-texture::before, .bte-unified-hero.texture-darken::before, .bte-unified-hero.texture-darken-strong::before{ display:none!important; content:none!important; background:none!important; } .bte-unified-hero>.parallax{ opacity:1!important; filter:none!important; mix-blend-mode:normal!important; background-blend-mode:normal!important; background-size:cover!important; background-repeat:no-repeat!important; background-position:center center!important; } .bte-unified-hero>.parallax::before{ display:none!important; content:none!important; } .bte-unified-hero>.parallax::after{ content:""!important; position:absolute!important; inset:0!important; opacity:1!important; background:rgba(5,10,14,.18)!important; pointer-events:none!important; } /* Explicit unique journey assets. */ /* Brightness balance: Review was previously over-darkened. */ /* WS10.69 — direct JPEG hero mode */ /* source boundary */ /* WS10.71 — native image hero rendering. No parallax, no CSS background-image, no WebP dependency. */ .bte-unified-hero{ position:relative!important; overflow:hidden!important; isolation:isolate!important; } .bte-unified-hero>.bte-hero-native-img{ position:absolute!important; inset:0!important; z-index:0!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center center!important; opacity:1!important; visibility:visible!important; filter:none!important; transform:none!important; } .bte-unified-hero>.bte-hero-native-overlay{ position:absolute!important; inset:0!important; z-index:1!important; background:rgba(4,10,14,.16)!important; pointer-events:none!important; } .bte-unified-hero>.bte-hero-container{ position:relative!important; z-index:2!important; } /* Suppress every old hero image/overlay path on native-image pages. */ .bte-unified-hero>.parallax{display:none!important} .bte-unified-hero>.parallax::before, .bte-unified-hero>.parallax::after{display:none!important;content:none!important} .bte-unified-hero::before{display:none!important;content:none!important} /* WS10.72 — BTE RYOW carousel hero tuning */ /* WS10.74 — Add uses a pre-cropped RYOW photo, so standard centering applies. */ /* WS10.75 — stronger BTE RYOW Add hero */ /* WS10.80 — attached image for Add hero */ /* WS13.12 — Coach Summary rider-POV hero */ @media(max-width:767px){ } /* source boundary */ /* WS10.84 consolidation: common next-action and visual rhythm */ .bte-consolidation-next{padding:42px 24px 52px;background:#f4f6f8;border-top:1px solid #e2e7ec} .bte-consolidation-next>.container{max-width:1320px;margin:0 auto} .bte-consolidation-next-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:20px;background:#14202d;color:#fff} .bte-consolidation-next-card span{display:block;margin-bottom:7px;color:#94b7ff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .bte-consolidation-next-card h2{margin:0;color:#fff;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.025em} .bte-consolidation-next-card a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:#1762e8;color:#fff;text-decoration:none;white-space:nowrap;font-size:.75rem;font-weight:900;letter-spacing:.07em} .bte-consolidation-next-card a:hover{color:#fff;filter:brightness(1.08)} /* Make hidden legacy Ride-only WOO panels inert for layout and accessibility. */ .ride-page .bte-page-hidden{display:none!important} @media(max-width:767px){.bte-consolidation-next{padding:30px 16px 38px}.bte-consolidation-next-card{flex-direction:column;align-items:flex-start;padding:24px}.bte-consolidation-next-card a{width:100%}} /* source boundary */ /* BTE Coach WS10.85 — stabilization, no new features */ /* One journey-nav visual language */ .bte-journey-nav a{ min-height:50px!important; padding:0 20px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; white-space:nowrap!important; font-weight:850!important; } .bte-journey-nav a.is-current, .bte-journey-nav a.active{ background:#1f6df2!important; border:1px solid #5898ff!important; color:#fff!important; box-shadow:0 0 0 2px rgba(88,152,255,.15)!important; } .bte-journey-nav a.is-complete{ background:#142139!important; border:1px solid #29466f!important; color:#eef5ff!important; } .bte-journey-nav a.is-complete::before{ content:"✓"; margin-right:3px; font-weight:950; } .bte-journey-nav a[href*="rider-setup"]{ min-width:118px!important; background:transparent!important; border:1px solid rgba(255,255,255,.38)!important; color:#fff!important; } /* One hero geometry */ .bte-native-hero, .bte-home-hero{ height:620px!important; min-height:620px!important; display:flex!important; align-items:center!important; overflow:hidden!important; } .bte-native-hero .bte-hero-container, .bte-home-hero .container{ width:100%!important; max-width:1320px!important; margin:0 auto!important; padding-left:24px!important; padding-right:24px!important; } .bte-native-hero h1, .bte-home-hero h1{ max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; font-size:clamp(4.25rem,7.2vw,7.5rem)!important; line-height:.93!important; letter-spacing:-.055em!important; text-align:center!important; } .bte-native-hero h3, .bte-native-hero p, .bte-home-hero h3, .bte-home-hero p{ max-width:980px!important; margin-left:auto!important; margin-right:auto!important; font-size:clamp(1.3rem,1.9vw,1.95rem)!important; line-height:1.35!important; text-align:center!important; } /* Setup is allowed a slightly smaller headline so the composition stays balanced */ /* Consistent handoff from hero into page content */ .bte-native-hero + .bloc>.container, .bte-home-hero + .bloc>.container{ padding-top:42px!important; } /* Responsive stabilization */ @media(max-width:1100px){ .bte-journey-nav a{padding:0 15px!important;min-height:46px!important} .bte-native-hero,.bte-home-hero{height:560px!important;min-height:560px!important} } @media(max-width:767.98px){ .bte-native-hero,.bte-home-hero{height:500px!important;min-height:500px!important} .bte-native-hero .bte-hero-container,.bte-home-hero .container{padding-left:18px!important;padding-right:18px!important} .bte-native-hero h1,.bte-home-hero h1{font-size:clamp(2.8rem,12vw,4.8rem)!important} .bte-native-hero h3,.bte-native-hero p,.bte-home-hero h3,.bte-home-hero p{font-size:1.08rem!important} } /* WS10.86 — lifetime PB semantics */ .bte-pb-source-note{ grid-column:1/-1; margin-top:-4px; color:#667085; font-size:.76rem; line-height:1.4; } /* source boundary */ /* BTE Coach WS10.87 — one hero text system across all pages */ /* Center and constrain the text block identically everywhere */ .bte-unified-hero .bte-hero-inner{ width:100%!important; max-width:1240px!important; margin:0 auto!important; padding:0 24px!important; text-align:center!important; box-sizing:border-box!important; } /* Eyebrow */ .bte-unified-hero .bte-eyebrow{ display:block!important; width:100%!important; max-width:900px!important; margin:0 auto 16px!important; padding:0!important; font-size:.82rem!important; line-height:1.2!important; font-weight:900!important; letter-spacing:.14em!important; text-transform:uppercase!important; text-align:center!important; } /* Hero title */ .bte-unified-hero .bte-hero-inner>h1{ display:block!important; width:100%!important; max-width:1180px!important; margin:0 auto 20px!important; padding:0!important; font-size:clamp(3.9rem,5.5vw,6.2rem)!important; line-height:.95!important; font-weight:850!important; letter-spacing:-.05em!important; text-align:center!important; text-wrap:balance!important; } /* Hero support line */ .bte-unified-hero .bte-hero-inner>h3, .bte-unified-hero .bte-hero-inner>.bte-unified-support{ display:block!important; width:100%!important; max-width:980px!important; margin:0 auto!important; padding:0!important; font-size:clamp(1.18rem,1.45vw,1.48rem)!important; line-height:1.42!important; font-weight:500!important; letter-spacing:-.01em!important; text-align:center!important; text-wrap:balance!important; } /* Neutralise legacy page-specific margin/position classes inside heroes */ .bte-unified-hero .bte-hero-inner>.mg-md, .bte-unified-hero .bte-hero-inner>.mg-lg{ margin-left:auto!important; margin-right:auto!important; } .bte-unified-hero .bte-eyebrow, .bte-unified-hero .bte-hero-inner>h1, .bte-unified-hero .bte-hero-inner>h3{ position:static!important; float:none!important; transform:none!important; } /* Home actions sit below exactly the same text rhythm */ .bte-unified-hero .bte-home-hero-actions{ margin-top:26px!important; } /* Hero labels were inconsistent between support pages; remove them everywhere */ .bte-unified-hero .bte-hero-stage{ display:none!important; } /* Responsive text scale is shared by every page */ @media(max-width:991.98px){ .bte-unified-hero .bte-hero-inner>h1{ font-size:clamp(3.35rem,8vw,5.35rem)!important; } } @media(max-width:767.98px){ .bte-unified-hero .bte-hero-inner{ padding-left:18px!important; padding-right:18px!important; } .bte-unified-hero .bte-eyebrow{ margin-bottom:13px!important; font-size:.72rem!important; letter-spacing:.12em!important; } .bte-unified-hero .bte-hero-inner>h1{ max-width:100%!important; margin-bottom:16px!important; font-size:clamp(2.75rem,11.5vw,4.4rem)!important; line-height:.97!important; letter-spacing:-.045em!important; } .bte-unified-hero .bte-hero-inner>h3, .bte-unified-hero .bte-hero-inner>.bte-unified-support{ max-width:94%!important; font-size:1.05rem!important; line-height:1.42!important; } } /* source boundary */ /* BTE Coach WS10.99 — single-line desktop/laptop navigation */ @media (min-width: 992px){ .bte-header-brand{ flex:0 1 auto!important; min-width:0!important; gap:clamp(7px,.8vw,12px)!important; } .bte-header-nav{ flex:1 1 0!important; min-width:0!important; margin:0!important; } .bte-primary-nav{ display:flex!important; flex-basis:auto!important; min-width:0!important; justify-content:center!important; } .bte-integrated-nav.bte-journey-nav{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; gap:clamp(3px,.45vw,7px)!important; padding:0!important; } .bte-integrated-nav.bte-journey-nav .nav-item{ display:flex!important; flex:0 1 auto!important; min-width:0!important; } .bte-integrated-nav.bte-journey-nav .nav-link, .bte-journey-nav a{ width:auto!important; min-width:0!important; min-height:44px!important; height:44px!important; padding:0 clamp(9px,1vw,16px)!important; font-size:clamp(.66rem,.8vw,.79rem)!important; letter-spacing:.012em!important; white-space:nowrap!important; } } /* Between tablet and laptop widths, use one clean collapsible navigation instead of wrapping. */ @media (min-width:768px) and (max-width:991.98px){ .bte-header-brand{grid-column:1!important;grid-row:1!important;min-width:0!important} .bte-header-nav{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-height:0!important;margin:0!important;padding:4px 0 0!important} .bte-header-nav .navbar-toggler{display:flex!important;align-items:center!important;min-height:44px!important} .bte-primary-nav.collapse:not(.show){display:none!important} .bte-primary-nav.collapse.show{display:block!important;width:100%!important} .bte-integrated-nav.bte-journey-nav{display:block!important;padding:6px 0 10px!important} .bte-integrated-nav.bte-journey-nav .nav-item{display:block!important;width:100%!important} .bte-integrated-nav.bte-journey-nav .nav-link, .bte-journey-nav a{width:100%!important;min-width:100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;font-size:.82rem!important} } /* WS11.02 — compact owner/account menu keeps primary journey on one line */ @media (min-width:992px){ } @media (max-width:991.98px){ } @media (max-width:767.98px){ } /* WS11.07 — desktop rollover menu */ @media (hover:hover) and (pointer:fine){} /* source boundary */ /* BTE Coach WS11.33 — Product Consistency & UX Polish */ :root{ --bte-ink:#17202a; --bte-body:#344054; --bte-muted:#667085; --bte-line:#dce3ea; --bte-surface:#ffffff; --bte-soft:#f7f9fc; --bte-dark:#0b1118; --bte-dark-2:#101822; --bte-blue:#1769ff; --bte-blue-hover:#0f53d5; --bte-blue-soft:#eef5ff; --bte-success:#17803d; --bte-warning:#b66a00; --bte-danger:#b42318; --bte-radius:14px; --bte-radius-sm:10px; --bte-shadow:0 12px 36px rgba(16,24,40,.08); } html{scroll-behavior:smooth} body{color:var(--bte-body);background:var(--bte-surface);font-family:"Poppins-Regular",Arial,sans-serif} h1,h2,h3,h4,h5,h6{color:var(--bte-ink)} p{color:var(--bte-body)} .bgc-4906,.service-navigation-header,.bte-integrated-header,footer.bgc-4906{background:var(--bte-dark)!important} .bte-integrated-header{border-bottom:1px solid rgba(255,255,255,.10)} .bte-brand-logo-img{display:block;width:clamp(190px,18vw,310px);height:auto;max-height:72px;object-fit:contain} .bte-footer-logo-img{display:block;width:min(100%,330px);height:auto;object-fit:contain;margin-bottom:14px} .bte-header-brand,.bte-footer-brand{display:flex;align-items:center} /* One button language across the rider experience */ .service-button,.service-white-button,.bte-secondary-action,.bte-planner-calculate, .btn-outline-dark,.btn-outline-primary,.bte-tack-option,.bte-history-toggle,.bte-history-range-btn, .bte-metric-switch,.bte-see-toggle,.bte-lxp-secondary,.bte-login-submit, .bte-login-secondary button,.bte-recovery-actions button,#save-rider,#add-kite,#add-board{ min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center; padding:11px 20px;border-radius:12px!important;font-family:"Poppins-SemiBold",Arial,sans-serif; font-size:13px;line-height:1.2;letter-spacing:.025em;text-decoration:none;vertical-align:middle; transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease; } .service-button,.bte-planner-calculate,.bte-login-submit{ color:#fff!important;background:var(--bte-blue)!important;border:1px solid var(--bte-blue)!important; box-shadow:0 6px 16px rgba(23,105,255,.18) } .service-button:hover,.bte-planner-calculate:hover,.bte-login-submit:hover{ color:#fff!important;background:var(--bte-blue-hover)!important;border-color:var(--bte-blue-hover)!important; transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,105,255,.24) } .btn-outline-dark,.btn-outline-primary,.bte-secondary-action,.bte-tack-option,.bte-history-toggle, .bte-history-range-btn,.bte-metric-switch,.bte-see-toggle,.bte-lxp-secondary,.service-white-button{ color:var(--bte-ink)!important;background:#fff!important;border:1px solid #c4d0da!important;box-shadow:none!important } .btn-outline-dark:hover,.btn-outline-primary:hover,.bte-secondary-action:hover,.bte-tack-option:hover, .bte-history-toggle:hover,.bte-history-range-btn:hover,.bte-metric-switch:hover,.bte-see-toggle:hover, .bte-lxp-secondary:hover,.service-white-button:hover{ color:var(--bte-blue-hover)!important;background:var(--bte-blue-soft)!important;border-color:#9ebeff!important } .bte-tack-option.active,.bte-history-toggle.is-active,.bte-history-range-btn.is-active,.bte-metric-switch.is-active{ color:#fff!important;background:var(--bte-blue)!important;border-color:var(--bte-blue)!important } .btn-danger{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px!important;font-family:"Poppins-SemiBold";font-size:13px;background:var(--bte-danger)!important;border-color:var(--bte-danger)!important} button:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,105,255,.25)!important;outline-offset:2px} /* Navigation is navigation, not another button family */ /* Consistent surfaces, fields and hierarchy */ .card,.bte-card,.bte-panel,.bte-summary-card,.bte-review-card,.bte-predictor-card{border-radius:var(--bte-radius)!important;border-color:var(--bte-line)!important;box-shadow:none} input,select,textarea,.form-control,.form-select{border-radius:10px!important;border:1px solid #c4d0da!important;color:var(--bte-ink)!important;background:#fff!important;min-height:44px} input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{border-color:var(--bte-blue)!important;box-shadow:0 0 0 3px rgba(23,105,255,.12)!important} .bte-section-kicker{color:var(--bte-blue)!important;font-family:"Poppins-SemiBold";letter-spacing:.08em} .bte-build-version{color:rgba(255,255,255,.58)!important;font-size:12px} footer p,footer a{color:rgba(255,255,255,.72)!important}footer a:hover{color:#fff!important} /* Safety-first product cue: visible, calm and non-alarmist */ .bte-safety-strip{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin:0 0 26px;border-radius:14px;background:#fff8e8;border:1px solid #f0d59a;color:#6d4b00} .bte-safety-strip strong{display:block;color:#5a3d00;font-family:"Poppins-SemiBold";margin-bottom:2px} .bte-safety-strip p{margin:0;color:#6d4b00;font-size:14px;line-height:1.55} .bte-safety-strip .bte-safety-mark{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 28px;background:#f8d888;color:#5a3d00;font-family:"Poppins-Bold"} /* Auth pages should feel part of the same product */ .bte-login-page{background:var(--bte-dark)!important;color:#fff} .bte-login-card{border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(11,17,24,.94)!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important} .bte-login-card h1{color:#fff!important}.bte-login-card p,.bte-login-note{color:#b9c4d2!important} .bte-login-secondary button,.bte-recovery-actions button{background:transparent!important;color:#c9d5e3!important;border:1px solid rgba(255,255,255,.18)!important} .bte-login-secondary button:hover,.bte-recovery-actions button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important} .bte-login-field input{background:#10202e!important;color:#fff!important;border-color:#405468!important} @media(max-width:767px){ .service-button,.service-white-button,.bte-secondary-action,.bte-planner-calculate,.btn-outline-dark,.btn-outline-primary{width:100%;margin-left:0!important;margin-right:0!important} .bte-brand-logo-img{width:210px;max-height:58px}.bte-footer-logo-img{width:250px} .bte-safety-strip{padding:14px} } /* source boundary */ /* BTE Coach WS13.0 — Automated Rider Journey */ :root{ --bte-green:#16875a;--bte-green-soft:#eaf8f1; --bte-amber:#c78a13;--bte-amber-soft:#fff6df; --bte-red:#bc3b3b;--bte-red-soft:#fff0f0; --bte-blue:#1565ff;--bte-blue-soft:#edf4ff; --bte-violet:#7557d8;--bte-violet-soft:#f2efff; --bte-ink:#17202a;--bte-muted:#667085; } html[data-bte-view-mode="basic"] .bte-advanced-only{display:none!important} html[data-bte-view-mode="advanced"] .bte-basic-only{display:none!important} .bte-detail-cover{border:1px solid #dde4eb;border-radius:14px;background:#fff;margin-top:12px;overflow:hidden} .bte-detail-cover>summary{list-style:none;cursor:pointer;min-height:52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.76rem;font-weight:900;color:#17202a} .bte-detail-cover>summary::-webkit-details-marker{display:none} .bte-detail-cover>summary:after{content:"+";width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#1565ff;font-size:1.1rem} .bte-detail-cover[open]>summary:after{content:"−"} .bte-detail-cover>.bte-detail-cover-body{padding:0 15px 15px} .bte-signal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0} .bte-signal{position:relative;overflow:hidden;border:1px solid #dce3ea;border-radius:14px;background:#fff;padding:12px 13px 12px 17px;min-height:108px;display:flex;flex-direction:column;gap:4px} .bte-signal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#7b8794} .bte-signal.is-green{background:linear-gradient(135deg,#fff,var(--bte-green-soft))}.bte-signal.is-green:before{background:var(--bte-green)} .bte-signal.is-amber{background:linear-gradient(135deg,#fff,var(--bte-amber-soft))}.bte-signal.is-amber:before{background:var(--bte-amber)} .bte-signal.is-red{background:linear-gradient(135deg,#fff,var(--bte-red-soft))}.bte-signal.is-red:before{background:var(--bte-red)} .bte-signal.is-blue{background:linear-gradient(135deg,#fff,var(--bte-blue-soft))}.bte-signal.is-blue:before{background:var(--bte-blue)} .bte-signal.is-violet{background:linear-gradient(135deg,#fff,var(--bte-violet-soft))}.bte-signal.is-violet:before{background:var(--bte-violet)} .bte-signal-head{display:flex;align-items:center;gap:7px} .bte-signal-dot{width:11px;height:11px;border-radius:50%;background:#7b8794;box-shadow:0 0 0 4px rgba(123,135,148,.11)} .is-green .bte-signal-dot{background:var(--bte-green);box-shadow:0 0 0 4px rgba(22,135,90,.12)} .is-amber .bte-signal-dot{background:var(--bte-amber);box-shadow:0 0 0 4px rgba(199,138,19,.12)} .is-red .bte-signal-dot{background:var(--bte-red);box-shadow:0 0 0 4px rgba(188,59,59,.12)} .is-blue .bte-signal-dot{background:var(--bte-blue);box-shadow:0 0 0 4px rgba(21,101,255,.12)} .is-violet .bte-signal-dot{background:var(--bte-violet);box-shadow:0 0 0 4px rgba(117,87,216,.12)} .bte-signal span{font-size:.61rem;font-weight:950;letter-spacing:.08em;color:#667085} .bte-signal strong{font-size:1rem;line-height:1.15;color:#17202a}.bte-signal small{margin-top:auto;font-size:.68rem;line-height:1.35;color:#667085} .bte-lookback{margin:14px 0 8px} .bte-lookback-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px} .bte-lookback-head span{font-size:.65rem;font-weight:950;letter-spacing:.08em;color:#667085} .bte-lookback-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .bte-lookback-card{border:1px solid #dce3ea;background:#fff;border-radius:12px;padding:10px 11px;text-align:left;min-height:80px;cursor:pointer} .bte-lookback-card:hover{border-color:#8eb7ff;background:#f8fbff}.bte-lookback-card.is-active{border:2px solid #1565ff;background:#edf4ff} .bte-lookback-card span{display:block;font-size:.62rem;font-weight:900;letter-spacing:.06em;color:#667085} .bte-lookback-card strong{display:block;font-size:.93rem;color:#17202a;margin:2px 0}.bte-lookback-card small{display:block;font-size:.67rem;color:#7b8794} .bte-clean-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.bte-clean-actions .btn{min-height:40px} @media(max-width:991px){.bte-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bte-lookback-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:575px){.bte-signal-grid,.bte-lookback-list{grid-template-columns:1fr}} .bte-advanced-label{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f2efff;color:#7557d8;font-size:.58rem;font-weight:950;letter-spacing:.08em;margin:10px 0} /* WS13.0A · Profile-owned Coach Experience */ .bte-experience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .bte-experience-option{position:relative;display:block;cursor:pointer;margin:0} .bte-experience-option input{position:absolute;opacity:0;pointer-events:none} .bte-experience-option-body{display:flex;flex-direction:column;gap:5px;min-height:142px;padding:18px;border:2px solid #dce3ea;border-radius:16px;background:#fff;transition:border-color .15s ease,background .15s ease,transform .15s ease} .bte-experience-option-body>strong{font-size:.68rem;letter-spacing:.1em;color:#667085} .bte-experience-option-body>b{font-size:1.05rem;color:#17202a} .bte-experience-option-body>small{font-size:.76rem;line-height:1.45;color:#667085} .bte-experience-option input:checked + .bte-experience-option-body{border-color:#1565ff;background:linear-gradient(135deg,#edf4ff,#f7f4ff);box-shadow:0 8px 24px rgba(21,101,255,.08)} .bte-experience-option input:checked + .bte-experience-option-body>strong{color:#1565ff} .bte-experience-option input:focus-visible + .bte-experience-option-body{outline:3px solid rgba(21,101,255,.2);outline-offset:2px} @media(max-width:767px){.bte-experience-options{grid-template-columns:1fr}} /* WS13.2 · three-stage automated journey */ @media(max-width:767px){} /* WS13.2 · Progress quick-read legend and clean look-back actions */ .bte-signal-key{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 12px;color:#667085;font-size:.67rem;font-weight:800} .bte-signal-key span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .bte-signal-key i{width:9px;height:9px;border-radius:50%;background:#7b8794;box-shadow:0 0 0 3px rgba(123,135,148,.10)} .bte-signal-key .is-green i{background:#16875a}.bte-signal-key .is-amber i{background:#c78a13} .bte-signal-key .is-red i{background:#bc3b3b}.bte-signal-key .is-blue i{background:#1565ff}.bte-signal-key .is-violet i{background:#7557d8} .bte-lookback-actions{justify-content:flex-end!important;align-items:center!important;margin-top:8px} .bte-delete-link{color:#a53c3c!important;text-decoration:none!important;font-weight:800!important;font-size:.72rem!important} .bte-delete-link:hover{color:#7f2222!important;text-decoration:underline!important} .bte-lookback-card span{min-height:16px} @media(max-width:991px){.bte-lookback-list{overflow-x:auto;display:flex!important;scroll-snap-type:x proximity;padding-bottom:6px}.bte-lookback-card{min-width:220px;scroll-snap-align:start}} /* source boundary */ /* BTE Coach WS13.0B — Stage Navigation PLAN → SESSION → PROGRESS Completed stages point forward with a sideways triangle rather than a tick. */ @media (min-width: 768px){ .bte-integrated-header .bte-primary-nav{justify-content:center!important} .bte-integrated-nav.bte-journey-nav{ display:flex!important; align-items:center!important; justify-content:center!important; gap:clamp(14px,1.65vw,28px)!important; width:auto!important; padding:0!important; } .bte-integrated-nav.bte-journey-nav .nav-item{ position:relative!important; display:flex!important; align-items:center!important; flex:0 0 auto!important; min-width:0!important; } .bte-integrated-nav.bte-journey-nav .nav-link, .bte-integrated-nav.bte-journey-nav .service-navigation-link{ position:relative!important; width:auto!important; min-width:132px!important; height:44px!important; min-height:44px!important; padding:0 22px!important; border-radius:999px!important; border:1px solid rgba(255,255,255,.18)!important; background:rgba(255,255,255,.035)!important; color:rgba(255,255,255,.72)!important; font-size:.78rem!important; font-weight:900!important; letter-spacing:.045em!important; line-height:1!important; white-space:nowrap!important; text-align:center!important; overflow:visible!important; } .bte-integrated-nav.bte-journey-nav .nav-link.is-complete{ color:#d8e9ff!important; background:rgba(21,101,255,.11)!important; border-color:rgba(111,170,255,.24)!important; } /* Kill the old check mark from legacy CSS. */ .bte-integrated-nav.bte-journey-nav .nav-link.is-complete::before{ content:none!important; display:none!important; } /* Forward progression marker. */ .bte-integrated-nav.bte-journey-nav .nav-link.is-complete::after{ content:""!important; position:absolute!important; right:calc(-1 * clamp(11px,.95vw,16px))!important; top:50%!important; transform:translateY(-50%)!important; width:0!important; height:0!important; border-top:6px solid transparent!important; border-bottom:6px solid transparent!important; border-left:9px solid #6faaff!important; opacity:.95!important; pointer-events:none!important; } .bte-integrated-nav.bte-journey-nav .nav-link.is-current{ color:#fff!important; background:#1565ff!important; border-color:#4a8cff!important; box-shadow:0 0 0 2px rgba(21,101,255,.14),0 7px 18px rgba(21,101,255,.18)!important; } .bte-integrated-nav.bte-journey-nav .nav-link:not(.is-current):not(.is-complete){ color:rgba(255,255,255,.58)!important; } .bte-integrated-nav.bte-journey-nav .nav-link:hover, .bte-integrated-nav.bte-journey-nav .nav-link:focus-visible{ color:#fff!important; border-color:rgba(255,255,255,.42)!important; background:rgba(255,255,255,.085)!important; } } @media (min-width: 992px) and (max-width: 1199.98px){ .bte-integrated-nav.bte-journey-nav{gap:16px!important} .bte-integrated-nav.bte-journey-nav .nav-link, .bte-integrated-nav.bte-journey-nav .service-navigation-link{ min-width:118px!important; padding-left:17px!important; padding-right:17px!important; font-size:.74rem!important; } } @media (max-width: 991.98px){ .bte-integrated-nav.bte-journey-nav{gap:7px!important} .bte-integrated-nav.bte-journey-nav .nav-link, .bte-integrated-nav.bte-journey-nav .service-navigation-link{ position:relative!important; width:100%!important; min-width:100%!important; min-height:46px!important; height:46px!important; padding:0 42px 0 14px!important; border-radius:11px!important; border:1px solid rgba(255,255,255,.13)!important; text-align:left!important; justify-content:flex-start!important; } .bte-integrated-nav.bte-journey-nav .nav-link.is-complete::before{ content:none!important; display:none!important; } .bte-integrated-nav.bte-journey-nav .nav-link.is-complete::after{ content:""!important; position:absolute!important; right:16px!important; top:50%!important; transform:translateY(-50%)!important; width:0!important; height:0!important; border-top:6px solid transparent!important; border-bottom:6px solid transparent!important; border-left:9px solid #6faaff!important; } } /* WS13.0C · Coach Summary uses original RYOW photography */ /* source boundary */ /* BTE Coach WS13.2 — connected rider journey navigation A compact progress rail replaces three disconnected oversized pills. */ :root{ --bte-nav-blue:#1e6cff; --bte-nav-cyan:#65c9ff; --bte-nav-ink:#0b141d; --bte-nav-border:rgba(255,255,255,.16); --bte-nav-muted:rgba(255,255,255,.56); } @media(min-width:992px){ .bte-header-brand{grid-column:1!important;justify-self:start!important;min-width:0!important} .bte-header-nav{grid-column:2!important;margin:0!important;min-width:0!important} .bte-primary-nav{justify-content:center!important} .bte-integrated-nav.bte-journey-nav{ display:flex!important;flex-wrap:nowrap!important;align-items:center!important; justify-content:center!important;gap:0!important;padding:0!important;margin:0!important; } .bte-integrated-nav.bte-journey-nav .nav-item{ position:relative!important;display:flex!important;align-items:center!important;flex:0 0 auto!important; } .bte-integrated-nav.bte-journey-nav .nav-item:not(:last-child)::after{ content:""!important;width:clamp(34px,3.2vw,62px)!important;height:1px!important; background:linear-gradient(90deg,rgba(101,201,255,.78),rgba(255,255,255,.16))!important; margin:0 10px!important; } .bte-integrated-nav.bte-journey-nav .nav-link{ width:auto!important;min-width:0!important;height:46px!important;min-height:46px!important; padding:4px 10px 4px 5px!important;border:0!important;border-radius:999px!important; background:transparent!important;color:var(--bte-nav-muted)!important; display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important; box-shadow:none!important;font-size:.73rem!important;font-weight:900!important;letter-spacing:.075em!important; transition:background .18s ease,color .18s ease,transform .18s ease!important; } .bte-stage-label{white-space:nowrap} .bte-journey-nav .nav-link.is-current{ background:rgba(30,108,255,.13)!important;color:#fff!important; } .bte-journey-nav .nav-link.is-current .bte-stage-index{ background:var(--bte-nav-blue);border-color:#5e9aff;color:#fff; box-shadow:0 0 0 4px rgba(30,108,255,.12); } .bte-journey-nav .nav-link.is-complete{color:#d6ebff!important} .bte-journey-nav .nav-link.is-complete .bte-stage-index{ background:#153c63;border-color:#3979b4;color:#9bdcff; } .bte-journey-nav .nav-link.is-complete::before{content:none!important;display:none!important} .bte-journey-nav .nav-link.is-complete::after{ content:""!important;position:absolute!important;right:-5px!important;top:50%!important; transform:translate(50%,-50%)!important;width:0!important;height:0!important; border-top:5px solid transparent!important;border-bottom:5px solid transparent!important; border-left:7px solid var(--bte-nav-cyan)!important;opacity:.95!important; } .bte-journey-nav .nav-link:hover,.bte-journey-nav .nav-link:focus-visible{ background:rgba(255,255,255,.065)!important;color:#fff!important;transform:translateY(-1px); } } @media(min-width:768px) and (max-width:991.98px){ .bte-integrated-nav.bte-journey-nav .nav-link{ min-height:46px!important;height:46px!important;border-radius:11px!important; } } @media(max-width:767.98px){ .bte-integrated-nav.bte-journey-nav .nav-link{ display:flex!important;align-items:center!important;gap:10px!important; } .bte-journey-nav .nav-link.is-current .bte-stage-index{background:#1e6cff;color:#fff} .bte-journey-nav .nav-link.is-complete .bte-stage-index{background:#153c63;color:#9bdcff} .bte-journey-nav .nav-link.is-complete::before{content:none!important;display:none!important} .bte-journey-nav .nav-link.is-complete::after{ content:""!important;position:absolute!important;right:16px!important;top:50%!important; transform:translateY(-50%)!important;width:0!important;height:0!important; border-top:5px solid transparent!important;border-bottom:5px solid transparent!important; border-left:7px solid #65c9ff!important; } } /* WS13.4 — Active Rider profile switcher: visible affordance, click-only disclosure */ @media(max-width:767.98px){ } /* WS13.5 — compact rider affordance. The closed state behaves like a normal account switcher, while profile context moves into the disclosed panel. */ @media(min-width:768px){ } /* source boundary */ /* Big Air Coach WS13.6 — ambient conditions rail. Weather is part of PLAN, not a secondary utility. Rail is mounted immediately beneath the hero rather than beneath the top navigation. */ .bte-weather-rail{position:relative;z-index:1080;background:#071f31;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(101,201,255,.18);color:#fff} .bte-weather-rail-inner{width:min(1440px,100%);margin:0 auto;min-height:48px;padding:5px clamp(16px,2.7vw,42px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,28px)} .bte-weather-spot{min-width:0;display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;padding:7px 9px;border-radius:10px;transition:background .16s ease,transform .16s ease} .bte-weather-spot:hover,.bte-weather-spot:focus-visible{background:rgba(101,201,255,.08);transform:translateY(-1px);outline:none} .bte-weather-spot:last-child{justify-content:flex-end;text-align:right} .bte-weather-state{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:#8191a1;box-shadow:0 0 0 3px rgba(129,145,161,.12)} .bte-weather-spot.is-good .bte-weather-state{background:#43d17c;box-shadow:0 0 0 3px rgba(67,209,124,.12)} .bte-weather-spot.is-watch .bte-weather-state{background:#f2ae43;box-shadow:0 0 0 3px rgba(242,174,67,.12)} .bte-weather-spot.is-risk .bte-weather-state{background:#f05c63;box-shadow:0 0 0 3px rgba(240,92,99,.12)} .bte-weather-spot.is-info .bte-weather-state{background:#65c9ff;box-shadow:0 0 0 3px rgba(101,201,255,.12)} .bte-weather-copy{min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden} .bte-weather-name{font-size:.68rem;font-weight:950;letter-spacing:.09em;color:#dfeeff} .bte-weather-mode{font-size:.56rem;font-weight:950;letter-spacing:.09em;color:#65c9ff} .bte-weather-reading{font-size:.73rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;color:#fff} .bte-weather-geometry{font-size:.61rem;font-weight:850;color:#b8d1e4} .bte-weather-best{display:flex;align-items:center;gap:8px;padding:5px 12px;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);white-space:nowrap} .bte-weather-best span{font-size:.53rem;letter-spacing:.11em;font-weight:950;color:#65c9ff} .bte-weather-best strong{font-size:.66rem;letter-spacing:.03em;color:#fff} .bte-weather-refresh{font-size:.54rem;color:#7f9bae;margin-left:3px} @media(max-width:900px){ .bte-weather-rail-inner{grid-template-columns:1fr 1fr;gap:4px 8px;padding:5px 10px}.bte-weather-best{grid-column:1/-1;grid-row:2;justify-content:center;border:0;border-top:1px solid rgba(255,255,255,.08);padding:5px 8px}.bte-weather-spot{padding:6px 7px}.bte-weather-copy{display:grid;grid-template-columns:auto auto;gap:1px 6px}.bte-weather-reading{grid-column:1/-1;font-size:.69rem}.bte-weather-geometry{display:none} } @media(max-width:560px){ .bte-weather-rail-inner{display:block;padding:4px 8px}.bte-weather-spot,.bte-weather-spot:last-child{justify-content:flex-start;text-align:left;min-height:36px}.bte-weather-spot+.bte-weather-spot{border-top:1px solid rgba(255,255,255,.06)}.bte-weather-best{display:none}.bte-weather-copy{display:flex;gap:6px;width:100%}.bte-weather-name{min-width:86px}.bte-weather-mode{display:none}.bte-weather-reading{margin-left:auto;text-align:right;max-width:57%} } @media(prefers-reduced-motion:reduce){.bte-weather-spot{transition:none}} /* WS13.6 — weather is elevated through content, not a second navigation tier. */ .bte-weather-best{color:#fff!important;text-decoration:none!important;border-radius:8px;transition:background .16s ease,border-color .16s ease,transform .16s ease} .bte-weather-best:hover,.bte-weather-best:focus-visible{background:rgba(101,201,255,.08);border-color:rgba(101,201,255,.34);outline:none;transform:translateY(-1px)} .bte-build-version{color:#65c9ff!important;opacity:1!important;font-weight:800!important} /* WS13.34 — responsive weather rail: keep Best Window visible on phones. */ @media(max-width:575.98px){ .bte-weather-rail-inner{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:3px 8px!important} .bte-weather-spot,.bte-weather-spot:last-child{grid-column:1!important;justify-content:flex-start!important;text-align:left!important;min-height:34px!important} .bte-weather-best{display:flex!important;grid-column:1!important;grid-row:auto!important;justify-content:space-between!important;gap:8px!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;padding:7px!important;min-height:34px!important;overflow:hidden!important} .bte-weather-best strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.62rem!important} .bte-weather-best .bte-weather-refresh{flex:0 0 auto!important} } /* source boundary */ /* WS13.23 navigation clarity: direct destinations, no conceptual stage numbering */ .bte-integrated-nav.bte-journey-nav{display:flex;align-items:center;gap:4px;flex-wrap:nowrap} .bte-simple-nav-link[aria-current=page],.bte-simple-nav-link.bte-nav-active{background:#1389d4!important;color:#fff!important} .bte-lookback-actions{display:flex!important;gap:.7rem!important;align-items:center!important;flex-wrap:wrap!important;margin-top:1rem!important} #progress-basic-coach,#progress-basic-edit{min-width:150px} @media(max-width:991.98px){} @media(max-width:767.98px){.bte-integrated-nav.bte-journey-nav{display:block!important}.bte-lookback-actions .btn{width:100%;margin:0!important}} /* WS13.34 — navigation lock: three destinations, no stage-number chrome. */ .bte-integrated-nav.bte-journey-nav .bte-stage-index{display:none!important} @media(min-width:768px){ .bte-integrated-nav.bte-journey-nav{gap:clamp(18px,2.6vw,42px)!important} .bte-integrated-nav.bte-journey-nav .nav-link, .bte-integrated-nav.bte-journey-nav .service-navigation-link{ min-width:auto!important;height:auto!important;min-height:42px!important;padding:12px 4px!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; color:rgba(255,255,255,.72)!important;font-size:.79rem!important;letter-spacing:.055em!important; } .bte-integrated-nav.bte-journey-nav .nav-link::before, .bte-integrated-nav.bte-journey-nav .nav-link::after{content:none!important;display:none!important} .bte-integrated-nav.bte-journey-nav .nav-link.is-current{background:transparent!important;border-bottom:2px solid #45bdf8!important;color:#fff!important;box-shadow:none!important} .bte-integrated-nav.bte-journey-nav .nav-link.is-complete{background:transparent!important;border:0!important;color:rgba(255,255,255,.82)!important} .bte-integrated-nav.bte-journey-nav .nav-link:hover,.bte-integrated-nav.bte-journey-nav .nav-link:focus-visible{background:transparent!important;color:#fff!important;border-bottom:2px solid rgba(69,189,248,.55)!important} } @media(max-width:767.98px){ .bte-integrated-nav.bte-journey-nav .nav-link::before,.bte-integrated-nav.bte-journey-nav .nav-link::after{content:none!important;display:none!important} .bte-integrated-nav.bte-journey-nav .nav-link,.bte-integrated-nav.bte-journey-nav .service-navigation-link{padding:.82rem 1rem!important} } /* source boundary */ @media(max-width:900px){}@media(max-width:560px){} /* source boundary */ /* BTE Coach WS13.48 — soft blue interaction surfaces. The tint identifies places where the rider is expected to enter or adjust information. */ :root{ --bte-form-blue-wash:#f2f7ff; --bte-form-blue-panel:#eaf2ff; --bte-form-blue-line:#c9dbf6; --bte-form-blue-focus:#1565ff; --bte-form-blue-label:#31577f; } /* Core rider-entry surfaces */ .bte-form-card, .bte-rider-card, .bte-planner-group{ background:var(--bte-form-blue-wash)!important; border-color:var(--bte-form-blue-line)!important; } /* Keep fields visually crisp inside the tint */ .bte-form-card .form-control, .bte-form-card .form-select, .bte-rider-card .form-control, .bte-rider-card .form-select, .bte-planner-group .form-control, .bte-planner-group .form-select{ background:#fff!important; border-color:#c8d7ea!important; } .bte-form-card label, .bte-rider-card label, .bte-planner-group label{ color:var(--bte-form-blue-label)!important; } .bte-form-card .form-control:focus, .bte-form-card .form-select:focus, .bte-rider-card .form-control:focus, .bte-rider-card .form-select:focus, .bte-planner-group .form-control:focus, .bte-planner-group .form-select:focus{ border-color:var(--bte-form-blue-focus)!important; box-shadow:0 0 0 .2rem rgba(21,101,255,.12)!important; } /* Quiver rows are part of Setup input, so they inherit the same visual language. */ #rider-kites .bte-quiver-row, #rider-boards .bte-quiver-row{ background:var(--bte-form-blue-panel); border:1px solid var(--bte-form-blue-line); border-radius:12px; padding:.7rem; } /* Do not tint evidence/results/analysis cards — blue means rider input. */ .bte-evidence-card, .bte-result-card, .bte-why-card, .bte-next-card, .bte-data-card{ --bte-form-blue-wash:initial; } /* source boundary */ /* WS13.49 · Progressive flow QA */ .bte-utility-details{border:1px solid rgba(0,99,190,.18);border-radius:18px;background:rgba(0,120,210,.055);padding:0;overflow:hidden} .bte-utility-details>summary{cursor:pointer;padding:18px 22px;font-weight:800;letter-spacing:.02em;list-style:none} .bte-utility-details>summary::-webkit-details-marker{display:none}.bte-utility-details>summary:after{content:"+";float:right;font-size:1.3rem}.bte-utility-details[open]>summary:after{content:"−"} .bte-utility-details>.bte-utility-body{padding:0 22px 22px} .bte-plan-overrides{margin-top:14px}.bte-plan-overrides>summary{cursor:pointer;font-weight:700;color:#165d91} .bte-journey-nav .nav-link.is-current{background:rgba(255,255,255,.12);border-radius:999px}.bte-journey-nav .nav-link.is-complete .bte-stage-index{opacity:.65} @media(max-width:767px){.bte-utility-details>summary{padding:16px}.bte-utility-details>.bte-utility-body{padding:0 16px 16px}} /* source boundary */ /* WS13.50 — Setup removed from recurring rider journey */ .bte-settings-link{display:inline-flex;align-items:center;gap:.35rem;margin-left:.7rem;padding:.48rem .72rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff!important;text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.06em;white-space:nowrap;opacity:.82} .bte-settings-link:hover,.bte-settings-link:focus{opacity:1;border-color:rgba(255,255,255,.55);color:#fff!important} .bte-settings-link span{font-size:.68rem} .bte-setup-once-note{max-width:980px;margin:18px auto 0;padding:14px 18px;border-radius:14px;background:rgba(27,114,190,.08);border:1px solid rgba(27,114,190,.18);font-size:.95rem} .bte-setup-once-note a{font-weight:800;text-decoration:none} @media(max-width:767px){.bte-settings-link{margin-left:.35rem;padding:.42rem .58rem}.bte-settings-link span{display:none}} /* source boundary */ /* WS13.51 — first-use Setup cue, post-setup profile control */ .bte-settings-link{width:auto;min-width:0;justify-content:center;padding:.42rem .62rem;margin-left:.55rem;transition:box-shadow .4s ease,border-color .4s ease,background .4s ease,opacity .3s ease} .bte-settings-link.bte-setup-required{background:rgba(34,139,230,.18);border-color:rgba(87,184,255,.72);opacity:1;animation:bteSetupPulse 2.8s ease-in-out infinite} @keyframes bteSetupPulse{0%,100%{box-shadow:0 0 0 0 rgba(52,152,219,0)}50%{box-shadow:0 0 0 7px rgba(52,152,219,.16)}} @media (prefers-reduced-motion:reduce){.bte-settings-link.bte-setup-required{animation:none;box-shadow:0 0 0 3px rgba(52,152,219,.18)}} .bte-profile-control{position:relative;margin-left:.55rem;display:inline-flex;align-items:center} .bte-profile-trigger{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;display:inline-grid;place-items:center;font-size:1rem;line-height:1;cursor:pointer;padding:0;opacity:.88} .bte-profile-trigger:hover,.bte-profile-trigger:focus{opacity:1;border-color:rgba(255,255,255,.58);outline:none} .bte-profile-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:1100;width:218px;padding:8px;background:#0e1c2b;border:1px solid rgba(255,255,255,.17);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.32);display:none} .bte-profile-control.is-open .bte-profile-menu{display:block} .bte-profile-menu a{display:block;padding:9px 10px;border-radius:8px;color:#fff!important;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.02em} .bte-profile-menu a:hover,.bte-profile-menu a:focus{background:rgba(64,156,229,.17)} .bte-profile-menu small{display:block;color:rgba(255,255,255,.58);padding:4px 10px 7px;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em} .bte-setup-once-note.bte-setup-complete{display:none!important} @media(max-width:767px){.bte-profile-control{margin-left:.3rem}.bte-profile-menu{right:0;width:205px}} /* source boundary */ /* WS13.52 — Rider Setup spacing and padding refinement. Setup is a working form, not a marketing page: keep it compact, readable and consistent. */ body[data-page="setup"] #rider-details .container, body[data-page="setup"] #coach-experience .container, body[data-page="setup"] #rider-equipment .container, body[data-page="setup"] #bulk-woo-import .container{ padding-top:38px!important; padding-bottom:38px!important; } body[data-page="setup"] #rider-details, body[data-page="setup"] #coach-experience, body[data-page="setup"] #rider-equipment, body[data-page="setup"] #bulk-woo-import{ padding-left:20px; padding-right:20px; } body[data-page="setup"] .bte-rider-card, body[data-page="setup"] .bte-data-card{ padding:1.05rem!important; border-radius:14px; } body[data-page="setup"] #rider-details .row.g-3, body[data-page="setup"] #rider-details details .row.g-3{ --bs-gutter-x:1rem; --bs-gutter-y:.85rem; } body[data-page="setup"] .bte-rider-card label, body[data-page="setup"] .bte-data-card label{ display:block; margin-bottom:.32rem; font-size:.76rem; line-height:1.2; font-weight:700; } body[data-page="setup"] .bte-rider-card .form-control, body[data-page="setup"] .bte-rider-card .form-select, body[data-page="setup"] .bte-data-card .form-control, body[data-page="setup"] .bte-data-card .form-select{ min-height:42px; } body[data-page="setup"] .form-text, body[data-page="setup"] .bte-form-note{ display:block; margin-top:.32rem; font-size:.68rem; line-height:1.35; } body[data-page="setup"] .bte-advanced-numbering{ margin-top:.85rem!important; padding-top:.8rem; border-top:1px solid rgba(49,87,127,.14); } body[data-page="setup"] .bte-advanced-numbering summary, body[data-page="setup"] .bte-import-advanced summary{ font-size:.76rem; font-weight:800; cursor:pointer; } body[data-page="setup"] #coach-experience h2{ margin-top:.25rem; margin-bottom:.45rem; } body[data-page="setup"] #coach-experience p.mb-4{ margin-bottom:1rem!important; } body[data-page="setup"] .bte-experience-options{ gap:10px; } body[data-page="setup"] .bte-experience-option-body{ min-height:118px; padding:14px; } body[data-page="setup"] #rider-equipment .row.g-5{ --bs-gutter-x:1.5rem; --bs-gutter-y:1.5rem; } body[data-page="setup"] #rider-equipment .bte-section-kicker{ margin-bottom:.65rem; } body[data-page="setup"] #rider-kites .bte-quiver-row, body[data-page="setup"] #rider-boards .bte-quiver-row{ padding:.58rem; gap:.5rem; margin-bottom:.5rem; } body[data-page="setup"] #add-kite, body[data-page="setup"] #add-board{ margin-top:.15rem; } body[data-page="setup"] #rider-equipment .mt-5{ margin-top:1.4rem!important; padding-top:1.15rem; border-top:1px solid #dce6f1; } body[data-page="setup"] #bulk-woo-import .row.g-4{ --bs-gutter-x:1.5rem; --bs-gutter-y:1.25rem; } body[data-page="setup"] #bulk-woo-import h2{ margin:.25rem 0 .55rem; } body[data-page="setup"] #bulk-woo-import p{ margin-bottom:.8rem; } body[data-page="setup"] #bulk-woo-import .mt-3{ margin-top:.8rem!important; } @media (min-width:992px){ body[data-page="setup"] #rider-details .container, body[data-page="setup"] #coach-experience .container, body[data-page="setup"] #rider-equipment .container, body[data-page="setup"] #bulk-woo-import .container{ max-width:1140px; } } @media (max-width:767px){ body[data-page="setup"] #rider-details .container, body[data-page="setup"] #coach-experience .container, body[data-page="setup"] #rider-equipment .container, body[data-page="setup"] #bulk-woo-import .container{ padding-top:24px!important; padding-bottom:24px!important; } body[data-page="setup"] #rider-details, body[data-page="setup"] #coach-experience, body[data-page="setup"] #rider-equipment, body[data-page="setup"] #bulk-woo-import{ padding-left:12px; padding-right:12px; } body[data-page="setup"] .bte-rider-card, body[data-page="setup"] .bte-data-card{ padding:.9rem!important; } body[data-page="setup"] .bte-experience-option-body{ min-height:0; } } /* source boundary */ /* WS13.53 · Setup onboarding */ body[data-page="setup"] .bte-setup-onboarding{background:linear-gradient(180deg,#f7fbff 0,#fff 34%);padding:38px 0 64px} body[data-page="setup"] .bte-onboarding-shell{max-width:1080px} body[data-page="setup"] .bte-onboarding-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 10px} body[data-page="setup"] .bte-onboarding-tab{border:0;background:transparent;color:#718096;padding:10px 6px 12px;border-bottom:3px solid #dce8f2;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;letter-spacing:.08em;transition:.2s ease} body[data-page="setup"] .bte-onboarding-tab span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8f0f7;color:#35536d;font-weight:800} body[data-page="setup"] .bte-onboarding-tab.is-active{color:#0e5e9c;border-bottom-color:#1677c8} body[data-page="setup"] .bte-onboarding-tab.is-active span,body[data-page="setup"] .bte-onboarding-tab.is-complete span{background:#1677c8;color:#fff} body[data-page="setup"] .bte-onboarding-tab.is-complete{color:#35536d;border-bottom-color:#93bedf} body[data-page="setup"] .bte-onboarding-counter{text-align:center;color:#6d7c88;font-size:.84rem;margin:10px 0 28px} body[data-page="setup"] .bte-onboarding-step{display:none} body[data-page="setup"] .bte-onboarding-step.is-active{display:block;animation:bteSetupIn .22s ease-out} @keyframes bteSetupIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}} body[data-page="setup"] .bte-onboarding-heading{max-width:760px;margin:0 auto 22px;text-align:center} body[data-page="setup"] .bte-onboarding-heading h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.08;margin:7px 0 10px} body[data-page="setup"] .bte-onboarding-heading p{font-size:1.04rem;color:#5e6b75;margin:0} body[data-page="setup"] .bte-onboarding-card{background:#edf7ff;border:1px solid #cfe5f7;border-radius:18px;padding:26px;box-shadow:0 8px 28px rgba(21,67,101,.055)} body[data-page="setup"] .bte-onboarding-card label{font-weight:750;margin-bottom:6px;color:#17344b} body[data-page="setup"] .bte-onboarding-card .form-control,body[data-page="setup"] .bte-onboarding-card .form-select{background:#fff;min-height:48px;border-color:#bdd8eb} body[data-page="setup"] .bte-onboarding-card .form-control:focus,body[data-page="setup"] .bte-onboarding-card .form-select:focus{border-color:#1677c8;box-shadow:0 0 0 .2rem rgba(22,119,200,.12)} body[data-page="setup"] .bte-onboarding-card .form-text{display:block;margin-top:5px;color:#6b7b87} body[data-page="setup"] .bte-onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 0} body[data-page="setup"] .bte-onboarding-actions .btn{min-width:148px} body[data-page="setup"] .bte-experience-divider{height:1px;background:#cfe1ef;margin:24px 0} body[data-page="setup"] .bte-equipment-card{height:100%} body[data-page="setup"] .bte-quiver-row{display:grid;grid-template-columns:1fr 1.35fr .72fr auto;gap:8px;align-items:center;margin-bottom:9px} body[data-page="setup"] .bte-quiver-row .btn{white-space:nowrap} body[data-page="setup"] .bte-history-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px} body[data-page="setup"] .bte-history-choice-grid h3{margin:4px 0 8px} body[data-page="setup"] .bte-choice-number{font-size:.75rem;font-weight:900;letter-spacing:.13em;color:#1677c8} body[data-page="setup"] .bte-gps-note{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;background:#102f47;color:#fff;border-radius:16px;padding:18px 20px;margin:18px 0 24px} body[data-page="setup"] .bte-gps-note strong{color:#81c8ff} body[data-page="setup"] #bulk-woo-import{background:transparent!important;margin:0;padding:0} body[data-page="setup"] #bulk-woo-import>.container{max-width:none;padding:0!important} body[data-page="setup"] #bulk-woo-import .bloc-lg{padding-top:0!important;padding-bottom:0!important} body[data-page="setup"] .bte-ready-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px} body[data-page="setup"] .bte-ready-summary-card{background:#fff;border:1px solid #d7e3ec;border-radius:14px;padding:16px;min-width:0} body[data-page="setup"] .bte-ready-summary-card small{display:block;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#71808c;margin-bottom:5px} body[data-page="setup"] .bte-ready-summary-card strong{display:block;font-size:1.02rem;color:#17344b;overflow-wrap:anywhere} body[data-page="setup"] .bte-ready-save{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#e9f5ff} body[data-page="setup"] .bte-ready-save p{margin:4px 0 0;color:#5c6a75} body[data-page="setup"] .bte-save-status{margin-top:8px;font-size:.88rem;max-width:430px} body[data-page="setup"].bte-setup-first-run .bte-header-nav{visibility:hidden;pointer-events:none} body[data-page="setup"].bte-setup-first-run .bte-settings-link{display:none!important} @media(max-width:767px){ body[data-page="setup"] .bte-setup-onboarding{padding:24px 0 44px} body[data-page="setup"] .bte-onboarding-progress{gap:3px} body[data-page="setup"] .bte-onboarding-tab{padding:8px 2px;font-size:.58rem;gap:4px;flex-direction:column} body[data-page="setup"] .bte-onboarding-tab span{width:22px;height:22px} body[data-page="setup"] .bte-onboarding-heading{text-align:left;margin-bottom:16px} body[data-page="setup"] .bte-onboarding-card{padding:18px;border-radius:15px} body[data-page="setup"] .bte-history-choice-grid,body[data-page="setup"] .bte-ready-grid{grid-template-columns:1fr} body[data-page="setup"] .bte-quiver-row{grid-template-columns:1fr 1fr} body[data-page="setup"] .bte-quiver-row [data-field="size"],body[data-page="setup"] .bte-quiver-row .btn{grid-column:auto} body[data-page="setup"] .bte-gps-note{grid-template-columns:1fr} body[data-page="setup"] .bte-ready-save{display:block} body[data-page="setup"] .bte-ready-save>div+div{margin-top:16px} body[data-page="setup"] .bte-onboarding-actions{align-items:stretch} body[data-page="setup"] .bte-onboarding-actions .btn{min-width:0;flex:1} } @media(prefers-reduced-motion:reduce){body[data-page="setup"] .bte-onboarding-step.is-active{animation:none}} body[data-page="setup"] .bte-history-import-details{border:1px solid #d6e4ef;border-radius:16px;background:#fff;margin:18px 0 0;overflow:hidden} body[data-page="setup"] .bte-history-import-details>summary{cursor:pointer;padding:17px 20px;font-weight:850;letter-spacing:.035em;color:#17344b;background:#f6fafe;list-style:none} body[data-page="setup"] .bte-history-import-details>summary::-webkit-details-marker{display:none} body[data-page="setup"] .bte-history-import-details>summary:after{content:"+";float:right;color:#1677c8;font-size:1.2rem} body[data-page="setup"] .bte-history-import-details[open]>summary:after{content:"−"} body[data-page="setup"] .bte-history-import-details[open]>#bulk-woo-import{padding:18px 20px 22px!important} /* source boundary */ /* WS13.59 — Best-in-class rider journey: recommendation first, evidence second. */ :root{--bte-ink:#101828;--bte-muted:#667085;--bte-blue:#1677c8;--bte-soft:#f5f9fc;--bte-good:#138a5b;--bte-focus:#6b4eff} #ride-plan .container,#ride-evidence .container,#ride-result-section .container,#ride-why-section .container,#ride-next-section .container{max-width:1120px} #ride-plan .bte-form-card{border:1px solid #dfe7ef;border-radius:22px;box-shadow:0 10px 34px rgba(16,24,40,.06);padding:28px;background:#fff} #ride-plan-loaded{border-radius:16px;padding:16px 18px;background:#eef8ff;border:1px solid #b9def7;margin-bottom:18px} #ride-evidence{background:#f6f9fc!important} #ride-evidence .bte-evidence-card,.bte-file-next{border-radius:20px!important;box-shadow:none!important} #ride-result-section{padding-top:70px!important;padding-bottom:38px!important} #ride-result-section .bte-result-metric{background:#fff;border:1px solid #dbe5ed;border-radius:18px;padding:18px} #ride-result-section .bte-result-metric span{display:block;color:var(--bte-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em} #ride-result-section .bte-result-metric strong{display:block;color:var(--bte-ink);font-size:1.8rem;margin-top:5px} #ride-why-list{display:grid;gap:14px} .bte-coach-read-block{background:#fff;border:1px solid #dfe7ef;border-left:5px solid var(--bte-blue);border-radius:16px;padding:18px 20px} .bte-coach-read-block.is-good{border-left-color:var(--bte-good)}.bte-coach-read-block.is-focus{border-left-color:var(--bte-focus)} .bte-coach-read-block span{display:block;font-size:.72rem;font-weight:900;letter-spacing:.08em;color:var(--bte-muted);margin-bottom:6px} .bte-coach-read-block strong{display:block;font-size:1.05rem;color:var(--bte-ink)}.bte-coach-read-block small{display:block;margin-top:7px;color:var(--bte-muted)} #ride-next-section .bte-next-card,#ride-next-section .bte-consolidation-next-card{border-radius:22px} #progress-main #cumulative-overview{order:-1;background:#f7fafc} #cumulative-overview .bte-progress-kpis{margin-top:24px} #progress-session-review{border-top:1px solid #e3e9ef} #progress-session-review .bte-dashboard-panel.bte-advanced-only,.bte-session-jumps-details.bte-advanced-only{opacity:.97} #progress-story{background:#fff;border:1px solid #dfe7ef;border-radius:20px;padding:24px!important;box-shadow:0 8px 28px rgba(16,24,40,.05)} #progress-story a{display:none!important} #plan-why-section,#plan-factors-section{background:#f7fafc;border-radius:20px} #plan-recommendation-section{border:2px solid #b9def7;border-radius:22px;background:#f5fbff;padding:24px;margin-top:26px} body[data-legacy-analysis="true"] .bte-integrated-header:after{content:"LEGACY DEEP ANALYSIS · NORMAL RIDER JOURNEY IS PLAN → SESSION → PROGRESS";display:block;text-align:center;background:#fff3cd;color:#664d03;padding:8px;font-size:.72rem;font-weight:800;letter-spacing:.05em} @media(max-width:767px){#ride-plan .bte-form-card{padding:18px}.bte-coach-read-block{padding:16px}} /* source boundary */ /* WS13.66 · Visual + rider-journey QA One job: make the approved Plan → Session → Progress loop read clearly on first glance. */ :root{ --bte61-ink:#102a3d;--bte61-muted:#61717f;--bte61-line:#d9e5ee; --bte61-soft:#f6fafe;--bte61-blue:#1677c8;--bte61-blue-soft:#eaf5ff; --bte61-shadow:0 10px 32px rgba(16,42,61,.065); } /* Global interaction quality */ body[data-page="setup"] button,body[data-page="setup"] a.btn, body[data-page="plan"] button,body[data-page="plan"] a.btn, body[data-page="ride"] button,body[data-page="ride"] a.btn, body[data-page="progress"] button,body[data-page="progress"] a.btn{min-height:44px} :where(button,a,input,select,summary):focus-visible{outline:3px solid rgba(22,119,200,.28)!important;outline-offset:3px!important} .bte-integrated-header{position:relative;z-index:30} /* Native progressive disclosure: simple first, evidence on demand. */ .bte-evidence-disclosure{border:1px solid var(--bte61-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 6px 22px rgba(16,42,61,.035)} .bte-evidence-disclosure>summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--bte61-ink);font-weight:900;letter-spacing:.04em} .bte-evidence-disclosure>summary::-webkit-details-marker{display:none} .bte-evidence-disclosure>summary span{font-size:.82rem} .bte-evidence-disclosure>summary small{font-size:.82rem;font-weight:550;letter-spacing:0;color:var(--bte61-muted);text-align:right;max-width:560px} .bte-evidence-disclosure>summary:after{content:"+";flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bte61-blue-soft);color:var(--bte61-blue);font-size:1.2rem} .bte-evidence-disclosure[open]>summary{border-bottom:1px solid var(--bte61-line);background:var(--bte61-soft)} .bte-evidence-disclosure[open]>summary:after{content:"−"} /* PLAN — recommendation is the destination; evidence is secondary. */ body[data-page="plan"] #prediction-journey-note .container{max-width:1120px} body[data-page="plan"] #prediction-journey-note{padding-top:10px!important;padding-bottom:12px!important} body[data-page="plan"] #plan-output{max-width:1180px;margin:0 auto} body[data-page="plan"] #plan-recommendation-section{margin:30px auto 18px!important;box-shadow:var(--bte61-shadow)} body[data-page="plan"] #plan-evidence-details{max-width:1120px;margin-left:auto!important;margin-right:auto!important} body[data-page="plan"] #plan-evidence-details #plan-why-section, body[data-page="plan"] #plan-evidence-details #plan-factors-section{border-radius:0!important;margin:0!important;border:0!important;box-shadow:none!important} body[data-page="plan"] #plan-evidence-details #plan-factors-section{border-top:1px solid var(--bte61-line)!important} body[data-page="plan"] #plan-save-section{margin-top:22px} body[data-page="plan"] .bte-planner-answer{font-size:1.05rem;line-height:1.55} /* SESSION — make the full WOO file feel like the obvious path. */ body[data-page="ride"] #ride-plan .bte-form-card{max-width:1050px;margin-inline:auto} body[data-page="ride"] #ride-evidence .container{max-width:1050px} body[data-page="ride"] #ride-file-input{border:2px dashed #9ec9e8!important;background:#f8fcff!important;padding:24px!important} body[data-page="ride"] #ride-file-input:focus-within{border-color:var(--bte61-blue)!important;box-shadow:0 0 0 .25rem rgba(22,119,200,.09)!important} body[data-page="ride"] #ride-manual-entry{border:1px solid var(--bte61-line);border-radius:15px;background:#fff;overflow:hidden} body[data-page="ride"] #ride-manual-entry>summary{padding:15px 18px;color:var(--bte61-muted);font-weight:800;cursor:pointer} body[data-page="ride"] #ride-manual-entry[open]>summary{background:var(--bte61-soft);color:var(--bte61-ink);border-bottom:1px solid var(--bte61-line)} body[data-page="ride"] #ride-result-section .bte-result-metric{box-shadow:0 5px 18px rgba(16,42,61,.045)} body[data-page="ride"] #ride-next-section{padding-top:28px!important} /* PROGRESS — story first; charts only when requested in Basic. */ body[data-page="progress"] #cumulative-overview>.container{max-width:1120px} body[data-page="progress"] .bte-progress-kpis{gap:12px} body[data-page="progress"] .bte-progress-kpi{border:1px solid var(--bte61-line);box-shadow:0 5px 18px rgba(16,42,61,.04);border-radius:16px} body[data-page="progress"] #progress-story{border-left:5px solid var(--bte61-blue)!important} body[data-page="progress"] #progress-trend-evidence>.bte-dashboard-panel{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important} body[data-page="progress"] #progress-session-review{padding-top:14px} body[data-page="progress"] #progress-session-review>.container{max-width:1120px} html[data-bte-view-mode="basic"] body[data-page="progress"] #progress-trend-evidence:not([open]){margin-bottom:8px!important} /* SETUP — calmer onboarding, less form-like. */ body[data-page="setup"] .bte-onboarding-shell{max-width:1020px} body[data-page="setup"] .bte-onboarding-progress{position:sticky;top:0;z-index:15;background:rgba(247,251,255,.96);backdrop-filter:blur(8px);padding-top:10px} body[data-page="setup"] .bte-onboarding-card{box-shadow:0 8px 26px rgba(16,42,61,.045)} body[data-page="setup"] .bte-onboarding-heading p{max-width:700px;margin-inline:auto} body[data-page="setup"] .bte-onboarding-actions{padding-top:4px} @media(max-width:767px){ .bte-evidence-disclosure>summary{display:grid;grid-template-columns:1fr auto;padding:16px;gap:4px 12px} .bte-evidence-disclosure>summary small{grid-column:1/2;text-align:left;max-width:none} .bte-evidence-disclosure>summary:after{grid-row:1/3;grid-column:2} body[data-page="setup"] .bte-onboarding-progress{top:0;padding-top:6px} body[data-page="plan"] #plan-recommendation-section{margin-inline:12px!important} body[data-page="ride"] #ride-file-input{padding:18px!important} } @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} /* source boundary */ /* WS13.80 regression recovery: keep the 3-step rider journey primary while making Coach tools discoverable. */ @media (min-width:768px) and (max-width:1099.98px){ } @media (max-width:767.98px){ } /* source boundary */ /* WS13.92 — approved workflow + visual consistency only */ .bte-integrated-header .bte-header-toprow{min-height:84px;align-items:center} .bte-integrated-header .bte-header-brand,.bte-integrated-header .bte-brand-logo-img{transform:none!important;transition:none!important} .bte-integrated-header .bte-integrated-nav .nav-link{transform:none!important;transition:color .16s ease,opacity .16s ease,text-decoration-color .16s ease!important} .bte-integrated-header .bte-integrated-nav .nav-link:hover,.bte-integrated-header .bte-integrated-nav .nav-link:focus{transform:none!important} .bte-integrated-header .bte-stage-index,.bte-integrated-header .bte-stage-label{transform:none!important;position:static!important} .bte-unified-hero{min-height:360px!important;height:360px!important;overflow:hidden} .bte-unified-hero .bte-hero-container,.bte-unified-hero .bte-hero-row{height:100%;min-height:360px!important} .bte-unified-hero .bte-hero-inner{max-width:720px} .bte-unified-hero h1{margin-bottom:.45rem!important} .bte-unified-hero h3{max-width:650px!important;margin-bottom:0!important} .bte-ride-time-picker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:center} .bte-ride-time-picker .form-select{min-width:0} @media(max-width:991.98px){} @media(max-width:767.98px){.bte-integrated-header .bte-header-toprow{min-height:72px}.bte-unified-hero,.bte-unified-hero .bte-hero-container,.bte-unified-hero .bte-hero-row{height:300px!important;min-height:300px!important}} /* source boundary */ /* WS13.94 — controlled layout lock. No architecture, dependency or brand changes. */ @media (min-width: 992px){ .service-navigation-header .container{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important} .service-navigation-header .bte-header-brand{flex:0 0 240px!important;width:240px!important;min-width:240px!important;max-width:240px!important;margin:0!important;padding:0!important;position:static!important;transform:none!important} .service-navigation-header .bte-brand-logo-img{display:block!important;width:240px!important;max-width:240px!important;height:64px!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;transition:none!important} .service-navigation-header .bte-header-nav{flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important} .service-navigation-header .bte-primary-nav{justify-content:flex-end!important} } body[data-page="plan"] .bte-unified-hero, body[data-page="ride"] .bte-unified-hero, body[data-page="coach-summary"] .bte-unified-hero{height:360px!important;min-height:360px!important;display:flex!important;align-items:center!important} body[data-page="plan"] .bte-unified-hero .bte-hero-container, body[data-page="ride"] .bte-unified-hero .bte-hero-container, body[data-page="coach-summary"] .bte-unified-hero .bte-hero-container{width:100%!important;max-width:1200px!important;height:100%!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:center!important} body[data-page="plan"] .bte-unified-hero .bte-hero-row, body[data-page="ride"] .bte-unified-hero .bte-hero-row, body[data-page="coach-summary"] .bte-unified-hero .bte-hero-row{width:100%!important;height:100%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important} body[data-page="plan"] .bte-unified-hero .bte-hero-inner, body[data-page="ride"] .bte-unified-hero .bte-hero-inner, body[data-page="coach-summary"] .bte-unified-hero .bte-hero-inner{width:100%!important;max-width:900px!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;transform:none!important;position:static!important} body[data-page="plan"] .bte-unified-hero .bte-eyebrow, body[data-page="ride"] .bte-unified-hero .bte-eyebrow, body[data-page="coach-summary"] .bte-unified-hero .bte-eyebrow, body[data-page="plan"] .bte-unified-hero h1, body[data-page="ride"] .bte-unified-hero h1, body[data-page="coach-summary"] .bte-unified-hero h1, body[data-page="plan"] .bte-unified-hero h3, body[data-page="ride"] .bte-unified-hero h3, body[data-page="coach-summary"] .bte-unified-hero h3{width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;transform:none!important;position:static!important;left:auto!important;right:auto!important} .bte-cumulative-coaching-head{max-width:900px} @media (max-width: 991.98px){ .service-navigation-header .bte-header-brand,.service-navigation-header .bte-brand-logo-img{transform:none!important;transition:none!important} } @media (max-width: 767.98px){ body[data-page="plan"] .bte-unified-hero, body[data-page="ride"] .bte-unified-hero, body[data-page="coach-summary"] .bte-unified-hero{height:300px!important;min-height:300px!important} body[data-page="plan"] .bte-unified-hero .bte-hero-container, body[data-page="ride"] .bte-unified-hero .bte-hero-container, body[data-page="coach-summary"] .bte-unified-hero .bte-hero-container{padding:0 18px!important} } /* source boundary */ /* WS13.95 — page viewing QA polish only. Scope: spacing, typography, responsive readability and stable hero/header geometry. No application logic, navigation architecture or backend behaviour is changed. */ :root{--bte-gutter-desktop:24px;--bte-gutter-mobile:18px;--bte-reading-width:760px} html{scroll-padding-top:96px} body{line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} .page-container>.bloc>.container,.page-container>section>.container{padding-left:var(--bte-gutter-desktop);padding-right:var(--bte-gutter-desktop)} .service-navigation-header>.container{padding-left:var(--bte-gutter-desktop)!important;padding-right:var(--bte-gutter-desktop)!important} .bloc-lg{padding-top:56px!important;padding-bottom:56px!important}.bloc-md{padding-top:36px!important;padding-bottom:36px!important}.bloc-sm{padding-top:22px!important;padding-bottom:22px!important} h1,h2,h3{overflow-wrap:anywhere}h2{line-height:1.18;margin-bottom:14px}h3{line-height:1.24}p{line-height:1.58} .bte-section-kicker{margin-bottom:8px}.bte-section-title{margin-bottom:14px!important}.bte-section-copy,.bte-form-note{line-height:1.55} .bte-unified-hero{height:340px!important;min-height:340px!important;display:flex!important;align-items:center!important;position:relative!important;overflow:hidden!important} .bte-unified-hero .bte-hero-container{width:100%!important;max-width:1200px!important;height:100%!important;margin:0 auto!important;padding:0 var(--bte-gutter-desktop)!important;display:flex!important;align-items:center!important;justify-content:center!important} .bte-unified-hero .bte-hero-row{width:100%!important;height:100%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important} .bte-unified-hero .bte-hero-inner{width:100%!important;max-width:860px!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;position:static!important;inset:auto!important;transform:none!important} .bte-unified-hero .bte-eyebrow,.bte-unified-hero h1,.bte-unified-hero h3{width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;position:static!important;inset:auto!important;transform:none!important} .bte-unified-hero .bte-eyebrow{margin-bottom:10px!important}.bte-unified-hero h1{margin-top:0!important;margin-bottom:8px!important;line-height:1.06!important}.bte-unified-hero h3{max-width:720px!important;margin-top:0!important;margin-bottom:0!important;line-height:1.34!important} .bte-unified-hero .bte-hero-native-img{width:100%!important;height:100%!important;object-fit:cover!important} .bte-data-card,.bte-method-card,.bte-support-box,.bte-onboarding-card,.lab-card,.bte-evidence-card,.bte-result-card,.bte-next-card{padding:24px} form label{margin-bottom:6px}.form-control,.form-select{min-height:44px}textarea.form-control{min-height:96px}.bte-time-picker{align-items:center;gap:8px}.bte-time-separator{flex:0 0 auto} .btn,.service-button,.service-white-button{min-height:44px;transform:none!important}.btn:hover,.btn:focus,.service-button:hover,.service-button:focus,.service-white-button:hover,.service-white-button:focus{transform:none!important} .bte-consolidation-next-card{gap:24px}.bte-consolidation-next-card>div{min-width:0}.bte-support-box p,.bte-method-card p,.bte-workflow-note,.bte-form-note{max-width:var(--bte-reading-width)}.table-responsive{margin-top:16px} footer .container{padding-top:32px!important;padding-bottom:32px!important}footer p{margin-bottom:8px}footer p:last-child{margin-bottom:0} @media(max-width:991.98px){.bloc-lg{padding-top:44px!important;padding-bottom:44px!important}.bloc-md{padding-top:30px!important;padding-bottom:30px!important}.bte-unified-hero{height:300px!important;min-height:300px!important}.bte-data-card,.bte-method-card,.bte-support-box,.bte-onboarding-card,.lab-card,.bte-evidence-card,.bte-result-card,.bte-next-card{padding:20px}} @media(max-width:767.98px){.page-container>.bloc>.container,.page-container>section>.container,.service-navigation-header>.container{padding-left:var(--bte-gutter-mobile)!important;padding-right:var(--bte-gutter-mobile)!important}.bloc-lg{padding-top:36px!important;padding-bottom:36px!important}.bloc-md{padding-top:26px!important;padding-bottom:26px!important}.bloc-sm{padding-top:18px!important;padding-bottom:18px!important}.bte-unified-hero{height:260px!important;min-height:260px!important}.bte-unified-hero .bte-hero-container{padding:0 var(--bte-gutter-mobile)!important}.bte-unified-hero .bte-hero-inner{max-width:100%!important}.bte-unified-hero h1{font-size:clamp(2rem,10vw,3rem)!important}.bte-unified-hero h3{font-size:1rem!important;max-width:34rem!important}.bte-data-card,.bte-method-card,.bte-support-box,.bte-onboarding-card,.lab-card,.bte-evidence-card,.bte-result-card,.bte-next-card{padding:18px}.bte-consolidation-next-card{align-items:flex-start!important;gap:18px!important}.bte-consolidation-next-card a{width:100%;text-align:center}} /* source boundary */ /* WS13.96 — approved visual/UX corrections only. */ /* Header remains fixed; logo is larger without hover movement. */ @media (min-width: 992px){ .service-navigation-header .bte-header-brand{flex:0 0 300px!important;width:300px!important;min-width:300px!important;max-width:300px!important} .service-navigation-header .bte-brand-logo-img{width:300px!important;max-width:300px!important;height:72px!important;max-height:72px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;transition:none!important} } /* PLAN and RIDE hero photos must show the full source image inside the fixed hero frame. */ body[data-page="plan"] .bte-unified-hero .bte-hero-native-img, body[data-page="ride"] .bte-unified-hero .bte-hero-native-img{ width:100%!important; height:100%!important; object-fit:contain!important; object-position:center center!important; background:#071321!important; transform:none!important; } /* Homepage activity cards are neutral until hovered/focused. */ body[data-page="home"] .bte-home-state-card, body[data-page="home"] .bte-home-state-card.is-active{ background:transparent!important; box-shadow:none!important; transform:none!important; } body[data-page="home"] .bte-home-state-card:hover, body[data-page="home"] .bte-home-state-card:focus-visible, body[data-page="home"] .bte-home-state-card.is-active:hover, body[data-page="home"] .bte-home-state-card.is-active:focus-visible{ background:rgba(87,197,255,.08)!important; box-shadow:inset 0 3px 0 #57c5ff!important; } /* Coach references the exact current ride before any coaching statement. */ /* Admin operational entry points. */ .bte-admin-console-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px} .bte-admin-console-card{display:flex;min-height:170px;padding:22px;border:1px solid #d9e0e6;border-radius:16px;background:#fff;color:#101822!important;text-decoration:none;flex-direction:column;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease} .bte-admin-console-card span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#1677c8} .bte-admin-console-card strong{margin-top:14px;font-size:1.12rem} .bte-admin-console-card small{margin-top:8px;color:#667085;line-height:1.45} .bte-admin-console-card:hover,.bte-admin-console-card:focus-visible{border-color:#168dff;background:#f8fcff;box-shadow:0 10px 24px rgba(16,24,34,.08)} @media(max-width:991.98px){.bte-admin-console-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-navigation-header .bte-brand-logo-img{max-width:260px!important}} @media(max-width:575.98px){.bte-admin-console-grid{grid-template-columns:1fr}.service-navigation-header .bte-brand-logo-img{max-width:220px!important}} /* source boundary */ /* WS13.97 — controlled hero-height correction only. Scope: increase the shared hero frame vertically without changing image assets, framing mode, text alignment, navigation, page structure or application logic. */ .bte-unified-hero{ height:440px!important; min-height:440px!important; } @media(max-width:991.98px){ .bte-unified-hero{ height:380px!important; min-height:380px!important; } } @media(max-width:767.98px){ .bte-unified-hero{ height:320px!important; min-height:320px!important; } } /* source boundary */ /* WS13.98 — scoped navigation logo size correction only. */ .service-navigation-header .bte-header-brand{ flex:0 0 360px!important; width:360px!important; min-width:360px!important; max-width:360px!important; } .service-navigation-header .bte-brand-logo-img{ display:block!important; width:360px!important; max-width:360px!important; height:auto!important; max-height:120px!important; object-fit:contain!important; object-position:left center!important; margin:0!important; padding:0!important; transform:none!important; transition:none!important; } @media(max-width:991.98px){ .service-navigation-header .bte-header-brand{flex-basis:285px!important;width:285px!important;min-width:285px!important;max-width:285px!important} .service-navigation-header .bte-brand-logo-img{width:285px!important;max-width:285px!important;max-height:95px!important} } @media(max-width:767.98px){ .service-navigation-header .bte-header-brand{flex-basis:225px!important;width:225px!important;min-width:225px!important;max-width:225px!important} .service-navigation-header .bte-brand-logo-img{width:225px!important;max-width:225px!important;max-height:75px!important} } @media(max-width:420px){ .service-navigation-header .bte-header-brand{flex-basis:195px!important;width:195px!important;min-width:195px!important;max-width:195px!important} .service-navigation-header .bte-brand-logo-img{width:195px!important;max-width:195px!important;max-height:65px!important} } /* source boundary */ /* WS13.99 — scoped hero height + Ride image centring correction only. */ .bte-unified-hero{ height:520px!important; min-height:520px!important; } /* Preserve the full-image treatment and lock the image to the exact centre of the frame. */ body[data-page="plan"] .bte-unified-hero>.bte-hero-native-img, body[data-page="ride"] .bte-unified-hero>.bte-hero-native-img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:auto!important; object-fit:contain!important; object-position:50% 50%!important; transform:none!important; } /* Ride receives an explicit centring lock so no older page-specific object-position can win. */ @media(max-width:991.98px){ .bte-unified-hero{height:460px!important;min-height:460px!important} } @media(max-width:767.98px){ .bte-unified-hero{height:380px!important;min-height:380px!important} } /* source boundary */ /* WS13.100 — Navigation logo size refinement only. */ .service-navigation-header .bte-header-brand{ flex:0 0 340px!important; width:340px!important; min-width:340px!important; max-width:340px!important; } .service-navigation-header .bte-brand-logo-img{ width:340px!important; max-width:340px!important; height:auto!important; } @media (max-width:1199px){ .service-navigation-header .bte-header-brand{flex-basis:270px!important;width:270px!important;min-width:270px!important;max-width:270px!important} .service-navigation-header .bte-brand-logo-img{width:270px!important;max-width:270px!important} } @media (max-width:767px){ .service-navigation-header .bte-header-brand{flex-basis:215px!important;width:215px!important;min-width:215px!important;max-width:215px!important} .service-navigation-header .bte-brand-logo-img{width:215px!important;max-width:215px!important} } @media (max-width:420px){ .service-navigation-header .bte-header-brand{flex-basis:185px!important;width:185px!important;min-width:185px!important;max-width:185px!important} .service-navigation-header .bte-brand-logo-img{width:185px!important;max-width:185px!important} } /* source boundary */ /* WS13.101 — authoritative visual geometry contract. Scope: header/logo geometry + hero frame geometry only. Loaded last so legacy/page-specific sizing cannot override these values. */ :root{ --bte-header-logo-width:255px; --bte-header-row-height:104px; --bte-hero-height:600px; } /* ---------- HEADER / LOGO: one size on every page ---------- */ body .service-navigation-header{ min-height:var(--bte-header-row-height)!important; } body .service-navigation-header > .container, body .service-navigation-header > .container-fluid{ min-height:var(--bte-header-row-height)!important; } body .service-navigation-header .bte-header-brand{ flex:0 0 var(--bte-header-logo-width)!important; width:var(--bte-header-logo-width)!important; min-width:var(--bte-header-logo-width)!important; max-width:var(--bte-header-logo-width)!important; height:auto!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; transform:none!important; } body .service-navigation-header .bte-brand-logo-img{ display:block!important; width:var(--bte-header-logo-width)!important; min-width:var(--bte-header-logo-width)!important; max-width:var(--bte-header-logo-width)!important; height:auto!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:left center!important; transform:none!important; transition:none!important; } /* ---------- HERO: one frame height on every image-hero page ---------- */ body .bte-unified-hero, body[data-page="home"] .bte-home-hero-ws1327{ height:var(--bte-hero-height)!important; min-height:var(--bte-hero-height)!important; max-height:var(--bte-hero-height)!important; overflow:hidden!important; } body .bte-unified-hero > .bte-hero-native-img, body[data-page="home"] .bte-home-hero-ws1327 > .bte-home-hero-photo{ height:100%!important; min-height:100%!important; max-height:100%!important; } /* Keep Plan/Ride's previously approved full-image fit inside the common frame. */ body[data-page="plan"] .bte-unified-hero > .bte-hero-native-img, body[data-page="ride"] .bte-unified-hero > .bte-hero-native-img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:auto!important; object-fit:contain!important; object-position:50% 50%!important; transform:none!important; } /* Explicit Ride centring lock. */ @media (max-width:1199.98px){ :root{ --bte-header-logo-width:220px; --bte-header-row-height:94px; --bte-hero-height:520px; } } @media (max-width:767.98px){ :root{ --bte-header-logo-width:180px; --bte-header-row-height:84px; --bte-hero-height:430px; } } @media (max-width:420px){ :root{ --bte-header-logo-width:160px; --bte-header-row-height:78px; --bte-hero-height:390px; } } /* source boundary */ /* WS13.104 — authoritative site-wide hero sizing contract. Scope only: image-hero frame and image sizing/positioning. This file must load last so legacy/page-specific hero rules cannot override it. */ :root{ --bte-site-hero-height:640px; } /* Every image hero uses exactly the same frame geometry. */ body .bte-unified-hero, body[data-page="home"] .bte-home-hero-ws1327{ position:relative!important; width:100%!important; height:var(--bte-site-hero-height)!important; min-height:var(--bte-site-hero-height)!important; max-height:var(--bte-site-hero-height)!important; overflow:hidden!important; } /* Every hero image fills the same frame, including Ride and Home. */ body .bte-unified-hero > .bte-hero-native-img, body[data-page="home"] .bte-home-hero-ws1327 > .bte-home-hero-photo{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; min-width:100%!important; max-width:none!important; height:100%!important; min-height:100%!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:cover!important; object-position:50% 50%!important; transform:none!important; } @media (max-width:1199.98px){ :root{--bte-site-hero-height:540px;} } @media (max-width:767.98px){ :root{--bte-site-hero-height:440px;} } @media (max-width:420px){ :root{--bte-site-hero-height:400px;} } /* source boundary */ /* WS13.106 — authoritative hero geometry repair. Scope: hero frame/image/text geometry only. All image heroes use one physical contract; Ride has no page-specific geometry. */ :root{ --bte-hero-h-desktop:640px; --bte-hero-h-tablet:540px; --bte-hero-h-mobile:440px; --bte-hero-h-small:400px; --bte-hero-h:var(--bte-hero-h-desktop); } /* One frame size for every standard image hero. */ html body .bte-unified-hero, html body[data-page="ride"] #ride-hero, html body[data-page="home"] .bte-home-hero-ws1327{ position:relative!important; display:block!important; box-sizing:border-box!important; width:100%!important; height:var(--bte-hero-h)!important; min-height:var(--bte-hero-h)!important; max-height:var(--bte-hero-h)!important; padding-top:0!important; padding-bottom:0!important; overflow:hidden!important; } /* One image-fill rule. No Ride exception. */ html body .bte-unified-hero > .bte-hero-native-img, html body[data-page="ride"] #ride-hero > .bte-hero-native-img, html body[data-page="home"] .bte-home-hero-ws1327 > .bte-home-hero-photo{ position:absolute!important; inset:0!important; display:block!important; box-sizing:border-box!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:cover!important; object-position:50% 50%!important; transform:none!important; } /* Same content geometry inside every unified hero. */ html body .bte-unified-hero > .bte-hero-container{ position:relative!important; z-index:2!important; width:100%!important; height:100%!important; min-height:100%!important; max-height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding-top:0!important; padding-bottom:0!important; } html body .bte-unified-hero .bte-hero-row{ width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; } html body .bte-unified-hero .bte-hero-inner{ margin:0 auto!important; transform:none!important; text-align:center!important; } @media (max-width:1199.98px){ :root{--bte-hero-h:var(--bte-hero-h-tablet);} } @media (max-width:767.98px){ :root{--bte-hero-h:var(--bte-hero-h-mobile);} } @media (max-width:420px){ :root{--bte-hero-h:var(--bte-hero-h-small);} } /* WS13.144 — progressive PLAN → RIDE → COACH navigation. Premium, low-noise journey states. Fixed geometry; no animation or layout shift. */ .bte-header-nav .bte-integrated-nav.bte-journey-nav{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:0!important; flex-wrap:nowrap!important; margin:0!important; padding:0!important; } .bte-header-nav .bte-journey-nav .nav-item{ position:relative!important; display:flex!important; align-items:center!important; flex:0 0 auto!important; margin:0!important; padding:0!important; } .bte-header-nav .bte-journey-nav .nav-item:not(:last-child)::after{ content:""!important; display:block!important; width:56px!important; height:1px!important; margin:0 18px!important; background:rgba(111,166,199,.30)!important; border:0!important; transform:none!important; } .bte-header-nav .bte-journey-nav .nav-item:has(.nav-link.is-complete)::after{ background:linear-gradient(90deg,#2d9fe8 0%,rgba(45,159,232,.42) 100%)!important; } .bte-header-nav .bte-journey-nav .nav-link, .bte-header-nav .bte-journey-nav .service-navigation-link{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; height:54px!important; min-height:54px!important; margin:0!important; padding:0 4px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:rgba(255,255,255,.58)!important; text-decoration:none!important; line-height:1!important; transform:none!important; transition:color .16s ease,border-color .16s ease!important; } .bte-header-nav .bte-journey-nav .bte-stage-index{display:none!important} .bte-header-nav .bte-journey-nav .bte-stage-label{ display:block!important; color:inherit!important; font-size:.92rem!important; font-weight:850!important; line-height:1!important; letter-spacing:.12em!important; white-space:nowrap!important; } .bte-header-nav .bte-journey-nav .nav-link.is-current{ color:#fff!important; background:transparent!important; border:0!important; box-shadow:none!important; } .bte-header-nav .bte-journey-nav .nav-link.is-current::after{ content:""!important; position:absolute!important; left:4px!important; right:4px!important; bottom:3px!important; display:block!important; height:2px!important; border-radius:999px!important; background:#47baf5!important; } .bte-header-nav .bte-journey-nav .nav-link.is-complete{ color:rgba(218,240,255,.82)!important; background:transparent!important; border:0!important; } .bte-header-nav .bte-journey-nav .nav-link.is-complete .bte-stage-label::before{ content:"✓"!important; margin-right:7px!important; color:#47baf5!important; font-size:.72rem!important; vertical-align:.08em!important; } .bte-header-nav .bte-journey-nav .nav-link:hover, .bte-header-nav .bte-journey-nav .nav-link:focus-visible{ color:#fff!important; background:transparent!important; transform:none!important; } .bte-header-nav .bte-journey-nav .nav-link:focus-visible{ outline:2px solid rgba(71,186,245,.9)!important; outline-offset:6px!important; } @media (max-width:1199.98px){ .bte-header-nav .bte-journey-nav .nav-item:not(:last-child)::after{width:38px!important;margin:0 12px!important} .bte-header-nav .bte-journey-nav .bte-stage-label{font-size:.84rem!important} } @media (max-width:767.98px){ .bte-header-nav .bte-integrated-nav.bte-journey-nav{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%!important; gap:8px!important; padding:8px 0 10px!important; } .bte-header-nav .bte-journey-nav .nav-item{display:block!important;width:100%!important} .bte-header-nav .bte-journey-nav .nav-item::after{display:none!important} .bte-header-nav .bte-journey-nav .nav-link, .bte-header-nav .bte-journey-nav .service-navigation-link{ width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; padding:0 4px!important; } .bte-header-nav .bte-journey-nav .bte-stage-label{font-size:.76rem!important;letter-spacing:.09em!important} .bte-header-nav .bte-journey-nav .nav-link.is-current::after{left:18%!important;right:18%!important;bottom:1px!important} } /* WS13.144 — restrained three-stage rider journey navigation */ .bte-header-nav .bte-integrated-nav.bte-journey-nav{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:0!important; margin:0!important; padding:0!important; min-height:54px!important; } .bte-header-nav .bte-journey-nav .nav-item{ position:relative!important; display:flex!important; align-items:center!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; } .bte-header-nav .bte-journey-nav .nav-item:not(:last-child)::after{ content:""!important; display:block!important; width:58px!important; height:1px!important; margin:0 18px!important; background:rgba(184,214,236,.32)!important; border:0!important; transform:none!important; } .bte-header-nav .bte-journey-nav .nav-item:has(.nav-link.is-complete)::after{ background:rgba(71,186,245,.78)!important; } .bte-header-nav .bte-journey-nav .nav-link, .bte-header-nav .bte-journey-nav .service-navigation-link{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:72px!important; height:54px!important; min-height:54px!important; margin:0!important; padding:0 6px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; color:rgba(213,228,240,.58)!important; text-decoration:none!important; transition:none!important; } .bte-header-nav .bte-journey-nav .bte-stage-index{display:none!important} .bte-header-nav .bte-journey-nav .bte-stage-label{ display:block!important; margin:0!important; padding:0!important; color:inherit!important; font-size:.88rem!important; font-weight:800!important; line-height:1!important; letter-spacing:.14em!important; white-space:nowrap!important; } .bte-header-nav .bte-journey-nav .nav-link.is-complete{ color:rgba(207,229,244,.76)!important; } .bte-header-nav .bte-journey-nav .nav-link.is-complete .bte-stage-label::before{ content:""!important; display:inline-block!important; width:5px!important; height:5px!important; margin:0 8px 2px 0!important; border-radius:50%!important; background:#47baf5!important; vertical-align:middle!important; } .bte-header-nav .bte-journey-nav .nav-link.is-current{ color:#fff!important; background:transparent!important; } .bte-header-nav .bte-journey-nav .nav-link.is-current::after{ content:""!important; position:absolute!important; left:6px!important; right:6px!important; bottom:7px!important; width:auto!important; height:2px!important; margin:0!important; border:0!important; border-radius:2px!important; background:#47baf5!important; box-shadow:none!important; transform:none!important; } .bte-header-nav .bte-journey-nav .nav-link:hover, .bte-header-nav .bte-journey-nav .nav-link:focus-visible{ color:#fff!important; background:transparent!important; box-shadow:none!important; transform:none!important; } .bte-header-nav .bte-journey-nav .nav-link:focus-visible{ outline:2px solid rgba(71,186,245,.85)!important; outline-offset:3px!important; } @media (max-width:1199.98px){ .bte-header-nav .bte-journey-nav .nav-item:not(:last-child)::after{width:40px!important;margin:0 12px!important} .bte-header-nav .bte-journey-nav .bte-stage-label{font-size:.82rem!important;letter-spacing:.11em!important} .bte-header-nav .bte-journey-nav .nav-link, .bte-header-nav .bte-journey-nav .service-navigation-link{min-width:64px!important} } @media (max-width:767.98px){ .bte-header-nav .bte-integrated-nav.bte-journey-nav{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%!important; min-height:48px!important; gap:0!important; padding:4px 0 6px!important; } .bte-header-nav .bte-journey-nav .nav-item{ display:block!important; width:100%!important; } .bte-header-nav .bte-journey-nav .nav-item:not(:last-child)::after{ content:""!important; position:absolute!important; top:50%!important; right:-1px!important; width:1px!important; height:18px!important; margin:-9px 0 0!important; background:rgba(184,214,236,.22)!important; } .bte-header-nav .bte-journey-nav .nav-link, .bte-header-nav .bte-journey-nav .service-navigation-link{ width:100%!important; min-width:0!important; height:44px!important; min-height:44px!important; padding:0 4px!important; } .bte-header-nav .bte-journey-nav .bte-stage-label{ font-size:.75rem!important; letter-spacing:.10em!important; } .bte-header-nav .bte-journey-nav .nav-link.is-current::after{ left:24%!important; right:24%!important; bottom:3px!important; } .bte-header-nav .bte-journey-nav .nav-link.is-complete .bte-stage-label::before{ width:4px!important;height:4px!important;margin-right:6px!important } } /* WS13.144 UX HARDENING — canonical bundle, no new stylesheet layer */ :root{--bte-space-1:8px;--bte-space-2:16px;--bte-space-3:24px;--bte-space-4:36px;--bte-space-5:52px;--bte-radius:12px} body{font-synthesis-weight:none;text-rendering:optimizeLegibility} .bte-section-kicker,.bte-panel-label{letter-spacing:.12em;font-weight:850} .service-button,.service-white-button,.btn{border-radius:8px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important} .service-button:focus-visible,.service-white-button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid rgba(69,189,248,.42);outline-offset:3px} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* WS13.144 — canonical uniform hero geometry contract */ html body .bte-unified-hero{height:420px!important;min-height:420px!important;max-height:420px!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important} html body .bte-unified-hero>.bte-hero-native-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important;margin:0!important;transform:none!important} html body .bte-unified-hero>.bte-hero-container,html body .bte-unified-hero .bte-hero-row{height:100%!important;min-height:420px!important;display:flex!important;align-items:center!important;justify-content:center!important} html body .bte-unified-hero .bte-hero-inner{position:static!important;transform:none!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important} @media(max-width:991.98px){html body .bte-unified-hero{height:360px!important;min-height:360px!important;max-height:360px!important}html body .bte-unified-hero>.bte-hero-container,html body .bte-unified-hero .bte-hero-row{min-height:360px!important}} @media(max-width:767.98px){html body .bte-unified-hero{height:310px!important;min-height:310px!important;max-height:310px!important}html body .bte-unified-hero>.bte-hero-container,html body .bte-unified-hero .bte-hero-row{min-height:310px!important}} @media(max-width:575.98px){html body .bte-unified-hero{height:280px!important;min-height:280px!important;max-height:280px!important}html body .bte-unified-hero>.bte-hero-container,html body .bte-unified-hero .bte-hero-row{min-height:280px!important}} /* /ride/assets/css/bte-utility-legacy-ux99.css */ /* BTE V3.0 — consolidated retained utility presentation. */ /* --- bte-hero-v142.css --- */ /* WS13.144 — canonical journey/support hero geometry matched to homepage hero. Authoritative frame contract: desktop 640 / tablet 540 / mobile 440 / small 400. Loaded last on standard image-hero pages so legacy page CSS cannot resize the frame. */ :root{ --bte-shared-hero-height:640px; } html body #bte-site-hero.bte-unified-hero{ box-sizing:border-box!important; position:relative!important; display:flex!important; align-items:center!important; width:100%!important; height:var(--bte-shared-hero-height)!important; min-height:var(--bte-shared-hero-height)!important; max-height:var(--bte-shared-hero-height)!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #bte-site-hero.bte-unified-hero > .bte-hero-native-img{ box-sizing:border-box!important; position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:cover!important; object-position:50% 50%!important; transform:none!important; } /* Plan: preserve the common frame; only bias the crop upward in the source image so the rider's head remains visible. */ html body[data-page="plan"] #bte-site-hero.bte-unified-hero > .bte-hero-native-img{ object-position:50% 35%!important; } html body #bte-site-hero.bte-unified-hero > .bte-hero-native-overlay{ position:absolute!important; inset:0!important; } html body #bte-site-hero.bte-unified-hero > .bte-hero-container, html body #bte-site-hero.bte-unified-hero .bte-hero-row{ box-sizing:border-box!important; width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; margin-top:0!important; margin-bottom:0!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body #bte-site-hero.bte-unified-hero .bte-hero-inner{ position:static!important; margin-top:0!important; margin-bottom:0!important; transform:none!important; text-align:center!important; } @media (max-width:1199.98px){ :root{--bte-shared-hero-height:540px;} } @media (max-width:767.98px){ :root{--bte-shared-hero-height:440px;} } @media (max-width:420px){ :root{--bte-shared-hero-height:400px;} } /* --- bte-mobile-v143.css --- */ /* Big Air Coach WS13.170 — mobile responsiveness hardening. Mobile-only; hero geometry intentionally untouched. */ @media (max-width: 767.98px) { /* Keep flexible layout children from forcing their parents wider than the viewport. */ .container, .container-fluid, .row, [class*="col-"] { min-width: 0; } img, video { max-width: 100%; } /* Finger-friendly interactive controls without changing desktop geometry. */ button, .btn, input, select, textarea { min-height: 44px !important; } .ui-navbar-toggler, .navbar-toggler { min-width: 44px; min-height: 44px; } .bte-account-home { min-height: 44px !important; display: inline-flex !important; align-items: center; } .service-footer-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 6px; } /* Progress charts remain detailed but are deliberately contained and swipeable. */ .bte-progress-chart-shell { max-width: 100%; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; scrollbar-width: thin; } .bte-progress-chart { min-width: 640px !important; } /* Legacy Blocs scroll control must be a normal mobile floating button, not viewport-wide. */ .scrollToTop { position: fixed !important; left: auto !important; right: max(16px, env(safe-area-inset-right)) !important; bottom: max(16px, env(safe-area-inset-bottom)) !important; width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; padding: 0 !important; border-radius: 50% !important; align-items: center; justify-content: center; z-index: 1200; } /* Performance-report mobile menu was below comfortable tap height. */ .bte-menu-label { line-height: 1.2; } .bte-chart-nav-btn, .bte-chart-nav-fit, .bte-session-action-select, .bte-session-action-button, .bte-session-actions button { min-height: 44px !important; } /* Prevent iOS form zoom and keep labels/values readable on small screens. */ input, select, textarea { font-size: 16px; max-width: 100%; } } @media (max-width: 390px) { .bte-progress-chart { min-width: 600px !important; } } /* --- bte-progressive-nav.css --- */ /* BTE Coach WS13.170 · progressive journey navigation */ .bte-progressive-header{background:#071119!important;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:1030} .bte-progressive-header-inner{min-height:104px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(520px,760px) minmax(150px,1fr);align-items:center;gap:24px;padding:14px clamp(18px,3vw,48px)} .bte-progressive-brand{justify-self:start;display:inline-flex;align-items:center;min-width:0} .bte-progressive-brand .bte-brand-logo-img{display:block;max-width:210px;width:100%;height:auto} .bte-flow-nav{justify-self:center;width:100%;display:grid;grid-template-columns:auto minmax(30px,1fr) auto minmax(30px,1fr) auto;align-items:center;gap:14px} .bte-flow-step{min-width:0;display:grid;grid-template-columns:34px auto;align-items:center;gap:10px;text-decoration:none!important;color:#8f9aa3!important;padding:10px 6px;border-radius:12px;transition:background .18s ease,color .18s ease,transform .18s ease} .bte-flow-step:hover,.bte-flow-step:focus-visible{background:rgba(255,255,255,.055);color:#fff!important;outline:none} .bte-flow-node{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #53616b;color:#9aa5ad;font-size:13px;font-weight:800;letter-spacing:0;background:#0a141c;transition:.18s ease} .bte-flow-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0} .bte-flow-copy strong{font-size:16px;letter-spacing:.18em;font-weight:800;white-space:nowrap} .bte-flow-copy small{font-size:10px;line-height:1.2;letter-spacing:.02em;text-transform:none;color:#71808a;margin-top:5px;white-space:nowrap} .bte-flow-connector{display:block;height:1px;background:#42505a;position:relative;overflow:visible} .bte-flow-connector:after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid #42505a;border-top:3px solid transparent;border-bottom:3px solid transparent} .bte-flow-step.is-complete{color:#b9c5cc!important} .bte-flow-step.is-complete .bte-flow-node{border-color:#32b8f2;background:rgba(50,184,242,.12);color:#59c8f7} .bte-flow-step.is-current{color:#fff!important;background:rgba(255,255,255,.035)} .bte-flow-step.is-current .bte-flow-node{background:#29b6ef;color:#061019;border-color:#29b6ef;box-shadow:0 0 0 4px rgba(41,182,239,.10)} .bte-flow-step.is-current .bte-flow-copy small{color:#a9b7bf} .bte-flow-step.is-next{opacity:.72} .bte-flow-step.is-complete + .bte-flow-connector,.bte-flow-connector:has(+ .bte-flow-step.is-current){background:#32b8f2} .bte-flow-step.is-complete + .bte-flow-connector:after,.bte-flow-connector:has(+ .bte-flow-step.is-current):after{border-left-color:#32b8f2} .bte-utility-menu{justify-self:end} .bte-utility-menu-button{border:1px solid rgba(255,255,255,.18);background:#101b23;color:#fff;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:999px;font-size:12px;letter-spacing:.13em;font-weight:800;box-shadow:none} .bte-utility-menu-button:hover,.bte-utility-menu-button:focus{background:#16242e;border-color:#38bdf8;color:#fff;outline:none} .bte-utility-menu-button.dropdown-toggle:after{display:none} .bte-utility-menu-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} .bte-utility-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:1100;min-width:220px;background:#101a22;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.35)} .bte-utility-dropdown .dropdown-item{color:#dbe4e9;border-radius:9px;padding:11px 12px;font-size:13px;font-weight:700;letter-spacing:.03em;display:flex;justify-content:space-between;gap:12px} .bte-utility-dropdown .dropdown-item:hover,.bte-utility-dropdown .dropdown-item:focus{background:#192832;color:#fff} .bte-utility-dropdown .dropdown-item.active{background:rgba(41,182,239,.14);color:#5bc9f6} .bte-utility-dropdown .dropdown-divider{border-color:rgba(255,255,255,.10);margin:6px 4px} @media(max-width:991.98px){.bte-progressive-header-inner{grid-template-columns:120px 1fr auto;gap:12px;padding:12px 16px}.bte-progressive-brand .bte-brand-logo-img{max-width:120px}.bte-flow-nav{gap:7px;grid-template-columns:auto minmax(12px,1fr) auto minmax(12px,1fr) auto}.bte-flow-step{grid-template-columns:28px auto;gap:6px;padding:8px 2px}.bte-flow-node{width:28px;height:28px}.bte-flow-copy strong{font-size:12px;letter-spacing:.12em}.bte-flow-copy small{display:none}.bte-utility-menu-button{width:44px;min-height:44px;padding:0;justify-content:center}.bte-utility-menu-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bte-utility-menu-button svg{width:18px;height:18px}} @media(max-width:575.98px){.bte-progressive-header-inner{grid-template-columns:42px 1fr 42px;gap:8px;min-height:84px;padding:10px 10px}.bte-progressive-brand{width:42px;height:42px;overflow:hidden}.bte-progressive-brand .bte-brand-logo-img{height:42px;width:auto;max-width:none;object-fit:contain;object-position:left}.bte-flow-nav{gap:4px;grid-template-columns:auto 1fr auto 1fr auto}.bte-flow-step{display:flex;flex-direction:column;gap:4px;padding:4px 1px}.bte-flow-node{width:26px;height:26px;font-size:11px}.bte-flow-copy strong{font-size:10px;letter-spacing:.08em}.bte-flow-connector{min-width:9px}.bte-utility-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;transform:none!important;margin-top:8px!important;min-width:0}} .bte-utility-menu.is-open .bte-utility-dropdown{display:block} /* WS13.170 · menu must overlay the weather rail */ .bte-progressive-header{z-index:1400!important;overflow:visible!important} .bte-progressive-header-inner,.bte-utility-menu{overflow:visible!important} .bte-utility-menu{position:relative;z-index:1450} .bte-utility-dropdown{z-index:1500!important} /* WS13.189 · persistent journey navigation */ .bte-progressive-header{ position:sticky!important; top:0; z-index:1400!important; width:100%; box-shadow:0 8px 22px rgba(0,0,0,.16); } @supports (backdrop-filter: blur(10px)){ .bte-progressive-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} } /* Keep in-page anchors visible below the persistent masthead. */ html{scroll-padding-top:118px} @media(max-width:575.98px){html{scroll-padding-top:96px}} /* WS13.189 · persistent navigation containment repair Blocs sets .page-container{overflow:hidden}, which prevents a descendant position:sticky masthead from tracking the viewport. Horizontal clipping remains on body; the page container must stay visible on the scroll axis. */ .page-container{overflow:visible!important;} .bte-progressive-header{ position:-webkit-sticky!important; position:sticky!important; top:0!important; z-index:1400!important; } /* V1.2.5 · three-step journey alignment + cache-safe release */ .bte-flow-nav{max-width:760px;margin-inline:auto} /* V1.2.6 · desktop header geometry correction Centre the journey in the usable space between the wide brand and compact menu, rather than centring it on the viewport with equal 1fr side columns. */ @media(min-width:992px){ .bte-progressive-header-inner{ grid-template-columns:minmax(300px,360px) minmax(520px,760px) minmax(130px,160px)!important; justify-content:space-between!important; column-gap:clamp(28px,3.2vw,72px)!important; } .bte-flow-nav{ justify-self:center!important; width:100%!important; max-width:760px!important; margin-inline:0!important; } } /* V1.2.8 — header geometry only; shell sizing is owned by bte-experience-v185.css */ @media(min-width:992px){ .bte-progressive-header-inner{ grid-template-columns:minmax(300px,360px) minmax(620px,760px) minmax(130px,160px)!important; justify-content:space-between!important; column-gap:clamp(28px,3.2vw,72px)!important; } } /* --- bte-polish-97.css --- */ /* WS13.189 · 97+ refinement pass — visual convergence, hierarchy and accessibility */ :root{--bte-content:1180px;--bte-reading:920px;--bte-radius:18px;--bte-shadow:0 18px 50px rgba(7,31,54,.08)} html{scroll-behavior:smooth} body{letter-spacing:.002em} main,.page-container>section.bloc{scroll-margin-top:112px} .bte-page-title{font-size:clamp(2rem,3.1vw,3.25rem);line-height:1.02;letter-spacing:-.035em;margin:.2rem 0 .6rem;font-weight:800} .bte-page-deck{max-width:760px;font-size:1.05rem;line-height:1.65;color:#587086;margin:0} .bte-page-intro{max-width:var(--bte-content);margin:0 auto 1.5rem;padding:1.4rem 1.5rem 0} .bte-section-kicker,.bte-card-kicker{letter-spacing:.115em} .bte-overall-coach,.bte-session-timeline,.bte-context-card,.bte-geometry-card,.bte-path-card,.bte-literature-card,.bte-report-gotcha,.lab-card{border-radius:var(--bte-radius)!important} .bte-overall-coach{box-shadow:var(--bte-shadow)} .bte-overall-coach-grid article{min-height:132px} .bte-overall-coach-grid article span{letter-spacing:.08em;font-size:.72rem} .bte-overall-coach-grid article strong{line-height:1.45} .bte-overall-coach-grid article.is-action{outline:2px solid rgba(0,128,201,.14);outline-offset:-2px} .bte-next-loop{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.1rem;border-radius:14px;background:rgba(4,36,64,.045);border:1px solid rgba(4,36,64,.09)} .bte-next-loop strong{display:block;font-size:.88rem;letter-spacing:.055em;text-transform:uppercase}.bte-next-loop small{display:block;color:#667b8f;margin-top:.2rem} .bte-footer-secondary{display:none!important} footer .col-lg-8{width:100%;max-width:100%;flex:0 0 100%} a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(39,145,214,.38)!important;outline-offset:3px!important} @media(max-width:767px){.bte-page-intro{padding:1rem 1rem 0}.bte-page-title{font-size:2rem}.bte-next-loop{align-items:flex-start;flex-direction:column}.bte-overall-coach-grid article{min-height:0}} /* --- bte-footer-v177.css --- */ /* WS13.189 — premium footer + Performance Report context descaling */ .bte-report-context-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin:0 0 24px;padding:18px 20px;border:1px solid rgba(17,24,39,.10);border-radius:16px;background:rgba(255,255,255,.72)} .bte-report-context-strip .bte-envelope-controls{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .bte-report-context-strip .bte-envelope-picker small{display:block;margin-top:6px;line-height:1.4} .bte-report-context-strip .bte-target-badge{margin:0;min-width:150px;align-self:stretch;display:flex;flex-direction:column;justify-content:center} .bte-premium-footer{position:relative;background:#070b12!important;color:#fff;border-top:1px solid rgba(255,255,255,.08)} .bte-premium-footer-inner{padding-top:52px!important;padding-bottom:24px!important} .bte-premium-footer-grid{display:grid;grid-template-columns:minmax(280px,1.65fr) repeat(3,minmax(125px,.72fr));gap:48px;align-items:start} .bte-footer-brand-panel{max-width:430px} .bte-premium-footer .bte-footer-logo-img{display:block;width:min(100%,285px);height:auto;object-fit:contain;margin:0 0 18px} .bte-premium-footer .bte-footer-brand{display:inline-flex;align-items:center;text-decoration:none} .bte-footer-manifesto{max-width:390px;margin:0;color:rgba(255,255,255,.64)!important;font-size:14px;line-height:1.65} .bte-footer-nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:11px} .bte-footer-nav-group strong{margin-bottom:4px;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.18em;font-weight:800} .bte-footer-nav-group a{color:rgba(255,255,255,.80)!important;text-decoration:none;font-size:14px;line-height:1.35;transition:color .16s ease,transform .16s ease} .bte-footer-nav-group a:hover,.bte-footer-nav-group a:focus-visible{color:#fff!important;transform:translateX(2px)} .bte-premium-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:19px;border-top:1px solid rgba(255,255,255,.09);font-size:11px;letter-spacing:.035em;color:rgba(255,255,255,.42)} .bte-premium-footer-bottom>div{display:flex;align-items:center;gap:10px} .bte-premium-footer-bottom a{color:rgba(255,255,255,.58)!important;text-decoration:none} .bte-premium-footer-bottom a:hover,.bte-premium-footer-bottom a:focus-visible{color:#fff!important} .bte-premium-footer .bte-build-version{margin:0;color:rgba(255,255,255,.38)!important;font-size:11px} @media(max-width:980px){.bte-premium-footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:34px}.bte-footer-brand-panel{grid-column:1/-1;max-width:600px}.bte-premium-footer .bte-footer-logo-img{width:250px}} @media(max-width:700px){.bte-report-context-strip{grid-template-columns:1fr;gap:16px}.bte-report-context-strip .bte-envelope-controls{grid-template-columns:1fr}.bte-report-context-strip .bte-target-badge{min-width:0}.bte-premium-footer-inner{padding-top:38px!important}.bte-premium-footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.bte-footer-brand-panel{grid-column:1/-1}.bte-premium-footer-bottom{align-items:flex-start;flex-direction:column;margin-top:34px}.bte-premium-footer-bottom>div{flex-wrap:wrap}.bte-premium-footer .bte-footer-logo-img{width:230px}} @media(max-width:420px){.bte-premium-footer-grid{grid-template-columns:1fr}.bte-footer-brand-panel{grid-column:auto}.bte-footer-nav-group{padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}} /* --- bte-spacing-v180.css --- */ /* WS13.189 — spacing convergence One shared rhythm across Experience, Evidence and Admin surfaces. This stylesheet deliberately overrides accumulated page-level spacing without changing IA or content. */ :root{ --bte-s1:4px; --bte-s2:8px; --bte-s3:12px; --bte-s4:16px; --bte-s5:24px; --bte-s6:32px; --bte-s7:48px; --bte-s8:64px; --bte-s9:96px; --bte-page-gutter:clamp(16px,3vw,32px); } /* Persistent masthead: compact enough to stay useful while scrolling. */ .bte-progressive-header-inner{ min-height:88px!important; gap:var(--bte-s4)!important; padding:10px clamp(16px,2.5vw,36px)!important; } .bte-flow-nav{gap:var(--bte-s3)!important} .bte-flow-step{padding:8px 5px!important;gap:8px!important} html{scroll-padding-top:102px!important} main,.page-container>section.bloc{scroll-margin-top:102px!important} /* Shared page intro and title rhythm. */ .bte-page-intro{ margin:0 auto var(--bte-s6)!important; padding:var(--bte-s6) var(--bte-page-gutter) 0!important; } .bte-page-title{margin:var(--bte-s1) 0 var(--bte-s3)!important} .bte-page-deck{margin:0!important} .bte-section-kicker,.bte-card-kicker{margin-bottom:var(--bte-s2)} /* Bootstrap/Blocs section convergence. Experience pages stay open without dead space. */ body:not([data-page="admin"]):not([data-page="admin-analysis"]) .container.bloc-lg{ padding-top:var(--bte-s8)!important; padding-bottom:var(--bte-s8)!important; } body:not([data-page="admin"]):not([data-page="admin-analysis"]) .container.bloc-md{ padding-top:var(--bte-s7)!important; padding-bottom:var(--bte-s7)!important; } body:not([data-page="admin"]):not([data-page="admin-analysis"]) .container.bloc-sm{ padding-top:var(--bte-s5)!important; padding-bottom:var(--bte-s5)!important; } /* Evidence pages: keep charts, conclusions and captions visually connected. */ body[data-page="progression"] .container.bloc-lg, body[data-page="coach"] .container.bloc-lg, body[data-page="performance-report"] .container.bloc-lg{ padding-top:var(--bte-s7)!important; padding-bottom:var(--bte-s7)!important; } .bte-dashboard-panel,.bte-progress-chart-shell,.bte-historical-intro, .bte-radar-card,.bte-summary-card,.bte-path-card,.bte-context-card,.bte-geometry-card, .bte-session-timeline,.bte-overall-coach,.bte-prune-disclosure{ margin-top:var(--bte-s5)!important; margin-bottom:var(--bte-s5)!important; } .bte-overall-coach{padding:var(--bte-s5)!important} .bte-overall-coach-grid{gap:var(--bte-s3)!important;margin-top:var(--bte-s4)!important} .bte-overall-coach-grid article{padding:var(--bte-s4)!important} .bte-overall-coach-links{margin-top:var(--bte-s4)!important;gap:var(--bte-s3)!important} .bte-report-context-strip{gap:var(--bte-s5)!important;margin-bottom:var(--bte-s5)!important;padding:var(--bte-s4) var(--bte-s5)!important} .bte-report-context-strip .bte-envelope-controls{gap:var(--bte-s3)!important} .bte-prune-orientation{margin:var(--bte-s5) 0 var(--bte-s3)!important;padding-top:var(--bte-s4)!important} .bte-prune-disclosure{margin-top:var(--bte-s5)!important} .bte-prune-disclosure>summary{padding:var(--bte-s4) var(--bte-s5)!important;gap:var(--bte-s4)!important} .bte-prune-deep-dive>.bte-metric-targets{padding:var(--bte-s5)!important} .bte-report-gotcha{margin-top:var(--bte-s5)!important;padding:var(--bte-s5)!important} .bte-report-actions{margin-top:var(--bte-s5)!important;gap:var(--bte-s3)!important} .bte-radar-card,.bte-summary-card,.bte-path-card{padding:var(--bte-s5)!important} .bte-radar-card h3,.bte-summary-card h3{margin:var(--bte-s2) 0 var(--bte-s2)!important} .bte-confidence{margin-top:var(--bte-s4)!important;padding:var(--bte-s3) var(--bte-s4)!important} .bte-target-grid,.bte-path-grid{gap:var(--bte-s3)!important} .bte-target-card{padding:var(--bte-s4)!important} .bte-metric-targets,.bte-path-card{margin-top:var(--bte-s6)!important} /* Ride / Plan forms: separate fields from logical groups, not from each other. */ .bte-planner-group,.bte-data-card,.bte-onboarding-card{padding:var(--bte-s5)!important} .bte-planner-group + .bte-planner-group, .bte-onboarding-card + .bte-onboarding-card{margin-top:var(--bte-s5)!important} .bte-section-title{margin-bottom:var(--bte-s3)!important} .bte-section-copy{margin-bottom:var(--bte-s5)!important} .bte-form-note,.form-text{margin-top:var(--bte-s2)!important} /* Admin is a working surface: compact, controlled density. */ body[data-page="admin"] .container.bloc-lg, body[data-page="admin-analysis"] .container.bloc-lg, body[data-page="admin"] .container.bloc-md, body[data-page="admin-analysis"] .container.bloc-md{ padding-top:var(--bte-s6)!important; padding-bottom:var(--bte-s6)!important; } body[data-page="admin"] .bte-admin-console-card, body[data-page="admin"] .bte-data-card, body[data-page="admin-analysis"] .lab-card{ padding:var(--bte-s4)!important; } body[data-page="admin-analysis"] .lab-card, body[data-page="admin"] .bte-admin-console-card{margin-bottom:var(--bte-s4)!important} body[data-page="admin-analysis"] .lab-controls{gap:var(--bte-s3)!important} body[data-page="admin-analysis"] .lab-sub{margin-top:var(--bte-s3)!important} /* Premium footer: balanced, lower visual weight. */ .bte-premium-footer-inner{padding-top:44px!important;padding-bottom:24px!important} .bte-premium-footer-grid{gap:40px!important} .bte-premium-footer .bte-footer-logo-img{margin-bottom:var(--bte-s4)!important} .bte-footer-nav-group{gap:10px!important} .bte-footer-nav-group strong{margin-bottom:var(--bte-s1)!important} .bte-premium-footer-bottom{margin-top:var(--bte-s6)!important;padding-top:var(--bte-s4)!important;gap:var(--bte-s5)!important} /* Mobile: one gutter and one section rhythm. */ @media(max-width:991.98px){ .bte-progressive-header-inner{min-height:82px!important;padding:9px 16px!important;gap:10px!important} html{scroll-padding-top:94px!important} main,.page-container>section.bloc{scroll-margin-top:94px!important} body:not([data-page="admin"]):not([data-page="admin-analysis"]) .container.bloc-lg{padding-top:var(--bte-s7)!important;padding-bottom:var(--bte-s7)!important} } @media(max-width:575.98px){ :root{--bte-page-gutter:16px} .bte-progressive-header-inner{min-height:76px!important;padding:8px 10px!important} html{scroll-padding-top:88px!important} main,.page-container>section.bloc{scroll-margin-top:88px!important} .bte-page-intro{padding-top:var(--bte-s5)!important;margin-bottom:var(--bte-s5)!important} body:not([data-page="admin"]):not([data-page="admin-analysis"]) .container.bloc-lg, body:not([data-page="admin"]):not([data-page="admin-analysis"]) .container.bloc-md{ padding-top:40px!important;padding-bottom:40px!important; } .bte-radar-card,.bte-summary-card,.bte-path-card,.bte-overall-coach,.bte-session-timeline, .bte-planner-group,.bte-data-card,.bte-onboarding-card{padding:var(--bte-s4)!important} .bte-premium-footer-inner{padding-top:36px!important;padding-bottom:20px!important} .bte-premium-footer-grid{gap:var(--bte-s5) var(--bte-s4)!important} .bte-premium-footer-bottom{margin-top:var(--bte-s5)!important} } /* --- bte-responsive-v184.css --- */ /* BTE Coach WS13.193 · Responsive Convergence Desktop, fold/tablet and phone layouts are deliberately distinct. No coaching/data logic changes. */ :root{ --bte-content-max:1400px; --bte-reading-max:820px; --bte-fold-gutter:20px; --bte-mobile-gutter:16px; } /* Desktop: keep long lines and wide surfaces controlled on large displays. */ @media (min-width:1200px){ .page-container>.bloc>.container, .page-container>section>.container{max-width:var(--bte-content-max);} .bte-page-deck,.bte-section-copy,.bte-card-note{max-width:var(--bte-reading-max);} .bte-report-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);} } /* Universal responsive hygiene. */ html,body{max-width:100%;} body{overflow-x:hidden;} .page-container{max-width:100%;} img,video,svg,canvas{max-width:100%;} pre,code{overflow-wrap:anywhere;} .bte-table-scroll,.table-responsive,.report-table-wrap,.lab-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;} .bte-table-scroll table,.table-responsive table,.report-table-wrap table,.lab-table-wrap table{min-width:680px;} .bte-jump-table{min-width:720px;} .bte-page-title,.bte-unified-hero h1,.bte-home-hero-copy h1{overflow-wrap:break-word;text-wrap:balance;} .bte-page-deck,.bte-section-copy,.bte-card-note,p{overflow-wrap:break-word;} /* Fold / tablet: use the wider canvas, but stop pretending it is desktop. */ @media (min-width:768px) and (max-width:1199.98px){ .page-container>.bloc>.container, .page-container>section>.container{max-width:none!important;padding-left:var(--bte-fold-gutter)!important;padding-right:var(--bte-fold-gutter)!important;} /* Two-level persistent masthead: brand/utilities first row, journey second row. */ .bte-progressive-header-inner{ min-height:118px!important; grid-template-columns:minmax(150px,1fr) auto!important; grid-template-rows:auto auto!important; column-gap:16px!important;row-gap:6px!important; padding:10px var(--bte-fold-gutter)!important; } .bte-progressive-brand{grid-column:1;grid-row:1;} .bte-progressive-brand .bte-brand-logo-img{max-width:180px!important;} .bte-utility-menu{grid-column:2;grid-row:1;align-self:center;} .bte-utility-menu-button{width:auto!important;min-width:92px!important;padding:0 14px!important;} .bte-utility-menu-button span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;} .bte-flow-nav{grid-column:1/-1;grid-row:2;max-width:620px;margin:0 auto;gap:10px!important;} .bte-flow-step{grid-template-columns:30px auto!important;gap:7px!important;padding:6px 4px!important;} .bte-flow-node{width:30px!important;height:30px!important;} .bte-flow-copy strong{font-size:12px!important;} .bte-flow-copy small{display:block!important;font-size:9px!important;margin-top:3px!important;} html{scroll-padding-top:132px!important;} main,.page-container>section.bloc{scroll-margin-top:132px!important;} /* Fold layouts: 2-up rather than cramped 3/4-up. */ .bte-target-grid,.bte-context-grid,.bte-signal-grid,.bte-literature-grid, .bte-overall-coach-grid,.bte-ready-grid,.bte-output-grid,.bte-quality-grid, .bte-admin-console-grid,.bte-account-security-grid,.bte-account-form-grid, .signature-grid,.corr-grid,.lab-grid,.bte-comparison-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .bte-report-grid{grid-template-columns:1fr!important;} .bte-radar-wrap{min-height:360px!important;} .bte-radar-wrap svg{max-width:560px!important;} .bte-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .bte-premium-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .bte-footer-brand-panel{grid-column:1/-1!important;max-width:640px!important;} /* Actions should wrap, not squeeze. */ .bte-plan-actions,.bte-report-actions,.bte-clean-actions,.bte-backfill-actions, .bte-recovery-actions,.bte-destructive-actions,.lab-actions,.bte-account-actions{flex-wrap:wrap!important;gap:12px!important;} } /* Phones / folded outer displays. */ @media (max-width:767.98px){ :root{--bte-page-gutter:var(--bte-mobile-gutter)!important;} .page-container>.bloc>.container, .page-container>section>.container, .service-navigation-header>.container{max-width:none!important;padding-left:var(--bte-mobile-gutter)!important;padding-right:var(--bte-mobile-gutter)!important;} /* Keep the sticky journey useful but visually quiet. */ .bte-progressive-header-inner{min-height:70px!important;grid-template-columns:40px 1fr 40px!important;gap:6px!important;padding:7px 10px!important;} .bte-progressive-brand{width:40px!important;height:40px!important;} .bte-progressive-brand .bte-brand-logo-img{height:40px!important;} .bte-flow-nav{gap:3px!important;} .bte-flow-step{gap:3px!important;padding:2px 0!important;} .bte-flow-node{width:24px!important;height:24px!important;font-size:10px!important;} .bte-flow-copy strong{font-size:9px!important;letter-spacing:.06em!important;} .bte-flow-connector{min-width:6px!important;} .bte-utility-menu-button{width:40px!important;min-width:40px!important;min-height:40px!important;} html{scroll-padding-top:82px!important;} main,.page-container>section.bloc{scroll-margin-top:82px!important;} /* Typography and vertical density. */ .bte-page-title{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.02!important;} .bte-page-deck{font-size:1rem!important;line-height:1.55!important;} h2{line-height:1.08;} .bloc-lg{padding-top:34px!important;padding-bottom:34px!important;} .bloc-md{padding-top:26px!important;padding-bottom:26px!important;} .bloc-sm{padding-top:18px!important;padding-bottom:18px!important;} /* One-column reading flow: no dense dashboard mosaics on a phone. */ .bte-target-grid,.bte-path-grid,.bte-context-grid,.bte-signal-grid,.bte-literature-grid, .bte-overall-coach-grid,.bte-ready-grid,.bte-output-grid,.bte-quality-grid, .bte-admin-console-grid,.bte-account-security-grid,.bte-account-form-grid, .signature-grid,.corr-grid,.lab-grid,.bte-comparison-cards,.bte-report-grid, .bte-result-grid,.bte-history-choice-grid,.bte-historical-position-grid{grid-template-columns:1fr!important;} .bte-radar-card,.bte-summary-card,.bte-path-card,.bte-context-card,.bte-geometry-card, .bte-literature-card,.bte-session-timeline,.bte-overall-coach,.bte-data-card,.bte-onboarding-card, .bte-admin-console-card,.lab-card,.bte-account-card,.bte-recommendation-card,.bte-plan-context-card{ padding:16px!important;border-radius:12px!important; } .bte-radar-wrap{min-height:0!important;display:block!important;overflow-x:auto!important;padding-bottom:8px;} .bte-radar-wrap svg{min-width:520px!important;width:520px!important;max-width:none!important;} .bte-timeline-chart{min-height:220px!important;} .bte-timeline-chart svg{min-width:640px!important;} /* Forms: labels and controls stack cleanly. */ .form-row,.bte-form-row,.metric-row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;} input,select,textarea,.form-control,.form-select{width:100%!important;max-width:100%!important;} /* Actions become reliable thumb targets. */ .bte-plan-actions,.bte-report-actions,.bte-clean-actions,.bte-backfill-actions, .bte-recovery-actions,.bte-destructive-actions,.lab-actions,.bte-account-actions, .bte-onboarding-actions,.bte-coach-route-actions,.bte-lookback-actions{ display:grid!important;grid-template-columns:1fr!important;gap:10px!important; } .bte-plan-actions .btn,.bte-report-actions .btn,.bte-clean-actions .btn,.bte-backfill-actions .btn, .bte-recovery-actions .btn,.bte-destructive-actions .btn,.lab-actions .btn,.bte-account-actions .btn, .bte-onboarding-actions .btn,.bte-coach-route-actions .btn,.bte-lookback-actions .btn{width:100%!important;margin:0!important;} /* Horizontal data is allowed to scroll rather than crush. */ .bte-table-scroll,.table-responsive,.report-table-wrap,.lab-table-wrap{margin-left:0!important;margin-right:0!important;border-radius:10px;} .bte-table-scroll table,.table-responsive table,.report-table-wrap table,.lab-table-wrap table,.bte-jump-table{min-width:640px!important;} /* Footer: simple vertical hierarchy on mobile. */ .bte-premium-footer-grid{grid-template-columns:1fr!important;gap:20px!important;} .bte-footer-brand-panel{grid-column:auto!important;} .bte-footer-nav-group{padding-top:14px!important;border-top:1px solid rgba(255,255,255,.07)!important;} .bte-premium-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;} } /* Very narrow phones: remove remaining decorative bulk. */ @media (max-width:420px){ .bte-page-title{font-size:clamp(1.85rem,10vw,2.55rem)!important;} .bte-unified-hero{height:250px!important;min-height:250px!important;max-height:250px!important;} .bte-unified-hero>.bte-hero-container,.bte-unified-hero .bte-hero-row{min-height:250px!important;} .bte-flow-copy strong{font-size:8px!important;} .bte-radar-wrap svg{min-width:480px!important;width:480px!important;} } /* Fold posture / short landscape: save vertical space and preserve controls. */ @media (max-height:620px) and (orientation:landscape) and (max-width:1100px){ .bte-progressive-header-inner{min-height:64px!important;grid-template-columns:110px 1fr 44px!important;grid-template-rows:1fr!important;padding:6px 12px!important;} .bte-progressive-brand{grid-column:1!important;grid-row:1!important;} .bte-progressive-brand .bte-brand-logo-img{max-width:110px!important;} .bte-flow-nav{grid-column:2!important;grid-row:1!important;max-width:none!important;} .bte-flow-copy small{display:none!important;} .bte-utility-menu{grid-column:3!important;grid-row:1!important;} .bte-utility-menu-button{width:40px!important;min-width:40px!important;padding:0!important;} .bte-utility-menu-button span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;} html{scroll-padding-top:76px!important;} } @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}} /* --- bte-experience-v185.css --- */ /* BTE Coach WS13.193 · Visual Experience Convergence Purpose: premium sports-tech presentation, calmer hierarchy, cleaner mobile navigation. Product/data logic unchanged. */ :root{ --bte-navy-950:#06131d; --bte-navy-900:#0a1b27; --bte-navy-800:#102b3b; --bte-ink:#13283a; --bte-ink-soft:#41586b; --bte-muted:#6f8292; --bte-blue:#149fe6; --bte-blue-strong:#087fc0; --bte-cyan:#55c9f7; --bte-teal:#20bfa0; --bte-sky:#eaf7ff; --bte-surface:#ffffff; --bte-surface-soft:#f5f9fc; --bte-surface-blue:#eef8ff; --bte-line:#dce7ef; --bte-line-strong:#c7d7e2; --bte-good:#16875a; --bte-warn:#b7791f; --bte-danger:#b42318; --bte-radius-sm:12px; --bte-radius:18px; --bte-radius-lg:24px; --bte-shadow-sm:0 8px 24px rgba(10,43,59,.06); --bte-shadow:0 18px 52px rgba(10,43,59,.09); } html{background:var(--bte-surface-soft)} body{background:linear-gradient(180deg,#fff 0,#fbfdff 44%,#f5f9fc 100%);color:var(--bte-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} main{position:relative} main:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(20,159,230,.22),transparent);pointer-events:none} /* === Masthead / journey navigation === */ .bte-progressive-header{ background:rgba(6,19,29,.96)!important; border-bottom:1px solid rgba(255,255,255,.07)!important; box-shadow:0 10px 34px rgba(2,13,21,.16)!important; } .bte-progressive-header-inner{min-height:88px!important;padding-top:10px!important;padding-bottom:10px!important} .bte-progressive-brand .bte-brand-logo-img{max-width:188px!important} .bte-flow-nav{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; padding:5px!important; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(255,255,255,.035); max-width:680px; } .bte-flow-connector{display:none!important} .bte-flow-step{ grid-template-columns:32px auto!important; justify-content:center; gap:9px!important; min-height:56px; padding:7px 12px!important; border-radius:13px!important; color:#8fa4b2!important; transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important; } .bte-flow-step:hover,.bte-flow-step:focus-visible{background:rgba(255,255,255,.06)!important;transform:translateY(-1px)} .bte-flow-step.is-current{background:linear-gradient(135deg,rgba(20,159,230,.24),rgba(85,201,247,.09))!important;box-shadow:inset 0 0 0 1px rgba(85,201,247,.22)} .bte-flow-step.is-current .bte-flow-node{background:var(--bte-cyan)!important;border-color:var(--bte-cyan)!important;color:var(--bte-navy-950)!important;box-shadow:0 0 0 4px rgba(85,201,247,.11)!important} .bte-flow-step.is-complete .bte-flow-node{border-color:rgba(85,201,247,.68)!important;background:rgba(85,201,247,.10)!important;color:#8ddcff!important} .bte-flow-node{width:32px!important;height:32px!important;background:#0b1d29!important;border-color:#3a5260!important} .bte-flow-copy strong{font-size:14px!important;letter-spacing:.13em!important;color:inherit} .bte-flow-copy small{font-size:9px!important;color:#75909f!important;margin-top:4px!important} .bte-flow-step.is-current .bte-flow-copy small{color:#b6d6e5!important} .bte-utility-menu-button{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.13)!important;min-height:44px!important} .bte-utility-menu-button:hover,.bte-utility-menu-button:focus{background:rgba(85,201,247,.10)!important;border-color:rgba(85,201,247,.55)!important} .bte-utility-dropdown{background:#0a1a25!important;border-color:rgba(255,255,255,.10)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important} .bte-utility-dropdown .dropdown-item:hover,.bte-utility-dropdown .dropdown-item:focus{background:rgba(85,201,247,.10)!important} /* === Page hierarchy === */ .bte-page-intro{ position:relative; max-width:1180px!important; margin:22px auto 30px!important; padding:28px 34px 26px!important; background:linear-gradient(135deg,rgba(238,248,255,.90),rgba(255,255,255,.98) 54%,rgba(245,249,252,.96)); border:1px solid var(--bte-line)!important; border-radius:var(--bte-radius-lg)!important; box-shadow:var(--bte-shadow-sm); overflow:hidden; } .bte-page-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--bte-cyan),var(--bte-blue-strong))} .bte-page-intro:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-95px;top:-155px;background:radial-gradient(circle,rgba(85,201,247,.15),rgba(85,201,247,0) 70%);pointer-events:none} .bte-page-title{color:var(--bte-ink)!important;font-weight:780!important;letter-spacing:-.045em!important;max-width:900px} .bte-page-deck{color:var(--bte-ink-soft)!important;max-width:790px!important} .bte-section-kicker,.bte-card-kicker,.bte-eyebrow{color:var(--bte-blue-strong)!important;font-weight:800!important;letter-spacing:.14em!important} /* === Section rhythm / structure === */ section.bloc:not(.bte-progressive-header):not(.bte-home-hero-ws1327){position:relative} section.bloc:not(.bte-progressive-header):not(.bte-home-hero-ws1327)+section.bloc:not(.bte-progressive-header):before{content:"";position:absolute;top:0;left:max(16px,calc((100% - 1180px)/2));right:max(16px,calc((100% - 1180px)/2));height:1px;background:linear-gradient(90deg,transparent,var(--bte-line),transparent);opacity:.9} .bte-section-head,.bte-weather-head,.bte-chart-head{align-items:flex-end!important} .bte-section-head h2,.bte-chart-head h2,.bte-weather-head h2{color:var(--bte-ink);letter-spacing:-.03em} /* === Card language: fewer black boxes, stronger hierarchy === */ .bte-radar-card,.bte-summary-card,.bte-path-card,.bte-context-card,.bte-geometry-card, .bte-literature-card,.bte-session-timeline,.bte-overall-coach,.bte-data-card,.bte-onboarding-card, .bte-admin-console-card,.lab-card,.bte-account-card,.bte-recommendation-card,.bte-plan-context-card, .bte-weather-card,.bte-wind-chart,.bte-progress-chart-shell,.bte-progress-detail,.bte-progress-story, .bte-result-card,.bte-history-choice,.bte-historical-position-card,.bte-comparison-card{ background:rgba(255,255,255,.96)!important; border:1px solid var(--bte-line)!important; box-shadow:var(--bte-shadow-sm)!important; border-radius:var(--bte-radius)!important; } .bte-radar-card:hover,.bte-path-card:hover,.bte-context-card:hover,.bte-recommendation-card:hover,.bte-plan-context-card:hover{ border-color:#c5e9fb!important;box-shadow:0 16px 38px rgba(10,43,59,.10)!important } .bte-overall-coach{background:linear-gradient(145deg,#fff,#f7fbfe)!important;border-color:#cfe4ef!important;box-shadow:var(--bte-shadow)!important} .bte-overall-coach-grid article{background:#fff!important;border:1px solid #e3edf3!important;border-radius:14px!important;box-shadow:none!important} .bte-overall-coach-grid article.is-action{background:linear-gradient(145deg,#eef9ff,#fff)!important;border-color:#bfe6f7!important;outline:none!important} /* === Buttons === */ .btn,.service-button,.bte-home-hero-actions a,.bte-setup-button{ border-radius:999px!important; font-weight:750!important; letter-spacing:.035em!important; transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease!important; } .service-button,.btn-d:not(.btn-outline-danger),.bte-home-hero-actions a.primary{ background:linear-gradient(135deg,var(--bte-blue),var(--bte-blue-strong))!important; border-color:transparent!important; color:#fff!important; box-shadow:0 10px 24px rgba(20,159,230,.20)!important; } .service-button:hover,.service-button:focus,.btn-d:not(.btn-outline-danger):hover,.btn-d:not(.btn-outline-danger):focus,.bte-home-hero-actions a.primary:hover{ transform:translateY(-1px);box-shadow:0 14px 30px rgba(20,159,230,.28)!important } .btn-outline-secondary,.btn-outline-light{border-color:var(--bte-line-strong)!important;color:var(--bte-ink)!important;background:#fff!important} /* === Forms / controls === */ input,select,textarea,.form-control,.form-select{ border-color:var(--bte-line-strong)!important; border-radius:12px!important; background:#fff!important; color:var(--bte-ink)!important; min-height:46px; box-shadow:0 1px 0 rgba(10,43,59,.02); } input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{border-color:var(--bte-blue)!important;box-shadow:0 0 0 4px rgba(20,159,230,.10)!important} label{color:var(--bte-ink-soft);font-weight:650} /* === Tables / data === */ .table,.bte-jump-table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--bte-line)!important;border-radius:14px!important;overflow:hidden} .table thead th,.bte-jump-table thead th{background:#f0f7fb!important;color:#355268!important;border-bottom:1px solid #d8e7f0!important;font-size:.76rem!important;letter-spacing:.06em!important;text-transform:uppercase} .table tbody tr:nth-child(even),.bte-jump-table tbody tr:nth-child(even){background:#fbfdff!important} .table tbody tr:hover,.bte-jump-table tbody tr:hover{background:#eef8ff!important} /* === Details / progressive disclosure === */ details{border-radius:14px} details>summary{cursor:pointer;color:var(--bte-ink)!important;font-weight:700!important} details[open]{background:rgba(238,248,255,.42)} /* === Homepage: stronger visual storytelling === */ .bte-home-hero-ws1327{min-height:clamp(500px,68vh,700px)!important;background:var(--bte-navy-950)!important} .bte-home-hero-photo{filter:saturate(1.07) contrast(1.02)} .bte-home-hero-shade{background:linear-gradient(90deg,rgba(4,18,28,.92) 0%,rgba(4,18,28,.72) 38%,rgba(4,18,28,.18) 72%,rgba(4,18,28,.05) 100%)!important} .bte-home-hero-copy{max-width:650px!important} .bte-home-hero-copy h1{text-shadow:0 3px 22px rgba(0,0,0,.24)} .bte-home-hero-copy h1 strong{color:#72d4fb!important} .bte-home-hero-copy p{color:#d6e7ef!important;max-width:520px} .bte-home-journey-panel{background:linear-gradient(180deg,#f7fbfd,#fff)!important} .bte-home-journey-head{max-width:760px} .bte-home-journey-grid>*{border:1px solid var(--bte-line)!important;border-radius:18px!important;box-shadow:var(--bte-shadow-sm)!important;background:#fff!important} /* === Footer === */ .bte-premium-footer{background:linear-gradient(180deg,#07131d,#040b11)!important} .bte-premium-footer-grid{border-bottom:0} .bte-footer-nav-group a{position:relative} .bte-footer-nav-group a:before{content:"";position:absolute;left:-10px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--bte-cyan);transform:translateY(-50%);opacity:0;transition:opacity .15s ease} .bte-footer-nav-group a:hover:before,.bte-footer-nav-group a:focus-visible:before{opacity:1} /* === Fold / tablet === */ @media (min-width:768px) and (max-width:1199.98px){ .bte-progressive-header-inner{min-height:108px!important;grid-template-columns:minmax(150px,1fr) auto!important;grid-template-rows:auto auto!important;row-gap:7px!important} .bte-flow-nav{grid-column:1/-1!important;grid-row:2!important;max-width:600px!important;margin:0 auto!important;padding:4px!important} .bte-flow-step{min-height:44px!important;grid-template-columns:28px auto!important;padding:4px 9px!important} .bte-flow-node{width:28px!important;height:28px!important} .bte-flow-copy strong{font-size:12px!important} .bte-flow-copy small{font-size:8px!important} .bte-page-intro{margin:18px 20px 26px!important;padding:24px 26px!important} } /* === Phones / folded outer display === */ @media (max-width:767.98px){ body{background:#f7fafc} .bte-progressive-header-inner{min-height:64px!important;grid-template-columns:38px 1fr 38px!important;padding:6px 8px!important;gap:6px!important} .bte-progressive-brand{width:38px!important;height:38px!important} .bte-progressive-brand .bte-brand-logo-img{height:38px!important} .bte-flow-nav{border:0!important;background:transparent!important;padding:0!important;gap:3px!important;max-width:none!important} .bte-flow-step{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:44px!important;padding:3px 2px!important;border-radius:10px!important;gap:3px!important} .bte-flow-node{width:22px!important;height:22px!important;font-size:9px!important} .bte-flow-copy small{display:none!important} .bte-flow-copy strong{font-size:8px!important;letter-spacing:.065em!important} .bte-utility-menu-button{width:38px!important;min-width:38px!important;min-height:38px!important} html{scroll-padding-top:72px!important} .bte-page-intro{margin:12px 12px 20px!important;padding:20px 18px 18px!important;border-radius:18px!important} .bte-page-intro:before{width:3px} .bte-page-title{font-size:clamp(1.85rem,8.6vw,2.55rem)!important;line-height:1.03!important;margin-bottom:.55rem!important} .bte-page-deck{font-size:.98rem!important;line-height:1.5!important} .bte-radar-card,.bte-summary-card,.bte-path-card,.bte-context-card,.bte-geometry-card, .bte-literature-card,.bte-session-timeline,.bte-overall-coach,.bte-data-card,.bte-onboarding-card, .bte-admin-console-card,.lab-card,.bte-account-card,.bte-recommendation-card,.bte-plan-context-card, .bte-weather-card,.bte-wind-chart,.bte-progress-chart-shell,.bte-progress-detail,.bte-progress-story{ border-radius:14px!important;box-shadow:0 7px 18px rgba(10,43,59,.055)!important } /* Mobile structure: preserve one clear primary action per visual row. */ .bte-plan-actions,.bte-report-actions,.bte-clean-actions,.bte-backfill-actions,.bte-recovery-actions, .bte-destructive-actions,.lab-actions,.bte-account-actions,.bte-onboarding-actions,.bte-coach-route-actions,.bte-lookback-actions{gap:8px!important} .btn,.service-button{min-height:46px!important} .bte-home-hero-ws1327{min-height:520px!important} .bte-home-hero-shade{background:linear-gradient(180deg,rgba(4,18,28,.82) 0%,rgba(4,18,28,.55) 45%,rgba(4,18,28,.84) 100%)!important} .bte-home-hero-content{align-items:flex-end!important;padding-bottom:38px!important} .bte-home-hero-copy{max-width:100%!important} .bte-home-hero-copy h1{font-size:clamp(2.25rem,12vw,3.6rem)!important;max-width:11ch} .bte-home-hero-actions a{width:100%!important;justify-content:center!important;min-height:50px!important} section.bloc:not(.bte-progressive-header):not(.bte-home-hero-ws1327)+section.bloc:not(.bte-progressive-header):before{left:16px;right:16px} .bte-premium-footer-inner{padding-top:34px!important} } @media(max-width:420px){ .bte-page-intro{margin-left:10px!important;margin-right:10px!important;padding:18px 16px!important} .bte-home-hero-ws1327{min-height:500px!important} } @media(prefers-reduced-motion:reduce){ *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important} } /* WS13.204 — four-stage journey navigation stays on one line. WS13.203 introduced PLAN / SESSION / PROGRESS / SUMMARY but this surface still used the former three-column journey grid. Preserve the approved navigation styling and give each of the four stages one equal column. */ @media (min-width:1200px){ .bte-flow-nav{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:720px!important; } .bte-flow-step{ min-width:0!important; } } @media (min-width:768px) and (max-width:1199.98px){ .bte-flow-nav{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:680px!important; } } /* V1.2.8 — authoritative three-stage navigation shell */ @media (min-width:992px){ .bte-progressive-header .bte-flow-nav{ grid-template-columns:repeat(3,minmax(0,1fr))!important; width:min(720px,100%)!important; max-width:720px!important; margin:0 auto!important; padding:5px!important; gap:5px!important; justify-self:center!important; } } @media (min-width:768px) and (max-width:991.98px){ .bte-progressive-header .bte-flow-nav{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:620px!important; } } /* --- bte-contrast-v190.css --- */ /* BTE Coach WS13.193 · Visual Contrast & Colour Convergence Accessibility hardening layered after the visual system. Product/data logic unchanged. */ :root{ --bte-ink:#13283a; --bte-ink-soft:#40576a; --bte-muted:#5b7082; --bte-link:#096da8; --bte-action:#0b75b5; --bte-action-hover:#075f94; --bte-accent:#28afe8; --bte-surface:#ffffff; --bte-surface-soft:#f5f9fc; --bte-line:#d8e5ee; } /* Base reading contrast. */ body{color:var(--bte-ink)!important} p,li,dd{color:var(--bte-ink-soft)} .text-muted,.bte-muted,.bte-card-note,.bte-form-note{color:var(--bte-muted)!important} a:not(.btn):not(.service-button):not(.bte-flow-step):not(.bte-utility-menu-button):not(.dropdown-item){color:var(--bte-link)} /* Light surfaces must never inherit white text from legacy dark themes. */ .bte-page-intro, .bte-radar-card,.bte-summary-card,.bte-path-card,.bte-context-card,.bte-geometry-card,.bte-literature-card, .bte-session-timeline,.bte-overall-coach,.bte-data-card,.bte-onboarding-card,.bte-admin-console-card, .lab-card,.bte-account-card,.bte-recommendation-card,.bte-plan-context-card,.bte-weather-card, .bte-wind-chart,.bte-progress-detail,.bte-progress-story,.bte-result-card,.bte-history-choice, .bte-historical-position-card,.bte-comparison-card,.bte-target-card,.bte-context-item,.bte-signal-item, .bte-form-card,.bte-evidence-card,.bte-why-card,.bte-home-card,.card{ color:var(--bte-ink)!important; } .bte-page-intro h1,.bte-page-intro h2,.bte-page-intro h3, .bte-radar-card h1,.bte-radar-card h2,.bte-radar-card h3, .bte-summary-card h1,.bte-summary-card h2,.bte-summary-card h3, .bte-path-card h1,.bte-path-card h2,.bte-path-card h3, .bte-context-card h1,.bte-context-card h2,.bte-context-card h3, .bte-geometry-card h1,.bte-geometry-card h2,.bte-geometry-card h3, .bte-literature-card h1,.bte-literature-card h2,.bte-literature-card h3, .bte-session-timeline h1,.bte-session-timeline h2,.bte-session-timeline h3, .bte-overall-coach h1,.bte-overall-coach h2,.bte-overall-coach h3, .bte-data-card h1,.bte-data-card h2,.bte-data-card h3, .bte-onboarding-card h1,.bte-onboarding-card h2,.bte-onboarding-card h3, .bte-recommendation-card h1,.bte-recommendation-card h2,.bte-recommendation-card h3, .bte-plan-context-card h1,.bte-plan-context-card h2,.bte-plan-context-card h3, .bte-weather-card h1,.bte-weather-card h2,.bte-weather-card h3, .bte-progress-detail h1,.bte-progress-detail h2,.bte-progress-detail h3, .bte-progress-story h1,.bte-progress-story h2,.bte-progress-story h3, .bte-result-card h1,.bte-result-card h2,.bte-result-card h3, .bte-history-choice h1,.bte-history-choice h2,.bte-history-choice h3, .bte-historical-position-card h1,.bte-historical-position-card h2,.bte-historical-position-card h3, .bte-comparison-card h1,.bte-comparison-card h2,.bte-comparison-card h3, .bte-form-card h1,.bte-form-card h2,.bte-form-card h3, .bte-evidence-card h1,.bte-evidence-card h2,.bte-evidence-card h3, .bte-why-card h1,.bte-why-card h2,.bte-why-card h3{ color:var(--bte-ink)!important; } .bte-page-intro p,.bte-page-intro small, .bte-radar-card p,.bte-radar-card small,.bte-summary-card p,.bte-summary-card small, .bte-path-card p,.bte-path-card small,.bte-context-card p,.bte-context-card small, .bte-geometry-card p,.bte-geometry-card small,.bte-literature-card p,.bte-literature-card small, .bte-session-timeline p,.bte-session-timeline small,.bte-overall-coach p,.bte-overall-coach small, .bte-data-card p,.bte-data-card small,.bte-onboarding-card p,.bte-onboarding-card small, .bte-recommendation-card p,.bte-recommendation-card small,.bte-plan-context-card p,.bte-plan-context-card small, .bte-weather-card p,.bte-weather-card small,.bte-progress-detail p,.bte-progress-detail small, .bte-progress-story p,.bte-progress-story small,.bte-result-card p,.bte-result-card small, .bte-history-choice p,.bte-history-choice small,.bte-historical-position-card p,.bte-historical-position-card small, .bte-comparison-card p,.bte-comparison-card small,.bte-form-card p,.bte-form-card small, .bte-evidence-card p,.bte-evidence-card small,.bte-why-card p,.bte-why-card small{ color:var(--bte-ink-soft)!important; } /* Keep semantic kickers and labels deliberately blue rather than washed-out grey. */ .bte-section-kicker,.bte-card-kicker,.bte-eyebrow:not(.bte-home-hero-copy .bte-eyebrow){color:#0877b4!important} /* Primary CTA blue is dark enough for white text at normal sizes (WCAG AA). */ .service-button,.btn-primary,.btn-d:not(.btn-outline-danger),.bte-planner-calculate,.bte-login-submit, .bte-home-hero-actions a.primary{ background:linear-gradient(135deg,#0b75b5,#075f94)!important; border-color:#075f94!important; color:#fff!important; } .service-button:hover,.service-button:focus,.btn-primary:hover,.btn-primary:focus, .btn-d:not(.btn-outline-danger):hover,.btn-d:not(.btn-outline-danger):focus, .bte-planner-calculate:hover,.bte-login-submit:hover,.bte-home-hero-actions a.primary:hover{ background:#064f7c!important;border-color:#064f7c!important;color:#fff!important; } .btn-outline-secondary,.btn-outline-primary,.btn-outline-dark,.btn-outline-light,.service-white-button{ background:#fff!important;color:#173247!important;border-color:#b9cad6!important; } .btn-outline-secondary:hover,.btn-outline-primary:hover,.btn-outline-dark:hover,.btn-outline-light:hover,.service-white-button:hover{ background:#edf7fd!important;color:#075f94!important;border-color:#6dbfe6!important; } /* Dark surfaces: explicitly restore light foreground after the light-surface guard above. */ .bte-progressive-header,.bte-utility-dropdown,.bte-home-hero-ws1327,.bte-report-gotcha,.bte-next-card, .bte-historical-chart-panel,.bte-comparison-cards article.is-coach,.bte-consolidation-next-card, .bte-login-card,.bte-account-reveal code,.bte-premium-footer,footer.bgc-4906{ color:#f4f9fc!important; } .bte-report-gotcha h1,.bte-report-gotcha h2,.bte-report-gotcha h3, .bte-next-card h1,.bte-next-card h2,.bte-next-card h3, .bte-historical-chart-panel h1,.bte-historical-chart-panel h2,.bte-historical-chart-panel h3, .bte-comparison-cards article.is-coach h1,.bte-comparison-cards article.is-coach h2,.bte-comparison-cards article.is-coach h3, .bte-consolidation-next-card h1,.bte-consolidation-next-card h2,.bte-consolidation-next-card h3, .bte-login-card h1,.bte-login-card h2,.bte-login-card h3, .bte-premium-footer h1,.bte-premium-footer h2,.bte-premium-footer h3{ color:#fff!important; } .bte-report-gotcha p,.bte-next-card p,.bte-historical-chart-panel p,.bte-comparison-cards article.is-coach p, .bte-consolidation-next-card p,.bte-login-card p,.bte-premium-footer p{ color:#c8d7e2!important; } /* Header navigation: selected state stays obvious without over-bright cyan text. */ .bte-flow-step{color:#9fb2c0!important} .bte-flow-step.is-current{color:#f5fbff!important} .bte-flow-step.is-current .bte-flow-copy small{color:#c8e2ef!important} .bte-flow-step.is-complete{color:#d8e6ee!important} .bte-utility-menu-button{color:#f5fbff!important} .bte-utility-dropdown .dropdown-item{color:#dce9f1!important} .bte-utility-dropdown .dropdown-item:hover,.bte-utility-dropdown .dropdown-item:focus{color:#fff!important} /* Tables and forms: never allow inherited white foregrounds. */ .table tbody td,.table tbody th,.bte-jump-table tbody td,.bte-jump-table tbody th{color:#263f52!important} .table thead th,.bte-jump-table thead th{color:#34566d!important} input,select,textarea,.form-control,.form-select{color:#173247!important;background:#fff!important} ::placeholder{color:#718391!important;opacity:1} /* Status colours tuned for readable text on light backgrounds. */ .text-success,.is-good{color:#126b45!important} .text-warning,.is-warn{color:#82540d!important} .text-danger,.is-error,.is-bad{color:#992d28!important} /* Footer hierarchy: clear but not glaring. */ .bte-premium-footer a,footer.bgc-4906 a{color:#d5e3ec!important} .bte-premium-footer a:hover,footer.bgc-4906 a:hover{color:#fff!important} .bte-build-version{color:#91a8b7!important} /* Small text needs a little more contrast than the previous visual pass. */ small,.small{color:var(--bte-muted)} @media(max-width:767.98px){ .bte-page-intro{background:#fff!important} .bte-page-deck{color:#40576a!important} } /* WS13.237 — homepage Next Loop contrast repair. This file loads after the experience layer and is the final authority for the homepage journey panel so dark-surface copy cannot be placed on white. */ body[data-page="home"] .bte-home-journey-panel{ background:#091522!important; color:#fff!important; border-top:1px solid rgba(255,255,255,.09)!important; } body[data-page="home"] .bte-home-journey-head>span{ color:#57c5ff!important; } body[data-page="home"] .bte-home-journey-head h2{ color:#fff!important; } body[data-page="home"] .bte-home-journey-head p{ color:rgba(255,255,255,.72)!important; } body[data-page="home"] .bte-home-journey-grid{ border-color:rgba(255,255,255,.12)!important; background:rgba(255,255,255,.025)!important; } body[data-page="home"] .bte-home-journey-grid>* , body[data-page="home"] .bte-home-state-card, body[data-page="home"] .bte-home-state-card.is-active{ background:rgba(255,255,255,.025)!important; border-color:rgba(255,255,255,.10)!important; box-shadow:none!important; color:#fff!important; } body[data-page="home"] .bte-home-state-card span{ color:#57c5ff!important; } body[data-page="home"] .bte-home-state-card strong{ color:#fff!important; } body[data-page="home"] .bte-home-state-card small{ color:rgba(255,255,255,.68)!important; } body[data-page="home"] .bte-home-state-card:hover, body[data-page="home"] .bte-home-state-card:focus-visible, body[data-page="home"] .bte-home-state-card.is-active:hover, body[data-page="home"] .bte-home-state-card.is-active:focus-visible{ background:rgba(87,197,255,.09)!important; box-shadow:inset 0 3px 0 #57c5ff!important; } /* --- bte-release-97plus-ws13248.css --- */ /* BTE Coach WS13.249 — consolidated 97+ release and cross-device hardening. */ /* BTE Coach WS13.239 — 97+ release polish. Final cascade only; no layout architecture changes. */ :root{--bte-focus:#38bdf8;--bte-ink:#10233d;--bte-muted:#526984} html{scroll-behavior:smooth} body{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} a,button,input,select,textarea,summary{scroll-margin-top:110px} :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--bte-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 2px rgba(255,255,255,.92)!important} :where(button,.btn,.form-control,.form-select){min-height:44px} .bte-page-deck,.bte-card-note,.bte-saved-rides-copy,.bte-timeline-read,.bte-report-context-strip small{line-height:1.55} .bte-flow-step[aria-current="page"]{filter:none} .bte-flow-step[aria-current="page"] .bte-flow-node{box-shadow:0 0 0 3px rgba(56,189,248,.18)} .bte-graph-session-picker .form-select{min-width:220px} .bte-overall-coach-grid article strong{line-height:1.35} .bte-next-loop{isolation:isolate} .bte-report-actions{gap:12px} @media(max-width:767.98px){ .bte-graph-section-head{align-items:stretch!important} .bte-graph-session-picker{width:100%} .bte-graph-session-picker .form-select{width:100%;min-width:0} .bte-report-actions .btn,.bte-next-loop .btn{width:100%} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* WS13.249 — 97+ release-quality refinement */ :root{--bte-positive:#18a66a;--bte-primary:#1565ff;--bte-opportunity:#e85d04;--bte-goal:#6f42c1;--bte-neutral:#98a2b3;} /* Summary: answer first, evidence second. */ #performance-report{display:flex;flex-direction:column;} #overall-coaching-summary{order:1;margin-top:1.5rem;} .bte-report-gotcha{order:2;} .bte-report-context-strip{order:3;} .bte-height-benchmarks{order:4;} .bte-report-grid{order:5;} #perf-wind-correlation{order:6;} #session-timeline{order:7;} .bte-prune-orientation{order:8;} .bte-prune-deep-dive{order:9;} #perf-best-conditions{order:10;} .bte-report-actions{order:11;} .bte-radar-wrap svg{display:block;width:100%;height:auto;max-height:560px;} .bte-radar-card{overflow:hidden;} .bte-overall-coach-grid article{min-width:0;} /* Stronger information hierarchy. */ .bte-overall-coach{border-top:4px solid var(--bte-primary);} .bte-report-gotcha{border-left:4px solid var(--bte-opportunity);} .bte-height-benchmark.is-2026-pb strong{color:var(--bte-positive);} /* Graph areas never become text containers on narrow screens. */ .bte-wind-corr-chart,.bte-timeline-chart,.bte-progress-chart-shell{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;} .bte-wind-corr-chart svg,.bte-timeline-chart svg{min-width:680px;} /* Consistent legends and controls. */ .bte-graph-section-head,.bte-history-head{gap:1rem;align-items:flex-start;} .bte-graph-session-picker,.bte-height-chart-controls{flex-wrap:wrap;} @media (max-width:767px){ .bte-overall-coach-grid{grid-template-columns:1fr!important;} .bte-report-grid{grid-template-columns:1fr!important;} .bte-report-context-strip{gap:1rem;} .bte-envelope-controls{grid-template-columns:1fr!important;} .bte-target-badge{min-width:0;width:100%;} .bte-radar-wrap svg{min-width:650px;} .bte-radar-wrap{overflow-x:auto;} .bte-wind-corr-chart svg,.bte-timeline-chart svg{min-width:640px;} } /* WS13.249 — extreme cross-device UX hardening. */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip} body{max-width:100%;overflow-x:clip} :where(img,picture,video,canvas){max-width:100%;height:auto} :where(svg){max-width:100%} :where(.row,[class*="bte-"]){min-width:0} :where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,strong,small,span,a,label){overflow-wrap:break-word} :where(button,.btn,a,summary,[role="button"]){touch-action:manipulation;-webkit-tap-highlight-color:transparent} :where(input,select,textarea,button){max-width:100%} :where(input,select,textarea){accent-color:var(--bte-primary,#1565ff)} :where(button,.btn,[role="button"],summary){min-height:44px} :where(.btn,button){white-space:normal} :where(pre,code){max-width:100%} pre{overflow:auto;-webkit-overflow-scrolling:touch} :where(.table-responsive,.bte-table-scroll,.bte-chart-scroll,.bte-wind-corr-chart,.bte-timeline-chart,.bte-progress-chart-shell){-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain} :where(.bte-card,.bte-dashboard-panel,.bte-report-card,.bte-summary-card,.bte-stat-card,.bte-panel){min-width:0} :where(.bte-page-deck,.bte-section-copy,.bte-card-note,.bte-timeline-read){max-width:75ch} :where(.bte-empty,.bte-no-data,[data-empty-state]){text-wrap:pretty} :where([aria-disabled="true"],button:disabled,.btn.disabled){cursor:not-allowed;opacity:.62} :where([hidden]){display:none!important} @media(max-width:767.98px){ :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important} :where(.form-control,.form-select){width:100%;min-width:0} :where(.input-group){flex-wrap:wrap} :where(.input-group>.form-control,.input-group>.form-select){min-width:0} :where(.bte-form-actions,.bte-report-actions,.bte-hero-actions,.bte-session-actions){gap:10px} :where(.bte-form-actions,.bte-report-actions,.bte-session-actions)>.btn{flex:1 1 180px} :where(.bte-page-title){font-size:clamp(2rem,10vw,3.4rem);line-height:1.02} :where(.bte-page-deck){font-size:1rem;line-height:1.55} :where(.container,.container-fluid){max-width:100%} :where(.table-responsive){width:100%;overflow-x:auto} :where(table){font-size:.92rem} :where(th,td){vertical-align:top} :where(.bte-wind-corr-chart,.bte-timeline-chart,.bte-progress-chart-shell,.bte-radar-wrap){max-width:100%;overflow-x:auto;overflow-y:hidden} :where(.bte-graph-section-head,.bte-history-head){flex-wrap:wrap} :where(.bte-graph-session-picker,.bte-height-chart-controls){width:100%;min-width:0} } @media(max-width:420px){ :where(.bte-form-actions,.bte-report-actions,.bte-session-actions)>.btn{flex-basis:100%;width:100%} } :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:3px} @media(prefers-reduced-motion:reduce){:where(html){scroll-behavior:auto!important}:where(*,*::before,*::after){scroll-behavior:auto!important}} @media(forced-colors:active){:where(.btn,.bte-flow-node,.bte-pill){border:1px solid CanvasText}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid Highlight!important}} /* --- bte-color-system-v1213.css --- */ /* BTE Coach V1.2.13 — Site-wide colour system More energy and hierarchy without changing layout or workflow. */ :root{ --bte-navy:#071119; --bte-ink:#102a56; --bte-blue:#1565ff; --bte-cyan:#20b8eb; --bte-green:#18a66a; --bte-amber:#e28525; --bte-violet:#7157d9; --bte-blue-050:#f2f7ff; --bte-cyan-050:#eefbff; --bte-green-050:#eefaf5; --bte-amber-050:#fff7ec; --bte-violet-050:#f6f2ff; --bte-border:#dce6f1; --bte-shadow:0 12px 30px rgba(15,42,86,.07); --bte-page-accent:var(--bte-blue); --bte-page-tint:var(--bte-blue-050); } body[data-page="home"]{--bte-page-accent:#20b8eb;--bte-page-tint:#eefbff} body[data-page="predict"]{--bte-page-accent:#20b8eb;--bte-page-tint:#eefbff} body[data-page="ride"]{--bte-page-accent:#1565ff;--bte-page-tint:#f2f7ff} body[data-page="review"]{--bte-page-accent:#18a66a;--bte-page-tint:#eefaf5} body[data-page="performance-report"]{--bte-page-accent:#7157d9;--bte-page-tint:#f6f2ff} body[data-page="weather"]{--bte-page-accent:#20b8eb;--bte-page-tint:#eefbff} body[data-page="admin"],body[data-page="admin-analysis"]{--bte-page-accent:#7157d9;--bte-page-tint:#f6f2ff} body[data-page="setup"]{--bte-page-accent:#1565ff;--bte-page-tint:#f2f7ff} body[data-page="about"],body[data-page="how-coach-works"]{--bte-page-accent:#20b8eb;--bte-page-tint:#eefbff} body[data-page="rider-comparison"]{--bte-page-accent:#18a66a;--bte-page-tint:#eefaf5} /* Section identity */ .bte-page-intro{ position:relative; background:linear-gradient(105deg,var(--bte-page-tint) 0%,#fff 58%,rgba(255,255,255,0) 100%); border-bottom:1px solid color-mix(in srgb,var(--bte-page-accent) 18%,#e7edf4); } .bte-page-intro::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:5px; background:linear-gradient(180deg,var(--bte-page-accent),color-mix(in srgb,var(--bte-page-accent) 45%,white)); } .bte-section-kicker,.bte-card-kicker,.bte-panel-label{ color:color-mix(in srgb,var(--bte-page-accent) 82%,#183153)!important; } .bte-section-kicker::before,.bte-card-kicker::before{ content:"";display:inline-block;width:18px;height:3px;border-radius:999px; background:var(--bte-page-accent);margin-right:8px;vertical-align:middle; } /* Buttons and interaction */ .btn-d,.service-button{ background:linear-gradient(135deg,var(--bte-blue) 0%,#0a86d6 100%)!important; border-color:transparent!important;color:#fff!important; box-shadow:0 8px 18px rgba(21,101,255,.20)!important; } .btn-d:hover,.btn-d:focus,.service-button:hover,.service-button:focus{ background:linear-gradient(135deg,#0e59e8 0%,#0877bf 100%)!important; transform:translateY(-1px); } .btn-outline-dark{border-color:#b9c8d8!important;color:#183153!important;background:#fff!important} .btn-outline-dark:hover,.btn-outline-dark:focus{border-color:var(--bte-blue)!important;background:var(--bte-blue-050)!important;color:#0c4fc6!important} .form-control:focus,.form-select:focus{ border-color:var(--bte-page-accent)!important; box-shadow:0 0 0 .18rem color-mix(in srgb,var(--bte-page-accent) 16%,transparent)!important; } /* Shared cards — coloured identity without visual noise */ .bte-data-card,.bte-dashboard-panel,.bte-evidence-card,.bte-factor-card,.bte-admin-console-card,.bte-progress-detail,.bte-progress-kpi{ border-color:var(--bte-border)!important; box-shadow:var(--bte-shadow); position:relative; overflow:hidden; } .bte-data-card::before,.bte-dashboard-panel::before,.bte-evidence-card::before,.bte-factor-card::before,.bte-admin-console-card::before{ content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--bte-page-accent);opacity:.9; } .bte-data-card:nth-of-type(3n+2)::before,.bte-factor-card:nth-of-type(3n+2)::before{background:var(--bte-green)} .bte-data-card:nth-of-type(3n+3)::before,.bte-factor-card:nth-of-type(3n+3)::before{background:var(--bte-amber)} /* Light section tinting */ .bgc-2724.l-bloc:nth-of-type(odd){background:linear-gradient(180deg,#fff 0%,var(--bte-page-tint) 100%)!important} .bte-workflow-note,.bte-form-note{ border-left:4px solid var(--bte-page-accent)!important; background:linear-gradient(90deg,var(--bte-page-tint),#fff 82%)!important; } /* Plan */ body[data-page="predict"] .bte-planner-group{ border-left:4px solid var(--bte-cyan);background:linear-gradient(90deg,var(--bte-cyan-050),#fff 72%); } body[data-page="predict"] .bte-result-grid>*:nth-child(3n+1){background:var(--bte-blue-050)} body[data-page="predict"] .bte-result-grid>*:nth-child(3n+2){background:var(--bte-green-050)} body[data-page="predict"] .bte-result-grid>*:nth-child(3n+3){background:var(--bte-violet-050)} /* Session */ body[data-page="ride"] .bte-data-card:nth-of-type(4n+1){background:linear-gradient(180deg,#fff,var(--bte-blue-050))} body[data-page="ride"] .bte-data-card:nth-of-type(4n+2){background:linear-gradient(180deg,#fff,var(--bte-cyan-050))} body[data-page="ride"] .bte-data-card:nth-of-type(4n+3){background:linear-gradient(180deg,#fff,var(--bte-green-050))} body[data-page="ride"] .bte-data-card:nth-of-type(4n){background:linear-gradient(180deg,#fff,var(--bte-amber-050))} /* Progress */ body[data-page="review"] .bte-progress-kpi:nth-child(1){background:linear-gradient(180deg,#fff,var(--bte-blue-050))} body[data-page="review"] .bte-progress-kpi:nth-child(2){background:linear-gradient(180deg,#fff,var(--bte-green-050))} body[data-page="review"] .bte-progress-kpi:nth-child(3){background:linear-gradient(180deg,#fff,var(--bte-cyan-050))} body[data-page="review"] .bte-progress-kpi:nth-child(4){background:linear-gradient(180deg,#fff,var(--bte-violet-050))} body[data-page="review"] .bte-progress-story{border-left:5px solid var(--bte-green)!important;background:linear-gradient(100deg,var(--bte-green-050),#fff 70%)!important} body[data-page="review"] .bte-chart-view-toggle button.is-active{background:linear-gradient(135deg,#102a56,#1565ff)!important} /* Coach Report */ body[data-page="performance-report"] .bte-height-benchmark:nth-child(1){background:linear-gradient(180deg,#fff,var(--bte-blue-050))} body[data-page="performance-report"] .bte-height-benchmark:nth-child(2){background:linear-gradient(180deg,#fff,var(--bte-green-050))} body[data-page="performance-report"] .bte-height-benchmark:nth-child(3){background:linear-gradient(180deg,#fff,var(--bte-violet-050))} body[data-page="performance-report"] .bte-session-coach-read{border-left:5px solid var(--bte-violet)!important;background:linear-gradient(100deg,var(--bte-violet-050),#fff 72%)!important} body[data-page="performance-report"] .is-action{border-color:color-mix(in srgb,var(--bte-green) 34%,#dce6f1)!important;background:var(--bte-green-050)!important} body[data-page="performance-report"] .is-limit{border-color:color-mix(in srgb,var(--bte-amber) 38%,#dce6f1)!important;background:var(--bte-amber-050)!important} /* Weather */ body[data-page="weather"] .bte-weather-card:nth-child(3n+1){background:linear-gradient(180deg,#fff,var(--bte-cyan-050))} body[data-page="weather"] .bte-weather-card:nth-child(3n+2){background:linear-gradient(180deg,#fff,var(--bte-blue-050))} body[data-page="weather"] .bte-weather-card:nth-child(3n+3){background:linear-gradient(180deg,#fff,var(--bte-green-050))} /* Admin stays technical, but not monochrome */ body[data-page="admin"] .bte-admin-console-card:nth-child(4n+1)::before,body[data-page="admin-analysis"] .bte-admin-console-card:nth-child(4n+1)::before{background:var(--bte-violet)} body[data-page="admin"] .bte-admin-console-card:nth-child(4n+2)::before,body[data-page="admin-analysis"] .bte-admin-console-card:nth-child(4n+2)::before{background:var(--bte-cyan)} body[data-page="admin"] .bte-admin-console-card:nth-child(4n+3)::before,body[data-page="admin-analysis"] .bte-admin-console-card:nth-child(4n+3)::before{background:var(--bte-green)} body[data-page="admin"] .bte-admin-console-card:nth-child(4n)::before,body[data-page="admin-analysis"] .bte-admin-console-card:nth-child(4n)::before{background:var(--bte-amber)} /* Status colours */ .is-green{--bte-local-accent:var(--bte-green)} .is-amber{--bte-local-accent:var(--bte-amber)} .is-red{--bte-local-accent:#d94949} .is-blue{--bte-local-accent:var(--bte-blue)} .is-violet{--bte-local-accent:var(--bte-violet)} .bte-signal.is-green{background:var(--bte-green-050)!important} .bte-signal.is-amber{background:var(--bte-amber-050)!important} .bte-signal.is-blue{background:var(--bte-blue-050)!important} .bte-signal.is-violet{background:var(--bte-violet-050)!important} /* Preserve readability and reduce intensity on small screens */ @media(max-width:767.98px){ .bte-page-intro{background:linear-gradient(180deg,var(--bte-page-tint),#fff 88%)} .bte-data-card,.bte-dashboard-panel,.bte-evidence-card,.bte-factor-card,.bte-admin-console-card{box-shadow:0 8px 20px rgba(15,42,86,.05)} } /* --- bte-session-workspace.css --- */ /* BTE V4 RC17 — universal header + lightweight workflow breadcrumb. */ .service-navigation-header,.bte-unified-globalbar{display:none!important} .bteHeader .bteNav>.bte-workflow-link,.bteHeader .bteNav>.bteDrop .bteDropLink,.bteHeader .bteNav>.bteDrop .bteDropBtn{font-weight:800;letter-spacing:.11em} .bteHeader .bteNav>.bte-workflow-link.active,.bteHeader .bteNav>.bteDrop.active>.bteDropHead>.bteDropLink,.bteHeader .bteNav>.bteDrop.active>.bteDropHead>.bteDropBtn{color:#fff;background:rgba(255,255,255,.10)} .bteDropPanelRight{left:auto!important;right:0!important} /* Workflow context is intentionally page content, not a second navigation bar. */ .bte-workflow-breadcrumb-shell{background:#071119;border-bottom:1px solid rgba(255,255,255,.06)} .bte-workflow-breadcrumb{max-width:1180px;margin:0 auto;padding:10px clamp(18px,3vw,42px);display:flex;align-items:center;gap:10px;font-size:.76rem;line-height:1;letter-spacing:.08em;text-transform:uppercase} .bte-workflow-breadcrumb a{color:#7f8b94!important;text-decoration:none!important;font-weight:650;transition:color .15s ease} .bte-workflow-breadcrumb a:hover,.bte-workflow-breadcrumb a:focus-visible{color:#d7e0e5!important;outline:none} .bte-workflow-breadcrumb a.is-current{color:#fff!important;font-weight:800} .bte-workflow-sep{color:#44515a;font-size:.95rem;transform:translateY(-1px)} @media(max-width:1000px){.bteDropPanelRight{right:auto!important;left:0!important}} @media(max-width:620px){ .bte-workflow-breadcrumb{padding:9px 16px;font-size:.68rem;gap:8px;letter-spacing:.06em} } /* /assets/bte-utility-shell-ux99.css */ /* BTE V3.0 — utility shell: public coach + universal nav + production shell + final polish. */ /* --- bte-public-coach.css --- */ :root{ --bte-black:#111111; --bte-ink:#151719; --bte-muted:#667085; --bte-blue:#1769e0; --bte-blue-2:#0f5dcc; --bte-light:#f2f2f2; --bte-soft:#f8f8f8; --bte-white:#ffffff; --bte-line:#d9dee6; --bte-radius:24px; --bte-shadow:0 12px 34px rgba(17,24,39,.08); --bte-max:1240px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; color:var(--bte-ink); background:var(--bte-white); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; } a{color:inherit} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} .wrap{width:min(var(--bte-max),calc(100% - 48px));margin-inline:auto} .skipLink{ position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#111; padding:10px 14px;border-radius:10px } .skipLink:focus{top:12px} /* Coach-family integrated header */ .bteHeader{ position:sticky;top:0;z-index:1000;background:rgba(17,17,17,.97); border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px) } .bteHeaderRow{min-height:72px;display:flex;align-items:center;gap:22px} .bteBrand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:max-content} .bteMark{font-size:31px;line-height:1;color:var(--bte-blue);font-weight:800;transform:translateY(-1px)} .bteBrandText{display:grid;line-height:1.05;letter-spacing:.08em} .bteBrandText strong{font-size:14px} .bteBrandText small{font-size:9px;color:#aab4c2;margin-top:5px;letter-spacing:.16em} .bteNav{margin-left:auto;display:flex;align-items:center;gap:3px} .bteNav a,.bteDropBtn{ color:#e9edf2;text-decoration:none;border:0;background:transparent; font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700; padding:10px 11px;border-radius:999px } .bteNav a:hover,.bteNav a:focus-visible,.bteDropBtn:hover,.bteNav a.active{ color:#fff;background:rgba(255,255,255,.09) } .bteCoachCta{ margin-left:10px!important;border:1px solid rgba(255,255,255,.42)!important;padding:10px 15px!important } .bteCoachCta:hover{background:#fff!important;color:#111!important} .bteMenu{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid #49515b;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:800;letter-spacing:.08em} .bteDrop{position:relative} .bteDropPanel{ display:none;position:absolute;top:44px;left:0;min-width:210px;padding:8px; background:#17191c;border:1px solid #31363d;border-radius:14px;box-shadow:var(--bte-shadow) } .bteDrop:hover .bteDropPanel,.bteDrop:focus-within .bteDropPanel,.bteDrop.open .bteDropPanel{display:grid} .bteDropPanel a{border-radius:10px} /* Hero */ .hero{ min-height:690px;position:relative;color:#fff;display:grid;align-items:center; overflow:hidden;background:#05080c } .hero::before{ content:"";position:absolute;inset:0; background: linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.64) 36%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.28) 100%), url("/assets/hero.webp") center/cover no-repeat; } .hero::after{ content:"";position:absolute;inset:auto 0 0;height:140px; background:linear-gradient(transparent,rgba(5,8,12,.50)) } .heroInner{position:relative;z-index:1;padding:95px 0 110px;max-width:760px} .kicker{ font-size:12px;line-height:1.3;letter-spacing:.22em;text-transform:uppercase; color:var(--bte-blue);font-weight:850 } .hero .kicker{color:#64a9ff} .hero h1{font-size:clamp(54px,7vw,96px);line-height:.92;margin:18px 0 15px;letter-spacing:-.055em;font-weight:850} .hero h1 span{display:block;color:#f3f4f6;font-size:.43em;line-height:1.12;letter-spacing:.015em;margin-top:12px} .heroLead{max-width:680px;font-size:19px;line-height:1.65;color:#d2d7dd;margin:0 0 30px} .actions{display:flex;gap:12px;flex-wrap:wrap} .btn{ min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px; text-decoration:none;padding:0 21px;border-radius:999px;font-size:12px;letter-spacing:.08em; font-weight:850;text-transform:uppercase;border:1px solid transparent;transition:.2s ease } .btnPrimary{background:#fff;color:#111} .btnPrimary:hover{background:var(--bte-blue);color:#fff} .btnOutline{border-color:rgba(255,255,255,.55);color:#fff} .btnOutline:hover{background:#fff;color:#111} /* Shared Coach-family sections */ .section{padding:82px 0} .sectionSoft{background:var(--bte-soft)} .sectionLight{background:var(--bte-light)} .sectionDark{background:var(--bte-black);color:#fff} .sectionHead{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:36px} .sectionHead>div:first-child{max-width:730px} .sectionHead h2,.section h2{font-size:clamp(34px,4.4vw,58px);letter-spacing:-.045em;line-height:1.02;margin:10px 0 0;font-weight:820} .sectionHead p{max-width:470px;color:#697383;line-height:1.65;margin:0} .sectionDark .sectionHead p{color:#b7bec8} .inline{font-weight:800;color:var(--bte-blue);text-decoration:none} .inline:hover{text-decoration:underline} .statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .card{ border:1px solid var(--bte-line);background:#fff;border-radius:var(--bte-radius); box-shadow:0 2px 0 rgba(17,24,39,.02);padding:27px } .statCard{min-height:170px;display:flex;flex-direction:column;justify-content:space-between} .statLabel{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#687385} .statValue{font-size:45px;letter-spacing:-.055em;font-weight:850;line-height:1;margin-top:16px} .statValue small{font-size:18px;letter-spacing:0;margin-left:4px} .statNote{font-size:12px;color:#7b8490;text-transform:uppercase;letter-spacing:.08em;margin-top:10px} .projectGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px} .featureCard{padding:34px;min-height:310px} .featureCard h3{font-size:30px;letter-spacing:-.035em;margin:9px 0 13px} .featureCard p{color:#667085;line-height:1.65;max-width:650px} .evidenceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px} .evidenceMetric{padding:18px 0;border-top:1px solid #e3e7ec} .evidenceMetric b{font-size:29px;letter-spacing:-.035em} .evidenceMetric span{display:block;color:#7b8490;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px} .weatherCard{ padding:34px;background:#111;color:#fff;border:1px solid #24282e;border-radius:var(--bte-radius); box-shadow:var(--bte-shadow) } .weatherCard .kicker{color:#64a9ff} .weatherCard h3{font-size:30px;margin:10px 0 20px} .spot{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid #30353b} .spot b{font-size:18px} .spot span{color:#aeb6c1;font-size:12px;letter-spacing:.06em;text-transform:uppercase} .weatherCard p{color:#c1c7cf;line-height:1.6} .flowGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .flowCard{position:relative;min-height:265px;padding:31px} .flowNo{font-size:13px;color:var(--bte-blue);font-weight:850;letter-spacing:.13em} .flowCard h3{font-size:27px;letter-spacing:-.035em;margin:23px 0 12px} .flowCard p{color:#687385;line-height:1.6} .flowCard ul{padding-left:17px;color:#687385;line-height:1.7} .flowArrow{position:absolute;right:26px;bottom:24px;font-size:27px;color:#a7b0bc} .progressPanel{ display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center; border-radius:var(--bte-radius);background:#fff;border:1px solid var(--bte-line);padding:42px } .progressPanel h3{font-size:37px;letter-spacing:-.04em;margin:10px 0 18px} .targetLine{height:12px;background:#e7ebef;border-radius:999px;overflow:hidden;margin:26px 0 12px} .targetLine span{display:block;height:100%;width:83%;background:var(--bte-blue);border-radius:inherit} .targetMeta{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .quote{font-size:26px;line-height:1.45;letter-spacing:-.025em;color:#26303c;margin:0} .valuesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .valueCard{min-height:260px;padding:31px} .valueCard h3{font-size:27px;letter-spacing:-.03em;margin:20px 0 10px} .valueCard p{color:#687385;line-height:1.65} .valueIcon{width:42px;height:42px;border-radius:14px;background:#eaf2ff;color:var(--bte-blue);display:grid;place-items:center;font-weight:900} .coachPromo{ display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center; padding:48px;border:1px solid #31363b;border-radius:var(--bte-radius);background:#17191c } .coachPromo h2{margin:10px 0 16px} .coachPromo p{color:#b9c0c9;line-height:1.7} .coachSteps{display:grid;gap:10px} .coachStep{padding:18px 20px;border:1px solid #31363b;border-radius:16px;background:#111} .coachStep b{display:block;color:#fff;margin-bottom:4px} .coachStep span{font-size:13px;color:#aab2bd} .exploreGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .exploreCard{text-decoration:none;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease} .exploreCard:hover{transform:translateY(-3px);box-shadow:var(--bte-shadow);border-color:#bfc7d2} .exploreCard h3{font-size:27px;letter-spacing:-.03em;margin:12px 0} .exploreCard p{color:#687385;line-height:1.55} .exploreCard strong{color:var(--bte-blue);font-size:12px;letter-spacing:.08em;text-transform:uppercase} .footer{background:#111;color:#fff;padding:56px 0 28px} .footerGrid{display:grid;grid-template-columns:1.5fr repeat(3,.65fr);gap:34px} .footerBrand h3{font-size:26px;margin:0 0 12px} .footerBrand p{color:#9fa7b1;max-width:390px;line-height:1.6} .footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#c7cdd5;margin:4px 0 15px} .footer a{display:block;text-decoration:none;color:#9fa7b1;margin:9px 0;font-size:13px} .footer a:hover{color:#fff} .release{border-top:1px solid #2a2e33;margin-top:40px;padding-top:22px;color:#747d88;font-size:10px;letter-spacing:.11em;text-transform:uppercase} /* Dynamic states */ .loading{color:#7b8490} [data-home-session] .value{font-weight:850} .statusPill{ display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef4ff;color:#145cba; font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase } /* Mobile */ @media (max-width:1000px){ .bteMenu{display:inline-flex} .bteNav{ display:none;position:absolute;top:72px;left:0;right:0;margin:0;background:#111; padding:14px 24px 22px;border-top:1px solid #2d3238;flex-direction:column;align-items:stretch } .bteNav.open{display:flex} .bteNav a,.bteDropBtn{text-align:left;width:100%} .bteCoachCta{margin-left:0!important;margin-top:6px} .bteDropPanel{position:static;box-shadow:none;margin:4px 0;background:#15171a} .statGrid{grid-template-columns:repeat(2,1fr)} .projectGrid,.progressPanel,.coachPromo{grid-template-columns:1fr} } @media (max-width:760px){ .wrap{width:min(100% - 30px,var(--bte-max))} .bteHeaderRow{min-height:66px} .bteBrandText strong{font-size:12px}.bteBrandText small{font-size:8px} .hero{min-height:650px} .hero::before{background: linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 65%,rgba(0,0,0,.22) 100%), url("/assets/hero.webp") 63% center/cover no-repeat} .heroInner{padding:78px 0 90px} .heroLead{font-size:17px} .section{padding:58px 0} .sectionHead{display:block}.sectionHead p{margin-top:18px} .statGrid,.flowGrid,.valuesGrid,.exploreGrid,.evidenceGrid{grid-template-columns:1fr} .statCard{min-height:145px} .featureCard,.weatherCard,.flowCard,.valueCard,.progressPanel,.coachPromo{padding:25px} .footerGrid{grid-template-columns:1fr 1fr} .footerBrand{grid-column:1/-1} } @media (max-width:480px){ .wrap{width:min(100% - 24px,var(--bte-max))} .hero h1{font-size:49px} .actions{display:grid} .btn{width:100%} .statGrid{grid-template-columns:1fr 1fr;gap:10px} .statCard{padding:20px;min-height:132px} .statValue{font-size:35px} .footerGrid{grid-template-columns:1fr} .footerBrand{grid-column:auto} } @media (prefers-reduced-motion:reduce){ *{scroll-behavior:auto!important;transition:none!important} } /* V3.2.13 unified footer alias */ .bteFooter{background:#111;color:#fff;padding:56px 0 28px} .bteFooterGrid{display:grid;grid-template-columns:1.5fr repeat(3,.65fr);gap:34px} .bteFooterBrand h3{font-size:26px;margin:0 0 12px}.bteFooterBrand p{color:#9fa7b1;max-width:390px;line-height:1.6} .bteFooter h4{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#c7cdd5;margin:4px 0 15px}.bteFooter a{display:block;text-decoration:none;color:#9fa7b1;margin:9px 0;font-size:13px}.bteFooter a:hover{color:#fff} .bteRelease{border-top:1px solid #2a2e33;margin-top:40px;padding-top:22px;color:#747d88;font-size:10px;letter-spacing:.11em;text-transform:uppercase} @media(max-width:760px){.bteFooterGrid{grid-template-columns:1fr 1fr}.bteFooterBrand{grid-column:1/-1}} @media(max-width:480px){.bteFooterGrid{grid-template-columns:1fr}.bteFooterBrand{grid-column:auto}} /* V3.2.13 canonical header logo */ .bteBrandLogo{display:block;width:auto;height:42px;max-width:290px;object-fit:contain} @media(max-width:760px){.bteBrandLogo{height:34px;max-width:220px}} /* V3.2.13 — parent-link dropdown refinement */ .bteDropHead{display:flex;align-items:center} .bteDropHead>.bteDropLink{padding-right:6px} .bteDropHead>.bteDropBtn{padding:10px 8px 10px 3px;min-width:30px;cursor:pointer;text-align:center} @media(max-width:1000px){ .bteDropHead{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;width:100%} .bteDropHead>.bteDropLink{width:auto;padding-right:8px} .bteDropHead>.bteDropBtn{width:44px;min-width:44px;padding:10px 8px;text-align:center} } /* V3.2.13 nav2 — easier desktop dropdown acquisition */ @media(min-width:1001px){ .bteDropHead{min-height:42px} .bteDropHead>.bteDropLink{padding:11px 7px 11px 11px} .bteDropHead>.bteDropBtn{min-width:38px;min-height:40px;padding:10px 11px 10px 7px;display:inline-flex;align-items:center;justify-content:center} .bteDropPanel{top:100%;margin-top:-2px;min-width:230px;z-index:1200;padding:10px 8px 8px} .bteDropPanel a{padding:11px 12px;min-height:40px;display:flex;align-items:center} } /* V3.4.0 RYOW stripped public architecture */ .ryowHero .heroInner{max-width:760px}.ryowHero h1{font-size:clamp(62px,8vw,112px);line-height:.84}.ryowHero .heroLead{max-width:650px;font-size:20px}.ryowSmallStat{font-size:clamp(24px,3vw,40px)!important;letter-spacing:.02em}.ryowGatewayGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ryowGatewayCard{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border:1px solid #30343a;border-radius:20px;text-decoration:none;color:#fff;overflow:hidden;background:#14171b;isolation:isolate}.ryowGatewayCard::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .35s ease;opacity:.68}.ryowGatewayCard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,9,11,.08),rgba(8,9,11,.92) 72%)}.ryowGatewayCard:hover::before{transform:scale(1.035)}.ryowGatewayCard--rider::before{background-image:url('/assets/images/bio-rider-v3.webp')}.ryowGatewayCard--journey::before{background-image:url('/assets/images/home-carousel/03-blue-cag.webp')}.ryowGatewayCard--coach::before{background-image:url('/assets/images/barassie-rider-pov.jpg')}.ryowGatewayNo{position:absolute;top:22px;right:24px;font-size:12px;letter-spacing:.18em;color:#a9b1ba}.ryowGatewayCard h3{font-size:clamp(28px,3vw,42px);line-height:.95;margin:10px 0 14px}.ryowGatewayCard p{color:#d2d7dd;line-height:1.6;max-width:36ch}.ryowGatewayCard strong{margin-top:22px;color:#64a9ff;letter-spacing:.05em}.ryowManifestoGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.ryowManifesto h2{font-size:clamp(38px,5vw,70px);line-height:.94;margin:16px 0}.ryowManifesto h2 span{color:#64a9ff}.ryowManifestoGrid>div:last-child{font-size:19px;line-height:1.8;color:#d2d7dd}.ryowManifestoGrid>div:last-child p{margin-top:0;margin-bottom:22px}@media(max-width:900px){.ryowGatewayGrid{grid-template-columns:1fr}.ryowGatewayCard{min-height:360px}.ryowManifestoGrid{grid-template-columns:1fr;gap:26px}}@media(max-width:600px){.ryowHero h1{font-size:54px}.ryowGatewayCard{min-height:330px;padding:24px}} /* V3.4.2 Guides restore */ body.ryowBrandHome .exploreGrid{grid-template-columns:repeat(4,1fr)} @media(max-width:1100px){body.ryowBrandHome .exploreGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){body.ryowBrandHome .exploreGrid{grid-template-columns:1fr}} /* --- bte-universal-nav.css --- */ /* Beyond The Edge V3.0 — canonical universal navigation */ :root{ --bte-nav-bg:rgba(5,9,13,.94); --bte-nav-surface:#0d141c; --bte-nav-surface-hover:#141f2a; --bte-nav-line:rgba(255,255,255,.11); --bte-nav-text:#f5f8fb; --bte-nav-muted:#a9b6c2; --bte-nav-accent:#19aef0; } .bteHeader[data-bte-universal-nav="true"]{ position:sticky!important;top:0!important;z-index:5000!important; background:var(--bte-nav-bg)!important; border-bottom:1px solid var(--bte-nav-line)!important; box-shadow:0 10px 34px rgba(0,0,0,.18)!important; backdrop-filter:blur(18px) saturate(125%)!important; -webkit-backdrop-filter:blur(18px) saturate(125%)!important; } .bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{ box-sizing:border-box!important;width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important; margin:0 auto!important;padding:0!important;min-height:84px!important; display:flex!important;align-items:center!important;gap:26px!important; } .bteHeader[data-bte-universal-nav="true"] .bteBrand{ display:flex!important;align-items:center!important;flex:0 0 auto!important; text-decoration:none!important;padding:0!important;margin:0!important;line-height:0!important; } .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{ display:block!important;width:238px!important;height:auto!important;max-width:238px!important; object-fit:contain!important;object-position:left center!important; } .bteHeader[data-bte-universal-nav="true"] .bteNav{ margin-left:auto!important;display:flex!important;align-items:center!important;gap:3px!important;position:relative!important; } .bteHeader[data-bte-universal-nav="true"] .bteNavItem, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn{ box-sizing:border-box!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; gap:7px!important;min-height:44px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:10px!important; background:transparent!important;color:var(--bte-nav-muted)!important;text-decoration:none!important; font:800 11.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap!important;cursor:pointer!important; transition:background .16s ease,color .16s ease,border-color .16s ease!important; } .bteHeader[data-bte-universal-nav="true"] .bteNavItem:hover, .bteHeader[data-bte-universal-nav="true"] .bteNavItem:focus-visible, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn:hover, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn:focus-visible{ background:rgba(255,255,255,.055)!important;color:var(--bte-nav-text)!important;border-color:rgba(255,255,255,.08)!important; outline:2px solid transparent!important;box-shadow:0 0 0 3px rgba(25,174,240,.18)!important; } .bteHeader[data-bte-universal-nav="true"] .bteNavItem.active, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn.active{ background:rgba(25,174,240,.10)!important;color:#fff!important;border-color:rgba(25,174,240,.30)!important; } .bteHeader[data-bte-universal-nav="true"] .bteNavItem.active::after, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn.active::after{ content:""!important;position:absolute!important;left:14px!important;right:14px!important;bottom:-1px!important;height:2px!important; border-radius:2px!important;background:var(--bte-nav-accent)!important; } .bteHeader[data-bte-universal-nav="true"] .bteDrop{position:relative!important;display:block!important} .bteHeader[data-bte-universal-nav="true"] .bteDropBtn span{font-size:.7em!important;opacity:.72!important;transform:translateY(-1px)!important} .bteHeader[data-bte-universal-nav="true"] .bteDropPanel{ display:none!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;min-width:230px!important; padding:8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important; background:rgba(10,16,23,.985)!important;box-shadow:0 24px 60px rgba(0,0,0,.42)!important;z-index:5100!important; } .bteHeader[data-bte-universal-nav="true"] .bteDropPanelRight{left:auto!important;right:0!important} .bteHeader[data-bte-universal-nav="true"] .bteDrop.open>.bteDropPanel, .bteHeader[data-bte-universal-nav="true"] .bteDrop:hover>.bteDropPanel, .bteHeader[data-bte-universal-nav="true"] .bteDrop:focus-within>.bteDropPanel{display:block!important} .bteHeader[data-bte-universal-nav="true"] .bteDropPanel a{ display:flex!important;align-items:center!important;min-height:42px!important;padding:9px 11px!important;border-radius:9px!important; color:#c8d2db!important;background:transparent!important;text-decoration:none!important; font:700 12.5px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.01em!important;text-transform:none!important; } .bteHeader[data-bte-universal-nav="true"] .bteDropPanel a:hover, .bteHeader[data-bte-universal-nav="true"] .bteDropPanel a:focus-visible, .bteHeader[data-bte-universal-nav="true"] .bteDropPanel a.active{ background:var(--bte-nav-surface-hover)!important;color:#fff!important;outline:none!important; } .bteHeader[data-bte-universal-nav="true"] .bteDropPanel a.active{box-shadow:inset 2px 0 0 var(--bte-nav-accent)!important} .bteHeader[data-bte-universal-nav="true"] .bteMenu{ display:none!important;margin-left:auto!important;min-width:48px!important;min-height:44px!important;padding:0 13px!important; border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#fff!important; font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.12em!important;cursor:pointer!important; } .bteHeader[data-bte-universal-nav="true"] .bteMenu:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(25,174,240,.24)!important} @media(max-width:1000px){ .bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{width:min(100% - 32px,1280px)!important;min-height:74px!important;gap:14px!important} .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{width:215px!important;max-width:215px!important} .bteHeader[data-bte-universal-nav="true"] .bteMenu{display:inline-flex!important;align-items:center!important;justify-content:center!important} .bteHeader[data-bte-universal-nav="true"] .bteNav{ display:none!important;position:absolute!important;top:74px!important;left:0!important;right:0!important;margin:0!important;padding:12px 16px 18px!important; background:#070b10!important;border-top:1px solid rgba(255,255,255,.09)!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important; box-shadow:0 22px 44px rgba(0,0,0,.36)!important; } .bteHeader[data-bte-universal-nav="true"] .bteNav.open{display:flex!important} .bteHeader[data-bte-universal-nav="true"] .bteNavItem,.bteHeader[data-bte-universal-nav="true"] .bteDropBtn{justify-content:flex-start!important;width:100%!important;padding:0 12px!important} .bteHeader[data-bte-universal-nav="true"] .bteNavItem.active::after,.bteHeader[data-bte-universal-nav="true"] .bteDropBtn.active::after{left:0!important;right:auto!important;top:10px!important;bottom:10px!important;width:2px!important;height:auto!important} .bteHeader[data-bte-universal-nav="true"] .bteDropPanel,.bteHeader[data-bte-universal-nav="true"] .bteDropPanelRight{ position:static!important;display:none!important;min-width:0!important;margin:3px 0 8px 12px!important;padding:5px!important;border-radius:10px!important;box-shadow:none!important;background:#0d141c!important; } .bteHeader[data-bte-universal-nav="true"] .bteDrop.open>.bteDropPanel{display:block!important} .bteHeader[data-bte-universal-nav="true"] .bteDrop:hover>.bteDropPanel{display:none!important} .bteHeader[data-bte-universal-nav="true"] .bteDrop.open:hover>.bteDropPanel{display:block!important} } @media(max-width:560px){ .bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{width:calc(100% - 24px)!important;min-height:66px!important} .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{width:182px!important;max-width:182px!important} .bteHeader[data-bte-universal-nav="true"] .bteNav{top:66px!important;padding-left:12px!important;padding-right:12px!important} } /* --- bte-production-system.css --- */ /* Beyond The Edge V3.0 — canonical production shell */ :root{ --bte-shell:#05090d; --bte-shell-2:#08111a; --bte-footer:#07121b; --bte-footer-line:#20313f; --bte-footer-text:#edf4f8; --bte-footer-muted:#9fb0bd; --bte-accent:#19aef0; --bte-focus:0 0 0 3px rgba(25,174,240,.28); } ::selection{background:rgba(25,174,240,.28);color:inherit} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid transparent!important;box-shadow:var(--bte-focus)!important} .page-hero{color:#fff} .page-hero h1,.page-hero h2,.page-hero .eyebrow,.page-hero .page-hero__intro{color:#fff!important;opacity:1!important} .page-hero .page-hero__intro{color:#d7e3ea!important} .bteFooter.bteFooter--production{ display:block!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,#08131d 0%,#061019 100%)!important; color:var(--bte-footer-text)!important;border-top:1px solid var(--bte-footer-line)!important;font-family:inherit!important; } .bteFooter--production .wrap{width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important} .bteFooter--production .bteFooterGrid--production{ display:grid!important;grid-template-columns:minmax(320px,1.45fr) minmax(170px,.5fr) minmax(170px,.5fr)!important; gap:clamp(32px,6vw,82px)!important;align-items:start!important;padding-top:48px!important;padding-bottom:38px!important; } .bteFooter--production .bteFooterBrand--production{display:block!important;min-width:0!important} .bteFooter--production .bteFooterLogoLink{display:inline-block!important;line-height:0!important;text-decoration:none!important;background:transparent!important} .bteFooter--production .bteFooterLogo{ display:block!important;width:min(100%,350px)!important;height:auto!important;max-height:108px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important; } .bteFooter--production .bteFooterBrand p{ margin:16px 0 0!important;max-width:560px!important;color:#c4d0d9!important;font-size:1rem!important;line-height:1.65!important;opacity:1!important; } .bteFooter--production .bteFooterCol{display:grid!important;gap:8px!important;align-content:start!important} .bteFooter--production h4{ margin:0 0 10px!important;color:#fff!important;font-size:.71rem!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase!important; } .bteFooter--production a{ color:var(--bte-footer-muted)!important;text-decoration:none!important;font-size:.93rem!important;line-height:1.35!important;opacity:1!important;padding:3px 0!important; } .bteFooter--production a:hover{color:#fff!important;text-decoration:none!important} .bteFooter--production .bteRelease--production{ border-top:1px solid var(--bte-footer-line)!important;padding-top:18px!important;padding-bottom:22px!important;color:#6f8798!important; font-size:.66rem!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important; } @media(max-width:820px){ .bteFooter--production .wrap{width:min(100% - 36px,1280px)!important} .bteFooter--production .bteFooterGrid--production{grid-template-columns:1fr 1fr!important;gap:28px!important;padding-top:40px!important} .bteFooter--production .bteFooterBrand--production{grid-column:1/-1!important} .bteFooter--production .bteFooterLogo{width:min(100%,320px)!important} } @media(max-width:560px){ .bteFooter--production .wrap{width:calc(100% - 28px)!important} .bteFooter--production .bteFooterGrid--production{grid-template-columns:1fr!important;padding-top:34px!important;padding-bottom:30px!important} .bteFooter--production .bteFooterBrand--production{grid-column:auto!important} .bteFooter--production .bteFooterLogo{width:min(100%,285px)!important} .bteFooter--production .bteFooterBrand p{font-size:.96rem!important} .bteFooter--production .bteRelease--production{font-size:.62rem!important;line-height:1.55!important} } /* --- bte-utility-ux99.css --- */ /* BTE V3.0 — final utility-page visual alignment. */ body.bte-utility-page{background:#08111a;color:#edf3f7} body.bte-utility-page .page-container{min-height:0} body.bte-utility-page .bte-page-intro{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(58px,7vw,92px) 0 34px} body.bte-utility-page .bte-page-title{max-width:13ch;margin:.2rem 0 .8rem;color:#fff;font-size:clamp(2.5rem,5.8vw,5.6rem);line-height:.9;letter-spacing:-.05em;text-wrap:balance} body.bte-utility-page .bte-page-deck{max-width:68ch;color:#b8c8d5;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65} body.bte-utility-page .bte-section-kicker{color:#67d8ff;font-size:.74rem;font-weight:900;letter-spacing:.14em} body.bte-utility-page main,body.bte-utility-page .bte-setup-onboarding{scroll-margin-top:90px} body.bte-utility-page :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #63d8ff!important;outline-offset:3px!important;box-shadow:none!important} body.bte-utility-page .bloc{background:transparent} body.bte-utility-page .bte-safety-strip,body.bte-utility-page .bte-onboarding-card,body.bte-utility-page .bte-weather-card{border-radius:18px} body.bte-utility-page details{scroll-margin-top:100px} body.bte-utility-page .table-responsive{border-radius:12px} @media(max-width:700px){body.bte-utility-page .bte-page-intro{width:min(100% - 24px,1180px);padding:46px 0 26px}body.bte-utility-page .bte-page-title{font-size:clamp(2.3rem,12vw,4.2rem)}} @media(prefers-reduced-motion:reduce){body.bte-utility-page *,body.bte-utility-page *::before,body.bte-utility-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* R28.2 · approved brand mark for utility-shell pages */ .bteHeader[data-bte-universal-nav="true"]{background:#010c18!important;} .bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{min-height:88px!important;} .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{width:272px!important;max-width:272px!important;height:81px!important;object-fit:cover!important;object-position:center!important;} .bteFooter.bteFooter--production{background:#010c18!important;} .bteFooter--production .bteFooterLogo{width:min(100%,390px)!important;max-height:145px!important;object-fit:contain!important;object-position:left center!important;} @media(max-width:1000px){.bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{min-height:80px!important}.bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{width:238px!important;max-width:238px!important;height:71px!important}.bteHeader[data-bte-universal-nav="true"] .bteNav{top:80px!important}} @media(max-width:560px){.bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{min-height:70px!important}.bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{width:202px!important;max-width:202px!important;height:60px!important}.bteHeader[data-bte-universal-nav="true"] .bteNav{top:70px!important}.bteFooter--production .bteFooterLogo{width:min(100%,310px)!important}} /* /assets/css/bte-r31-best-class.css */ /* Beyond The Edge R31 · Best-of-Class visual system */ :root{ --r31-midnight:#06111c; --r31-midnight-2:#091827; --r31-ink:#0a1724; --r31-surface:#0f2030; --r31-surface-2:#13293b; --r31-paper:#f4f7fb; --r31-paper-2:#edf3f8; --r31-white:#f8fbff; --r31-text:#0a1a28; --r31-muted:#617386; --r31-muted-dark:#adc0cf; --r31-line:#d9e5ee; --r31-line-dark:rgba(155,195,222,.18); --r31-cyan:#26d9ff; --r31-cobalt:#176bff; --r31-violet:#8c62ff; --r31-lime:#a9ef49; --r31-amber:#ffb44f; --r31-coral:#ff6f67; --r31-edge:linear-gradient(90deg,var(--r31-cyan) 0%,var(--r31-cobalt) 52%,var(--r31-violet) 100%); --r31-edge-soft:linear-gradient(90deg,rgba(38,217,255,.16),rgba(23,107,255,.10),rgba(140,98,255,.12)); --r31-shadow:0 18px 48px rgba(10,31,48,.10); --r31-shadow-dark:0 22px 58px rgba(0,0,0,.28); --r31-radius:20px; --r31-radius-sm:14px; } html{scroll-behavior:smooth} body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility} ::selection{background:rgba(38,217,255,.26);color:inherit} /* Signature navigation */ .bteHeader[data-bte-universal-nav="true"]{ background:rgba(3,13,23,.96)!important; border-bottom:1px solid rgba(38,217,255,.12)!important; box-shadow:0 14px 34px rgba(0,0,0,.22)!important; } .bteHeader[data-bte-universal-nav="true"]::after{ content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--r31-edge);opacity:.8;pointer-events:none; } .bteHeader[data-bte-universal-nav="true"] .bteNavItem.active, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn.active{ background:linear-gradient(135deg,rgba(38,217,255,.13),rgba(23,107,255,.11),rgba(140,98,255,.10))!important; border-color:rgba(38,217,255,.24)!important;color:#fff!important; } .bteHeader[data-bte-universal-nav="true"] .bteNavItem.active::after, .bteHeader[data-bte-universal-nav="true"] .bteDropBtn.active::after{background:var(--r31-edge)!important;height:3px!important} .bteHeader[data-bte-universal-nav="true"] .bteDropPanel{border-color:rgba(38,217,255,.13)!important;background:rgba(5,18,29,.985)!important} .bteHeader[data-bte-universal-nav="true"] .bteDropPanel a.active{box-shadow:inset 3px 0 0 var(--r31-cyan)!important} /* Universal typography hierarchy */ .bte-section-kicker,.bte-card-kicker,.kicker,.jp-kicker,.fusion-kicker,.bteSeasonKicker,.bte-explorer-kicker, .bteGuideGroup>span,.bteGuideSection .eyebrow,.page-hero .eyebrow{ color:var(--r31-cobalt)!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase!important; } body.jp-page .jp-kicker,body.jp-page .jp-card-head span,body.jp-page .jp-result-top>span, body.jp-page .jp-chart-head span,body.jp-page .jp-coach-card>span,body.jp-page .jp-method-head>span, .bteSeasonKicker,.fusion-kicker{color:var(--r31-cyan)!important} /* Deep legacy pages now defer to the new hubs: remove the old four-step rail */ body.bte-plan-page .bte-session-workspace, body.bte-progress-page .bte-session-workspace, body.bte-explorer-page .bte-session-workspace, body[data-page="performance-report"] .bte-session-workspace{display:none!important} /* Hub handoff = compact orientation, not a giant banner */ .bteHubHandoff{ max-width:1180px!important;margin:24px auto 26px!important;padding:14px 18px!important; border:1px solid rgba(38,217,255,.20)!important;border-radius:16px!important; background:linear-gradient(115deg,rgba(7,25,38,.98),rgba(8,31,48,.96) 60%,rgba(18,35,58,.96))!important; box-shadow:0 12px 28px rgba(5,18,30,.12)!important;position:relative;overflow:hidden; } .bteHubHandoff::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--r31-edge)} .bteHubHandoff span{color:var(--r31-cyan)!important}.bteHubHandoff strong{color:#f6fbff!important}.bteHubHandoff a{color:#b7efff!important} /* Fix vertical rhythm on PLAN and other legacy deep views */ body.bte-plan-page #bte-next-brief-slot{margin:0 auto 0!important;padding:0 24px!important} body.bte-plan-page .bte-next-brief{margin:0 auto 38px!important;max-width:1640px!important;padding:24px 28px!important;border-radius:20px!important} body.bte-plan-page .page-container{margin-top:0!important} body.bte-plan-page .bte-page-intro{padding-top:26px!important;padding-bottom:14px!important} body.bte-plan-page .bte-page-title{margin-top:8px!important;margin-bottom:12px!important} body.bte-plan-page .bloc-lg{padding-top:26px!important} /* Coach panel signature */ .bte-next-brief{ background:radial-gradient(circle at 0 0,rgba(38,217,255,.12),transparent 34%),linear-gradient(140deg,#091b2a 0%,#0a2636 58%,#0b1727 100%)!important; border:1px solid rgba(38,217,255,.24)!important;box-shadow:var(--r31-shadow-dark)!important;color:#fff!important; } .bte-next-brief::after{content:"";display:block;height:3px;border-radius:999px;background:var(--r31-edge);margin-top:18px;opacity:.9} .bte-next-brief h2{font-size:clamp(1.35rem,2vw,1.85rem)!important;color:#fff!important} .bte-next-brief p{color:#cbd8e3!important;font-size:1rem!important} .bte-next-brief-grid div{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important} .bte-next-brief-grid span{color:var(--r31-cyan)!important}.bte-next-brief-grid strong{color:#f8fbff!important} /* Light public surfaces */ body.bte-public-page,body.bte-session-page{background:linear-gradient(180deg,#f7f9fc 0%,#f2f6fa 100%)!important;color:var(--r31-text)} body.bte-public-page main,body.bte-session-page main{background:transparent} body.bte-public-page .page-hero:not(.page-hero--media){background:linear-gradient(145deg,#071826 0%,#0b2840 58%,#0c1830 100%)!important} body.bte-public-page .page-hero:not(.page-hero--media)::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--r31-edge);opacity:.9} .page-hero h1,.bte-page-title{letter-spacing:-.045em!important} /* Light cards: crisp, useful, not pastel */ body.bte-public-page :is(.status-card,.media-panel,.metric-card,.manifesto-block,.grid>article,.card), body.bte-session-page :is(.bte-data-card,.bte-method-card,.bte-support-box,.bte-onboarding-card,.lab-card,.bte-evidence-card,.bte-result-card,.bte-next-card){ border-color:rgba(22,65,96,.12)!important;box-shadow:0 10px 28px rgba(18,46,67,.065)!important; } body.bte-public-page :is(.media-panel,.status-card),body.bte-session-page :is(.bte-data-card,.bte-method-card,.bte-support-box){border-radius:18px!important} /* Dark workspaces use the same identity */ body.jp-page,body.bte-season-page,.fusion-page{--jp-cyan:var(--r31-cyan);--jp-violet:var(--r31-violet);--jp-lime:var(--r31-lime);--jp-amber:var(--r31-amber)} body.jp-page .jp-hero,body.bte-season-page .bteSeasonHero{ background:radial-gradient(circle at 82% 8%,rgba(140,98,255,.12),transparent 28%),radial-gradient(circle at 14% 0,rgba(38,217,255,.10),transparent 30%),linear-gradient(180deg,#06111c,#081722)!important; } body.jp-page .jp-model-card,.bteSeasonRole{border-color:rgba(38,217,255,.24)!important;background:linear-gradient(135deg,rgba(38,217,255,.075),rgba(23,107,255,.045),rgba(140,98,255,.065))!important} /* Big Air Lab tabs = memorable signature control */ .bte-lab-tabs,.bteSeasonTabs{ border:1px solid rgba(38,217,255,.16)!important;background:#081624!important;padding:6px!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(0,0,0,.15)!important; } .bte-lab-tab,.bteSeasonTabs button{position:relative!important;overflow:hidden!important;color:#9fb3c2!important;border-radius:11px!important;transition:.18s ease!important} .bte-lab-tab:hover,.bteSeasonTabs button:hover{color:#fff!important;background:rgba(255,255,255,.045)!important} .bte-lab-tab.is-active,.bte-lab-tab[aria-selected="true"],.bteSeasonTabs button.is-active,.bteSeasonTabs button[aria-selected="true"]{ color:#fff!important;background:linear-gradient(135deg,rgba(38,217,255,.18),rgba(23,107,255,.16),rgba(140,98,255,.14))!important; box-shadow:inset 0 0 0 1px rgba(38,217,255,.22)!important; } .bte-lab-tab.is-active::after,.bte-lab-tab[aria-selected="true"]::after,.bteSeasonTabs button.is-active::after,.bteSeasonTabs button[aria-selected="true"]::after{ content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--r31-edge);border-radius:999px; } /* Big Air Lab cards */ body.jp-page :is(.jp-input-card,.jp-result-card,.jp-chart-card,.jp-delta-card,.jp-coach-card,.bte-lab-embed-panel){ border-color:rgba(117,175,212,.17)!important;border-radius:20px!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important; } body.jp-page .jp-result-card{background:radial-gradient(circle at 85% 0,rgba(38,217,255,.13),transparent 30%),linear-gradient(160deg,#0d2131,#0a1723 65%,#0c1423)!important} body.jp-page .jp-goal-fill{background:var(--r31-edge)!important} body.jp-page .jp-goal-track i{background:var(--r31-violet)!important} /* Season Intelligence */ .bteSeasonSnapshot article,.bteSeasonJobs a,.bteSeasonHandoff,.bteSeasonPanelHead{ border-color:rgba(92,155,195,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.10)!important; } .bteSeasonJobs a{transition:transform .18s ease,border-color .18s ease,background .18s ease!important} .bteSeasonJobs a:hover{transform:translateY(-2px);border-color:rgba(38,217,255,.34)!important;background:linear-gradient(145deg,rgba(38,217,255,.055),rgba(140,98,255,.035))!important} .bteSeasonJobs a>span{color:var(--r31-cyan)!important} /* Semantic performance colours */ .text-success,.is-good,.status-good{color:#398c18!important} body.jp-page .text-success,body.bte-season-page .text-success,.fusion-page .text-success{color:var(--r31-lime)!important} .text-warning,.is-warning{color:#a45d00!important}.text-danger,.is-danger{color:#b63f39!important} body.jp-page .text-warning,body.bte-season-page .text-warning{color:var(--r31-amber)!important} body.jp-page .text-danger,body.bte-season-page .text-danger{color:var(--r31-coral)!important} /* Buttons and calls to action */ .btnPrimary,.service-button,.btn-d:not(.btn-outline-danger),.bte-button-primary,.jp-primary-action{ background:linear-gradient(135deg,var(--r31-cobalt),#0e8fff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 22px rgba(23,107,255,.22)!important; } .btnPrimary:hover,.service-button:hover,.btn-d:not(.btn-outline-danger):hover,.bte-button-primary:hover,.jp-primary-action:hover{filter:brightness(1.06);transform:translateY(-1px)} /* Signature metric bars */ progress::-webkit-progress-value{background:var(--r31-edge)} progress::-moz-progress-bar{background:var(--r31-edge)} /* Footer */ .bteFooter.bteFooter--production{background:linear-gradient(180deg,#06111c,#030b12)!important;border-top-color:rgba(38,217,255,.13)!important;position:relative} .bteFooter.bteFooter--production::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--r31-edge);opacity:.78} .bteFooter--production h4{color:var(--r31-cyan)!important} .bteFooter--production a:hover{color:var(--r31-cyan)!important} /* Home identity */ body.ryowBrandHome .ryowHero h1 span,body.ryowBrandHome .ryowManifesto h2 span{background:var(--r31-edge);-webkit-background-clip:text;background-clip:text;color:transparent!important} body.ryowBrandHome .ryowLatestStatus::before{background:var(--r31-cyan)!important;box-shadow:0 0 0 5px rgba(38,217,255,.10)!important} body.ryowBrandHome .ryowLatestPanel{background:radial-gradient(circle at 90% 0,rgba(140,98,255,.11),transparent 24%),linear-gradient(145deg,#07131d,#0a2030 62%,#0d1930)!important} body.ryowBrandHome .ryowGatewayCard strong{color:#b9f1ff!important} /* Public card accent details */ body.bte-public-page .template-stack>section>h2::after, body.bte-public-page .template-stack>h2::after{content:"";display:block;width:68px;height:4px;margin-top:14px;border-radius:999px;background:var(--r31-edge)} /* Better dark-panel text contrast site-wide */ :is(.fusion-page,.jp-page,.bte-season-page,.bte-next-brief,.bteFooter--production) :is(p,small,.muted,.caption,.meta){opacity:1} :is(.fusion-page,.jp-page,.bte-season-page) :is(p,.muted,.caption){color:var(--r31-muted-dark)} /* Desktop polish */ @media(min-width:961px){ .bteHubHandoff{width:min(1180px,calc(100% - 72px))!important} body.bte-plan-page .bte-page-intro{max-width:1640px!important;margin-left:auto!important;margin-right:auto!important;padding-left:36px!important;padding-right:36px!important} } @media(max-width:760px){ .bteHubHandoff{margin:14px 14px 22px!important;padding:14px 16px!important} body.bte-plan-page #bte-next-brief-slot{padding:0 14px!important} body.bte-plan-page .bte-next-brief{margin-bottom:28px!important;padding:20px 18px!important} .bte-next-brief::after{margin-top:14px} .bte-lab-tabs,.bteSeasonTabs{overflow-x:auto;max-width:100%;scrollbar-width:none} .bte-lab-tabs::-webkit-scrollbar,.bteSeasonTabs::-webkit-scrollbar{display:none} } /* R31 deep-route simplification */ body[data-page="review"] .bte-session-workspace, body[data-page="performance-report"] .bte-session-workspace{display:none!important} body[data-page="review"] .bteHubHandoff, body[data-page="performance-report"] .bteHubHandoff{margin-top:24px!important} /* /assets/css/bte-r31-1-typography.css */ /* Beyond The Edge R31.1 · Typography & CSS Stabilisation Loaded last on all public pages. Text hierarchy is colour-driven, never opacity-driven. */ :root{ --bte-text-light-primary:#0b1d2b; --bte-text-light-secondary:#4f6678; --bte-text-light-muted:#5c7080; --bte-text-dark-primary:#f5f9ff; --bte-text-dark-secondary:#c2d0dd; --bte-text-dark-muted:#9eb2c5; --bte-text-accent:#26d9ff; --bte-label-min:12px; --bte-meta-min:13px; --bte-body-min:15px; } /* Baseline readability. Preserve display typography; stabilise reading text. */ html{font-size:16px} body{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} main :where(p,li,dd,dt,blockquote){line-height:1.55} main :where(small){font-size:var(--bte-meta-min)!important;line-height:1.42!important;opacity:1!important} main :where(label,legend){font-size:var(--bte-meta-min)!important;line-height:1.35!important;opacity:1!important} /* Semantic text classes: hierarchy comes from explicit colour, not alpha. */ main :where(.muted,.caption,.meta,.helper,.supporting-copy,.supporting,.subcopy,.secondary-copy, [class$="-meta"],[class$="-caption"],[class$="-helper"],[class$="-source"],[class$="-trust"],[class$="-foot"], [class*="-meta "],[class*="-caption "],[class*="-helper "],[class*="-source "],[class*="-trust "],[class*="-foot "]){ opacity:1!important;font-size:var(--bte-meta-min)!important;line-height:1.45!important; } main :where(.kicker,.eyebrow,[class$="-kicker"],[class$="-eyebrow"],[class*="-kicker "],[class*="-eyebrow "]){ opacity:1!important;font-size:var(--bte-label-min)!important;line-height:1.25!important; } /* Light-surface text contract. */ body.bte-public-page main,body.bte-session-page main,body.bte-utility-page main, body[data-page="review"] main,.bte-session-command,.bte-command-result,.bte-command-outcome, .bte-review-kpi,.bte-command-context,.bte-review-sessions,.bte-review-tools{ --bte-surface-primary:var(--bte-text-light-primary); --bte-surface-secondary:var(--bte-text-light-secondary); --bte-surface-muted:var(--bte-text-light-muted); } body.bte-public-page main :where(p,.muted,.caption,.meta,small), body.bte-session-page main :where(p,.muted,.caption,.meta,small), body.bte-utility-page main :where(p,.muted,.caption,.meta,small){color:var(--bte-surface-secondary);opacity:1} /* Dark-surface text contract. */ :is(body.jp-page,body.bte-season-page,body[data-page="fusion"],body[data-page="performance-report"]) main, :is(.bte-next-brief,.bte-review-hero,.bte-command-score,.bte-command-coach,.bte-intelligence,.bteFooter--production,.page-hero:not(.page-hero--media)){ --bte-surface-primary:var(--bte-text-dark-primary); --bte-surface-secondary:var(--bte-text-dark-secondary); --bte-surface-muted:var(--bte-text-dark-muted); } :is(body.jp-page,body.bte-season-page,body[data-page="fusion"],body[data-page="performance-report"]) main :where(p,small,.muted,.caption,.meta), :is(.bte-next-brief,.bte-review-hero,.bte-command-score,.bte-command-coach,.bte-intelligence,.bteFooter--production,.page-hero:not(.page-hero--media)) :where(p,small,.muted,.caption,.meta){ color:var(--bte-surface-secondary)!important;opacity:1!important; } /* Never dim informative UI copy. Disabled controls/decorative graphics keep their own opacity. */ main :where(.bte-build-version,.bte-cal-metric>span,.bte-cal-metric small,.bte-calibration-grid span, .bte-journey-nav .nav-link.is-complete .bte-stage-index){opacity:1!important} /* ---------- Big Air Lab / Jump Predictor ---------- */ body.jp-page :where(.jp-kicker,.jp-card-head span,.jp-result-top>span,.jp-chart-head span,.jp-coach-card>span,.jp-method-head>span, .jp-model-card>span,.jp-confidence,.jp-output-grid span,.jp-replay-kpis span,.jp-benchmark-grid span, .jp-best-fingerprint>div:first-child span,.jp-best-metrics span){font-size:12px!important;opacity:1!important;color:#a9bfd0!important} body.jp-page :where(.jp-trust-line span,.jp-tabs button,.jp-link-button,.jp-goal-labels,.jp-why summary,.jp-chart-legend, .jp-delta-row>span){font-size:12px!important;opacity:1!important;color:#adbfcd!important} body.jp-page :where(.jp-form-grid label,.jp-replay-head label,.jp-range-row small,.jp-check,.jp-output-grid small, .jp-replay-kpis small,.jp-delta-card>.jp-card-head small,.jp-replay-trust,.jp-benchmark-grid small){font-size:13px!important;opacity:1!important;color:#9fb3c4!important} body.jp-page :where(.jp-context-strip span){font-size:12px!important;color:#94aabd!important;opacity:1!important} body.jp-page :where(.jp-context-strip strong){font-size:13px!important;color:#e7f0f7!important} body.jp-page .jp-why div{font-size:14px!important;color:#bfd0dc!important} body.jp-page .jp-model-warning{font-size:13px!important;color:#a1b5c5!important} body.jp-page .jp-chart-read{font-size:14px!important;color:#c0d0dc!important} body.jp-page .jp-method-grid strong{font-size:13px!important;color:#edf5fb!important} body.jp-page .jp-method-grid p{font-size:14px!important;color:#acbfce!important} body.jp-page .jp-best-fingerprint>div:first-child strong{font-size:13px!important;color:#dbe6ee!important} body.jp-page .jp-best-metrics small,body.jp-page .jp-delta-row strong small{font-size:12px!important;color:#9eb2c4!important;opacity:1!important} /* ---------- Fusion / Season Intelligence deep intelligence ---------- */ body[data-page="fusion"] :where(.fusion-kicker,.fusion-eyebrow,.fusion-coach-card>span,.ring-copy span,.fusion-status-line span, .fusion-kpi-grid span,.fusion-strip-label span,.fusion-top-session>span,.fusion-lever-top span){font-size:12px!important;opacity:1!important;color:#a8bdd0!important} body[data-page="fusion"] :where(.ring-copy small,.fusion-target-card>p,.fusion-kpi-grid small,.fusion-panel-head p,.fusion-panel-head small, .fusion-section-title p,.fusion-selected-session span,.fusion-strip-label small,.fusion-finger-row small,.fusion-lever small, .fusion-list-row small,.fusion-empty,.fusion-top-session small,.fusion-trust){font-size:13px!important;opacity:1!important;color:#b8c8d8!important;line-height:1.45!important} body[data-page="fusion"] .fusion-chart-legend{font-size:13px!important;color:#b8c8d8!important} body[data-page="fusion"] .fusion-grid-label{font-size:12px!important;fill:#a8bdd0!important} body[data-page="fusion"] .radar-label{font-size:12px!important;fill:#e0e9f3!important} body[data-page="fusion"] .radar-value{font-size:11px!important;fill:#a8bdd0!important} body[data-page="fusion"] .fusion-finger-row>span{font-size:13px!important;color:#eef5ff!important} body[data-page="fusion"] .fusion-lever-top strong{font-size:14px!important;color:#eef5ff!important} body[data-page="fusion"] .fusion-arrow{font-size:11px!important;color:#a8bdd0!important} body[data-page="fusion"] .fusion-relationship-note strong,body[data-page="fusion"] .fusion-relationship-note span{font-size:13px!important} body[data-page="fusion"] .fusion-relationship-note{background:rgba(255,255,255,.045)!important;border-left-color:#7da1b9!important} body[data-page="fusion"] .fusion-top-session{ background:linear-gradient(165deg,rgba(19,33,55,.98),rgba(11,20,35,.98))!important; border-color:rgba(157,183,216,.24)!important;color:#f5f9ff!important; } body[data-page="fusion"] .fusion-top-session strong{color:#f8fbff!important} body[data-page="fusion"] .fusion-context-grid .fusion-panel{height:auto!important;min-height:0!important;align-self:start!important} body[data-page="fusion"] .fusion-context-grid{align-items:start!important} /* ---------- Review ---------- */ body[data-page="review"] :where(.bte-review-primary,.bte-review-secondary,.bte-review-owner a){font-size:12px!important} body[data-page="review"] :where(.bte-review-hero-target span,.bte-command-score span,.bte-command-prediction span,.bte-command-next span, .bte-command-context span,.bte-review-kpi span,.bte-review-session-id,.bte-review-session-best span, .bte-review-session-metrics span,.bte-review-session-focus span,.bte-command-delta span,.bte-review-report-hub>span, .bte-session-workspace span,.bte-intel-target-head>span,.bte-intel-signal-top>span){font-size:12px!important;opacity:1!important} body[data-page="review"] :where(.bte-review-hero-target small,.bte-review-kpi small,.bte-command-context small,.bte-command-next small, .bte-review-report-hub a small,.bte-session-workspace small,.bte-intel-signal-top small,.bte-intel-target-foot span){font-size:13px!important;opacity:1!important} body[data-page="review"] .bte-review-report-hub a span{font-size:12px!important} body[data-page="review"] .bte-review-report-hub>span{color:#9fb5c8!important} body[data-page="review"] .bte-review-report-hub a small{color:#a9bdcd!important} body[data-page="review"] .bte-command-score span,body[data-page="review"] .bte-command-coach :where(p,small),body[data-page="review"] .bte-intelligence :where(p,small){color:#b8cad9!important} /* ---------- Performance Report / Jump Mechanics ---------- */ body[data-page="performance-report"] :where(.r22-rel-stats span,.r22-execution-badge span,.r241-story-answer>span,.r241-story-coach>span,.r241-story-stats span, .bte-report-final-copy span,.bte-sector-summary span,.bte-target-card-head span,.bte-wind-corr-stat span,.bte-coach-confidence-badge span,.bte-height-benchmark span){ font-size:12px!important;opacity:1!important;color:#a8bdd0!important; } body[data-page="performance-report"] :where(.r23-metric-row em,.r25-compare-label strong,.r26-context-strip span,.r26-stage-tag small, .r26-phase-metric span,.r26-flight-metric span,.r26-phase-metric small,.r26-flight-metric small,.r26-foot-badge,.r26-phase-note, .r26-gauge-label,.r26-gauge small,.r26-evidence-caption,.r27-evidence-strip,.r27-evidence-strip strong,.r27-band-card .r25-compare-label strong, .r27-band-meta,.r27-band-meta strong,.r27-band-meta em){font-size:12px!important;opacity:1!important} body[data-page="performance-report"] .r25-compare-foot{font-size:11px!important;color:#9db2c5!important} body[data-page="performance-report"] .r26-context-strip span,body[data-page="performance-report"] .r27-band-meta{color:#9eb6cb!important} body[data-page="performance-report"] .r26-context-strip small{font-size:12px!important;color:#aec1d2!important;opacity:1!important} body[data-page="performance-report"] .r26-stage-tag small,body[data-page="performance-report"] .r26-phase-note span{color:#c7d5e2!important} body[data-page="performance-report"] .r26-phase-metric small,body[data-page="performance-report"] .r26-flight-metric small{color:#b3c4d4!important} body[data-page="performance-report"] .r26-evidence-caption,body[data-page="performance-report"] .r27-evidence-strip{color:#a9bdd0!important} body[data-page="performance-report"] .r27-band-meta strong{color:#d7e5f1!important} body[data-page="performance-report"] .r27-band-meta em{color:#f5f9ff!important} /* ---------- PLAN / Rider Setup / Weather / Utility pages ---------- */ :where(.bte-plan-page,.bte-progress-page,.bte-utility-page) :where(.bte-weather-best span,.bte-weather-refresh,.bte-weather-mode, .bte-weather-geometry,.bte-advanced-label,.bte-signal span,.bte-lookback-card span,.bte-cal-metric>span,.bte-calibration-grid span){ font-size:12px!important;opacity:1!important; } :where(.bte-plan-page,.bte-progress-page,.bte-utility-page) :where(.bte-weather-best small,.bte-cal-metric small,.bte-lookback-card small){ font-size:13px!important;opacity:1!important;color:#5c7080!important; } .bte-build-version{opacity:1!important;color:#8ea3b5!important;font-size:12px!important} /* ---------- Public charts / recovery / session evidence ---------- */ body.bte-public-page main :where(.histogram__label,.mini-chart__bar span,.coach-progression__ride small,.coach-progression__legend, .hardware-track em,.recovery-chart__top-readout span,.recovery-chart__top-readout strong,.recovery-chart__top-readout b, .recovery-live-chart__hardware-title span,.recovery-live-chart__legend,.recovery-live-chart__range-label span, .recovery-live-chart__metrics span,.latest-distribution__flag,.latest-distribution__label,.big-air-read__item span, .detail-fact span,.metric-live__source,.public-session-chart .public-wind-delta,.public-session-row-core span small, .session-evidence-visual__badge){font-size:11px!important;opacity:1!important} /* Footer and navigation metadata remain compact but readable. */ .bteFooter--production :where(small,.bteRelease--production){font-size:12px!important;opacity:1!important;color:#a9bdcd!important} .bteHeader[data-bte-universal-nav="true"] :where(.bteNavItem,.bteDropBtn,.bteDropPanel a){opacity:1!important} /* Hover/focus must never remove readable text. */ a:hover,a:focus-visible,button:hover,button:focus-visible{text-decoration-thickness:auto} main :where(a,button,[role="button"]):focus-visible{outline:3px solid rgba(38,217,255,.55)!important;outline-offset:3px!important} /* Mobile: keep labels readable; allow layout to reflow instead of shrinking type. */ @media(max-width:760px){ main :where(small,label,legend){font-size:13px!important} .bte-lab-tab,.bteSeasonTabs button,body.jp-page .jp-tabs button{font-size:12px!important;white-space:nowrap} body[data-page="performance-report"] .r26-context-strip{grid-template-columns:1fr 1fr!important} body[data-page="performance-report"] .r26-context-strip>div{min-width:0} } /* R31.1 coverage extension: catch legacy naming variants without shrinking larger copy. */ main{--bte-surface-primary:var(--bte-text-light-primary);--bte-surface-secondary:var(--bte-text-light-secondary);--bte-surface-muted:var(--bte-text-light-muted)} main :where(.muted,.caption,.meta,.helper,[class$="-meta"],[class*="-meta "],[class$="-caption"],[class*="-caption "], [class$="-helper"],[class*="-helper "],[class$="-source"],[class*="-source "],[class$="-trust"],[class*="-trust "],[class$="-foot"],[class*="-foot "]){ color:var(--bte-surface-secondary)!important; } main :where([class$="-label"],[class*="-label "],[class$="__label"],[class*="__label "], [class$="-legend"],[class*="-legend "],[class$="__legend"],[class*="__legend "], [class$="-badge"],[class*="-badge "],[class$="__badge"],[class*="__badge "]){ font-size:12px!important;line-height:1.3!important;opacity:1!important; } /* Legacy flow/weather/calibration micro-copy. */ main :where(.bte-flow-copy strong,.bte-flow-copy small,.bte-flow-node,.flight-metric-head b,.flight-schematic-label, .bte-weather-best strong,.bte-weather-best span,.bte-weather-refresh,.bte-weather-mode,.bte-weather-geometry, .bte-advanced-label,.bte-signal span,.rose-ring-label){font-size:12px!important;opacity:1!important} main .rose-onshore text{font-size:11px!important;opacity:1!important} /* Header brand fallback text is only used when the image treatment is unavailable. */ .bteBrandText small{font-size:11px!important;opacity:1!important;color:#a9bdcd!important} /* Explicit light-surface muted colours meet normal-text contrast targets. */ body.bte-public-page main :where(small,.section-intro,.media-panel__body span,.related-link__copy,.data-table td), body.bte-utility-page main :where(small,.muted,.caption,.meta), body.bte-session-page main :where(.muted,.caption,.meta){color:var(--bte-text-light-muted)!important;opacity:1!important} body.bte-public-page .page-hero :where(p,small,.eyebrow,.page-hero__intro){color:var(--bte-text-dark-secondary)!important;opacity:1!important} /* Review mixes light and dark surfaces: set each explicitly. */ body[data-page="review"] :where(.bte-review-kpi small,.bte-command-context small,.bte-session-workspace small){color:var(--bte-text-light-muted)!important} body[data-page="review"] :where(.bte-review-hero-target small,.bte-command-next small,.bte-review-report-hub a small,.bte-intel-signal-top small,.bte-intel-target-foot span){color:var(--bte-text-dark-muted)!important} /* Utility/weather/calibration supporting copy stays readable on light cards. */ :where(.bte-plan-page,.bte-progress-page,.bte-utility-page) :where(.bte-weather-best span,.bte-weather-refresh,.bte-weather-mode, .bte-weather-geometry,.bte-advanced-label,.bte-signal span,.bte-lookback-card span,.bte-cal-metric>span,.bte-calibration-grid span, .bte-weather-best small,.bte-cal-metric small,.bte-lookback-card small){color:var(--bte-text-light-muted)!important} /* R31.1 final text-hardening pass: close remaining legacy micro-copy gaps. */ main :where(p,li,dd,dt,blockquote,figcaption,small,label,legend,th,td, .muted,.caption,.meta,.helper,.supporting-copy,.supporting,.subcopy,.secondary-copy){ opacity:1!important; } main svg text{opacity:1!important} /* Common informative micro-copy families inherit the R31.1 floors. */ main :where([class*="metric"] small,[class*="metric"]>span,[class*="signal"] small,[class*="signal"]>span, [class*="context"] small,[class*="context"]>span,[class*="status"] small,[class*="status"]>span, [class*="source"] small,[class*="trust"] small,[class*="benchmark"] small,[class*="fingerprint"] small){ font-size:var(--bte-label-min)!important;opacity:1!important;line-height:1.35!important; } /* Pages with historically hard-coded micro labels. */ body[data-page="history"] :where(.bte-explorer-kicker,.bte-explorer-metric span,.bte-session-dot span){font-size:12px!important;opacity:1!important} body[data-page="history"] .bte-explorer-controls label{font-size:13px!important;opacity:1!important} body[data-page="history"] :where(.bte-radar text,.bte-radar-na){font-size:11px!important;opacity:1!important} .termChain .chainList li span,.termFilters button,.termCard>span{font-size:12px!important;opacity:1!important} .rider-report .report-stat span{font-size:12px!important;opacity:1!important} /* Preserve semantic disabled state while preventing accidental dimming of readable copy. */ main :where([aria-disabled="true"],button:disabled,input:disabled,select:disabled,textarea:disabled){opacity:.62!important} /* /assets/css/bte-v4-site-stability.css */ /* BTE V4.0 — final public-site CSS stability layer Purpose: typography floors, surface-aware contrast, responsive media, no text-opacity hierarchy. */ :root{ --bte-ink:#10283a;--bte-copy:#53697a;--bte-muted:#6b7e8e; --bte-night:#07131e;--bte-night-copy:#c4d2de;--bte-white:#f8fbff;--bte-accent:#168cff; } html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{font-synthesis:none} main :is(p,li,dd,dt,blockquote,figcaption){line-height:1.55} main :is(.eyebrow,.kicker,.meta,.caption,.section-intro,label,legend){opacity:1!important} main small{opacity:1!important} /* Readability floors for ordinary UI copy. Chart labels are excluded and handled by chart CSS. */ main :is(.eyebrow,.kicker,.meta,.caption,.metric-tile__label,.metric-tile__note,.bte-build-version){font-size:max(12px,.75rem)!important} main :is(.section-intro,.form-note,.session-status){font-size:max(13px,.8125rem)!important} /* Standard dark heroes */ .page-hero,.home-hero,.v4Hero{color:var(--bte-white)!important} .page-hero :is(h1,h2,h3,h4,h5,h6,strong,b),.home-hero :is(h1,h2,h3,h4,h5,h6,strong,b),.v4Hero :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--bte-white)!important} .page-hero :is(p,li,small,.page-hero__intro,.meta,.caption),.home-hero :is(p,li,small,.meta,.caption),.v4Hero :is(p,li,small,.meta,.caption){color:var(--bte-night-copy)!important;opacity:1!important} .page-hero :is(.eyebrow,.kicker),.home-hero :is(.eyebrow,.kicker),.v4Hero :is(.eyebrow,.kicker){color:#62d8ff!important} /* Explicit dark components — never allow a global light rule to recolour these. */ :is(.status-card,.status-legend__item,.forecast-item,.accuracy-card,.observed-webcam,.v4NowPrimary,.v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead,.v4MissionWide,.v4StoryCard,.dark-card,.card--dark,.card--action,.bte-next-brief){color:var(--bte-white)!important} :is(.status-card,.status-legend__item,.forecast-item,.accuracy-card,.observed-webcam,.v4NowPrimary,.v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead,.v4MissionWide,.v4StoryCard,.dark-card,.card--dark,.card--action,.bte-next-brief) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--bte-white)!important} :is(.status-card,.status-legend__item,.forecast-item,.accuracy-card,.observed-webcam,.v4NowPrimary,.v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead,.v4MissionWide,.v4StoryCard,.dark-card,.card--dark,.card--action,.bte-next-brief) :is(p,li,small,.muted,.caption,.meta){color:var(--bte-night-copy)!important;opacity:1!important} /* Explicit light cards */ :is(.metric-tile,.content-card,.detail-fact,.related-link,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light){color:var(--bte-ink)!important} :is(.metric-tile,.content-card,.detail-fact,.related-link,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--bte-ink)!important} :is(.metric-tile,.content-card,.detail-fact,.related-link,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light) :is(p,li,small,.muted,.caption,.meta){color:var(--bte-copy)!important;opacity:1!important} /* V4 homepage live evidence: preserve the full graph rather than cropping it into a strip. */ .v4NowPrimary{padding:22px 22px 20px!important;overflow:hidden} .v4LiveImg{display:block!important;width:100%!important;height:auto!important;min-height:150px!important;max-height:250px!important;object-fit:contain!important;object-position:center!important;margin-top:16px!important;border-radius:12px!important;background:#e7e9ec!important;opacity:1!important} .v4NowPrimary small{font-size:13px!important;line-height:1.45!important} /* Homepage metadata floors */ .v4Trend span,.v4Delta span,.v4Dna span,.v4Target span,.v4SetupCard span,.v4GapGrid span,.v4HistoryCard span{font-size:12px!important} .v4Dna small,.v4NowMetric small{font-size:13px!important} /* Images/graphs should scale, not clip. */ main img{max-width:100%} main :is(svg,canvas){max-width:100%} /* Footer/nav compact but legible */ .bteBrandText small{font-size:11px!important;opacity:1!important} .bteRelease,.bteRelease--production{font-size:12px!important;opacity:1!important} /* Buttons/links keep legible foregrounds */ .page-hero .btn--primary{color:#07131e!important} .page-hero .btn--secondary{color:var(--bte-white)!important} @media(max-width:760px){ .v4LiveImg{min-height:130px!important;max-height:220px!important} .page-hero--media h1{font-size:clamp(2.65rem,13vw,4rem)!important;line-height:.94!important} } /* /assets/css/bte-v4-fullsite-contract-r2.css */ /* BTE V4.0 — Full-site surface/text contract R2 Final, cache-busted cascade layer. Loaded last on every public visual page. Fixes legacy R31.1 light-text assumptions leaking into dark cards and vice versa. */ :root{ --v4r2-light-bg:#f4f7fb; --v4r2-light-bg-alt:#edf3f8; --v4r2-light-card:#ffffff; --v4r2-light-primary:#0b1d2b; --v4r2-light-secondary:#4f6678; --v4r2-light-muted:#5c7080; --v4r2-dark-bg:#07131e; --v4r2-dark-card:#111c28; --v4r2-dark-card-2:#0d151f; --v4r2-dark-primary:#f7fbff; --v4r2-dark-secondary:#c7d5e1; --v4r2-dark-muted:#9fb4c5; --v4r2-accent:#26d9ff; } /* Never use alpha as a readability mechanism for real copy. */ main :where(p,li,dd,dt,blockquote,figcaption,small,label,legend,th,td,.eyebrow,.kicker,.section-intro,.muted,.caption,.meta,.helper){opacity:1!important} /* PUBLIC LIGHT PAGE SECTIONS ------------------------------------------------ */ body.bte-public-page{background:linear-gradient(180deg,var(--v4r2-light-bg),#f1f5f9)!important;color:var(--v4r2-light-primary)!important} body.bte-public-page main>section:not(.page-hero):not(.section--alt):not(.v4Dark):not(.v4DarkPanel){color:var(--v4r2-light-primary)!important} body.bte-public-page main>section:not(.page-hero):not(.section--alt):not(.v4Dark):not(.v4DarkPanel)>.wrap>.section-header :where(h1,h2,h3){color:var(--v4r2-light-primary)!important} body.bte-public-page main>section:not(.page-hero):not(.section--alt):not(.v4Dark):not(.v4DarkPanel)>.wrap>.section-header :where(.section-intro,p,li,small,.muted,.caption,.meta){color:var(--v4r2-light-secondary)!important} body.bte-public-page main>section:not(.page-hero):not(.section--alt)>.wrap>.section-header :where(.eyebrow,.kicker){color:#126ca8!important} /* Transparent editorial blocks on light sections. */ body.bte-public-page :where(.manifesto-block,.bio-project-statement,.bio-rider-context){color:var(--v4r2-light-primary)!important} body.bte-public-page :where(.manifesto-block,.bio-project-statement,.bio-rider-context) :where(p,li,small){color:var(--v4r2-light-secondary)!important} body.bte-public-page .manifesto-block__closing{color:#176bff!important} /* DARK ALTERNATING SECTIONS ------------------------------------------------- */ body.bte-public-page main>section.section--alt{background:var(--v4r2-dark-bg)!important;color:var(--v4r2-dark-primary)!important} body.bte-public-page main>section.section--alt>.wrap>.section-header :where(h2,h3){color:var(--v4r2-dark-primary)!important} body.bte-public-page main>section.section--alt>.wrap>.section-header :where(.section-intro,p,small){color:var(--v4r2-dark-secondary)!important} body.bte-public-page main>section.section--alt>.wrap>.section-header :where(.eyebrow,.kicker){color:#68dcff!important} /* GENERIC DARK COMPONENTS -------------------------------------------------- These components are defined by the legacy design system with dark --color-surface / --color-surface-raised backgrounds. Their text must never inherit the light-page R31.1 paragraph colour. */ html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card, .forecast-item,.form-panel,.result-band__item,.gallery-card,.session-primary-result, .session-row,.detail-fact,.explorer-item,.explorer-detail,.observed-webcam, .observed-panel,.big-air-read__item,.accuracy-card,.comparison-meter, .dark-card,.card--dark,.card--action,.card--evidence,.card--warning, .bte-next-brief,.v4NowPrimary,.v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead, .v4MissionWide,.v4StoryCard:not(.light) ){ color:var(--v4r2-dark-primary)!important; } html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card, .forecast-item,.form-panel,.result-band__item,.gallery-card,.session-primary-result, .session-row,.detail-fact,.explorer-item,.explorer-detail,.observed-webcam, .observed-panel,.big-air-read__item,.accuracy-card,.comparison-meter, .dark-card,.card--dark,.card--action,.card--evidence,.card--warning, .bte-next-brief,.v4NowPrimary,.v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead, .v4MissionWide,.v4StoryCard:not(.light) ) :where(h1,h2,h3,h4,h5,h6,strong,b,.fact-strip__value,.metric-tile__value,.related-link__title){ color:var(--v4r2-dark-primary)!important; } html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card, .forecast-item,.form-panel,.result-band__item,.gallery-card,.session-primary-result, .session-row,.detail-fact,.explorer-item,.explorer-detail,.observed-webcam, .observed-panel,.big-air-read__item,.accuracy-card,.comparison-meter, .dark-card,.card--dark,.card--action,.card--evidence,.card--warning, .bte-next-brief,.v4NowPrimary,.v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead, .v4MissionWide,.v4StoryCard:not(.light) ) :where(p,li,small,.muted,.caption,.meta,.helper,.card__meta,.metric-tile__label,.metric-tile__note,.fact-strip__label,.related-link__copy){ color:var(--v4r2-dark-secondary)!important;opacity:1!important; } html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card, .forecast-item,.form-panel,.result-band__item,.gallery-card,.session-primary-result, .session-row,.detail-fact,.explorer-item,.explorer-detail,.observed-webcam, .observed-panel,.big-air-read__item,.accuracy-card,.comparison-meter ) :where(.eyebrow,.kicker,.related-link__type){color:#68dcff!important} /* Explicit light components introduced by Fusion/V4. */ html body main :is(.content-card,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light){color:var(--v4r2-light-primary)!important} html body main :is(.content-card,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light) :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--v4r2-light-primary)!important} html body main :is(.content-card,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light) :where(p,li,small,.muted,.caption,.meta){color:var(--v4r2-light-secondary)!important} /* HEROES ------------------------------------------------------------------- */ html body main :is(.page-hero,.home-hero,.v4Hero){color:var(--v4r2-dark-primary)!important} html body main :is(.page-hero,.home-hero,.v4Hero) :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--v4r2-dark-primary)!important} html body main :is(.page-hero,.home-hero,.v4Hero) :where(p,li,small,.page-hero__intro,.meta,.caption){color:var(--v4r2-dark-secondary)!important} html body main :is(.page-hero,.home-hero,.v4Hero) :where(.eyebrow,.kicker){color:#68dcff!important} /* Weather status colours remain semantic, but explanatory text is readable. */ body.weather-page main :is(.status-card,.status-legend__item,.forecast-item,.accuracy-card,.observed-webcam,.big-air-read__item) :where(p,small,.forecast-item__meta){color:var(--v4r2-dark-secondary)!important} /* Session/utility light workspaces: fix R31 light backgrounds without touching deliberately dark report/lab workspaces. */ body:is(.bte-session-page,.bte-utility-page):not(.bte-history-page) main :where(.section-header h2,.bte-page-title){color:var(--v4r2-light-primary)!important} body:is(.bte-session-page,.bte-utility-page):not(.bte-history-page) main :where(.section-intro,.form-note){color:var(--v4r2-light-secondary)!important} /* Form contrast. */ html body main :where(input,select,textarea){color:inherit} html body.bte-public-page main :is(.form-panel,.card,.dark-card,.card--dark) :where(input,select,textarea){color:var(--v4r2-dark-primary)!important;background:#09131d!important;border-color:#42576a!important} html body.bte-public-page main :is(.form-panel,.card,.dark-card,.card--dark) :where(label,legend){color:var(--v4r2-dark-secondary)!important} /* Typography floors — preserve larger sizes. */ main :where(.eyebrow,.kicker,[class$="__label"],[class$="-label"]){font-size:max(12px,.75rem)!important;line-height:1.3!important} main :where(.section-intro,.form-note,.session-status,small){font-size:max(13px,.8125rem)!important} main :where(p,li,dd,dt){line-height:1.58} /* BeachStats/Fusion live evidence: never crop the graph. */ .v4NowPrimary{overflow:visible!important} .v4LiveImg{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;margin-top:18px!important;border-radius:12px!important;background:#e7e9ec!important;opacity:1!important} /* Buttons and links on dark surfaces. */ html body.bte-public-page main :is(.page-hero,.section--alt,.card,.dark-card,.card--dark,.bte-next-brief) a:not(.btn--primary){color:#7de4ff!important} html body main .btn--primary{color:#07131e!important} /* Disabled UI may dim; ordinary information may not. */ main :where([aria-disabled="true"],button:disabled,input:disabled,select:disabled,textarea:disabled){opacity:.62!important} @media(max-width:760px){ body.bte-public-page main>section.section--alt{background:var(--v4r2-dark-bg)!important} .v4LiveImg{width:100%!important;height:auto!important;max-height:none!important} } /* /assets/css/bte-v4-colour-system.css */ /* BTE V4.0 — COLOUR + CONTRAST SYSTEM Purpose: richer visual hierarchy without sacrificing readability. Loaded last on all public pages. */ :root{ --bte-navy-950:#06121e; --bte-navy-900:#0a1927; --bte-navy-850:#0f2232; --bte-navy-800:#142b3d; --bte-ink:#0b1d2b; --bte-copy:#405b70; --bte-paper:#f5f8fb; --bte-paper-blue:#edf6fb; --bte-line:#d7e3ec; --bte-white:#f8fbff; --bte-muted:#c2d2de; --bte-cyan:#27c5f3; --bte-blue:#2688ff; --bte-green:#2ed67c; --bte-green-soft:#bdf3d3; --bte-amber:#ffb84d; --bte-amber-soft:#ffe3a8; --bte-coral:#ff665f; --bte-purple:#9b7bff; } /* ---------- PAGE RHYTHM ---------- */ body.bte-public-page{ background:var(--bte-paper)!important; color:var(--bte-ink)!important; } body.bte-public-page main>section:not(.page-hero):not(.home-hero):not(.v4Hero):not(.section--alt){ background:linear-gradient(180deg,#f8fbfd 0%,#f3f8fb 100%)!important; color:var(--bte-ink)!important; } body.bte-public-page main>section.section--alt{ background: radial-gradient(circle at 8% 8%,rgba(39,197,243,.10),transparent 30%), radial-gradient(circle at 92% 92%,rgba(46,214,124,.07),transparent 30%), var(--bte-navy-950)!important; color:var(--bte-white)!important; } /* ---------- HEADINGS / LABELS ---------- */ body.bte-public-page main>section:not(.section--alt):not(.page-hero):not(.home-hero):not(.v4Hero)>.wrap>.section-header :is(h1,h2,h3){ color:var(--bte-ink)!important; } body.bte-public-page main>section:not(.section--alt):not(.page-hero):not(.home-hero):not(.v4Hero)>.wrap>.section-header :is(p,li,.section-intro){ color:var(--bte-copy)!important; opacity:1!important; } body.bte-public-page main>section:not(.section--alt):not(.page-hero):not(.home-hero):not(.v4Hero)>.wrap>.section-header :is(.eyebrow,.kicker){ color:#39708e!important; opacity:1!important; } body.bte-public-page main .section--alt h1, body.bte-public-page main .section--alt h2, body.bte-public-page main .section--alt h3{ color:var(--bte-white)!important; } body.bte-public-page main .section--alt p, body.bte-public-page main .section--alt li, body.bte-public-page main .section--alt .section-intro{ color:var(--bte-muted)!important; opacity:1!important; } body.bte-public-page main .section--alt .eyebrow, body.bte-public-page main .section--alt .kicker{ color:#87dff8!important; } body.bte-public-page .brand-accent{color:var(--bte-cyan)!important} /* ---------- HERO ---------- */ body.bte-public-page main .page-hero, body.bte-public-page main .home-hero, body.bte-public-page main .v4Hero{ background: radial-gradient(circle at 14% 18%,rgba(39,197,243,.18),transparent 28%), radial-gradient(circle at 85% 75%,rgba(38,136,255,.12),transparent 32%), var(--bte-navy-950)!important; color:var(--bte-white)!important; } body.bte-public-page main .page-hero h1, body.bte-public-page main .page-hero h2, body.bte-public-page main .home-hero h1, body.bte-public-page main .v4Hero h1{color:var(--bte-white)!important} body.bte-public-page main .page-hero p, body.bte-public-page main .page-hero__intro, body.bte-public-page main .home-hero p, body.bte-public-page main .v4Hero p{color:#d5e3ed!important;opacity:1!important} body.bte-public-page main .page-hero .eyebrow, body.bte-public-page main .home-hero .eyebrow, body.bte-public-page main .v4Hero .eyebrow{color:#7ee2ff!important} /* ---------- CORE DARK CARDS ---------- */ body.bte-public-page main .card, body.bte-public-page main .metric-tile, body.bte-public-page main .fact-strip, body.bte-public-page main .related-link, body.bte-public-page main .media-panel, body.bte-public-page main .status-card, body.bte-public-page main .forecast-item, body.bte-public-page main .form-panel, body.bte-public-page main .result-band__item, body.bte-public-page main .gallery-card, body.bte-public-page main .session-primary-result, body.bte-public-page main .session-row, body.bte-public-page main .detail-fact, body.bte-public-page main .explorer-item, body.bte-public-page main .explorer-detail, body.bte-public-page main .observed-webcam, body.bte-public-page main .observed-panel, body.bte-public-page main .big-air-read__item, body.bte-public-page main .accuracy-card, body.bte-public-page main .comparison-meter, body.bte-public-page main .dark-card, body.bte-public-page main .card--dark, body.bte-public-page main .bte-next-brief{ background:linear-gradient(145deg,var(--bte-navy-900),#132635)!important; border:1px solid rgba(126,226,255,.16)!important; color:var(--bte-white)!important; box-shadow:0 16px 36px rgba(7,23,36,.10)!important; } body.bte-public-page main .card h1, body.bte-public-page main .card h2, body.bte-public-page main .card h3, body.bte-public-page main .card h4, body.bte-public-page main .metric-tile h1, body.bte-public-page main .metric-tile h2, body.bte-public-page main .metric-tile h3, body.bte-public-page main .related-link__title, body.bte-public-page main .dark-card h1, body.bte-public-page main .dark-card h2, body.bte-public-page main .dark-card h3, body.bte-public-page main .card--dark h1, body.bte-public-page main .card--dark h2, body.bte-public-page main .card--dark h3, body.bte-public-page main .card strong, body.bte-public-page main .metric-tile strong, body.bte-public-page main .metric-tile__value{ color:var(--bte-white)!important; opacity:1!important; } body.bte-public-page main .card p, body.bte-public-page main .card li, body.bte-public-page main .card small, body.bte-public-page main .metric-tile p, body.bte-public-page main .metric-tile small, body.bte-public-page main .metric-tile__label, body.bte-public-page main .metric-tile__note, body.bte-public-page main .related-link p, body.bte-public-page main .related-link small, body.bte-public-page main .related-link__copy, body.bte-public-page main .media-panel p, body.bte-public-page main .status-card p, body.bte-public-page main .forecast-item p, body.bte-public-page main .form-panel p, body.bte-public-page main .session-row small, body.bte-public-page main .detail-fact p, body.bte-public-page main .observed-webcam p, body.bte-public-page main .observed-panel p, body.bte-public-page main .big-air-read__item p, body.bte-public-page main .accuracy-card p, body.bte-public-page main .accuracy-card small, body.bte-public-page main .dark-card p, body.bte-public-page main .card--dark p{ color:var(--bte-muted)!important; opacity:1!important; } body.bte-public-page main .card .eyebrow, body.bte-public-page main .card .kicker, body.bte-public-page main .metric-tile .eyebrow, body.bte-public-page main .related-link__type{ color:#8adff6!important; opacity:1!important; } /* ---------- SEMANTIC CARD COLOUR ---------- */ body.bte-public-page main .card--action{ border-color:rgba(46,214,124,.52)!important; box-shadow:inset 0 3px 0 var(--bte-green),0 16px 36px rgba(7,23,36,.10)!important; } body.bte-public-page main .card--action .eyebrow, body.bte-public-page main .card--action .kicker{color:#82efb2!important} body.bte-public-page main .card--warning{ border-color:rgba(255,184,77,.55)!important; box-shadow:inset 0 3px 0 var(--bte-amber),0 16px 36px rgba(7,23,36,.10)!important; } body.bte-public-page main .card--warning .eyebrow, body.bte-public-page main .card--warning .kicker{color:#ffd17e!important} body.bte-public-page main .card--evidence{ border-color:rgba(39,197,243,.34)!important; box-shadow:inset 0 3px 0 var(--bte-cyan),0 16px 36px rgba(7,23,36,.10)!important; } /* add rhythm to plain card grids without changing meaning */ body.bte-public-page main .grid>.card:nth-child(3n+1):not(.card--action):not(.card--warning){box-shadow:inset 0 3px 0 var(--bte-cyan),0 16px 36px rgba(7,23,36,.10)!important} body.bte-public-page main .grid>.card:nth-child(3n+2):not(.card--action):not(.card--warning){box-shadow:inset 0 3px 0 var(--bte-green),0 16px 36px rgba(7,23,36,.10)!important} body.bte-public-page main .grid>.card:nth-child(3n+3):not(.card--action):not(.card--warning){box-shadow:inset 0 3px 0 var(--bte-amber),0 16px 36px rgba(7,23,36,.10)!important} /* ---------- METRICS ---------- */ body.bte-public-page main .metric-tile{position:relative;overflow:hidden} body.bte-public-page main .metric-tile::before{ content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--bte-cyan);opacity:.9 } body.bte-public-page main .metric-tile:nth-child(4n+2)::before{background:var(--bte-green)} body.bte-public-page main .metric-tile:nth-child(4n+3)::before{background:var(--bte-blue)} body.bte-public-page main .metric-tile:nth-child(4n+4)::before{background:var(--bte-amber)} body.bte-public-page main .metric-tile--target{ border-color:rgba(255,184,77,.5)!important; background:linear-gradient(145deg,#172536,#2b2417)!important; } body.bte-public-page main .metric-tile--target::before{background:var(--bte-amber)!important} body.bte-public-page main .metric-tile--target .brand-accent{color:#ffd06f!important} /* ---------- LIGHT CARD EXCEPTIONS ---------- */ body.bte-public-page main .content-card, body.bte-public-page main .v4MetricCard, body.bte-public-page main .v4WhyItem, body.bte-public-page main .v4Target, body.bte-public-page main .v4SetupCard, body.bte-public-page main .v4StoryCard.light{ background:#fff!important; border:1px solid var(--bte-line)!important; border-top:4px solid var(--bte-cyan)!important; color:var(--bte-ink)!important; box-shadow:0 14px 32px rgba(18,55,80,.08)!important; } body.bte-public-page main .content-card h1, body.bte-public-page main .content-card h2, body.bte-public-page main .content-card h3, body.bte-public-page main .v4MetricCard h3, body.bte-public-page main .v4WhyItem h3, body.bte-public-page main .v4Target h3, body.bte-public-page main .v4SetupCard h3, body.bte-public-page main .v4StoryCard.light h3{color:var(--bte-ink)!important} body.bte-public-page main .content-card p, body.bte-public-page main .v4MetricCard p, body.bte-public-page main .v4WhyItem p, body.bte-public-page main .v4Target p, body.bte-public-page main .v4SetupCard p, body.bte-public-page main .v4StoryCard.light p{color:var(--bte-copy)!important;opacity:1!important} /* ---------- BUTTONS ---------- */ body.bte-public-page .btn--primary, body.bte-public-page .button--primary, body.bte-public-page button.primary{ background:linear-gradient(135deg,var(--bte-blue),var(--bte-cyan))!important; border-color:transparent!important; color:#06121e!important; box-shadow:0 10px 24px rgba(39,197,243,.18)!important; } body.bte-public-page .btn--secondary, body.bte-public-page .button--secondary{ border-color:rgba(39,197,243,.55)!important; color:#bcefff!important; background:rgba(39,197,243,.08)!important; } /* ---------- STATUS / WEATHER LANGUAGE ---------- */ body.bte-public-page .is-success, body.bte-public-page .status-good, body.bte-public-page [data-status="good"]{color:var(--bte-green)!important} body.bte-public-page .is-warning, body.bte-public-page .status-warning, body.bte-public-page [data-status="warning"]{color:var(--bte-amber)!important} body.bte-public-page .is-danger, body.bte-public-page .status-danger, body.bte-public-page [data-status="danger"]{color:var(--bte-coral)!important} /* ---------- LINKS ---------- */ body.bte-public-page main a:not(.btn):not(.button):not(.bteNavItem){text-decoration-color:rgba(39,197,243,.45)} body.bte-public-page main a:not(.btn):not(.button):not(.bteNavItem):hover{color:#0879b7;text-decoration-color:#0879b7} body.bte-public-page main .section--alt a:not(.btn):not(.button){color:#9ae6fa} /* ---------- NAV / FOOTER ---------- */ body.bte-public-page .bteHeader[data-bte-universal-nav="true"]{border-bottom:1px solid rgba(39,197,243,.26)!important} body.bte-public-page .bteHeader[data-bte-universal-nav="true"] .bteNavItem.active, body.bte-public-page .bteHeader[data-bte-universal-nav="true"] .bteNavItem[aria-current="page"]{color:#8be7ff!important} body.bte-public-page .bteFooter{border-top:2px solid rgba(39,197,243,.40)!important} /* readable text must never be visually faded */ body.bte-public-page main p, body.bte-public-page main li, body.bte-public-page main small, body.bte-public-page main .eyebrow, body.bte-public-page main .section-intro{opacity:1!important} @media(max-width:700px){ body.bte-public-page main .card, body.bte-public-page main .metric-tile{box-shadow:inset 0 3px 0 var(--bte-cyan),0 10px 24px rgba(7,23,36,.08)!important} } /* /assets/css/bte-v4-final-contract.css */ /* BTE_V4.0 FINAL PUBLIC CONTRACT — 2026-09-29 Single last-loaded authority for header background and public text contrast. This file intentionally uses narrow, explicit ownership selectors so legacy R31/V4 rules cannot reverse readable foreground/background pairings. */ :root{ --bte-final-nav:#000c1c; --bte-final-dark:#07131e; --bte-final-card:#0a1927; --bte-final-text:#f8fbff; --bte-final-muted:#c7d5e1; --bte-final-cyan:#7ee2ff; --bte-final-ink:#0b1d2b; --bte-final-copy:#405b70; } /* HEADER: match the baked-in edge colour of bte-r28-2-logo-header.png. */ html body .bteHeader[data-bte-universal-nav="true"]{ background:var(--bte-final-nav)!important; background-color:var(--bte-final-nav)!important; } html body .bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow, html body .bteHeader[data-bte-universal-nav="true"] .bteBrand{ background:transparent!important; } html body .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{ background:var(--bte-final-nav)!important; } @media(max-width:1120px){ html body .bteHeader[data-bte-universal-nav="true"] .bteNav{ background:var(--bte-final-nav)!important; } } /* LIGHT SECTION OWNERSHIP: only section headers/editorial copy are styled here. */ html body.bte-public-page main>section:not(.page-hero):not(.home-hero):not(.v4Hero):not(.section--alt){ color:var(--bte-final-ink)!important; } html body.bte-public-page main>section:not(.page-hero):not(.home-hero):not(.v4Hero):not(.section--alt)>.wrap>.section-header :is(h1,h2,h3,h4){ color:var(--bte-final-ink)!important; } html body.bte-public-page main>section:not(.page-hero):not(.home-hero):not(.v4Hero):not(.section--alt)>.wrap>.section-header :is(p,li,small,.section-intro){ color:var(--bte-final-copy)!important;opacity:1!important; } html body.bte-public-page main>section:not(.page-hero):not(.home-hero):not(.v4Hero):not(.section--alt)>.wrap>.section-header :is(.eyebrow,.kicker){ color:#39708e!important;opacity:1!important; } html body.bte-public-page main :is(.manifesto-block,.bio-project-statement,.bio-rider-context){ color:var(--bte-final-ink)!important; } html body.bte-public-page main :is(.manifesto-block,.bio-project-statement,.bio-rider-context) :is(p,li,small){ color:var(--bte-final-copy)!important;opacity:1!important; } /* HERO OWNERSHIP. */ html body.bte-public-page main :is(.page-hero,.home-hero,.v4Hero){ color:var(--bte-final-text)!important; } html body.bte-public-page main :is(.page-hero,.home-hero,.v4Hero) :is(h1,h2,h3,h4,strong){ color:var(--bte-final-text)!important; } html body.bte-public-page main :is(.page-hero,.home-hero,.v4Hero) :is(p,li,small,.page-hero__intro){ color:var(--bte-final-muted)!important;opacity:1!important; } html body.bte-public-page main :is(.page-hero,.home-hero,.v4Hero) :is(.eyebrow,.kicker){ color:var(--bte-final-cyan)!important;opacity:1!important; } /* DARK ALTERNATING SECTION HEADERS. */ html body.bte-public-page main>section.section--alt{ color:var(--bte-final-text)!important; } html body.bte-public-page main>section.section--alt>.wrap>.section-header :is(h1,h2,h3,h4){ color:var(--bte-final-text)!important; } html body.bte-public-page main>section.section--alt>.wrap>.section-header :is(p,li,small,.section-intro){ color:var(--bte-final-muted)!important;opacity:1!important; } html body.bte-public-page main>section.section--alt>.wrap>.section-header :is(.eyebrow,.kicker){ color:var(--bte-final-cyan)!important;opacity:1!important; } /* DARK COMPONENT OWNERSHIP — applies regardless of containing section. */ html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card,.forecast-item, .form-panel,.result-band__item,.gallery-card,.session-primary-result,.session-row, .detail-fact,.explorer-item,.explorer-detail,.observed-webcam,.observed-panel, .big-air-read__item,.accuracy-card,.comparison-meter,.dark-card,.card--dark, .card--action,.card--evidence,.card--warning,.bte-next-brief,.v4NowPrimary, .v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead,.v4MissionWide, .v4StoryCard:not(.light) ){color:var(--bte-final-text)!important;} html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card,.forecast-item, .form-panel,.result-band__item,.gallery-card,.session-primary-result,.session-row, .detail-fact,.explorer-item,.explorer-detail,.observed-webcam,.observed-panel, .big-air-read__item,.accuracy-card,.comparison-meter,.dark-card,.card--dark, .card--action,.card--evidence,.card--warning,.bte-next-brief,.v4NowPrimary, .v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead,.v4MissionWide, .v4StoryCard:not(.light) ) :is(h1,h2,h3,h4,h5,h6,strong,b,.fact-strip__value,.metric-tile__value,.related-link__title){ color:var(--bte-final-text)!important;opacity:1!important; } html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card,.forecast-item, .form-panel,.result-band__item,.gallery-card,.session-primary-result,.session-row, .detail-fact,.explorer-item,.explorer-detail,.observed-webcam,.observed-panel, .big-air-read__item,.accuracy-card,.comparison-meter,.dark-card,.card--dark, .card--action,.card--evidence,.card--warning,.bte-next-brief,.v4NowPrimary, .v4HeroMetric,.v4Dna,.v4DarkPanel,.v4CoachLead,.v4MissionWide, .v4StoryCard:not(.light) ) :is(p,li,small,.muted,.caption,.meta,.helper,.card__meta,.metric-tile__label,.metric-tile__note,.fact-strip__label,.related-link__copy){ color:var(--bte-final-muted)!important;opacity:1!important; } html body.bte-public-page main :is( .card,.metric-tile,.fact-strip,.related-link,.media-panel,.status-card,.forecast-item, .form-panel,.result-band__item,.gallery-card,.session-primary-result,.session-row, .detail-fact,.explorer-item,.explorer-detail,.observed-webcam,.observed-panel, .big-air-read__item,.accuracy-card,.comparison-meter,.dark-card,.card--dark, .card--action,.card--evidence,.card--warning,.bte-next-brief ) :is(.eyebrow,.kicker,.related-link__type){ color:var(--bte-final-cyan)!important;opacity:1!important; } /* BIO HARD LOCK — exact sections previously reported as unreadable. */ html body.bte-public-page main .grid.grid--3>.card :is(h2,h3,h4,strong){ color:var(--bte-final-text)!important; } html body.bte-public-page main .grid.grid--3>.card :is(p,li,small){ color:var(--bte-final-muted)!important;opacity:1!important; } html body.bte-public-page main .grid.grid--3>.card :is(.eyebrow,.kicker){ color:var(--bte-final-cyan)!important;opacity:1!important; } html body.bte-public-page main .grid.grid--3>.card.card--action :is(.eyebrow,.kicker){ color:#82efb2!important; } /* Explicit light components must stay dark-on-light. */ html body.bte-public-page main :is(.content-card,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light){ color:var(--bte-final-ink)!important; } html body.bte-public-page main :is(.content-card,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light) :is(h1,h2,h3,h4,strong){ color:var(--bte-final-ink)!important; } html body.bte-public-page main :is(.content-card,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard,.v4StoryCard.light) :is(p,li,small,.muted,.caption,.meta){ color:var(--bte-final-copy)!important;opacity:1!important; } /* Ordinary readable copy is never faded. */ html body.bte-public-page main :is(p,li,small,.eyebrow,.kicker,.section-intro){opacity:1!important;} /* BIO PAGE — compact portrait hero; remove dead lower gutter. */ html body.bio-page main>.page-hero.page-hero--portrait{ padding-top:clamp(38px,4.2vw,60px)!important; padding-bottom:0!important; } html body.bio-page main>.page-hero.page-hero--portrait .page-hero__inner{ align-items:center!important; min-height:0!important; } html body.bio-page main>.page-hero.page-hero--portrait .page-hero__media{ align-self:end!important; margin-bottom:0!important; max-width:430px!important; border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; } @media(max-width:900px){ html body.bio-page main>.page-hero.page-hero--portrait{ padding-block:40px!important; } html body.bio-page main>.page-hero.page-hero--portrait .page-hero__media{ align-self:auto!important; max-width:min(100%,430px)!important; border-radius:var(--radius-lg)!important; } } /* BTE_V4.0 · universal three-beach weather ticker */ .bteWeatherTicker{position:relative;z-index:950;background:#071b2c;border-bottom:1px solid rgba(101,201,255,.22);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.14)} .bteTickerInner{width:min(1560px,100%);margin:0 auto;min-height:62px;padding:7px clamp(16px,2.4vw,36px);display:grid;grid-template-columns:auto repeat(3,minmax(190px,1fr)) minmax(230px,1.15fr);align-items:stretch;gap:8px} .bteTickerLead,.bteTickerSpot,.bteTickerBest,.bteTickerUnavailable{min-width:0;border-radius:12px} .bteTickerLead{display:flex;flex-direction:column;justify-content:center;padding:8px 12px 8px 0}.bteTickerLead>span{font-size:.66rem;font-weight:950;letter-spacing:.14em;color:#65c9ff}.bteTickerLead small{font-size:.58rem;line-height:1.25;color:#91a9b8;white-space:nowrap} .bteTickerSpot{display:flex;align-items:center;gap:9px;padding:8px 10px;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025)} .bteTickerSpot:hover,.bteTickerSpot:focus-visible,.bteTickerBest:hover,.bteTickerBest:focus-visible{background:rgba(101,201,255,.075);border-color:rgba(101,201,255,.24);outline:none} .bteTickerDot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#8fa4b8;box-shadow:0 0 0 3px rgba(143,164,184,.12)} .bteTickerSpot.is-hopeful .bteTickerDot{background:#2ed67c}.bteTickerSpot.is-happy .bteTickerDot{background:#2495ff}.bteTickerSpot.is-excited .bteTickerDot{background:#ffb014}.bteTickerSpot.is-ecstatic .bteTickerDot{background:#ff4c13}.bteTickerSpot.is-risk .bteTickerDot{background:#ff6b6b} .bteTickerCopy{display:block;min-width:0;width:100%}.bteTickerTop{display:flex;align-items:center;gap:7px;min-width:0}.bteTickerTop b{font-size:.67rem;letter-spacing:.09em;white-space:nowrap}.bteTickerTop em{font-style:normal;font-size:.53rem;font-weight:850;letter-spacing:.07em;color:#7dd3fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bteTickerReading,.bteTickerStatus{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bteTickerReading{font-size:.67rem;font-weight:760;margin-top:2px}.bteTickerStatus{font-size:.56rem;color:#9ec5d8;letter-spacing:.05em;margin-top:1px} .bteTickerBest{display:flex;flex-direction:column;justify-content:center;padding:8px 12px;border:1px solid rgba(255,255,255,.07);color:#fff!important;text-decoration:none!important;background:rgba(255,255,255,.02)}.bteTickerBest span{font-size:.53rem;font-weight:950;letter-spacing:.12em;color:#65c9ff}.bteTickerBest strong{font-size:.66rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bteTickerUnavailable{grid-column:1/-1;padding:10px 0;display:flex;align-items:center;gap:12px}.bteTickerUnavailable b{font-size:.68rem;letter-spacing:.12em;color:#65c9ff}.bteTickerUnavailable span{font-size:.7rem;color:#b8c8d2} @media(max-width:1180px){.bteTickerInner{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.bteTickerLead,.bteTickerBest{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 8px}.bteTickerBest{order:9}.bteTickerBest strong{max-width:72%}} @media(max-width:720px){.bteTickerInner{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 10px;gap:7px}.bteTickerLead{display:none}.bteTickerSpot{flex:0 0 min(82vw,300px);scroll-snap-align:start;min-height:52px}.bteTickerBest{flex:0 0 min(82vw,300px);display:flex;align-items:flex-start;justify-content:center}.bteTickerBest strong{max-width:100%}.bteTickerInner::-webkit-scrollbar{height:3px}} @media(prefers-reduced-motion:reduce){.bteTickerInner{scroll-behavior:auto}} /* Weather location selector */ .weather-location-switch{padding:18px 0!important;background:#0a1621;border-bottom:1px solid rgba(151,181,203,.12)} .weather-location-switch__inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.weather-location-switch__inner>span{font-size:.62rem;font-weight:950;letter-spacing:.14em;color:#7dd3fc;margin-right:4px}.weather-location-switch__inner a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid rgba(157,188,209,.18);border-radius:999px;color:#c8d6df!important;text-decoration:none!important;font-size:.72rem;font-weight:850;background:#0e1c28}.weather-location-switch__inner a:hover,.weather-location-switch__inner a:focus-visible,.weather-location-switch__inner a.is-active{border-color:#63c9ff;background:rgba(36,149,255,.12);color:#fff!important}.weather-location-switch__inner small{margin-left:auto;color:#8fa6b5;font-size:.68rem}.weather-location-switch__inner small b{color:#dce8ef} @media(max-width:700px){.weather-location-switch__inner small{width:100%;margin:4px 0 0}.weather-location-switch__inner a{flex:1 1 auto;justify-content:center}} /* /assets/css/bte-v4-best-in-class.css */ /* BTE_V4.0 BEST IN CLASS HARDENING — 2026-09-30 Final authority for visual consistency, readable copy, embed mode and responsive polish. */ :root{ --bic-nav:#000c1c;--bic-ink:#0b1d2b;--bic-copy:#405b70;--bic-paper:#f7f9fb; --bic-dark:#07131e;--bic-card:#0a1927;--bic-white:#f8fbff;--bic-muted:#c7d5e1; --bic-accent:#7ee2ff;--bic-border:rgba(11,29,43,.13);--bic-radius:18px; --bic-shadow:0 18px 45px rgba(4,18,30,.10); } html{scroll-behavior:smooth} body{font-synthesis:none;text-rendering:optimizeLegibility} /* Exact logo-edge match: PNG corner is RGB 0,12,28 = #000c1c. */ .bteHeader[data-bte-universal-nav="true"],.bteHeader[data-bte-universal-nav="true"] .bteHeaderRow{background:#000c1c!important} .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{display:block;background:#000c1c!important} .bteHeader[data-bte-universal-nav="true"] .bteNavItem{color:#e9f1f7!important} .bteHeader[data-bte-universal-nav="true"] .bteNavItem:hover,.bteHeader[data-bte-universal-nav="true"] .bteNavItem.active{color:#fff!important} /* Global readability floor. */ main p,main li{line-height:1.65} main p,main li,main small,main .muted,main .meta,main .caption,main .helper{opacity:1!important} main small,main .meta,main .caption{font-size:max(13px,.8125rem)} main .eyebrow,main .kicker,main label,main .badge{font-size:max(12px,.75rem)} /* Consistent component finish. */ main :is(.card,.content-card,.metric-tile,.status-card,.forecast-item,.v4MetricCard,.v4WhyItem,.v4Target,.v4SetupCard){border-radius:var(--bic-radius);box-shadow:none} main :is(.card,.content-card,.metric-tile,.status-card,.forecast-item):hover{transform:none} button,a,.btn,input,select,textarea{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease} input,select,textarea{font:inherit} /* BIO: tighter editorial rhythm and no dead hero gutter. */ body.bio-page main>.page-hero.page-hero--portrait{padding-top:clamp(28px,3vw,46px)!important;padding-bottom:0!important;margin-bottom:0!important} body.bio-page main>.page-hero.page-hero--portrait .page-hero__inner{min-height:0!important;gap:clamp(24px,4vw,56px)!important;align-items:center!important} body.bio-page main>.page-hero.page-hero--portrait .page-hero__media{align-self:end!important;margin:0!important;max-width:420px!important} body.bio-page main>.page-hero+section{padding-top:clamp(42px,5vw,72px)!important} body.bio-page main>section{padding-block:clamp(52px,6vw,84px)!important} body.bio-page main>section .template-stack{gap:clamp(24px,3vw,40px)!important} body.bio-page main .section-header{margin-bottom:clamp(20px,2.5vw,34px)!important} body.bio-page main .grid{gap:clamp(16px,2vw,24px)!important} /* Season Intelligence is a workspace, not a frame around another website. */ .bteSeasonPanel iframe{display:block;width:100%;border:0;background:transparent;min-height:860px;border-radius:16px;overflow:hidden} body.bte-embed-mode>.skipLink,body.bte-embed-mode>.bteHeader,body.bte-embed-mode>.bte-session-workspace,body.bte-embed-mode>.bteFooter,body.bte-embed-mode>.bteHubHandoff{display:none!important} body.bte-embed-mode{background:transparent!important} body.bte-embed-mode main{padding-top:0!important;margin-top:0!important;max-width:none!important} body.bte-embed-mode .fusion-hero{padding-top:28px!important} body.bte-embed-mode .bte-progress-back-to-top{display:none!important} /* Graph/chart presentation polish without changing data. */ main :is(canvas,svg){max-width:100%} main :is(.chart-card,.chart-panel,.graph-card,.fusion-chart,.bte-chart){border-radius:16px;overflow:hidden} main :is(.chart-card,.chart-panel,.graph-card,.fusion-chart,.bte-chart) :is(.legend,.chart-legend){font-size:13px!important;opacity:1!important} /* Mobile resilience. */ @media(max-width:900px){ .bteHeader[data-bte-universal-nav="true"] .bteNav{background:#000c1c!important} body.bio-page main>.page-hero.page-hero--portrait{padding:34px 0!important} body.bio-page main>.page-hero.page-hero--portrait .page-hero__media{align-self:auto!important;max-width:min(100%,420px)!important;border-radius:var(--radius-lg,18px)!important} .bteSeasonPanel iframe{min-height:980px} } @media(max-width:640px){ main p,main li{font-size:15px} .bteSeasonPanel iframe{min-height:1120px;border-radius:12px} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* /assets/css/bte-adaptive-ux.css */ /* Beyond The Edge — Adaptive UX layer One canonical codebase, three deliberate presentation modes. Desktop >=1200 | Tablet 768-1199 | Mobile <768 */ :root{ --bte-adaptive-gutter:clamp(14px,3vw,32px); --bte-touch:44px; } html{-webkit-text-size-adjust:100%} body{min-width:320px} img,video,iframe,canvas,svg{max-width:100%} main{min-width:0} main :where(.row,.grid,[class*="Grid"],[class*="-grid"]){min-width:0} main :where(.card,article,section,div){min-width:0} .table-responsive,main table{max-width:100%} /* DESKTOP — analytical, spacious, persistent context */ @media (min-width:1200px){ .wrap,.container{max-width:1280px} body:not(.bte-embed-mode) main{--bte-content-density:desktop} .bte-page-intro{padding-top:clamp(64px,6vw,96px)!important} .bte-report-stage-nav{position:sticky;top:88px;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .bte-report-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important} .bte-overall-coach-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .bte-outcome-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .bte-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .bte-wind-corr-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .r23-release-body{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important} .r23-release-rail{position:sticky;top:154px;align-self:start} .ryowGatewayGrid{grid-template-columns:repeat(3,minmax(0,1fr))} .statGrid{grid-template-columns:repeat(4,minmax(0,1fr))} .flowGrid,.valuesGrid,.exploreGrid{grid-template-columns:repeat(3,minmax(0,1fr))} } /* TABLET — two-column, touch-first, reduced density */ @media (min-width:768px) and (max-width:1199px){ :root{--bte-touch:48px} .wrap,.container{width:min(100% - 40px,1100px)!important} .section{padding-block:clamp(56px,7vw,76px)} .hero{min-height:580px} .heroInner{padding-block:76px 88px;max-width:680px} .hero h1{font-size:clamp(54px,8vw,76px)} .sectionHead{align-items:start;flex-direction:column;gap:14px} .statGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .projectGrid,.progressPanel,.coachPromo{grid-template-columns:1fr 1fr;gap:24px} .flowGrid,.valuesGrid,.exploreGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .ryowGatewayGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .ryowGatewayCard:last-child:nth-child(odd){grid-column:1/-1} .footerGrid{grid-template-columns:1fr 1fr} /* report/workspace */ .bte-report-stage-nav{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap} .bte-report-stage-nav>*{flex:0 0 auto} .bte-report-grid,.bte-overall-coach-grid,.bte-outcome-grid,.bte-target-grid,.bte-wind-corr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .r23-release-body{grid-template-columns:1fr!important} .r23-release-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .r23-release-rail>*:last-child:nth-child(odd){grid-column:1/-1} .bte-report-context-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .bte-envelope-controls{display:grid!important;grid-template-columns:1fr 1fr;gap:12px} .bte-target-badge{grid-column:1/-1} .bteSeasonPanel iframe{min-height:1050px} button,.btn,a.service-button,input,select,textarea{min-height:var(--bte-touch)} } /* MOBILE — app-like, answer first, single-column */ @media (max-width:767px){ :root{--bte-touch:50px} body{overflow-x:hidden} .wrap,.container{width:calc(100% - 28px)!important;max-width:none!important} .bloc{padding-inline:14px!important} .bloc-lg,.bloc-xl{padding-block:38px!important} .section{padding:48px 0} .sectionHead{display:block;margin-bottom:24px} .sectionHead>div:first-child{max-width:none} .sectionHead p{margin-top:14px;max-width:none} .sectionHead h2,.section h2{font-size:clamp(31px,10vw,43px);line-height:1.02} /* navigation and ticker */ .bteHeader[data-bte-universal-nav="true"]{position:sticky!important;top:0!important} .bteHeader[data-bte-universal-nav="true"] .wrap.bteHeaderRow{width:calc(100% - 20px)!important} .bteHeader[data-bte-universal-nav="true"] .bteMenu{min-width:52px!important;min-height:48px!important} .bteWeatherTicker{font-size:11px!important} .bteWeatherTicker [data-bte-ticker-detail="secondary"],.bteWeatherTicker .bteTickerSecondary{display:none!important} /* home/public experience */ .hero{min-height:520px} .hero::before{background:linear-gradient(180deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,.72) 54%,rgba(0,0,0,.92) 100%),url("/assets/hero.webp") center/cover no-repeat} .heroInner{padding:70px 0 58px;max-width:none} .hero h1,.ryowHero h1{font-size:clamp(47px,15vw,66px)!important;line-height:.88!important;letter-spacing:-.055em} .hero h1 span{font-size:.46em;margin-top:10px} .heroLead,.ryowHero .heroLead{font-size:16px!important;line-height:1.58} .actions{display:grid;grid-template-columns:1fr;gap:10px} .actions .btn{width:100%;min-height:52px} .statGrid,.projectGrid,.flowGrid,.progressPanel,.valuesGrid,.coachPromo,.exploreGrid,.ryowGatewayGrid,.ryowManifestoGrid,.evidenceGrid{grid-template-columns:1fr!important} .statCard{min-height:135px;padding:22px} .statValue{font-size:39px} .featureCard,.weatherCard,.flowCard,.valueCard,.coachPromo,.progressPanel{padding:22px!important} .ryowGatewayCard{min-height:330px!important;padding:22px!important} .quote{font-size:22px} .footerGrid{grid-template-columns:1fr!important} /* page intros */ body.bte-utility-page .bte-page-intro,.bte-page-intro{width:calc(100% - 28px)!important;padding:38px 0 22px!important} body.bte-utility-page .bte-page-title,.bte-page-title{font-size:clamp(2.35rem,12vw,3.7rem)!important;line-height:.94!important;max-width:100%!important;text-wrap:balance} .bte-page-deck{font-size:1rem!important;line-height:1.55!important} /* Performance Report: outcome -> diagnosis -> action -> evidence */ .bte-report-ux99{padding-inline:0!important} .bte-report-stage-nav{display:flex!important;position:sticky;top:70px;z-index:60;overflow-x:auto;gap:6px!important;padding:8px!important;margin-inline:-14px!important;border-radius:0!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;white-space:nowrap;background:rgba(6,18,30,.96)!important;backdrop-filter:blur(12px)} .bte-report-stage-nav a{flex:0 0 auto!important;min-height:42px;padding-inline:13px!important;scroll-snap-align:start} .bte-report-stage-nav a span{display:none!important} .bte-report-section-head{display:block!important} .bte-report-section-head p{margin-top:10px!important} .bte-report-context-strip,.bte-envelope-controls,.bte-outcome-grid,.bte-overall-coach-grid,.bte-report-grid,.bte-target-grid,.bte-wind-corr-grid,.bte-path-grid,.r23-release-body,.r23-release-rail,.r23-target-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important} .bte-envelope-picker,.bte-target-badge{width:100%!important} .bte-outcome-metric,.bte-overall-coach-grid article,.bte-target-card,.bte-wind-corr-stat,.r23-rail-card,.r23-target-card{padding:18px!important} .bte-outcome-metric strong{font-size:clamp(28px,10vw,42px)!important} .bte-outcome-read{padding:20px!important} .bte-overall-coach-head{display:block!important} .bte-coach-confidence-badge{margin-top:12px!important;width:100%!important} .r23-release-head,.r23-release-controls,.r23-control-meta{display:block!important} .r23-release-controls>*{width:100%!important;margin-top:10px!important} .r23-geometry-panel{min-height:0!important} .bte-height-benchmarks{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} .bte-height-benchmark{padding:14px!important} .bte-height-benchmark strong{font-size:22px!important} .bte-prune-disclosure>summary{min-height:52px;display:flex;align-items:center} /* charts/tables become swipeable rather than crushed */ .table-responsive,main :where(.chart-card,.chart-panel,.graph-card,.fusion-chart,.bte-chart,.bte-radar-wrap){overflow-x:auto!important;-webkit-overflow-scrolling:touch} main table{min-width:640px} main :where(canvas,svg){max-height:420px} /* forms: thumb-friendly */ button,.btn,.service-button,input,select,textarea,summary{min-height:var(--bte-touch)} input,select,textarea{font-size:16px!important} .form-select{width:100%!important} label{display:block;margin-bottom:6px} .row>[class*="col-"]{width:100%!important;max-width:100%!important;flex:0 0 100%!important} /* Season/Fusion embedded workspace */ .bteSeasonPanel{margin-inline:-6px} .bteSeasonPanel iframe{min-height:1280px!important;border-radius:10px!important} .fusion-hero{padding-top:24px!important} /* Footer simplifies to clean stacked navigation */ .bteFooter--production .bteFooterGrid--production{grid-template-columns:1fr!important;gap:22px!important} .bteFooter--production .bteFooterCol{border-top:1px solid rgba(255,255,255,.08);padding-top:18px} .bteFooter--production a{min-height:42px;display:flex!important;align-items:center} } /* SMALL MOBILE — prevent ornamental scale overwhelming content */ @media (max-width:479px){ .wrap,.container{width:calc(100% - 22px)!important} .hero h1,.ryowHero h1{font-size:clamp(43px,14.5vw,57px)!important} .heroInner{padding-top:56px} .card,.featureCard,.weatherCard,.flowCard,.valueCard{border-radius:14px!important} .bte-height-benchmarks{grid-template-columns:1fr!important} .bteHeader[data-bte-universal-nav="true"] .bteBrandLogo{width:180px!important;max-width:180px!important;height:auto!important} } /* Accessibility: adaptive layout must not require motion. */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } /* /assets/css/bte-focus-release.css */ /* BTE V4.1 FOCUS — reduction release */ :root{--focus-ink:#081522;--focus-blue:#087dc1;--focus-line:#d6e0e7;--focus-soft:#f4f7f9} /* Five destinations only. Supporting content belongs in-page/footer, not primary nav. */ .bteNav{gap:clamp(12px,2vw,28px)!important}.bteNavItem{font-weight:850!important;letter-spacing:.025em!important} /* Reduce repeated coaching on the detailed report. Overall coaching summary is authoritative. */ body[data-page="performance-report"] .r23-coach-card, body[data-page="performance-report"] .r22-physics-coach, body[data-page="performance-report"] #key-limiter{display:none!important} #overall-coaching-summary .is-worked,#overall-coaching-summary .is-learning{display:none!important} #overall-coaching-summary .bte-overall-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* Progress: answer first, evidence on demand. */ .bte-progress-page #cumulative-overview{padding-top:32px!important} .bte-progress-page .bte-progress-story{border:2px solid var(--focus-ink)!important} .bte-progress-page details.bte-progress-evidence{margin-top:28px!important} /* Ride: one session story + library. */ .bte-session-page #sessions{border-top:1px solid var(--focus-line)} /* Homepage: more negative space now that duplicate dashboard sections are gone. */ .v4Home .v4Section{padding-block:clamp(58px,7vw,108px)!important} .v4Home .v4HeroLead{max-width:720px!important} /* Secondary project links should not compete with primary jobs. */ .bteFooter a{opacity:.86}.bteFooter a:hover{opacity:1} @media(max-width:767px){ #overall-coaching-summary .bte-overall-coach-grid{grid-template-columns:1fr!important} .bteNav{gap:0!important} } /* Lab is technical; coaching belongs to Ride, next-session decision belongs to Weather. */ .bte-lab-tabs [data-lab-tab="plan"],.bte-lab-tabs [data-lab-tab="review"]{display:none!important} #bte-lab-plan,#bte-lab-review{display:none!important} /* Keep owner diagnostics out of the public mental model. */ .bte-report-stage-nav a[href="#overall-coaching-summary"] strong::after{content:" · COACH";font-size:.72em;opacity:.62} /* BTE V4.1.1 · Performance Report focus repair One authoritative coach voice; remove legacy competing intelligence layers. */ body[data-page="performance-report"] #r22-performance-physics, body[data-page="performance-report"] .r23-coach-card, body[data-page="performance-report"] .bte-long-term-disclosure { display:none !important; } body[data-page="performance-report"] .bte-report-status strong{display:inline-block;margin-bottom:.35rem} body[data-page="performance-report"] .bte-report-status span{opacity:.82} /* /assets/css/bte-journey-v42.css */ /* BTE V4.2 — Journey-first navigation and Plan → Ride → Review */ .bteHeader .bteNav{gap:2px;align-items:center} .bteHeader .bteNavItem{white-space:nowrap} .bteNavMore{position:relative;margin:0;padding:0} .bteNavMore>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.4rem} .bteNavMore>summary::-webkit-details-marker{display:none} .bteNavMore>summary::after{content:"⌄";font-size:.8em;opacity:.75} .bteNavMore[open]>summary,.bteNavMore.is-active>summary{color:#fff!important;background:rgba(255,255,255,.1)} .bteNavMorePanel{position:absolute;right:0;top:calc(100% + 10px);z-index:1200;min-width:310px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#07111e;box-shadow:0 18px 55px rgba(0,0,0,.34)} .bteNavMorePanel a{display:grid!important;gap:2px;padding:11px 12px!important;border-radius:11px!important;text-decoration:none!important} .bteNavMorePanel a:hover,.bteNavMorePanel a.active{background:rgba(255,255,255,.08)!important} .bteNavMorePanel strong{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#fff} .bteNavMorePanel small{font-size:11px;line-height:1.35;color:#aebccb;text-transform:none;letter-spacing:0;font-weight:500} .bteJourneyRail{background:#07111e;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.09)} .bteJourneyRailInner{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:8px;padding-bottom:8px} .bteJourneyRail a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:12px 16px;border-radius:12px;color:#aab9c7;text-decoration:none!important;transition:.16s ease} .bteJourneyRail a span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:11px;font-weight:800} .bteJourneyRail a strong{font-size:12px;letter-spacing:.12em;color:#e8f2f8} .bteJourneyRail a small{font-size:11px;color:#8ea1b0} .bteJourneyRail a:hover{background:rgba(255,255,255,.05)} .bteJourneyRail a.is-current{background:linear-gradient(135deg,rgba(0,180,255,.17),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(79,210,255,.24)} .bteJourneyRail a.is-current span{border-color:#55d8ff;background:#55d8ff;color:#04111a} .bteJourneyRail a.is-current strong{color:#fff} .bteHomeLoop{padding:34px 0 44px;background:#07111e;color:#fff;border-top:1px solid rgba(255,255,255,.06)} .bteLoopHead{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px} .bteLoopHead span,.bteWeatherPlanHandoff>div>span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#7fdfff} .bteLoopHead h2{margin:.3rem 0 0;font-size:clamp(28px,4vw,48px);line-height:.95} .bteLoopHead p{max-width:520px;margin:0;color:#aebdca} .bteLoopGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .bteLoopGrid a{display:block;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);color:#fff;text-decoration:none!important} .bteLoopGrid a:hover{transform:translateY(-2px);border-color:rgba(87,215,255,.35);background:rgba(87,215,255,.07)} .bteLoopGrid span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#57d7ff;color:#04111a;font-size:11px;font-weight:900} .bteLoopGrid strong{display:block;margin:18px 0 8px;font-size:22px;letter-spacing:.08em} .bteLoopGrid p{margin:0;color:#afbeca;line-height:1.55} .bteWeatherPlanHandoff{padding:42px 0;background:#07111e;color:#fff} .bteWeatherPlanHandoff h2{margin:.35rem 0 .7rem;color:#fff} .bteWeatherPlanHandoff p{max-width:700px;color:#afbeca} .bteWeatherPlanHandoff a{display:inline-block;margin-top:8px;padding:12px 18px;border-radius:999px;background:#57d7ff;color:#04111a!important;font-weight:900;text-decoration:none!important} @media (max-width:1199px){ .bteHeader .bteNav{gap:0} .bteHeader .bteNav>.bteNavItem,.bteNavMore>summary{padding-left:8px!important;padding-right:8px!important} } @media (max-width:1000px){ .bteNavMore{width:100%} .bteNavMore>summary{width:100%;justify-content:space-between;padding:10px 11px!important} .bteNavMorePanel{position:static;min-width:0;margin:4px 0 0;box-shadow:none;border-radius:12px;background:rgba(255,255,255,.035)} .bteJourneyRailInner{padding-left:10px;padding-right:10px} } @media (max-width:767px){ .bteJourneyRailInner{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;padding:8px 12px} .bteJourneyRail a{min-width:78%;scroll-snap-align:center;padding:11px 13px} .bteLoopHead{display:block} .bteLoopHead p{margin-top:10px} .bteLoopGrid{grid-template-columns:1fr} .bteHomeLoop{padding:26px 0 32px} } /* /assets/css/bte-v49-stabilisation.css */ /* BTE V4.9 STABILISATION CONTRACT · 2026-09-30 One final ownership layer for typography, colour, spacing and the key rider journey. */ :root{ --bte49-ink:#0b1d2b;--bte49-muted:#53697b;--bte49-bg:#f4f7fb;--bte49-card:#fff; --bte49-line:#d9e4ec;--bte49-navy:#071521;--bte49-panel:#0d2030;--bte49-cyan:#36d7ff; --bte49-blue:#178fe8;--bte49-radius:18px;--bte49-shadow:0 12px 34px rgba(8,34,52,.075); } html{scroll-behavior:smooth} body.bte-public-page{background:var(--bte49-bg)!important;color:var(--bte49-ink)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:16px!important;line-height:1.55!important} body.bte-public-page main{overflow-x:clip} body.bte-public-page :where(h1,h2,h3,h4,p,small,strong,span,label,button,a){font-family:inherit} body.bte-public-page :where(h1,h2,h3,h4){text-wrap:balance} body.bte-public-page :where(p,.bte-page-deck,.section-intro){text-wrap:pretty} body.bte-public-page .bte-page-title{font-size:clamp(2.35rem,5.3vw,5rem)!important;line-height:.98!important;letter-spacing:-.055em!important;color:var(--bte49-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important} body.bte-public-page .bte-page-deck{font-size:clamp(1rem,1.35vw,1.2rem)!important;line-height:1.55!important;color:var(--bte49-muted)!important;max-width:820px!important} body.bte-public-page .bte-section-kicker,body.bte-public-page .bte-card-kicker{font-size:.72rem!important;line-height:1.2!important;letter-spacing:.14em!important;font-weight:900!important;text-transform:uppercase!important;color:#1478b6!important;-webkit-text-fill-color:currentColor!important} body.bte-public-page :where(h2){font-size:clamp(1.65rem,2.4vw,2.45rem)!important;line-height:1.08!important;letter-spacing:-.035em!important} body.bte-public-page :where(h3){font-size:clamp(1.12rem,1.7vw,1.5rem)!important;line-height:1.18!important;letter-spacing:-.018em!important} /* Default light surface ownership. This deliberately overrides the old global dark-card leak. */ body.bte-public-page main :where(.card,.bte-dashboard-panel,.bte-output,.bte-progress-kpi,.bte-context-item,.bte-data-card,.bte-factor-card,.bte-radar-card,.bte-summary-card,.bte-plan-context-card,.bte-planner-group,.bte-baseline-summary,.termCard):not(.card--dark):not(.dark-card):not(.is-dark){background:var(--bte49-card)!important;color:var(--bte49-ink)!important;border-color:var(--bte49-line)!important} body.bte-public-page main :where(.card,.bte-dashboard-panel,.bte-output,.bte-progress-kpi,.bte-context-item,.bte-data-card,.bte-factor-card,.bte-radar-card,.bte-summary-card,.bte-plan-context-card,.bte-planner-group,.bte-baseline-summary,.termCard):not(.card--dark):not(.dark-card):not(.is-dark) :where(h1,h2,h3,h4,strong){color:var(--bte49-ink)!important;-webkit-text-fill-color:currentColor!important} body.bte-public-page main :where(.card,.bte-dashboard-panel,.bte-output,.bte-progress-kpi,.bte-context-item,.bte-data-card,.bte-factor-card,.bte-radar-card,.bte-summary-card,.bte-plan-context-card,.bte-planner-group,.bte-baseline-summary,.termCard):not(.card--dark):not(.dark-card):not(.is-dark) :where(p,small,li){color:var(--bte49-muted)!important;opacity:1!important} /* Explicit dark surfaces. */ body.bte-public-page :where(.bte-overall-coach,.bte-historical-chart-panel,.bte-progress-story,.bte-next-brief,.page-hero,.section--alt,.bteFooter,.bteFooter--production){background-color:var(--bte49-navy)!important;color:#f7fbff!important} body.bte-public-page :where(.bte-overall-coach,.bte-historical-chart-panel,.bte-progress-story,.bte-next-brief,.page-hero,.section--alt,.bteFooter,.bteFooter--production) :where(h1,h2,h3,h4,strong){color:#f7fbff!important;-webkit-text-fill-color:currentColor!important} body.bte-public-page :where(.bte-overall-coach,.bte-historical-chart-panel,.bte-progress-story,.bte-next-brief,.page-hero,.section--alt,.bteFooter,.bteFooter--production) :where(p,small,li){color:#c4d3df!important;opacity:1!important} /* PLAN: one compact intro then controls. */ body.bte-plan-page .bte-page-intro{max-width:1100px!important;margin:0 auto!important;padding:22px 24px 16px!important;text-align:center!important} body.bte-plan-page .bte-page-intro .bte-page-title{font-size:clamp(2.25rem,4.4vw,4.2rem)!important;margin:.15rem 0 .45rem!important} body.bte-plan-page .bte-page-intro .bte-page-deck{margin:0 auto!important;max-width:760px!important} body.bte-plan-page main>.bloc:first-of-type,body.bte-plan-page .bte-page-intro+.bloc{margin-top:0!important;padding-top:0!important} body.bte-plan-page .bloc>.container.bloc-lg{padding-top:10px!important} body.bte-plan-page .bte-planner-form{max-width:1120px!important;margin:0 auto!important} body.bte-plan-page .bte-planner-groups{gap:16px!important} body.bte-plan-page .bte-planner-group{padding:20px!important;border:1px solid var(--bte49-line)!important;border-radius:var(--bte49-radius)!important;box-shadow:var(--bte49-shadow)!important} body.bte-plan-page .bte-plan-compact-context{margin:12px 0 16px!important;padding:13px 16px!important;min-height:0!important;border-radius:12px!important} body.bte-plan-page .bte-plan-focus-inline{min-width:0!important;max-width:58%!important;text-align:right!important} body.bte-plan-page .bte-plan-baseline-compact{padding-bottom:16px!important} body.bte-plan-page .bte-planner-submit{margin-top:16px!important} body.bte-plan-page .bte-planner-group .row{margin-top:0!important} /* RIDE: never allow text-fill inheritance to hide the hero. */ body[data-page="review"] .bte-page-title,body.bte-session-page[data-page="review"] .bte-page-title, body[data-page="ride"] .bte-page-title{color:var(--bte49-ink)!important;-webkit-text-fill-color:var(--bte49-ink)!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important} /* REVIEW: repair the crushed Coach grid shown in the live screenshot. */ body[data-page="performance-report"] .bte-overall-coach{border-radius:22px!important;padding:24px!important;overflow:hidden!important} body[data-page="performance-report"] .bte-overall-coach-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;width:100%!important} body[data-page="performance-report"] .bte-overall-coach-grid>article{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;max-width:none!important;padding:18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important} body[data-page="performance-report"] .bte-overall-coach-grid>article>span{display:block!important;margin-bottom:8px!important;font-size:.7rem!important;line-height:1.25!important;letter-spacing:.12em!important;color:#70dfff!important} body[data-page="performance-report"] .bte-overall-coach-grid>article>strong{display:block!important;font-size:1rem!important;line-height:1.5!important;font-weight:750!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;white-space:normal!important} body[data-page="performance-report"] .bte-overall-coach-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:20px!important;align-items:start!important} body[data-page="performance-report"] .bte-report-grid{grid-template-columns:minmax(0,1fr)!important} body[data-page="performance-report"] .bte-radar-card{max-width:100%!important;overflow:hidden!important} body[data-page="performance-report"] .bte-radar-wrap{min-width:0!important;width:100%!important;overflow:auto!important} /* PROGRESS / RECOVERY ARC. */ body.bte-progress-page .bte-recovery-arc{background:#fff!important;color:var(--bte49-ink)!important;border-top:1px solid var(--bte49-line)!important} body.bte-progress-page .bte-recovery-arc>.container{padding-top:34px!important;padding-bottom:40px!important} body.bte-progress-page .bte-recovery-arc h2{color:var(--bte49-ink)!important;-webkit-text-fill-color:var(--bte49-ink)!important;font-size:clamp(1.8rem,2.8vw,2.7rem)!important;margin:.25rem 0 .55rem!important} body.bte-progress-page .bte-recovery-arc p{color:var(--bte49-muted)!important} body.bte-progress-page .bte-recovery-sequence{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important} body.bte-progress-page .bte-recovery-sequence article{min-width:0!important;background:#f8fafc!important;color:var(--bte49-ink)!important;border-radius:0 0 14px 14px!important;padding:18px 15px!important} body.bte-progress-page .bte-recovery-sequence article strong{font-size:1.12rem!important;line-height:1.25!important;color:var(--bte49-ink)!important;-webkit-text-fill-color:currentColor!important} body.bte-progress-page .bte-recovery-sequence article p{font-size:.9rem!important;line-height:1.5!important;color:var(--bte49-muted)!important} body.bte-progress-page .bte-history-spider-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:18px!important;padding:16px 18px!important;border:1px solid #b9d9ec!important;border-radius:14px!important;background:#eef8ff!important} body.bte-progress-page .bte-history-spider-cta strong{color:var(--bte49-ink)!important} body.bte-progress-page .bte-history-spider-cta p{margin:4px 0 0!important;color:var(--bte49-muted)!important} /* Restored spider-gram / session explorer. */ body.bte-history-page{background:var(--bte49-bg)!important;color:var(--bte49-ink)!important} body.bte-history-page .bte-explorer{max-width:1180px!important;padding:34px 22px 72px!important} body.bte-history-page .bte-explorer-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;gap:18px!important} body.bte-history-page .bte-explorer-panel{background:#fff!important;color:var(--bte49-ink)!important;border:1px solid var(--bte49-line)!important;box-shadow:var(--bte49-shadow)!important} body.bte-history-page .bte-radar-wrap{background:#071521!important;border:1px solid #1d465f!important;border-radius:16px!important;min-height:500px!important;padding:16px!important;overflow:auto!important} body.bte-history-page .bte-radar{width:min(100%,620px)!important;min-width:520px!important;height:auto!important} body.bte-history-page .bte-radar text{fill:#dcecf7!important;font-size:11px!important;font-weight:800!important} body.bte-history-page .bte-radar-grid{stroke:#27485e!important;fill:none!important} body.bte-history-page .bte-radar-axis{stroke:#385f78!important} body.bte-history-page .bte-radar-reference{fill:rgba(255,255,255,.025)!important;stroke:#8ba4b6!important} body.bte-history-page .bte-radar-selected{fill:rgba(54,215,255,.16)!important;stroke:#36d7ff!important} body.bte-history-page .bte-radar-node{fill:#36d7ff!important;stroke:#fff!important} body.bte-history-page .bte-explorer-metric{background:#f7f9fb!important;color:var(--bte49-ink)!important;border:1px solid var(--bte49-line)!important} body.bte-history-page .bte-explorer-metric strong{color:var(--bte49-ink)!important;-webkit-text-fill-color:currentColor!important} body.bte-history-page .bte-explorer-read,body.bte-history-page .bte-radar-coverage{background:#f7f9fb!important;color:var(--bte49-muted)!important;border:1px solid var(--bte49-line)!important} /* KITE SPEAK */ body[data-page="terminology"] .termCard{border-radius:14px!important;box-shadow:0 8px 22px rgba(8,34,52,.045)!important} /* Consistent controls */ body.bte-public-page :where(input,select,textarea){color:var(--bte49-ink)!important;background:#fff!important;border-color:#cbd9e4!important} body.bte-public-page :where(input,select,textarea):focus{border-color:#249edc!important;box-shadow:0 0 0 3px rgba(36,158,220,.15)!important} body.bte-public-page .btn{font-weight:800!important;letter-spacing:.035em!important} @media(max-width:1024px){ body[data-page="performance-report"] .bte-overall-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.bte-progress-page .bte-recovery-sequence{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.bte-plan-page .bte-plan-focus-inline{max-width:none!important;text-align:left!important} } @media(max-width:700px){ body.bte-public-page .bte-page-title{font-size:clamp(2.1rem,12vw,3.4rem)!important} body[data-page="performance-report"] .bte-overall-coach-grid{grid-template-columns:1fr!important} body[data-page="performance-report"] .bte-overall-coach-head{grid-template-columns:1fr!important} body.bte-progress-page .bte-recovery-sequence{grid-template-columns:1fr!important} body.bte-history-page .bte-explorer-grid{grid-template-columns:1fr!important} body.bte-history-page .bte-radar{min-width:480px!important} body.bte-progress-page .bte-history-spider-cta{align-items:flex-start!important;flex-direction:column!important} } /* V4.9.1 key-page hero contrast: Ride and Review are dark hero surfaces. */ body[data-page="ride"] .bte-page-intro, body[data-page="performance-report"] .bte-page-intro{color:#f7fbff!important} body[data-page="ride"] .bte-page-intro .bte-page-title, body[data-page="performance-report"] .bte-page-intro .bte-page-title{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;background:none!important;background-image:none!important} body[data-page="ride"] .bte-page-intro .bte-page-deck, body[data-page="performance-report"] .bte-page-intro .bte-page-deck{color:#c4d3df!important} body[data-page="ride"] .bte-page-intro .bte-section-kicker, body[data-page="performance-report"] .bte-page-intro .bte-section-kicker{color:#36d7ff!important} /* V4.9.2 Ride hero contrast: the Ride page uses bte-review-hero, not bte-page-intro. */ body[data-page="ride"] .bte-review-hero, body[data-page="ride"] .bte-review-hero-grid{color:#f7fbff!important} body[data-page="ride"] .bte-review-hero h1{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;background:none!important;background-image:none!important;text-shadow:none!important} body[data-page="ride"] .bte-review-hero p{color:#c4d3df!important;opacity:1!important} body[data-page="ride"] .bte-review-hero .kicker{color:#36d7ff!important;-webkit-text-fill-color:#36d7ff!important} /* V4.9.3 Coach cards: stable two-column rhythm; no inherited legacy spans. */ body[data-page="performance-report"] .bte-overall-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-page="performance-report"] .bte-overall-coach-grid>article{grid-column:auto!important;width:100%!important;min-width:0!important} @media(max-width:700px){body[data-page="performance-report"] .bte-overall-coach-grid{grid-template-columns:1fr!important}} /* V4.10 workflow continuity: Ride hero actions stay on one row on desktop. */ body[data-page="ride"] .bte-review-hero-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important} body[data-page="ride"] .bte-review-owner{display:contents} body[data-page="ride"] .bte-review-owner[hidden]{display:none!important} body[data-page="ride"] .bte-review-owner a{margin-top:0!important} @media (max-width:767px){body[data-page="ride"] .bte-review-hero-actions{align-items:stretch!important}body[data-page="ride"] .bte-review-hero-actions>a,body[data-page="ride"] .bte-review-owner a{width:100%!important}}