/* assets/preview-v54.css */

:root{color-scheme:dark;--bg:#070d0f;--ink:#f4f7f5;--sea:#64e5d5;--muted:#bdcbc9;--border:#26403d;--panel:#101d1f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%}button{font:inherit}.shell{width:min(1270px,calc(100% - 72px));margin:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--sea);text-transform:uppercase;line-height:1.6}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:14px;background:var(--sea);box-shadow:0 0 20px var(--sea);border-radius:50%;vertical-align:middle}.nav{background:rgba(7,13,15,.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav .shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:152px;height:auto;display:block}.nav nav{display:flex;gap:28px;font-size:12px;color:#d1dfdc}.nav nav a:hover{color:var(--sea)}.top-cta{background:var(--sea);color:#041e19;padding:17px 22px;font-size:12px;font-weight:900;letter-spacing:1px}.hero{background:radial-gradient(ellipse at 76% 46%,#0e4540 0%,#0a2525 36%,#070d0f 70%);position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(121deg,transparent 0,transparent 175px,#5dded41a 176px,transparent 177px)}.hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:4vw;min-height:735px;padding-top:55px;padding-bottom:55px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(65px,6.8vw,110px);font-weight:950;letter-spacing:-.068em;line-height:.92;margin:28px 0 30px}.hero h1 em,.section h2 em,.cta h2 em{font-style:normal;color:var(--sea)}.hero p.sub{font-size:17px;line-height:1.75;color:var(--muted);max-width:580px}.hero-visual{display:flex;align-items:center;justify-content:center;min-width:0;position:relative}.hero-visual img{width:min(100%,560px);max-height:600px;object-fit:contain;filter:drop-shadow(0 18px 42px #0009);border-radius:11px}.hero-visual:after{content:"";position:absolute;z-index:-1;inset:15% 5%;background:#1abfa14a;filter:blur(76px);border-radius:50%}.hero-foot{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;font-size:10px;letter-spacing:2px;color:#96aca7;font-weight:800}.storelinks{display:flex;align-items:center;gap:14px;margin:31px 0 17px;flex-wrap:wrap}.storelink{display:inline-flex;position:relative;height:62px;min-width:190px;align-items:center;justify-content:center;background:#05090a;border:1px solid #768582;border-radius:8px;padding:5px 12px;color:white;font-size:18px;font-weight:800;letter-spacing:-.025em}.storelink:hover{border-color:var(--sea);transform:translateY(-2px)}.storelink img{display:block;max-height:55px;width:auto;max-width:194px;object-fit:contain;position:relative;z-index:2}.storelink .store-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;z-index:1;font-size:14px}.storelink .store-fallback small{font-size:9px;display:block;letter-spacing:.04em}.storelink img:not([src]){display:none}.coming{position:absolute;z-index:3;right:-10px;top:-10px;background:#68e3d1;color:#06201d;font-size:9px;font-weight:900;letter-spacing:.07em;padding:6px 9px;border-radius:3px;transform:rotate(4deg)}.micro{font-size:11px;letter-spacing:1px;color:#a3bdb8}.ticker{background:var(--sea);color:#04241f;overflow:hidden;white-space:nowrap;font-weight:900;font-size:13px;letter-spacing:2px;padding:20px 0;text-align:center}.section{padding:120px 0}.section h2{font-size:clamp(48px,5.8vw,86px);line-height:.97;font-weight:950;letter-spacing:-.056em;margin:22px 0}.section p{font-size:16px;line-height:1.8;color:var(--muted)}.why .shell{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw}.why .aside{max-width:420px}.rule{height:3px;width:76px;background:var(--sea);margin:25px 0}.textlink{font-size:11px;font-weight:900;letter-spacing:1.4px;color:var(--sea)}.features{background:#101a1c}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:52px}.section-heading p:last-child{max-width:320px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature{background:linear-gradient(145deg,#183632,#142024);border:1px solid #34514c;border-radius:7px;display:grid;grid-template-columns:1fr .84fr;align-items:center;gap:20px;min-height:390px;padding:35px;overflow:hidden}.feature:nth-child(2){background:linear-gradient(145deg,#1e3032,#142326)}.feature:nth-child(3){background:linear-gradient(145deg,#17292b,#101a1c)}.feature:nth-child(4){background:linear-gradient(145deg,#13292b,#152122)}.feature .feature-no{color:var(--sea);font-size:10px;font-weight:800;letter-spacing:2px}.feature h3{font-size:clamp(26px,2.8vw,38px);line-height:1.02;letter-spacing:-.045em;margin:25px 0 17px}.feature p{font-size:13px;line-height:1.7;max-width:300px}.feature-media{width:100%;min-width:0;display:flex;align-items:center;justify-content:center}.feature-media img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;border-radius:7px}.feature .wide{grid-column:1/-1}.media-caption{font-size:10px;color:#8db0aa;display:block;margin-top:8px}.coach-preview{background:#091315;border:1px solid #34534f;border-radius:20px;padding:21px 15px;width:min(100%,220px);box-shadow:0 18px 36px #0006}.coach-preview b{font-size:17px}.coach-preview p{font-size:10px;color:#9db8b4;border-bottom:1px solid #223c37;padding:10px 0;margin:0}.chat{border-radius:10px;background:#203735;color:#e4f8f3;font-size:11px;padding:12px;margin:12px 0 0}.chat.accent{background:#154d46}.tour{background:#081012}.tour-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.tour-visual{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.tour-visual figure{margin:0}.tour-visual img{width:100%;max-height:530px;object-fit:contain;display:block;border-radius:11px;background:#101b1c;border:1px solid #2c403b}.tour figcaption{color:#9cbcb5;font-size:11px;margin-top:12px;letter-spacing:1.3px}.video-section{background:#142124}.video-section .shell{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw}.video-card{padding:12px;background:#263738;border-radius:9px;box-shadow:0 30px 60px #0005}.video-card video{display:block;width:100%;max-height:410px;object-fit:contain;background:#070d0f}.cta{padding:120px 0;background:linear-gradient(125deg,#0d3a35,#08201f 55%,#071211);position:relative;overflow:hidden}.cta:after{content:"DRYVE";font-size:25vw;color:#58e3cf0e;font-weight:950;position:absolute;bottom:-110px;right:-20px;pointer-events:none}.cta .shell{position:relative;z-index:1}.cta h2{font-size:clamp(72px,9vw,145px);font-weight:950;letter-spacing:-.068em;line-height:.92;margin:25px 0}.cta p{font-size:18px;color:#c7d8d4;max-width:640px}.footer{padding:70px 0 28px;background:#070d0f}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:45px}.footer-brand img{width:165px}.footer-brand p{color:#92ada7;font-size:12px;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:18px 28px}.footer-links a{font-size:12px;color:#a8c4bb}.footer-links a:hover{color:var(--sea)}.footer-bottom{padding-top:30px;border-top:1px solid #2a433d;margin-top:56px;font-size:10px;color:#7c9b91;display:flex;justify-content:space-between;gap:20px}.preview-tag{font-size:10px;text-align:center;padding:8px;background:#0d3330;color:#d4f7ef;letter-spacing:1px}.media-note{color:#96b4ad!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:1180px){.feature{padding:26px;min-height:355px}.hero h1{font-size:clamp(55px,6.4vw,85px)}.feature h3{font-size:27px}.storelink{min-width:170px}}
@media(max-width:850px){.shell{width:min(100% - 40px,650px)}.nav .shell{height:67px}.logo{width:124px}.nav nav{display:none}.top-cta{padding:13px 15px;font-size:10px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:70px;padding-bottom:45px;gap:20px;min-height:auto}.hero h1{font-size:clamp(56px,11vw,93px);margin:20px 0}.hero-visual img{max-height:480px;max-width:450px}.hero-foot{font-size:8px}.section{padding:85px 0}.why .shell{grid-template-columns:1fr;gap:18px}.section-heading{display:block}.feature-grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr 1fr}.tour-row,.video-section .shell{grid-template-columns:1fr}.tour-visual{max-width:600px}.cta h2{font-size:clamp(64px,11vw,110px)}.footer-main{display:block}.footer-links{margin-top:36px}}
@media(max-width:520px){.shell{width:calc(100% - 36px)}.hero h1{font-size:clamp(45px,11.8vw,65px)}.hero p.sub{font-size:14px}.hero-visual img{max-width:100%;max-height:420px}.hero-foot{font-size:7px}.storelinks{gap:13px}.storelink{min-width:165px;height:57px}.storelink img{max-width:152px}.eyebrow{font-size:9px;letter-spacing:1.7px}.ticker{font-size:10px;padding:15px 0}.section h2{font-size:clamp(43px,11vw,62px)}.feature{min-height:auto;grid-template-columns:1fr;padding:25px;gap:22px}.feature h3{font-size:29px;margin:18px 0 12px}.feature-media img{max-height:300px}.tour-visual{grid-template-columns:1fr 1fr;gap:8px}.cta{padding:80px 0}.cta h2{font-size:clamp(58px,12vw,85px)}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{display:block;line-height:1.9}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.exercise-library{background:#0c1516}.exercise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exercise-item{margin:0;border:1px solid #2c4945;background:linear-gradient(160deg,#172a2a,#0f1b1d);border-radius:8px;overflow:hidden}.exercise-item img{display:block;width:100%;height:320px;object-fit:contain;object-position:center;background:#132022}.exercise-item figcaption{padding:23px;display:flex;flex-direction:column;gap:10px}.exercise-item figcaption span{color:var(--sea);font-size:10px;letter-spacing:2px;font-weight:900}.exercise-item figcaption strong{font-weight:950;font-size:26px;letter-spacing:-1px}@media(max-width:850px){.exercise-item img{height:240px}}@media(max-width:520px){.exercise-grid{grid-template-columns:1fr}.exercise-item img{height:300px}}

.storelink .store-fallback .storemark{width:24px!important;height:26px!important;max-width:none!important;max-height:none!important;object-fit:contain;filter:invert(1);position:relative}.storelink .store-fallback .googlemark{filter:invert(1)}


/* DRYVE v5.5 clean-up: one genuine badge image per store; no nested frames. */
.nav .top-cta{
  background:#102422;
  border:1px solid #315b55;
  padding:10px 16px;
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:53px;
  transition:background .2s ease,border-color .2s ease;
}
.nav .top-cta:hover{background:#17352f;border-color:var(--sea)}
.nav .top-cta img{width:112px;height:auto;display:block;max-height:35px}
.nav .top-cta .cta-arrow{font-size:20px;color:var(--sea);font-weight:800;line-height:1}

.storelinks{
  display:flex;align-items:flex-start;justify-content:flex-start;
  flex-wrap:wrap;gap:18px 25px;margin:30px 0 7px;
}
.storelinks .store-choice{
  display:flex;align-items:flex-start;flex-direction:column;gap:7px;
  min-width:0;max-width:100%;
}
.storelinks .storelink{
  display:flex;align-items:center;justify-content:flex-start;position:relative;
  width:187px;height:65px;min-width:0;max-width:100%;
  padding:0;background:transparent;border:0;box-shadow:none;
  border-radius:0;overflow:visible;
  transition:opacity .2s ease,transform .2s ease;
}
.storelinks .storelink:hover{opacity:.9;transform:translateY(-2px);border:0}
.storelinks .storelink > img.badge-art{
  display:block;width:187px;height:65px;max-width:100%;max-height:65px;
  object-fit:contain;object-position:left center;
  border:0;background:transparent;padding:0;box-shadow:none;
}
.storelinks .storelink > img.badge-art[hidden]{display:none!important}
.storelinks .storelink .store-fallback{
  position:static;inset:auto;z-index:auto;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:180px;height:55px;padding:5px 10px;
  background:#070c0d;border:1px solid #84958f;border-radius:7px;color:#fff;
  font-weight:800;font-size:17px;line-height:1.2;
}
.storelinks .storelink .store-fallback[hidden]{display:none!important}
.storelinks .storelink .store-fallback small{font-size:9px;font-weight:500;display:block}
.storelinks .storelink .store-fallback img.storemark{
  position:static;display:block;width:24px!important;height:25px!important;
  min-width:24px;max-width:24px!important;max-height:none!important;
  filter:invert(1);object-fit:contain;
}
.storelinks .store-label{
  font-size:10px;font-weight:800;letter-spacing:1.4px;
  line-height:1.5;color:#a4c3bb;margin-left:5px;
}
/* Keep the product itself as the visual — no outer screen frame around the media. */
.tour .tour-visual img{
  border:0;background:transparent;box-shadow:none;border-radius:0;
  object-fit:contain;
}
.video-section .video-card{
  display:flex;align-items:center;justify-content:center;
  padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;
}
.video-section .video-card video{
  display:block;width:min(100%,345px);height:auto;max-height:640px;
  aspect-ratio:512 / 952;object-fit:contain;
  background:#060c0e;border:1px solid #34514b;border-radius:22px;
  box-shadow:0 30px 70px #0008;
}
@media(max-width:850px){
  .nav .top-cta{padding:9px 13px;min-height:45px;gap:8px}
  .nav .top-cta img{width:100px}
  .nav .top-cta .cta-arrow{font-size:17px}
  .video-section .video-card video{max-height:560px}
}
@media(max-width:520px){
  .nav .top-cta img{width:89px}
  .storelinks{gap:15px 18px}
  .storelinks .storelink{width:164px;height:58px}
  .storelinks .storelink > img.badge-art{width:164px;height:58px;max-height:58px}
  .storelinks .storelink .store-fallback{width:160px;height:51px;font-size:15px}
  .storelinks .store-label{font-size:9px;margin-left:3px}
  .video-section .video-card video{width:min(100%,300px);max-height:none}
}


/* v5.6: align both official store artworks by their visible silhouettes */
.storelinks{column-gap:28px;row-gap:16px}
.storelinks .store-choice{width:196px;min-width:0;align-items:center;gap:9px}
.storelinks .storelink{width:196px;height:64px;min-width:196px;overflow:visible;justify-content:center}
.storelinks .storelink > img.badge-art{
 width:196px;height:64px;max-width:none;max-height:none;object-fit:fill;
 display:block;transform:none;transform-origin:center; 
}
.storelinks .store-choice:first-child .storelink > img.badge-art{
 transform:scale(1.20);transform-origin:center;
}
.storelinks .store-label{margin:0;font-size:10px;text-align:center;letter-spacing:1.5px}
.feature-media img.real-app-screen{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain}
.exercise-item img{object-fit:contain}
@media(max-width:520px){
 .storelinks{gap:14px 12px}
 .storelinks .store-choice{width:calc((100% - 12px)/2);max-width:185px}
 .storelinks .storelink{width:100%;min-width:0;height:58px}
 .storelinks .storelink > img.badge-art{width:100%;height:58px}
 .storelinks .store-choice:first-child .storelink > img.badge-art{transform:scale(1.13)}
 .storelinks .store-label{font-size:9px;letter-spacing:1.1px}
 .feature-media img.real-app-screen{max-height:310px}
}


/* v5.7 — one-brand header / mathematically matched visual badges.
   Corrects unequal art bounding, not just the outer link dimensions. */
.nav{background:rgba(6,14,16,.96);border-bottom:1px solid #203934;backdrop-filter:blur(16px)}
.nav .shell.header-inner{
  display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;gap:32px;height:80px;
}
.nav .brand{display:inline-flex;align-items:center;justify-self:start}
.nav .logo{width:160px;height:auto;display:block}
.nav nav{display:flex;align-items:center;justify-content:center;gap:34px}
.nav nav a{font-size:12px;font-weight:700;letter-spacing:.025em;color:#bdcec9;white-space:nowrap;transition:color .2s ease}
.nav nav a:hover,.nav nav a:focus-visible{color:var(--sea)}
.nav .top-cta{
  justify-self:end;display:inline-flex;align-items:center;gap:12px;
  margin:0;min-height:0;padding:7px 0 8px!important;
  font-size:12px;letter-spacing:1.5px;font-weight:900;
  color:#f1faf6;background:transparent!important;
  border:0!important;border-bottom:1px solid #4e857a!important;
  border-radius:0!important;box-shadow:none!important;
  transition:color .2s ease,border-color .2s ease;
}
.nav .top-cta:hover,.nav .top-cta:focus-visible{color:var(--sea);border-bottom-color:var(--sea)!important;background:transparent!important}
.nav .top-cta .cta-arrow{color:var(--sea);font-weight:900;font-size:20px;line-height:1}
.nav .top-cta .mobile-download{display:none}
.nav .top-cta img{display:none}

/* Both visual badge silhouettes target roughly 200 × 59 px.
   Google PNG has built-in whitespace; Apple source has almost none. */
.storelinks{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 24px;margin:28px 0 14px}
.storelinks .store-choice{
  flex:0 0 200px;width:200px;max-width:200px;
  min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;
}
.storelinks .storelink{
  display:flex;align-items:center;justify-content:center;
  width:200px;height:65px;min-width:0;max-width:100%;padding:0;
  border:0!important;background:transparent!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible;
}
.storelinks .storelink > img.badge-art{
  width:200px;height:65px;min-width:0;max-width:100%;
  max-height:65px;object-fit:fill;object-position:center;
  border:none;background:transparent;box-shadow:none;display:block;
  transform-origin:center center;
}
.storelinks .store-choice:first-child .storelink > img.badge-art{transform:scale(1.095,1.255)}
.storelinks .store-choice:nth-child(2) .storelink > img.badge-art{transform:scale(1.035,.984)}
.storelinks .storelink .store-fallback:not([hidden]){
  display:flex;width:200px;height:59px;min-height:59px;
  align-items:center;justify-content:center;
}
.storelinks .store-label{
  width:100%;margin:0;display:block;text-align:center;
  font-weight:800;letter-spacing:1.5px;font-size:10px;line-height:1.6;
  color:#a3c3bc;
}
@media(max-width:1000px){
  .nav .shell.header-inner{grid-template-columns:auto 1fr auto;gap:20px}
  .nav nav{gap:20px}
  .nav .logo{width:140px}
  .nav .top-cta{font-size:11px}
}
@media(max-width:850px){
  .nav .shell.header-inner{grid-template-columns:auto 1fr;gap:12px;height:68px}
  .nav nav{display:none}
  .nav .logo{width:145px}
  .nav .top-cta{font-size:11px;justify-self:end;gap:8px;padding:6px 0 7px!important}
  .nav .top-cta .desktop-download{display:none}
  .nav .top-cta .mobile-download{display:inline}
}
@media(max-width:520px){
  .nav .logo{width:125px}
  .storelinks{gap:16px 14px;margin:23px 0 11px}
  .storelinks .store-choice{
    flex:0 0 calc((100% - 14px)/2);
    width:calc((100% - 14px)/2);
    max-width:none;gap:8px;
  }
  .storelinks .storelink{width:100%;height:58px}
  .storelinks .storelink > img.badge-art{width:100%;height:58px;max-height:58px}
  .storelinks .storelink .store-fallback:not([hidden]){width:100%;height:52px;min-height:52px}
  .storelinks .store-label{font-size:9px;letter-spacing:1.05px}
}


/* v5.9 definitive store badge sizing: both local SVGs have 240x72 viewBoxes.
   No optical CSS scaling, no external badge images, and no nested button border. */
.storelinks{gap:18px 24px;align-items:flex-start}
.storelinks .store-choice{
  flex:0 0 200px;width:200px;max-width:200px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.storelinks .storelink{
  width:200px;height:60px;min-width:0;max-width:100%;
  display:block;padding:0;margin:0;
  border:0!important;background:none!important;box-shadow:none!important;
  overflow:visible;
}
.storelinks .storelink > img.badge-art{
  display:block;width:100%;height:100%;max-width:100%;max-height:none;
  object-fit:fill;object-position:center;transform:none!important;
  padding:0;margin:0;border:0;border-radius:0;box-shadow:none;
}
.storelinks .store-label{width:100%;text-align:center;margin:0;letter-spacing:1.5px}
@media(max-width:520px){
  .storelinks{column-gap:14px;row-gap:16px}
  .storelinks .store-choice{flex:0 0 calc((100% - 14px)/2);width:calc((100% - 14px)/2);max-width:none}
  .storelinks .storelink{width:100%;height:auto;aspect-ratio:10/3;min-height:0}
  .storelinks .storelink > img.badge-art{width:100%;height:100%;aspect-ratio:10/3;transform:none!important}
  .storelinks .store-label{font-size:9px;letter-spacing:1.05px}
}


/* DRYVE footer restoration — mirrors the original live site's three horizontal rows. */
.footer{background:#101010;padding:43px 0 19px;color:#b8c8c4}
.footer .shell{width:min(1216px,calc(100% - 64px));margin:0 auto}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px;padding:0 0 35px;border-bottom:1px solid #292d2d}
.footer-top a{display:inline-flex;align-items:center;flex:none}
.footer-top img{display:block;width:135px;height:auto}
.footer-top p{color:#d2d5d5;font-size:12px;letter-spacing:.005em;line-height:1.5;margin:0;max-width:none}
.footer-middle{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:center;padding:26px 0 32px;border-bottom:1px solid #292d2d}
.footer-copyright{white-space:nowrap;font-size:10px;color:#a2b6b7}
.footer-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:13px;row-gap:14px}
.footer-nav a{font-size:11.5px;line-height:1.45;color:#b6dbdc;white-space:nowrap;text-decoration:none;transition:color .15s ease}
.footer-nav a:hover,.footer-nav a:focus-visible{color:#64e5d5}
.footer-bottomline{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 0;font-size:10.5px;line-height:1.65;color:#a5b3b3}
.footer-bottomline strong{color:#4dded6;font-size:11px;font-weight:800;white-space:nowrap}
.footer-bottomline span{text-align:right}
@media(max-width:1050px){
  .footer-middle{grid-template-columns:1fr;gap:17px}
  .footer-nav{justify-content:flex-start;column-gap:23px}
}
@media(max-width:700px){
  .footer{padding:36px 0 18px}
  .footer .shell{width:calc(100% - 36px)}
  .footer-top{min-height:0;padding-bottom:25px}
  .footer-top img{width:120px}
  .footer-top p{font-size:10px;text-align:right}
  .footer-middle{padding:24px 0}
  .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
  .footer-nav a{font-size:12px;white-space:normal}
  .footer-bottomline{align-items:flex-start;flex-direction:column;gap:7px;padding-top:19px}
  .footer-bottomline span{text-align:left}
}


/* v6.1: balanced closing section, safe sticky-anchor positioning and original wide footer */
html{scroll-padding-top:105px}
#why,#features,#app-tour,#exercises,#demo,#download{scroll-margin-top:105px}
.cta{
  padding:75px 0 78px;
  background:
    radial-gradient(ellipse at 85% 36%,rgba(28,136,122,.17),transparent 45%),
    linear-gradient(125deg,#0e2a29,#081818 78%,#081213);
  border-top:1px solid #244a42;
  overflow:hidden;
}
.cta:after{content:none!important;display:none!important}
.cta .shell{width:min(1270px,calc(100% - 72px));position:relative;z-index:1}
.cta .eyebrow{font-size:11px;line-height:1.5;margin:0 0 18px}
.cta h2{
  font-size:clamp(52px,6vw,98px);
  max-width:900px;
  line-height:.98;
  letter-spacing:-.056em;
  font-weight:950;
  margin:16px 0 22px;
  overflow-wrap:normal;
}
.cta p:not(.eyebrow){font-size:16px;line-height:1.65;margin:0;color:#c3d4d0}
.cta .storelinks{margin-top:24px;margin-bottom:0}
.cta .storelinks .store-choice{gap:8px}
.footer{padding:39px 0 20px}
.footer .shell{width:85.5%;max-width:1560px}
.footer-top{padding-bottom:28px;min-height:75px}
.footer-middle{padding:25px 0 28px;grid-template-columns:240px minmax(0,1fr)}
.footer-nav{column-gap:12px;row-gap:12px}
.footer-nav a{font-size:11.5px}
.footer-bottomline{padding-top:18px}
@media(max-width:900px){
  .cta{padding:68px 0 75px}
  .cta h2{font-size:clamp(48px,8.3vw,75px)}
  .footer .shell{width:calc(100% - 40px)}
  .footer-middle{grid-template-columns:1fr}
}
@media(max-width:520px){
  html{scroll-padding-top:80px}
  #why,#features,#app-tour,#exercises,#demo,#download{scroll-margin-top:80px}
  .cta{padding:54px 0 62px}
  .cta .shell{width:calc(100% - 36px)}
  .cta h2{font-size:clamp(45px,11vw,62px);letter-spacing:-.052em;margin:15px 0 18px}
  .cta p:not(.eyebrow){font-size:14px}
  .cta .storelinks{margin-top:21px}
  .footer .shell{width:calc(100% - 36px)}
  .footer{padding:33px 0 18px}
  .footer-top{padding-bottom:23px}
  .footer-middle{padding:22px 0}
}


/* v6.2 — final section designed as a compact download close, not a second hero. */
.cta.cta-close{
  display:block;
  padding:72px 0 77px;
  background:radial-gradient(ellipse 65% 120% at 100% 0%,rgba(53,186,166,.105),transparent 75%),linear-gradient(116deg,#0b2523 0%,#0a1d1b 58%,#091716 100%);
  border-top:1px solid #245148;
  overflow:hidden;
}
.cta.cta-close:before{display:none;content:none}
.cta.cta-close:after{display:none!important;content:none!important}
.cta.cta-close .shell.cta-grid{
  width:min(1216px,calc(100% - 72px));
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,440px);
  align-items:center;
  gap:clamp(38px,5vw,95px);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.cta.cta-close .cta-copy{min-width:0}
.cta.cta-close .cta-copy .eyebrow{
  display:block;font-size:10px;line-height:1.7;letter-spacing:2.2px;
  margin:0 0 22px;
}
.cta.cta-close .cta-copy h2{
  display:block;font-size:clamp(49px,5.2vw,76px);line-height:.97;
  letter-spacing:-.055em;max-width:none;margin:0 0 22px;
  font-weight:950;
}
.cta.cta-close .cta-copy p{
  font-size:15px;line-height:1.7;
  max-width:420px;margin:0;color:#b9cfc9;
}
.cta.cta-close .cta-action{
  min-width:0;
  border-left:1px solid #2e5e55;
  padding:17px 0 16px 38px;
}
.cta.cta-close .cta-action-label{
  font-size:11px;letter-spacing:2.2px;font-weight:900;
  color:#e7f5f0;margin-bottom:25px;
}
.cta.cta-close .cta-action .storelinks{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;align-items:start;
  margin:0;
}
.cta.cta-close .storelinks .store-choice{
  width:100%;max-width:200px;min-width:0;flex:initial;
  display:flex;flex-direction:column;align-items:center;gap:9px;
}
.cta.cta-close .storelinks .storelink{
  display:block;width:100%;height:auto;aspect-ratio:10/3;
  min-height:0;margin:0;
}
.cta.cta-close .storelinks .storelink > img.badge-art{
  display:block;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:fill;transform:none!important;
}
.cta.cta-close .storelinks .store-label{
  font-size:9px;letter-spacing:1.3px;margin:0;line-height:1.5;
}
.footer{background:#0f1011;border-top:1px solid #252d2c}
.footer .shell{width:min(1216px,calc(100% - 72px));max-width:1216px}
.footer-top{padding-bottom:27px;min-height:72px}
.footer-middle{grid-template-columns:210px minmax(0,1fr);gap:24px}
.footer-nav{gap:12px 15px;justify-content:space-between}
.footer-nav a{font-size:11px}
@media(max-width:1030px){
  .cta.cta-close .shell.cta-grid{grid-template-columns:minmax(0,1fr) minmax(330px,410px);gap:28px}
  .cta.cta-close .cta-action{padding-left:24px}
  .cta.cta-close .cta-copy h2{font-size:clamp(47px,5.5vw,67px)}
  .footer-middle{grid-template-columns:1fr;gap:18px}
  .footer-nav{justify-content:flex-start;gap:14px 24px}
}
@media(max-width:760px){
  .cta.cta-close{padding:58px 0 62px}
  .cta.cta-close .shell.cta-grid{
    grid-template-columns:minmax(0,1fr);gap:35px;
    width:calc(100% - 40px);
  }
  .cta.cta-close .cta-copy .eyebrow{margin-bottom:18px}
  .cta.cta-close .cta-copy h2{font-size:clamp(46px,9vw,72px);margin-bottom:17px}
  .cta.cta-close .cta-copy p{font-size:14px}
  .cta.cta-close .cta-action{
    border-left:0;border-top:1px solid #2e5e55;
    padding:28px 0 0;
    max-width:440px;
  }
  .cta.cta-close .cta-action-label{margin-bottom:16px}
  .footer .shell{width:calc(100% - 40px)}
}
@media(max-width:520px){
  .cta.cta-close{padding:45px 0 52px}
  .cta.cta-close .shell.cta-grid{width:calc(100% - 36px);gap:28px}
  .cta.cta-close .cta-copy h2{font-size:clamp(45px,10.7vw,59px)}
  .cta.cta-close .cta-action .storelinks{gap:12px}
  .cta.cta-close .storelinks .store-choice{max-width:none;gap:7px}
  .cta.cta-close .storelinks .store-label{letter-spacing:1px;font-size:8.5px}
  .footer .shell{width:calc(100% - 36px)}
}


/* DRYVE v6.3 — signature performance atmosphere.
   CSS-only layered light, contour, trace and grid. Readable and clipping-safe. */
:root{
  --dryve-signal:rgba(91,231,212,.23);
  --dryve-trace:rgba(100,229,213,.068);
  --dryve-midnight:#060e11;
}
body{background:#060d0f}
.hero,
.section.why,
.section.features,
.section.tour,
.section.exercise-library,
.section.video-section,
.cta.cta-close{isolation:isolate;position:relative}
.hero>.shell,
.section.why>.shell,
.section.features>.shell,
.section.tour>.shell,
.section.exercise-library>.shell,
.section.video-section>.shell,
.cta.cta-close>.shell{position:relative;z-index:1}

/* Hero: teal stage lighting with extremely fine performance tracers. */
.hero{
  background:
    radial-gradient(ellipse 54% 68% at 80% 47%,rgba(37,193,166,.24),transparent 73%),
    radial-gradient(ellipse 75% 70% at -8% 100%,rgba(14,105,99,.17),transparent 74%),
    repeating-linear-gradient(124deg,transparent 0 162px,rgba(108,230,216,.067) 163px,transparent 164px),
    linear-gradient(114deg,#071315 0%,#092323 59%,#061113 100%);
}
.hero:before{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse 60% 70% at 82% 45%,transparent 54%,rgba(91,231,212,.054) 54.3%,transparent 54.7%,transparent 62%,rgba(91,231,212,.036) 62.3%,transparent 62.6%);
}
.hero:after{
  content:"";position:absolute;pointer-events:none;top:0;bottom:0;right:0;
  width:min(23vw,300px);z-index:0;opacity:.6;
  background:linear-gradient(140deg,transparent 36%,rgba(114,239,220,.074) 36.1%,transparent 36.4%,transparent 76%,rgba(114,239,220,.06) 76.2%,transparent 76.5%);
}

/* Between big ideas: a quiet technical grid, luminous edge and contour rings. */
.section.why{
  background:
    radial-gradient(ellipse 44% 85% at 91% 45%,rgba(29,126,121,.16),transparent 74%),
    radial-gradient(circle at 84% 56%,transparent 0 178px,rgba(92,229,213,.061) 180px 181px,transparent 183px 252px,rgba(92,229,213,.04) 254px 255px,transparent 257px),
    linear-gradient(90deg,rgba(100,229,213,.026) 1px,transparent 1px),
    linear-gradient(rgba(100,229,213,.025) 1px,transparent 1px),
    linear-gradient(115deg,#071113,#0b1b1d);
  background-size:auto,auto,86px 86px,86px 86px,auto;
  border-top:1px solid rgba(77,191,178,.2);
}
.section.why:before,.section.features:before,.section.tour:before,
.section.exercise-library:before,.section.video-section:before{
  content:"";position:absolute;pointer-events:none;z-index:0;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 8%,rgba(97,233,215,.27) 28%,rgba(97,233,215,.13) 68%,transparent 92%);
}

/* Feature runway: subtle sweeping light across the surface, not extra boxes. */
.section.features{
  background:
    radial-gradient(ellipse 54% 62% at 0% 8%,rgba(36,148,133,.19),transparent 79%),
    radial-gradient(ellipse 60% 76% at 110% 95%,rgba(47,135,130,.23),transparent 73%),
    repeating-linear-gradient(146deg,transparent 0 138px,rgba(97,221,204,.038) 139px,transparent 140px),
    linear-gradient(125deg,#0d1d1f,#0e2022 55%,#0b1a1c);
}
.section.features .feature{
  box-shadow:0 22px 72px rgba(0,0,0,.13);
  border-color:rgba(105,196,182,.23);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .section.features .feature:hover{
    transform:translateY(-3px);
    border-color:rgba(106,235,215,.42);
    box-shadow:0 28px 78px rgba(0,0,0,.22);
  }
}

/* App showcase: layered horizontal light shelves and a faint circuit-mesh. */
.section.tour{
  background:
    radial-gradient(ellipse 50% 65% at 77% 51%,rgba(40,155,139,.175),transparent 77%),
    repeating-linear-gradient(0deg,transparent 0 74px,rgba(115,223,210,.033) 75px,transparent 76px),
    linear-gradient(126deg,#071214,#092123 70%,#071519);
}
.section.tour:after{
  content:"";position:absolute;pointer-events:none;z-index:0;
  top:14%;right:0;width:32%;height:63%;
  border-top:1px solid rgba(110,228,213,.10);
  border-bottom:1px solid rgba(110,228,213,.08);
  transform:skewY(-9deg);opacity:.7;
}

/* Exercise gallery: precision dotted surface, grounded near the feet. */
.section.exercise-library{
  background:
    radial-gradient(ellipse 68% 55% at 49% 93%,rgba(26,118,112,.19),transparent 76%),
    radial-gradient(circle,rgba(102,214,200,.105) 0 .8px,transparent 1.2px),
    linear-gradient(115deg,#0b1518,#0b1e20 54%,#081214);
  background-size:auto,26px 26px,auto;
}
.section.exercise-library .exercise-item{
  border-color:rgba(100,229,213,.25);
  box-shadow:0 14px 45px rgba(0,0,0,.16);
}

/* Demo section: luminous monitor-stage atmosphere, no new frame. */
.section.video-section{
  background:
    radial-gradient(ellipse 38% 80% at 76% 48%,rgba(47,192,168,.23),transparent 80%),
    linear-gradient(90deg,rgba(101,219,206,.032) 1px,transparent 1px),
    linear-gradient(0deg,rgba(101,219,206,.032) 1px,transparent 1px),
    linear-gradient(118deg,#101f21,#102b2a 66%,#0b1b1d);
  background-size:auto,105px 105px,105px 105px,auto;
}

/* Download close: spotlight panel links with the dark footer.
   No giant DRYVE watermark or borders added around download badges. */
.cta.cta-close{
  background:
    radial-gradient(ellipse 44% 120% at 86% 50%,rgba(44,188,161,.22),transparent 75%),
    radial-gradient(ellipse 60% 75% at 2% 100%,rgba(14,99,93,.20),transparent 82%),
    repeating-linear-gradient(145deg,transparent 0 181px,rgba(102,225,208,.045) 182px,transparent 183px),
    linear-gradient(112deg,#0a2524,#09201e 57%,#071a1a);
  border-top:1px solid rgba(109,226,208,.24);
}
.cta.cta-close .cta-action{border-left-color:rgba(119,228,212,.26)}
.footer{background:#0f1011}

/* Consistent accessibility and touch-device treatment. */
@media(max-width:760px){
  .hero:after,.section.tour:after{display:none}
  .section.why{
    background-size:auto,auto,100px 100px,100px 100px,auto;
  }
  .section.exercise-library{
    background-size:auto,34px 34px,auto;
  }
  .cta.cta-close .cta-action{
    border-top-color:rgba(119,228,212,.26);
  }
}
@media(prefers-reduced-motion:reduce){
  .section.features .feature{transition:none!important;transform:none!important}
}


/* v6.4 — integrated media, no pasted-on rectangular photography.
   Only the hero photo gets a frame; other app screens stay unboxed. */
.hero-visual{
  display:flex;
  align-items:center;justify-content:center;
  min-width:0;
  isolation:isolate;
}
.hero-visual .hero-media-frame{
  position:relative;
  isolation:isolate;
  width:min(100%,500px);
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(130deg,#0d2627,#061416);
  border:1px solid rgba(110,230,211,.20);
  box-shadow:
    0 34px 90px rgba(0,0,0,.39),
    0 0 72px rgba(30,213,185,.11);
  transform:translateZ(0);
}
.hero-visual .hero-media-frame img{
  display:block;width:100%;height:auto;
  max-width:100%;max-height:none;
  object-fit:contain;
  border-radius:0;
  filter:none;
}
.hero-visual .hero-media-frame::before{
  content:"";position:absolute;inset:0;z-index:1;
  border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(125deg,rgba(105,255,234,.07),transparent 27%),
    linear-gradient(to bottom,rgba(5,20,24,.12),transparent 19%,transparent 75%,rgba(4,12,16,.22));
}
.hero-visual .hero-media-frame::after{
  content:"";position:absolute;inset:0;z-index:2;
  pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 45px rgba(3,12,15,.20),inset 0 0 1px 1px rgba(151,240,225,.08);
}
.hero-visual:after{
  inset:12% 2%;filter:blur(74px);background:rgba(45,208,180,.22);
}

/* Further down the page: soften image edges without nested box-in-box frames. */
.section.tour .tour-visual figure{
  position:relative;isolation:isolate;
  filter:drop-shadow(0 22px 35px rgba(0,0,0,.23));
}
.section.tour .tour-visual img{
  display:block;max-width:100%;
  border:0;
  border-radius:19px;
  box-shadow:0 0 0 1px rgba(125,227,212,.13);
  background:rgba(6,21,22,.18);
  object-fit:contain;
}
.section.features .feature-media img{
  border-radius:17px;
  box-shadow:0 16px 32px rgba(0,0,0,.14);
  background:rgba(5,14,17,.12);
  max-width:100%;
}
.section.features .feature-media img.real-app-screen{
  border-radius:17px;
  background:transparent;
  box-shadow:0 13px 29px rgba(0,0,0,.19);
}
/* Preserve original transparent exercise artwork and its natural silhouettes. */
.section.exercise-library .exercise-item img{
  border-radius:0;
  box-shadow:none;
}
.section.video-section .video-card video{
  border-radius:25px;
  border:1px solid rgba(123,237,216,.25);
  box-shadow:0 25px 65px rgba(0,0,0,.35),0 0 48px rgba(50,205,184,.10);
}
@media(max-width:850px){
  .hero-visual .hero-media-frame{width:min(100%,460px);border-radius:23px}
  .section.tour .tour-visual img{border-radius:17px}
}
@media(max-width:520px){
  .hero-visual .hero-media-frame{width:min(100%,390px);border-radius:19px}
  .hero-visual .hero-media-frame::after{box-shadow:inset 0 0 26px rgba(3,12,15,.18),inset 0 0 1px 1px rgba(151,240,225,.07)}
  .section.tour .tour-visual img{border-radius:14px}
  .section.features .feature-media img{border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual .hero-media-frame{transform:none}
}


/* DRYVE v6.5 — programme image corrected: clip actual content, not a padded img box. */
.section.tour .tour-visual{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,2vw,30px);
  align-items:end;
  justify-items:center;
  max-width:100%;
  min-width:0;
}
.section.tour .tour-visual .tour-figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  filter:none;
}
.section.tour .tour-visual .tour-shot{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:100%;
  height:auto;
  overflow:hidden;
  isolation:isolate;
  border-radius:18px;
  border:1px solid rgba(116,223,209,.17);
  background:#0b1517;
  box-shadow:0 23px 48px rgba(0,0,0,.26),0 0 34px rgba(46,192,170,.06);
}
.section.tour .tour-visual .tour-shot > img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:530px;
  object-fit:contain;
  object-position:center;
  margin:0;
  padding:0;
  background:transparent;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.section.tour .tour-visual .tour-shot::after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 24px rgba(0,0,0,.11);
}
.section.tour .tour-visual .tour-figure figcaption{
  align-self:stretch;
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.6px;
  line-height:1.5;
  color:#b6d5d0;
  margin:14px 0 0;
  padding:0;
  text-align:center;
}
@media(max-width:850px){
 .section.tour .tour-visual{gap:16px}
 .section.tour .tour-visual .tour-shot{border-radius:16px}
 .section.tour .tour-visual .tour-shot > img{max-height:450px}
}
@media(max-width:520px){
 .section.tour .tour-visual{
   grid-template-columns:repeat(2,minmax(0,1fr));
   gap:12px;
   align-items:end;
 }
 .section.tour .tour-visual .tour-shot{border-radius:12px}
 .section.tour .tour-visual .tour-shot > img{max-height:360px;max-width:100%}
 .section.tour .tour-visual .tour-figure figcaption{
   font-size:9px;letter-spacing:1px;margin-top:10px;
 }
}


/* assets/experience-v66.css */

/* DRYVE preview — experience pass 6.6. New components are isolated from legacy styles. */
:root{--xp-white:#eff7f4;--xp-mint:#64e5d5;--xp-ink:#091719;--xp-stroke:rgba(111,220,204,.19);--xp-soft:#b0cbc5}
.nav .shell.header-inner{grid-template-columns:minmax(126px,1fr) auto minmax(150px,1fr)}
.nav nav{gap:23px}
.nav .top-cta{white-space:nowrap}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.nav .menu-toggle{display:none;background:transparent;border:1px solid var(--xp-stroke);color:var(--xp-white);border-radius:9px;width:42px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.nav .menu-toggle span{display:block;width:17px;height:2px;background:var(--xp-mint);border-radius:2px}
.nav .menu-toggle:focus-visible,.showcase-tab:focus-visible,.metric-tab:focus-visible,.coach-step:focus-visible,.mobile-download-link:focus-visible{outline:2px solid var(--xp-mint);outline-offset:3px}
.section.interactive-showcase,.section.progress-lab,.section.coach-experience{position:relative;isolation:isolate;overflow:hidden}
.section.interactive-showcase>.shell,.section.progress-lab>.shell,.section.coach-experience>.shell{position:relative;z-index:1}
.section.interactive-showcase{
  padding:110px 0 120px;
  background:
    radial-gradient(ellipse 45% 62% at 85% 40%,rgba(40,185,161,.18),transparent 81%),
    repeating-linear-gradient(130deg,transparent 0 178px,rgba(116,229,215,.035) 179px,transparent 180px),
    linear-gradient(119deg,#071315,#0b2324 57%,#071618);
  border-top:1px solid rgba(120,233,217,.16);
}
.interactive-showcase .showcase-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,6vw,100px);align-items:center}
.interactive-showcase h2,.progress-lab h2,.coach-experience h2{
  font-size:clamp(43px,5.5vw,76px);line-height:.98;font-weight:950;letter-spacing:-.055em;
  margin:21px 0 23px;
}
.interactive-showcase h2 em,.progress-lab h2 em,.coach-experience h2 em{font-style:normal;color:var(--xp-mint)}
.interactive-showcase .xp-intro,.progress-lab .xp-intro,.coach-experience .xp-intro{
  font-size:15px;line-height:1.78;color:var(--xp-soft);max-width:515px;margin:0 0 26px;
}
.showcase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:33px}
.showcase-tab{
  text-align:left;padding:19px 19px 17px;
  background:rgba(13,40,40,.54);color:var(--xp-white);
  border:1px solid rgba(109,194,182,.24);border-radius:12px;
  cursor:pointer;min-height:86px;transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.showcase-tab small{display:block;color:var(--xp-mint);font-size:9px;letter-spacing:1.8px;font-weight:800;margin-bottom:8px}
.showcase-tab strong{display:block;font-size:14px;font-weight:850;letter-spacing:.01em}
.showcase-tab[aria-selected="true"]{background:linear-gradient(145deg,rgba(31,124,111,.39),rgba(11,48,45,.82));border-color:rgba(101,236,216,.8);box-shadow:inset 0 0 0 1px rgba(101,236,216,.10)}
@media(hover:hover){.showcase-tab:hover{border-color:rgba(119,230,212,.63);transform:translateY(-2px)}}
.showcase-detail{margin-top:24px;min-height:96px}
.showcase-detail strong{display:block;font-size:20px;letter-spacing:-.02em}
.showcase-detail p{max-width:470px;margin:8px 0 0;font-size:13px;line-height:1.7;color:#acc7c1}
.showcase-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.showcase-stage:before{content:"";position:absolute;pointer-events:none;inset:10%;background:rgba(50,203,179,.21);filter:blur(82px);border-radius:50%}
.showcase-device{
  position:relative;z-index:1;width:min(100%,490px);padding:19px;
  background:linear-gradient(145deg,#142e2d,#081719 75%);
  border:1px solid rgba(125,237,216,.25);border-radius:28px;
  box-shadow:0 32px 95px rgba(0,0,0,.34),inset 0 1px rgba(155,246,226,.10);
}
.showcase-device-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:21px;margin-bottom:15px}
.showcase-device-header .device-label{color:#c8e3dd;font-size:10px;font-weight:850;letter-spacing:1.4px}
.showcase-device-header .device-counter{color:var(--xp-mint);font-size:10px;letter-spacing:1.2px;font-weight:800}
.showcase-screen{height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(127,208,195,.17);background:radial-gradient(ellipse at 50% 52%,rgba(21,84,78,.24),#071315 75%);border-radius:17px}
.showcase-screen img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 26px rgba(0,0,0,.22))}
.showcase-screen img.is-changing{opacity:.38;transform:scale(.986)}
.showcase-screen img{transition:opacity .16s ease,transform .16s ease}
.showcase-disclaimer{font-size:10px!important;line-height:1.6!important;color:#9eb9b2!important;margin:15px 4px 0!important;text-align:center}
.section.progress-lab{
  padding:112px 0;
  background:
    radial-gradient(ellipse 55% 75% at -10% 50%,rgba(46,182,157,.19),transparent 76%),
    linear-gradient(120deg,#081a1c,#0c2022 72%,#0b1719);
  border-top:1px solid rgba(105,224,206,.12)
}
.progress-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,7vw,110px);align-items:center}
.progress-lab .progress-graphic{background:linear-gradient(140deg,rgba(20,55,53,.93),rgba(11,27,31,.95));border:1px solid rgba(121,222,207,.29);border-radius:23px;padding:28px;box-shadow:0 30px 75px rgba(0,0,0,.20);min-width:0}
.metric-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.metric-head strong{font-size:15px}
.metric-head span{font-size:10px;letter-spacing:1.6px;color:var(--xp-mint);font-weight:800}
.metric-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}
.metric-tab{
  background:#112c2b;border:1px solid rgba(118,212,197,.23);color:#bed9d3;
  border-radius:7px;padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer;
}
.metric-tab[aria-pressed="true"]{background:var(--xp-mint);color:#08211d;border-color:var(--xp-mint)}
.metric-subtitle{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:18px}
.metric-subtitle strong{font-size:26px;letter-spacing:-.03em}
.metric-subtitle span{font-size:11px;color:#9bbeb4}
.metric-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end;height:235px;border-bottom:1px solid rgba(123,216,203,.2);padding:0 4px 9px}
.metric-bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;min-width:0}
.metric-bar-value{font-size:10px;color:#dbf5ef;font-weight:800;text-align:center;white-space:nowrap}
.metric-bar-track{height:190px;width:100%;display:flex;align-items:end;justify-content:center;border-radius:6px;background:rgba(99,223,204,.035);overflow:hidden}
.metric-bar-fill{display:block;width:100%;max-width:55px;height:var(--pct,10%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#7ef4e2,#249f91);box-shadow:0 0 20px rgba(96,230,211,.20);transform-origin:bottom}
.metric-week{font-size:10px;letter-spacing:.2px;color:#98bdb4;padding:10px 0 0}
.metric-legend{font-size:11px!important;line-height:1.6!important;color:#93b9b0!important;margin:19px 0 0!important}
.progress-lab .progress-copy{min-width:0}
.progress-lab .progress-points{display:grid;gap:12px;margin-top:26px}
.progress-points div{border-left:2px solid rgba(100,229,213,.7);padding:6px 0 6px 15px}
.progress-points strong{display:block;color:#f0f7f4;font-size:14px}
.progress-points span{display:block;color:#a5c4bb;font-size:12px;margin-top:6px;line-height:1.6}
.metric-bars.is-ready .metric-bar-fill{animation:metric-grow .82s cubic-bezier(.2,.7,.2,1) both}
@keyframes metric-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
.section.coach-experience{padding:105px 0;background:radial-gradient(ellipse 48% 75% at 26% 49%,rgba(43,152,138,.15),transparent 80%),linear-gradient(120deg,#0a181a,#0b2526 80%);border-top:1px solid rgba(105,224,206,.14)}
.coach-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,90px);align-items:center}
.coach-image-stage{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.coach-image-stage:before{content:"";position:absolute;width:70%;height:77%;border-radius:50%;background:rgba(39,197,168,.20);filter:blur(80px)}
.coach-image-frame{position:relative;border-radius:26px;border:1px solid rgba(99,223,206,.22);padding:20px;width:min(100%,420px);background:linear-gradient(135deg,#122b2d,#071619);box-shadow:0 29px 75px rgba(0,0,0,.26)}
.coach-image-frame img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain;object-position:center;border-radius:13px}
.coach-image-frame figcaption{color:#a8d1c7;font-size:10px;margin-top:16px;line-height:1.6;letter-spacing:.2px}
.coach-steps{display:grid;gap:10px;margin-top:25px}
.coach-step{width:100%;display:flex;text-align:left;align-items:center;gap:17px;padding:17px 19px;border-radius:12px;border:1px solid rgba(112,215,199,.20);background:rgba(16,51,49,.45);cursor:pointer;color:#e8f6f1;transition:background .2s ease,border-color .2s ease}
.coach-step-number{font-size:11px;font-weight:900;color:var(--xp-mint);letter-spacing:1px}
.coach-step strong{display:block;font-size:14px;margin-bottom:5px}
.coach-step small{display:block;font-size:11px;line-height:1.4;color:#b0cac2}
.coach-step[aria-pressed="true"]{background:rgba(32,118,104,.30);border-color:rgba(98,229,210,.73)}
.coach-step-detail{min-height:70px;padding:15px 0 0}
.coach-step-detail strong{color:var(--xp-mint);font-size:13px}
.coach-step-detail p{font-size:12px;line-height:1.7;color:#accbc2;margin:6px 0}
.reveal{opacity:1;transform:none}
.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(20px)}
.motion-ready .reveal{transition:opacity .6s ease,transform .6s ease}
.motion-ready .reveal.in-view{opacity:1;transform:none}
.mobile-download-link{display:none}
@media(max-width:1100px){
  .nav nav{gap:15px}
  .interactive-showcase .showcase-layout,.progress-layout,.coach-layout{gap:35px}
  .showcase-screen{height:455px}
}
@media(max-width:850px){
  .nav .shell.header-inner{grid-template-columns:auto 1fr;gap:12px}
  .nav .menu-toggle{display:inline-flex}
  .nav nav{display:none;position:absolute;z-index:50;top:calc(100% - 1px);left:0;right:0;padding:20px max(20px,calc((100vw - 650px)/2));background:#071618;border-bottom:1px solid #31564e;box-shadow:0 20px 35px rgba(0,0,0,.3)}
  .nav nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .nav nav a{display:block;padding:13px 0;border-bottom:1px solid rgba(103,213,196,.12);font-size:13px}
  .interactive-showcase .showcase-layout,.progress-layout,.coach-layout{grid-template-columns:1fr;gap:34px}
  .section.interactive-showcase,.section.progress-lab,.section.coach-experience{padding:80px 0}
  .interactive-showcase h2,.progress-lab h2,.coach-experience h2{font-size:clamp(46px,7vw,72px)}
  .showcase-stage{max-width:540px;margin:auto;width:100%}
  .progress-lab .progress-copy{grid-row:1}
  .progress-graphic{max-width:650px}
  .coach-image-stage{grid-row:2}
  .coach-image-frame{max-width:380px}
}
@media(max-width:600px){
  .section.interactive-showcase,.section.progress-lab,.section.coach-experience{padding:64px 0}
  .interactive-showcase h2,.progress-lab h2,.coach-experience h2{font-size:clamp(42px,10.7vw,60px)}
  .showcase-tabs{gap:9px}
  .showcase-tab{padding:14px 12px;min-height:75px}
  .showcase-tab strong{font-size:12px}
  .showcase-tab small{font-size:8px}
  .showcase-device{padding:12px;border-radius:20px}
  .showcase-screen{height:375px;border-radius:13px}
  .showcase-device-header{padding:0 3px}
  .progress-lab .progress-graphic{padding:16px;border-radius:17px}
  .metric-bars{gap:7px;height:198px}
  .metric-bar-track{height:155px}
  .metric-bar-value,.metric-week{font-size:9px}
  .metric-subtitle strong{font-size:21px}
  .coach-image-frame{padding:14px;border-radius:18px}
  .coach-step{padding:13px}
  .coach-image-frame img{max-height:330px}
  .mobile-download-link{
    display:flex;position:fixed;z-index:100;align-items:center;justify-content:center;gap:12px;
    left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));
    min-height:50px;border-radius:10px;background:#65e6d4;color:#06231e;
    font-size:12px;font-weight:900;letter-spacing:1.2px;text-align:center;
    box-shadow:0 10px 32px rgba(0,0,0,.42);transform:translateY(calc(100% + 40px));
    transition:transform .24s ease;
  }
  .mobile-download-link.is-visible{transform:translateY(0)}
  .footer{padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .metric-bars.is-ready .metric-bar-fill{animation:none}
  .showcase-screen img,.mobile-download-link{transition:none}
}


/* v6.7: accurate, legible Coach presentation based on genuine DRYVE captures.
   Section-only replacement: the current user's actual app data is an example, not a live feed. */
.coach-experience .coach-layout{align-items:center;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}
.coach-experience .coach-copy .xp-intro{max-width:565px}
.coach-live-frame{
  width:min(100%,485px);min-width:0;position:relative;overflow:hidden;
  border:1px solid rgba(109,222,206,.28);border-radius:26px;
  background:#111314;box-shadow:0 30px 74px rgba(0,0,0,.30),0 0 66px rgba(30,190,168,.07);
  padding:0;
}
.coach-app-header{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:17px 23px;background:#0b2020;border-bottom:1px solid rgba(110,216,199,.17);
  font-size:10px;font-weight:900;letter-spacing:1.8px;color:#d8f7f0;
}
.coach-app-active{font-size:9px;color:#60e1d2;white-space:nowrap;letter-spacing:1.2px}
.coach-app-body{padding:23px 24px 25px;min-height:425px}
.coach-ui-view[hidden],.showcase-coach-preview[hidden],#showcase-image[hidden]{display:none!important}
.coach-ui-view.is-active{animation:coach-fade-in .22s ease both}
@keyframes coach-fade-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
.coach-ui-heading{font-size:27px;font-weight:950;letter-spacing:-.035em;line-height:1.1;color:#f5fbf8}
.coach-ui-subhead{font-size:15px;line-height:1.5;color:#b9bebc;margin:7px 0 22px}
.coach-ui-label{display:block;margin:15px 0 11px;color:#b7c2bf;font-size:10px;font-weight:850;letter-spacing:2px;line-height:1.6}
.coach-ui-card{
  border:1px solid rgba(218,233,226,.18);background:#242424;
  border-radius:17px;padding:16px 17px 17px;margin:0 0 17px;
  box-shadow:0 8px 23px rgba(0,0,0,.13);
}
.coach-ui-card.teal{border-left:4px solid #31b9c1}
.coach-ui-card.purple{border-left:4px solid #a280eb}
.coach-ui-card.orange{border-left:4px solid #ef8242}
.coach-ui-card strong{display:block;color:#f5f5f4;font-size:15px;line-height:1.5;font-weight:850}
.coach-ui-card p{color:#c4c7c6;font-size:12.5px;line-height:1.65;margin:8px 0 0}
.coach-ui-card p b{color:#fff}
.coach-ui-card .coach-ui-label{margin:0 0 6px;color:#45c0bd;font-size:9px}
.coach-ui-cta{
  display:block;margin:15px 0 0;padding:10px 12px;border-radius:10px;
  text-align:center;background:#32b9c1;color:#041516;font-size:12px;font-weight:900;
}
.coach-ui-prompt{
  width:fit-content;margin:9px 0 20px auto;background:#31b9c1;
  color:#031819;padding:13px 17px;border-radius:14px 14px 3px 14px;
  font-size:13px;line-height:1.4;font-weight:800;
}
.coach-ui-targets{display:grid;margin-top:13px;border-top:1px solid #3f5451}
.coach-ui-targets>div{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:10px 0;border-bottom:1px solid rgba(197,231,222,.10);
  font-size:12px;line-height:1.4;color:#d9e8e2;
}
.coach-ui-targets b{white-space:nowrap;color:#79e6d4}
.coach-ui-bottom{
  display:flex;justify-content:space-around;gap:6px;border-top:1px solid #363e3c;
  padding:12px 7px 12px;background:#1a1b1c;color:#999c9b;font-size:8px;
  font-weight:850;letter-spacing:.55px;
}
.coach-ui-bottom strong{color:#31c1c5}
.coach-ui-disclaimer{margin:0!important;background:#0a191a;padding:10px 15px;
  text-align:center;color:#92b6af!important;font-size:10px!important;line-height:1.5!important}
.coach-experience .coach-readonly-note{max-width:530px;margin:19px 0 0;color:#99bab2;
 font-size:11px;line-height:1.7}
.coach-experience .coach-step-detail{min-height:76px;padding-top:21px}
.coach-experience .coach-step-detail strong{font-size:14px}
.coach-experience .coach-step-detail p{font-size:12px;line-height:1.65}
.showcase-coach-preview{
  display:flex;flex-direction:column;justify-content:center;
  width:min(100%,375px);min-height:80%;gap:12px;align-self:center;
  background:#191b1c;border-radius:18px;border:1px solid #36514e;
  padding:24px;color:#f2faf7;box-shadow:0 24px 52px rgba(0,0,0,.26);
}
.showcase-coach-preview>.coach-ui-label{font-size:9px;margin:0 0 7px;color:#79e2d5}
.showcase-coach-preview>strong{font-size:19px;line-height:1.2}
.showcase-coach-preview>p{color:#c9d5d0;font-size:13px;line-height:1.6;margin:0}
.showcase-coach-next{
  display:block;border-radius:9px;padding:12px 15px;margin:4px 0 11px;
  background:#37bfc1;color:#041819;font-size:13px;font-weight:900;text-align:center;
}
.showcase-coach-progress{
  display:flex;justify-content:space-between;gap:8px;
  border-radius:10px;background:#283331;padding:13px 14px;margin-bottom:10px;
  font-size:11px;font-weight:800;color:#b4c9c2;
}
.showcase-coach-progress strong{color:#f0c467;font-size:15px;white-space:nowrap}
@media(max-width:900px){
  .coach-experience .coach-layout{grid-template-columns:1fr;gap:35px}
  .coach-experience .coach-image-stage{grid-row:2}
  .coach-live-frame{max-width:480px}
}
@media(max-width:520px){
  .coach-live-frame{border-radius:18px}
  .coach-app-header{padding:12px 15px;font-size:9px}
  .coach-app-active{font-size:8px}
  .coach-app-body{padding:19px 15px;min-height:390px}
  .coach-ui-card{padding:14px 15px;border-radius:14px}
  .coach-ui-card strong{font-size:14px}
  .coach-ui-card p{font-size:12px}
  .coach-ui-bottom{font-size:7px}
  .showcase-coach-preview{padding:18px;min-height:80%}
  .showcase-coach-preview>strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.coach-ui-view.is-active{animation:none}}


/* v6.8 tier clarity: an intentional premium zone set apart from included analytics. */
.section.pro-analytics{
 position:relative;isolation:isolate;overflow:hidden;
 padding:110px 0 112px;
 background:
 radial-gradient(ellipse 46% 65% at 75% 42%,rgba(63,160,151,.18),transparent 75%),
 linear-gradient(125deg,#0b1d20 0%,#0b2222 55%,#0a1518 100%);
 border-top:1px solid rgba(107,219,204,.2);
 border-bottom:1px solid rgba(107,219,204,.12);
}
.section.pro-analytics:before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
 background:repeating-linear-gradient(137deg,transparent 0 190px,rgba(103,235,214,.05) 191px,transparent 192px);
}
.pro-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(35px,6vw,95px);align-items:center;position:relative;z-index:1}
.pro-copy{min-width:0}
.pro-analytics h2{font-size:clamp(45px,5.7vw,77px);line-height:.98;font-weight:950;letter-spacing:-.055em;margin:20px 0 24px}
.pro-analytics h2 em{font-style:normal;color:var(--xp-mint)}
.pro-description{font-size:15px;color:#b4d0c8;line-height:1.78;max-width:540px;margin:0 0 25px}
.pro-feature-lines{display:grid;gap:0;border-top:1px solid rgba(124,222,207,.20);margin:28px 0 23px}
.pro-feature-lines>div{
 display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:13px;
 padding:14px 0;border-bottom:1px solid rgba(124,222,207,.16);
}
.pro-feature-lines>div>span{color:var(--xp-mint);font-size:10px;letter-spacing:1px;font-weight:800;padding-top:3px;grid-row:span 2}
.pro-feature-lines strong{color:#f0f7f4;font-size:14px;font-weight:850}
.pro-feature-lines small{display:block;color:#a9c4bc;font-size:12px;line-height:1.5;margin-top:5px}
.pro-tier-note{font-size:11px;line-height:1.7;color:#9ebbb1;margin:0}
.pro-tier-note strong{color:var(--xp-mint);letter-spacing:.8px}
.pro-visual{min-width:0}
.pro-ui{background:linear-gradient(142deg,rgba(19,40,42,.94),rgba(7,21,25,.99));border:1px solid rgba(102,226,204,.28);padding:25px;border-radius:24px;box-shadow:0 32px 79px rgba(0,0,0,.28);min-width:0}
.pro-ui-top{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#bdd9d2;font-size:10px;font-weight:900;letter-spacing:1.1px}
.pro-ui-top strong{border:1px solid rgba(104,233,213,.55);border-radius:999px;padding:8px 13px;color:var(--xp-mint);font-size:12px;letter-spacing:1.4px}
.pro-ui-title{font-size:clamp(22px,2.6vw,32px);font-weight:950;letter-spacing:-.04em;line-height:1.04;color:#f0f7f4;margin:25px 0 8px}
.pro-ui-subtitle{color:#a3c4bb;font-size:12px;line-height:1.6;margin:0 0 24px}
.pro-ui-row{padding:22px 0;border-top:1px solid rgba(112,213,200,.18)}
.pro-ui-row>div:first-child{margin-bottom:13px}
.pro-ui-row span{color:var(--xp-mint);display:block;font-size:10px;letter-spacing:1.5px;font-weight:800;margin-bottom:8px}
.pro-ui-row strong{display:block;font-size:14px;color:#e4f2ed}
.pro-ui-bars{display:flex;align-items:flex-end;gap:10px;height:100px;justify-content:space-between;padding:4px 5px 0}
.pro-ui-bars i{width:19%;height:var(--level);background:linear-gradient(to bottom,#69edd8,#228d86);border-radius:5px 5px 2px 2px;opacity:.9}
.pro-ui-graph{display:block;width:100%;height:82px;max-width:300px;margin:auto;overflow:visible}
.pro-ui-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:19px;border-top:1px solid rgba(112,213,200,.18)}
.pro-ui-bottom span{font-size:9px;letter-spacing:.8px;padding:9px 11px;color:#b1d2c9;background:rgba(55,118,108,.19);border-radius:6px;font-weight:800}
.pro-ui-disclaimer{font-size:10px;color:#92b6ac;text-align:center;line-height:1.6;margin:14px 0 0}
@media(max-width:850px){
 .section.pro-analytics{padding:80px 0}
 .pro-layout{grid-template-columns:1fr;gap:38px}
 .pro-ui{max-width:600px;margin:0 auto}
 .pro-visual{width:100%}
}
@media(max-width:600px){
 .section.pro-analytics{padding:65px 0}
 .pro-analytics h2{font-size:clamp(43px,10.8vw,64px)}
 .pro-description{font-size:14px}
 .pro-ui{padding:18px;border-radius:18px}
 .pro-ui-title{font-size:26px}
 .pro-ui-top{font-size:9px}
 .pro-ui-graph{height:65px}
}


/* assets/analytics-v67.css */

/* DRYVE v6.7: faithful free analytics vs advanced Pro. All visuals are illustrative,
   matching the structure of the app, not pretending a live user-data connection. */
.analytics-free .free-app-screen{
  width:100%;min-width:0;max-width:590px;
  background:#111315;border:1px solid rgba(123,222,211,.24);
  border-radius:22px;padding:clamp(18px,2.5vw,30px);
  box-shadow:0 28px 75px rgba(0,0,0,.24);
  color:#f3f6f5;
}
.free-screen-top{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #353737}
.free-screen-top>span:first-child{font-weight:850;font-size:11px;letter-spacing:2.4px;color:#aaa}
.free-menu{font-size:9px;letter-spacing:.3px;color:#999}
.free-menu strong{color:#63ded5;border-bottom:2px solid #63ded5;padding-bottom:13px;font-weight:850}
.free-screen-title{display:flex;justify-content:space-between;gap:13px;align-items:center;margin:27px 0 27px}
.free-screen-title strong{font-size:clamp(25px,3.15vw,39px);font-weight:950;line-height:1;letter-spacing:-.032em}
.free-screen-title p{font-size:12px;color:#a5a5a5;margin:7px 0 0}
.free-pill{padding:8px 12px;border-radius:99px;font-size:10px;letter-spacing:1.5px;font-weight:900;color:#54ddd3;background:rgba(49,187,177,.13);border:1px solid rgba(70,213,200,.35)}
.free-screen-subtitle{font-size:10px;color:#aaa;font-weight:850;letter-spacing:2.1px;margin:21px 0 13px}
.free-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.free-metric{padding:16px;border:1px solid #373a3b;background:#232425;border-radius:13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.free-metric span{font-size:10px;letter-spacing:1.1px;color:#b3b3b3;font-weight:800}
.free-metric strong{font-size:clamp(25px,2.7vw,34px);font-weight:950;letter-spacing:-.03em;line-height:1.15;overflow-wrap:anywhere}
.free-metric strong small{font-size:13px;margin-left:2px}
.free-metric .free-pr{color:#ffcd63}
.free-streak-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.free-streak-block{background:#202425;border:1px solid #38403f;border-radius:12px;padding:14px;min-width:0}
.free-streak-block span{font-size:9px;font-weight:850;letter-spacing:1px;color:#62ddd0;text-transform:uppercase}
.free-streak-block strong{display:block;font-size:clamp(17px,2.6vw,26px);font-weight:950;line-height:1.14;margin:9px 0}
.free-streak-block p{font-size:10px!important;line-height:1.4!important;color:#a3b9b5!important;margin:0!important}
.free-week-dots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px}
.free-week-dots span{display:flex;justify-content:center;align-items:center;min-height:30px;background:rgba(72,219,204,.12);border:1px solid rgba(95,225,207,.29);border-radius:8px;color:#69e1d4;font-size:13px}
.free-example-note{margin-top:17px;color:#879e99;font-size:10px;line-height:1.5}
.analytics-pro-link{margin-top:19px;color:#69e8d6;display:inline-flex;gap:13px;align-items:center;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.5px;border-bottom:1px solid rgba(107,223,208,.47);padding-bottom:6px}
.analytics-pro-link:hover{color:white}
.section.pro-insights{isolation:isolate;position:relative;overflow:hidden;padding:115px 0;background:radial-gradient(ellipse at 15% 75%,rgba(43,139,129,.21),transparent 65%),repeating-linear-gradient(132deg,transparent 0 180px,rgba(112,218,201,.033) 181px,transparent 182px),linear-gradient(124deg,#091718,#11282b 62%,#0a191b);border-top:1px solid rgba(127,218,206,.16)}
.pro-insights .pro-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(35px,6.2vw,90px)}
.pro-insights h2{font-size:clamp(42px,5.2vw,71px);line-height:.99;letter-spacing:-.055em;margin:20px 0 24px;font-weight:950}
.pro-insights h2 em{font-style:normal;color:#65e5d3}
.pro-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-weight:850;font-size:10px;letter-spacing:1.4px;color:#afcbc4}
.pro-tier{font-weight:900;font-size:10px;letter-spacing:1.4px;color:#09211e;border-radius:4px;background:#5ce2d1;padding:7px 10px;white-space:nowrap}
.pro-tier-small{font-size:9px;padding:5px 9px}
.pro-desc{max-width:480px;font-size:15px;line-height:1.75;color:#b5cfca}
.pro-features{display:grid;gap:20px;margin:30px 0}
.pro-features>div{display:flex;gap:13px;align-items:start}
.pro-feature-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(111,223,205,.26);border-radius:10px;color:#5ee5d5;background:rgba(22,86,79,.24);font-weight:900;font-size:10px}
.pro-features strong{display:block;font-size:14px;color:#f5faf8;line-height:1.4}
.pro-features small{display:block;margin-top:4px;font-size:12px;color:#a8bdb8;line-height:1.65}
.pro-preview{min-width:0;width:100%;background:linear-gradient(140deg,#122626,#081417);border:1px solid rgba(119,225,205,.3);box-shadow:0 35px 90px rgba(0,0,0,.27),0 0 60px rgba(34,199,168,.07);padding:clamp(17px,2.5vw,29px);border-radius:24px}
.pro-preview-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.pro-preview-header div{display:grid;gap:7px}
.pro-preview-header small{color:#69e6d6;font-size:10px;letter-spacing:1.6px;font-weight:800}
.pro-preview-header strong{font-size:23px;font-weight:950;letter-spacing:-.02em}
.pro-view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
.pro-view-button{font:inherit;font-size:11px;font-weight:850;color:#afc4c0;background:#152e2c;border:1px solid rgba(110,214,198,.19);border-radius:8px;padding:12px 7px;cursor:pointer;min-width:0}
.pro-view-button[aria-selected="true"]{background:#64e6d5;color:#09231f;border-color:#64e6d5}
.pro-view-button:focus-visible{outline:2px solid #84f5e6;outline-offset:3px}
.pro-view-body{min-height:346px;background:rgba(9,17,18,.85);border:1px solid #2d3a38;border-radius:15px;padding:22px;min-width:0}
.pro-pane[hidden]{display:none!important}
.pro-pane-title{display:flex;gap:10px;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:1.5px;font-weight:900;margin-bottom:21px;color:#d3e6e1}
.pro-pane-title span{font-size:9px;letter-spacing:1px;color:#83b9ad;text-align:right}
.pro-muscle-line{margin:0 0 20px}
.pro-muscle-line>div{display:flex;justify-content:space-between;gap:13px;margin-bottom:8px;align-items:baseline}
.pro-muscle-line strong{font-size:12px;letter-spacing:.4px}
.pro-muscle-line small{font-size:11px;color:#a6b7b3}
.pro-bar{height:8px;background:#323839;border-radius:30px;overflow:hidden;display:block}
.pro-bar i{display:block;height:100%;border-radius:inherit;background:var(--bar,#5de5d6);box-shadow:0 0 15px var(--bar,#5de5d6)}
.pro-pane-foot{font-size:10px;color:#8ba8a2;line-height:1.55;margin-top:23px}
.pro-recovery-summary{display:flex;align-items:center;gap:22px;margin-bottom:25px}
.pro-recovery-ring{width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#122121 78%,transparent 80%),conic-gradient(#ffce68 76%,#373b3b 0)}
.pro-recovery-ring b{font-size:29px;font-weight:950}
.pro-recovery-summary strong{display:block;font-size:14px}
.pro-recovery-summary small{display:block;color:#a8beb8;line-height:1.55;margin-top:6px;font-size:11px}
.pro-recovery-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pro-recovery-list>div{background:#1a2c2b;border:1px solid #2b4641;border-radius:9px;padding:12px;display:flex;justify-content:space-between;gap:8px}
.pro-recovery-list span{font-size:12px;color:#bbcfc9}
.pro-recovery-list strong{font-size:13px;color:#67e2d6}
.pro-recovery-list strong.pro-amber{color:#ffac62}
.pro-strength-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #293535}
.pro-strength-line strong{display:block;font-size:12px}
.pro-strength-line small{display:block;font-size:10px;color:#8daaa2;margin-top:5px}
.pro-strength-line>span{font-size:10px;color:#6ce6d7;font-weight:900;white-space:nowrap}
.pro-strength-line>span.pro-neutral{color:#afc0bb}
.pro-example-note{font-size:10px!important;color:#93aba4!important;line-height:1.55!important;margin:17px 2px 0!important}
@media(max-width:1000px){
  .pro-insights .pro-layout{gap:36px}
  .pro-insights h2{font-size:clamp(42px,5vw,65px)}
  .pro-view-button{font-size:10px}
}
@media(max-width:850px){
  .section.pro-insights{padding:85px 0}
  .pro-insights .pro-layout{grid-template-columns:1fr;gap:34px}
  .pro-insights h2{font-size:clamp(44px,7vw,70px)}
  .pro-preview{max-width:650px;margin:auto}
  .analytics-free .free-app-screen{max-width:650px}
}
@media(max-width:600px){
  .section.pro-insights{padding:65px 0}
  .pro-insights h2{font-size:clamp(42px,10.2vw,59px)}
  .pro-desc{font-size:14px}
  .pro-preview{border-radius:17px;padding:14px}
  .pro-view-body{padding:15px;min-height:333px}
  .pro-preview-header strong{font-size:19px}
  .pro-view-switch{gap:5px}
  .pro-view-button{font-size:9px;padding:11px 4px}
  .pro-recovery-summary{gap:13px}
  .pro-recovery-ring{width:82px;height:82px;flex-basis:82px}
  .pro-recovery-ring b{font-size:22px}
  .pro-strength-line strong{font-size:11px}
  .pro-strength-line>span{font-size:9px}
  .analytics-free .free-app-screen{padding:14px;border-radius:15px}
  .free-screen-top>span:first-child{font-size:9px}
  .free-menu{font-size:8px}
  .free-screen-title{margin:20px 0}
  .free-screen-title strong{font-size:27px}
  .free-metric-grid{gap:7px}
  .free-metric{padding:12px;border-radius:10px}
  .free-metric span{font-size:8.5px}
  .free-metric strong{font-size:26px}
  .free-streak-grid{gap:7px}
  .free-streak-block{padding:11px}
  .free-streak-block strong{font-size:19px}
  .free-week-dots{gap:5px}
  .free-week-dots span{min-height:25px}
}


/* Pro all-time overview, based on newly supplied screenshots */
.pro-view-switch{grid-template-columns:repeat(4,minmax(0,1fr))}
.pro-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
.pro-overview-grid>div{background:#202626;border:1px solid #333c3b;border-radius:11px;padding:14px;min-width:0}
.pro-overview-grid span{display:block;color:#a9bbb5;letter-spacing:1.1px;font-size:9px;font-weight:900}
.pro-overview-grid strong{display:block;color:#effaf6;font-size:clamp(22px,2.7vw,34px);font-weight:950;margin-top:8px;line-height:1}
.pro-overview-grid strong small{font-size:15px;margin-left:2px}
.pro-small-title{margin-bottom:10px}
.pro-trend-bars{height:72px;display:flex;align-items:end;justify-content:space-around;gap:8px;border-bottom:1px solid rgba(110,217,199,.28)}
.pro-trend-bars i{width:100%;display:block;max-width:38px;border-radius:4px 4px 0 0;background:linear-gradient(#71e6d7,#1d9f96);opacity:.88}
@media(max-width:600px){
  .pro-view-button{font-size:9px;line-height:1.2;min-height:44px;padding:8px 2px}
  .pro-overview-grid{gap:8px}
  .pro-overview-grid>div{padding:11px}
  .pro-overview-grid strong{font-size:25px}
}


/* assets/home-experience-v71.css */
/* DRYVE website preview v7.1 · Home experience. Only affects the separate preview. */
.section.home-experience{
  isolation:isolate;position:relative;overflow:hidden;
  padding:100px 0 110px;
  border-top:1px solid rgba(98,221,203,.16);
  border-bottom:1px solid rgba(98,221,203,.13);
  background:
    radial-gradient(ellipse 60% 100% at 9% 53%,rgba(14,113,109,.24),transparent 78%),
    radial-gradient(ellipse 42% 75% at 90% 12%,rgba(22,119,107,.13),transparent 90%),
    linear-gradient(125deg,#06181a 0%,#092021 58%,#061517 100%);
}
.home-experience:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:repeating-linear-gradient(145deg,transparent 0 210px,rgba(102,222,210,.045) 211px,transparent 212px)}
.home-experience .home-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(36px,6vw,100px)}
.home-experience .home-visual,.home-experience .home-copy{min-width:0}
.home-experience .home-visual{
  padding:25px;border-radius:24px;background:linear-gradient(141deg,rgba(18,52,50,.84),rgba(7,24,28,.95));
  border:1px solid rgba(96,221,207,.38);box-shadow:0 32px 110px rgba(0,0,0,.29),inset 0 1px rgba(142,244,225,.09);
}
.home-experience .home-panel-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:22px}
.home-experience .home-panel-head strong{color:#f0f8f5;font-size:17px;font-weight:900;letter-spacing:-.02em}
.home-experience .home-panel-head small{display:inline;margin-left:10px;color:#b1cbc5;font-weight:500;font-size:11px;white-space:nowrap}
.home-experience .home-panel-head>span{color:#69e5d4;font-weight:900;font-size:9px;letter-spacing:1.5px;white-space:nowrap}
.home-experience .home-panel-grid{display:grid;grid-template-columns:1.08fr 1.25fr;gap:12px;min-width:0}
.home-experience .home-active,.home-experience .home-streak,.home-experience .home-programme,.home-experience .home-stats{background:linear-gradient(145deg,rgba(26,52,51,.91),rgba(20,36,38,.86));border:1px solid rgba(133,208,197,.18);border-radius:15px;min-width:0}
.home-experience .home-active{grid-row:span 2;padding:22px 19px 18px;border-color:rgba(91,230,213,.35);display:flex;flex-direction:column}
.home-experience .home-activity-head{display:flex;align-items:center;gap:12px}
.home-experience .home-activity-head .home-flex{font-size:26px;line-height:1}
.home-experience .home-tiny-label{color:#b2cbc6;font-weight:850;font-size:10px;letter-spacing:1px;line-height:1.35}
.home-experience .home-program-title{color:#f4f8f6;font-size:16px;font-weight:850;margin-top:5px;line-height:1.25}
.home-experience .home-next-label{font-size:12px;color:#b5ceca;font-weight:700;margin-top:29px}
.home-experience .home-next-value{font-size:26px;color:#f1f9f5;font-weight:900;letter-spacing:-.025em;margin-top:6px}
.home-experience .home-mock-action{display:block;margin-top:auto;background:#58dfd2;color:#06201e;border-radius:10px;padding:14px 10px;text-align:center;font-size:12px;font-weight:950;letter-spacing:.4px;min-height:46px}
.home-experience .home-top-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-experience .home-streak,.home-experience .home-programme{padding:15px;min-height:94px}
.home-experience .home-streak{display:flex;gap:8px;align-items:center}
.home-experience .home-flame{font-size:20px}
.home-experience .home-streak strong{color:#57ded0;font-size:28px;line-height:1;display:block;font-weight:950}
.home-experience .home-streak span:last-child{display:block;color:#b4d0c9;font-size:10px;margin-top:5px}
.home-experience .home-programme .home-goal-line{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}
.home-experience .home-programme strong{color:#5be5d4;font-size:18px;font-weight:950}
.home-experience .home-track{height:6px;border-radius:5px;background:#354644;margin:12px 0 6px;overflow:hidden}
.home-experience .home-track span{display:block;background:linear-gradient(90deg,#38bfc0,#68edda);width:60%;height:100%;border-radius:inherit}
.home-experience .home-remaining{display:block;font-size:10px;color:#b9ccc7}
.home-experience .home-stats{padding:17px;min-height:114px}
.home-experience .home-stats-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.home-experience .home-stats-head>span{font-size:10px;font-weight:850;letter-spacing:1px;color:#b9d0cb}
.home-experience .home-stats-head>small{font-size:10px;color:#60e0cf}
.home-experience .home-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.home-experience .home-stat{min-width:0}
.home-experience .home-stat strong{display:block;font-size:18px;font-weight:950;color:#f4f8f6;letter-spacing:-.04em;white-space:nowrap}
.home-experience .home-stat span{font-size:9px;color:#b1cac4;line-height:1.3;display:block;margin-top:4px}
.home-experience .home-pro-block{margin-top:14px;border:1px solid rgba(84,209,194,.32);border-radius:18px;padding:16px;background:linear-gradient(138deg,rgba(13,45,43,.63),rgba(10,28,31,.9))}
.home-experience .home-pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.home-experience .home-pro-head strong{font-size:11px;color:#c9d9d4;letter-spacing:2.1px}
.home-experience .home-pro-pill{border:1px solid rgba(74,220,202,.5);border-radius:999px;padding:7px 11px;font-weight:850;font-size:10px;color:#61e4d3;white-space:nowrap}
.home-experience .home-pro-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.home-experience .home-pro-card{padding:16px;background:rgba(14,36,39,.91);border:1px solid rgba(95,205,192,.22);border-radius:13px;min-width:0}
.home-experience .home-pro-card h3{font-size:11px;margin:0 0 12px;line-height:1.4;font-weight:900;color:#eff8f4}
.home-experience .home-pro-card h3 span{color:#69e6d4;font-size:9px;letter-spacing:1px;margin-left:5px}
.home-experience .home-pro-card .home-pro-accent{color:#fa914b;font-size:12px;font-weight:850;line-height:1.4;margin-bottom:7px}
.home-experience .home-pro-card p{color:#afc8c3;font-size:11px!important;line-height:1.6!important;margin:0 0 8px!important}
.home-experience .home-pro-card small{font-size:9px;color:#c0d6ce}
.home-experience .home-pro-card.home-coaching{border-left:3px solid #5ee9d4}
.home-experience .home-pro-card.home-coaching h3{font-size:10px;letter-spacing:1.7px;color:#71e6da}
.home-experience .home-pro-card.home-coaching strong{display:block;font-size:12px;color:#f0f7f4;margin-bottom:7px}
.home-experience .home-panel-foot{margin:13px 4px 0;color:#9abfb5;font-size:10px;line-height:1.5}
.home-experience .home-copy h2{font-size:clamp(47px,5.6vw,79px);font-weight:950;letter-spacing:-.055em;line-height:.95;margin:25px 0 24px}
.home-experience .home-copy h2 em{font-style:normal;color:#65e4d3}
.home-experience .home-copy>.home-lead{font-size:15px;line-height:1.78;color:#b9d2c9;margin:0 0 23px;max-width:505px}
.home-experience .home-points{display:grid;gap:17px;margin-top:23px}
.home-experience .home-points>div{border-left:2px solid #5fe1d1;padding:5px 0 5px 16px}
.home-experience .home-points strong{color:#f5faf7;font-size:14px;font-weight:900;display:block}
.home-experience .home-points span{font-size:12px;line-height:1.6;color:#abc8c0;display:block;margin-top:5px}
.home-experience .home-more{display:inline-flex;margin-top:27px;font-size:11px;font-weight:850;letter-spacing:1.1px;color:#71e7d5;border-bottom:1px solid rgba(102,223,210,.4);padding-bottom:7px}
.home-experience .home-more:hover{color:#fff}
.home-experience .home-more:focus-visible{outline:2px solid #72efdd;outline-offset:4px}
@media(max-width:1100px){
 .home-experience .home-wrap{gap:36px}
 .home-experience .home-visual{padding:19px}
 .home-experience .home-panel-grid{grid-template-columns:1fr;gap:11px}
 .home-experience .home-active{grid-row:auto;min-height:220px}
 .home-experience .home-top-right{grid-template-columns:1fr 1fr}
 .home-experience .home-mock-action{margin-top:22px}
}
@media(max-width:850px){
 .section.home-experience{padding:76px 0}
 .home-experience .home-wrap{grid-template-columns:1fr;gap:30px}
 .home-experience .home-copy{grid-row:1}
 .home-experience .home-copy h2{font-size:clamp(49px,8.5vw,75px)}
 .home-experience .home-visual{width:min(100%,700px);margin:auto}
 .home-experience .home-panel-grid{grid-template-columns:1.05fr 1.25fr}
 .home-experience .home-active{grid-row:span 2;min-height:auto}
}
@media(max-width:640px){
 .section.home-experience{padding:62px 0 74px}
 .home-experience .home-copy h2{font-size:clamp(44px,11vw,63px)}
 .home-experience .home-visual{padding:13px;border-radius:17px}
 .home-experience .home-panel-head{margin:2px 4px 17px;flex-wrap:wrap}
 .home-experience .home-panel-head strong{font-size:16px}
 .home-experience .home-panel-head small{font-size:10px;margin-left:6px}
 .home-experience .home-panel-head>span{font-size:9px}
 .home-experience .home-panel-grid{grid-template-columns:1fr}
 .home-experience .home-active{grid-row:auto;min-height:0;padding:18px}
 .home-experience .home-top-right{grid-template-columns:1fr 1fr}
 .home-experience .home-stats{padding:17px 12px}
 .home-experience .home-stats-grid{gap:5px}
 .home-experience .home-stat strong{font-size:clamp(14px,4.2vw,22px)}
 .home-experience .home-stat span{font-size:9px}
 .home-experience .home-pro-block{padding:12px}
 .home-experience .home-pro-cards{grid-template-columns:1fr}
 .home-experience .home-panel-foot{font-size:9px}
 .home-experience .home-lead{font-size:14px!important}
}


/* assets/footer-v72.css */
/* v7.2 – preview-only DRYVE footer + supporting information page */
.footer.footer-2026{
  background:
    radial-gradient(ellipse 65% 90% at 95% 0%,rgba(22,87,81,.16),transparent 82%),
    #0a1011;
  padding:76px 0 24px;
  border-top:1px solid rgba(105,220,202,.22);
}
.footer.footer-2026 .shell{width:min(1216px,calc(100% - 64px));margin:0 auto}
.footer-2026 .footer-layout{
  display:grid;grid-template-columns:minmax(225px,1.25fr) repeat(3,minmax(0,.85fr));
  align-items:start;gap:clamp(22px,3.5vw,72px);padding-bottom:56px;
}
.footer-2026 .footer-brand-group>a{display:inline-flex;align-items:center}
.footer-2026 .footer-brand-group img{width:164px;height:auto;display:block}
.footer-2026 .footer-brand-group .footer-tagline{
  margin:20px 0 10px;color:#f2f7f5;font-size:16px;font-weight:850;line-height:1.45;
}
.footer-2026 .footer-brand-group .footer-intro{
  max-width:260px;margin:0;color:#96b5ab;font-size:12px;line-height:1.8;
}
.footer-2026 .footer-brand-group .footer-download{
 display:inline-flex;margin-top:23px;gap:8px;align-items:center;color:#6ce3d2;
 padding-bottom:7px;border-bottom:1px solid rgba(104,233,215,.38);
 font-weight:900;font-size:11px;letter-spacing:.7px;
}
.footer-2026 .footer-group h3{
  font-size:11px;font-weight:950;letter-spacing:1.9px;
  color:#7fead8;text-transform:uppercase;line-height:1.4;margin:3px 0 22px;
}
.footer-2026 .footer-group nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer-2026 .footer-group a{
  color:#bccfc8;font-size:12px;line-height:1.4;text-decoration:none;
  max-width:100%;overflow-wrap:anywhere;transition:color .17s ease,transform .17s ease;
}
.footer-2026 .footer-group a:hover,.footer-2026 .footer-group a:focus-visible{
  color:#72ebd8;transform:translateX(2px);
}
.footer-2026 a:focus-visible{outline:2px solid #74e5d5;outline-offset:5px;border-radius:2px}
.footer-2026 .footer-legal-note{
  padding:13px 16px;border:1px solid rgba(107,200,187,.14);border-radius:12px;
  background:rgba(21,47,44,.27);color:#9fbfb4;font-size:11px;
  line-height:1.7;margin:0 0 27px;
}
.footer-2026 .footer-end{
  border-top:1px solid rgba(136,178,168,.15);
  padding-top:24px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;color:#8aa7a0;font-size:11px;line-height:1.65;
}
.footer-2026 .footer-end strong{color:#69e4d2}
.footer-2026 .footer-end .footer-meta{max-width:65%;text-align:right}
.info-page{background:#080f11;color:#f2f7f5;min-height:100vh}
.info-page .info-nav{background:#081214;border-bottom:1px solid #234540}
.info-page .info-nav>.shell{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:77px}
.info-page .info-nav img{width:155px;height:auto;display:block}
.info-page .info-back{font-size:12px;font-weight:850;color:#71e5d4}
.info-page .info-back:hover{color:#f2f7f5}
.info-page .info-hero{padding:76px 0 32px}
.info-page .info-hero .eyebrow{margin:0}
.info-page .info-hero h1{font-size:clamp(52px,8vw,104px);font-weight:950;letter-spacing:-.064em;line-height:.98;margin:23px 0}
.info-page .info-hero h1 em{font-style:normal;color:#69e3d2}
.info-page .info-hero .info-intro{font-size:16px;line-height:1.7;color:#b4cec5;max-width:740px}
.info-page .info-jump{display:flex;flex-wrap:wrap;gap:10px;padding:27px 0 20px;border-top:1px solid #29423b;border-bottom:1px solid #29423b}
.info-page .info-jump a{display:inline-flex;min-height:38px;align-items:center;padding:9px 15px;border:1px solid #315852;border-radius:100px;color:#c3ddd4;font-size:12px}
.info-page .info-jump a:hover{background:#65dfd0;color:#071b1a}
.info-page .info-section{padding:70px 0;border-bottom:1px solid #243b37;scroll-margin-top:20px}
.info-page .info-section h2{font-size:clamp(32px,4vw,52px);font-weight:950;letter-spacing:-.05em;line-height:1.1;margin:0 0 22px}
.info-page .info-section p,.info-page .info-section li{color:#b4ccc4;font-size:15px;line-height:1.8;max-width:770px}
.info-page .info-section li{margin:11px 0}
.info-page .info-section a.info-action{display:inline-flex;align-items:center;gap:8px;color:#6ce5d3;border-bottom:1px solid #438c83;padding-bottom:7px;font-weight:900;font-size:12px;letter-spacing:.5px;margin-top:15px}
.info-page .info-section a.info-action:hover{color:white}
.info-page .info-note{border:1px solid #2d5851;border-radius:14px;background:#102522;padding:19px 21px;max-width:760px;margin-top:25px}
.info-page .info-note p{margin:0;font-size:13px}
.info-page .info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px}
.info-page .info-guide{padding:24px;border-radius:18px;border:1px solid #29534b;background:linear-gradient(145deg,#152b29,#0d1b1e);min-width:0}
.info-page .info-guide>span{color:#6ae4d3;font-size:11px;font-weight:900;letter-spacing:1.3px}
.info-page .info-guide h3{font-size:19px;line-height:1.35;color:#f4f8f6;margin:18px 0 10px}
.info-page .info-guide p{font-size:13px;line-height:1.7;margin:0}
.info-page .info-footer{padding:45px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;color:#8caea3;font-size:11px}
.info-page .info-footer a{color:#75e6d6;font-weight:800}
@media(max-width:1000px){
.footer-2026 .footer-layout{grid-template-columns:minmax(215px,1.1fr) repeat(2,minmax(0,1fr));gap:35px}
.footer-2026 .footer-brand-group{grid-row:span 2}
.info-page .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.footer.footer-2026{padding:53px 0 22px}
.footer.footer-2026 .shell{width:calc(100% - 36px)}
.footer-2026 .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 18px;padding-bottom:38px}
.footer-2026 .footer-brand-group{grid-column:1/-1;grid-row:auto}
.footer-2026 .footer-brand-group img{width:140px}
.footer-2026 .footer-group h3{margin-bottom:17px}
.footer-2026 .footer-group nav{gap:13px}
.footer-2026 .footer-group a{font-size:12px;white-space:normal}
.footer-2026 .footer-end{flex-direction:column;align-items:flex-start;gap:9px}
.footer-2026 .footer-end .footer-meta{max-width:100%;text-align:left}
.info-page .info-hero{padding:51px 0 25px}
.info-page .info-grid{grid-template-columns:1fr}
.info-page .info-section{padding:52px 0}
.info-page .info-footer{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.footer-2026 a{transition:none!important}}


/* assets/app-tour-v78.css */
/* DRYVE Preview v7.8 — real screenshot walkthrough.
   No edits to screenshots; all images reused directly from the approved feature assets. */
#app-tour{
 position:relative;isolation:isolate;overflow:hidden;
 padding:clamp(78px,9vw,130px) 0;
 background:linear-gradient(145deg,#071617 0%,#0b2425 52%,#071417 100%);
 border-block:1px solid rgba(101,208,188,.13);
}
#app-tour::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:100%;height:110%;top:0;left:0;
 background:radial-gradient(ellipse 50% 55% at 80% 48%,rgba(34,151,138,.13),transparent 78%);
}
#app-tour *{box-sizing:border-box}
#app-tour .tour-wrap{
 display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
 align-items:center;gap:clamp(38px,6vw,100px)
}
#app-tour .tour-copy,#app-tour .tour-stage{min-width:0}
#app-tour .tour-kicker{font-size:11px;font-weight:950;letter-spacing:2.1px;color:#65e4d2;margin:0}
#app-tour h2{
 font-size:clamp(50px,5.3vw,86px);line-height:.96;font-weight:950;
 letter-spacing:-.058em;color:#f4fbf8;margin:19px 0 24px
}
#app-tour h2 em{font-style:normal;color:#64e5d4}
#app-tour .tour-intro{
 font-size:15px;line-height:1.75;color:#b5d0c8;max-width:500px;margin:0
}
#app-tour .tour-tabs{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:29px 0 22px;
}
#app-tour .tour-tab{
 appearance:none;background:rgba(19,49,47,.53);border:1px solid rgba(100,183,173,.25);
 border-radius:13px;color:#cce0d9;cursor:pointer;display:flex;
 align-items:center;gap:12px;text-align:left;min-width:0;min-height:72px;padding:14px 16px;
 transition:background .18s,border-color .18s,color .18s,transform .18s;
}
#app-tour .tour-tab span{display:block}
#app-tour .tour-tab-number{font-size:11px;letter-spacing:1px;font-weight:950;color:#69daca;flex:0 0 auto}
#app-tour .tour-tab-label{font-size:13px;line-height:1.25;font-weight:900;min-width:0}
#app-tour .tour-tab[aria-selected="true"]{
 color:#071d1a;background:#69e4d2;border-color:#69e4d2;
 box-shadow:0 10px 31px rgba(35,204,181,.11)
}
#app-tour .tour-tab[aria-selected="true"] .tour-tab-number{color:#195c55}
#app-tour .tour-tab:hover:not([aria-selected="true"]){
 color:#f4fbf8;background:#193f3c;border-color:#65cabb;transform:translateY(-1px)
}
#app-tour .tour-tab:focus-visible,#app-tour button:focus-visible,
#app-tour a:focus-visible{outline:2px solid #a0ffeb;outline-offset:4px}
#app-tour .tour-active-detail{
 border-left:2px solid #69e4d2;padding:1px 0 0 19px;margin:21px 0 0;min-height:112px
}
#app-tour .tour-active-detail .tour-detail-line{
 display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;
}
#app-tour .tour-active-detail strong{font-size:19px;line-height:1.25;color:#fff;letter-spacing:-.02em}
#app-tour .tour-tag{
 display:inline-flex;align-items:center;border-radius:6px;border:1px solid rgba(101,230,213,.37);
 padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:1px;color:#79e9d9;
 white-space:nowrap;
}
#app-tour .tour-tag[data-tier="pro"]{border-color:rgba(194,146,253,.55);color:#c4a7ff;background:rgba(99,53,137,.13)}
#app-tour .tour-tag[data-tier="mixed"]{border-color:rgba(229,186,93,.45);color:#f9d186;background:rgba(126,85,27,.12)}
#app-tour .tour-active-detail p{
 font-size:13px;line-height:1.7;color:#b8d1ca;max-width:460px;margin:0
}
#app-tour .tour-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:21px}
#app-tour .tour-actions a{color:#6fecd9;font-size:11px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(108,232,211,.45);padding-bottom:6px}
#app-tour .tour-actions a:hover{color:#f4fbf8}
#app-tour .tour-explainer{
 color:#8fafa7;font-size:11px;line-height:1.65;margin:22px 0 0;max-width:480px
}
#app-tour .tour-stage{position:relative;display:flex;align-items:stretch;justify-content:center}
#app-tour .tour-frame{
 width:min(100%,580px);border:1px solid rgba(95,220,199,.34);
 border-radius:24px;overflow:hidden;
 background:linear-gradient(140deg,#102e2e 0%,#0b2124 65%,#09191b 100%);
 box-shadow:0 28px 85px rgba(0,0,0,.22),inset 0 1px 0 rgba(133,238,221,.09);
}
#app-tour .tour-frame-header{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 min-height:58px;padding:0 24px;background:rgba(4,22,23,.42);
 border-bottom:1px solid rgba(102,206,190,.18);
 font-size:10px;font-weight:900;letter-spacing:1.5px;color:#96c8bc;
}
#app-tour .tour-frame-header strong{color:#75e5d4;font-size:10px;font-weight:950;white-space:nowrap}
#app-tour .tour-viewport{
 display:flex;position:relative;align-items:center;justify-content:center;
 height:clamp(390px,43vw,575px);min-height:0;width:100%;
 background:radial-gradient(ellipse 64% 68% at 49% 48%,rgba(40,176,159,.18),transparent 80%);
 overflow:hidden;touch-action:pan-y;
}
#app-tour .tour-viewport::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(135deg,rgba(99,219,201,.025) 0%,transparent 50%,rgba(0,0,0,.05) 100%)
}
#app-tour .tour-image{
 display:block;max-width:calc(100% - 30px);max-height:calc(100% - 24px);
 width:auto;height:auto;object-fit:contain;object-position:center;
 box-shadow:none;border:none;border-radius:0;filter:none;
 transition:opacity .18s ease,transform .24s ease;
}
#app-tour .tour-image.is-changing{opacity:.32;transform:scale(.98)}
#app-tour .tour-image[hidden]{display:none}
#app-tour .tour-load{
 max-width:80%;color:#afcfc5;font-size:13px;line-height:1.6;text-align:center
}
#app-tour .tour-load[hidden]{display:none}
#app-tour .tour-frame-footer{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-height:69px;padding:12px 20px;
 background:rgba(4,22,23,.47);border-top:1px solid rgba(102,206,190,.18);
}
#app-tour .tour-frame-note{font-size:10px;line-height:1.5;color:#a4c7bc;max-width:180px}
#app-tour .tour-controls{display:flex;align-items:center;gap:9px;flex:0 0 auto}
#app-tour .tour-arrow,#app-tour .tour-zoom{
 appearance:none;background:#173531;color:#dbf6ed;border:1px solid rgba(126,214,200,.38);
 border-radius:11px;font-size:12px;font-weight:900;cursor:pointer;
 display:inline-flex;align-items:center;justify-content:center;
 min-height:40px;min-width:40px;padding:8px 12px;transition:background .15s,border-color .15s
}
#app-tour .tour-arrow:hover,#app-tour .tour-zoom:hover{background:#246158;border-color:#7ae7d4}
#app-tour .tour-zoom{letter-spacing:.3px;font-size:11px;min-width:0}
#app-tour .tour-progress-track{height:3px;background:#143a36;position:relative}
#app-tour .tour-progress-bar{height:100%;width:25%;background:#62e6d3;transition:width .25s ease}
#dryve-tour-dialog{
 box-sizing:border-box;max-width:min(940px,94vw);width:auto;max-height:91vh;overflow:hidden;
 padding:0;border:1px solid rgba(119,232,211,.55);border-radius:20px;
 background:#091719;color:#fff;
 box-shadow:0 30px 100px rgba(0,0,0,.55)
}
#dryve-tour-dialog::backdrop{background:rgba(1,13,14,.84);backdrop-filter:blur(6px)}
#dryve-tour-dialog .tour-modal-bar{
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 padding:13px 18px;border-bottom:1px solid #244f49;color:#cde3dc;
 font-size:13px;font-weight:850
}
#dryve-tour-dialog .tour-modal-close{
 appearance:none;border:1px solid #3b7770;background:#14342f;color:#fff;
 border-radius:8px;min-height:38px;padding:6px 15px;font-size:12px;font-weight:800;cursor:pointer
}
#dryve-tour-dialog .tour-modal-body{
 display:flex;align-items:flex-start;justify-content:center;overflow:auto;
 max-height:calc(91vh - 67px);padding:18px;
 background:radial-gradient(ellipse at 50% 30%,#133532,#091719 76%);
}
#dryve-tour-dialog .tour-modal-body img{display:block;max-width:100%;height:auto;max-height:none}
@media(max-width:1020px){
 #app-tour .tour-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
 #app-tour .tour-tab{min-height:64px;padding:12px}
 #app-tour .tour-viewport{height:530px}
}
@media(max-width:800px){
 #app-tour .tour-wrap{grid-template-columns:1fr;gap:38px}
 #app-tour .tour-intro{max-width:640px}
 #app-tour .tour-stage{grid-row:2}
 #app-tour .tour-frame{max-width:630px}
 #app-tour .tour-viewport{height:min(74vw,550px);min-height:390px}
}
@media(max-width:600px){
 #app-tour .tour-tabs{
   display:flex;gap:8px;margin:24px -17px 18px;
   padding:3px 17px 12px;overflow-x:auto;overscroll-behavior-inline:contain;
   scroll-snap-type:x proximity;scrollbar-width:thin;
   scrollbar-color:rgba(103,222,204,.5) transparent;
 }
 #app-tour .tour-tab{flex:0 0 auto;min-height:53px;max-width:175px;padding:10px 13px;gap:8px;scroll-snap-align:center}
 #app-tour .tour-tab-number{font-size:10px}
 #app-tour .tour-tab-label{font-size:12px}
 #app-tour .tour-viewport{height:min(100vw,495px);min-height:335px}
 #app-tour .tour-frame{border-radius:17px}
 #app-tour .tour-frame-header{padding:0 16px;min-height:49px}
 #app-tour .tour-frame-footer{padding:10px 12px;min-height:64px}
 #app-tour .tour-zoom{min-height:38px;padding:7px 9px}
 #app-tour .tour-arrow{min-height:38px;min-width:38px;padding:7px}
 #app-tour .tour-frame-note{font-size:9px;max-width:130px}
 #app-tour .tour-active-detail{min-height:0}
}
@media(max-width:360px){
 #app-tour .tour-viewport{min-height:290px}
 #app-tour .tour-frame-note{max-width:105px}
 #app-tour .tour-controls{gap:5px}
}
@media(prefers-reduced-motion:reduce){
 #app-tour .tour-tab,#app-tour .tour-image,#app-tour .tour-progress-bar{transition:none!important}
}


/* assets/tour-v79.css */
/* DRYVE v7.9 — expanded guided journey / free explore, with authentic app screenshots */
#app-tour.tour-v79{background:linear-gradient(145deg,#071517 0%,#0b2828 51%,#071416 100%)}
#app-tour.tour-v79 .tour-wrap{grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:clamp(30px,4.3vw,80px);align-items:start}
#app-tour.tour-v79 .tour-copy{padding-top:8px}
#app-tour.tour-v79 h2{font-size:clamp(53px,6vw,88px);line-height:.95;letter-spacing:-.06em;margin-bottom:24px}
#app-tour.tour-v79 .tour-intro{max-width:540px}
#app-tour.tour-v79 .tour-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin:27px 0 27px;background:rgba(1,18,20,.77);border:1px solid rgba(95,192,180,.34);border-radius:15px}
#app-tour.tour-v79 .tour-mode-switch button{appearance:none;min-width:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px 12px;min-height:49px;border-radius:10px;border:1px solid transparent;background:transparent;color:#c0dad1;font-size:11px;font-weight:950;letter-spacing:.7px;cursor:pointer;transition:background .2s,border-color .2s}
#app-tour.tour-v79 .tour-mode-switch button[aria-pressed=true]{background:#65dfd0;color:#09241e;border-color:#7df3df;box-shadow:0 8px 22px rgba(39,201,178,.12)}
#app-tour.tour-v79 .tour-mode-switch button:hover:not([aria-pressed=true]){background:#193b39;border-color:#38635d}
#app-tour.tour-v79 .tour-mode-switch button span{font-size:17px;line-height:1}
#app-tour.tour-v79 .tour-chapter-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:11px;font-size:10px;font-weight:950;letter-spacing:1.7px;color:#a4c1b8}
#app-tour.tour-v79 .tour-chapter-head span:last-child{color:#6fe5d1}
#app-tour.tour-v79 .tour-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}
#app-tour.tour-v79 .tour-chapter{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 13px;border:1px solid rgba(112,194,177,.26);background:rgba(16,52,49,.5);color:#d1e6df;border-radius:9px;cursor:pointer;font-weight:830;font-size:12px;white-space:nowrap;transition:background .2s,border-color .2s}
#app-tour.tour-v79 .tour-chapter span{font-size:9px;font-weight:950;color:#63dcce;letter-spacing:.4px}
#app-tour.tour-v79 .tour-chapter[aria-pressed=true]{background:rgba(40,139,127,.2);border-color:#65dccb;color:#effef8}
#app-tour.tour-v79 .tour-chapter:hover{border-color:#8fe7da}
#app-tour.tour-v79 .tour-active-detail{border-left:3px solid #67e3d2;padding:0 0 0 19px;margin:0;min-height:0}
#app-tour.tour-v79 .tour-detail-line{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:13px}
#app-tour.tour-v79 .tour-active-detail strong{font-size:clamp(23px,2.7vw,31px);line-height:1.12;letter-spacing:-.036em;max-width:430px}
#app-tour.tour-v79 .tour-active-detail p{font-size:13px;line-height:1.75;max-width:500px;color:#b9d4ca}
#app-tour.tour-v79 .tour-tag{padding:6px 10px;border-radius:7px}
#app-tour.tour-v79 .tour-tag[data-tier=neutral]{border-color:rgba(133,193,185,.35);color:#b1d3ca}
#app-tour.tour-v79 .tour-inspector{margin-top:22px;padding:17px 17px 16px;border:1px solid rgba(100,185,176,.3);border-radius:15px;background:linear-gradient(133deg,rgba(30,78,70,.35),rgba(7,24,27,.4))}
#app-tour.tour-v79 .tour-inspector-label{display:flex;justify-content:space-between;gap:12px;color:#78e6d8;font-size:10px;font-weight:950;letter-spacing:1.3px;margin:0 0 14px}
#app-tour.tour-v79 .tour-inspector-label span{font-size:9px;color:#8cafaa;letter-spacing:.8px}
#app-tour.tour-v79 .tour-insights{display:flex;flex-wrap:wrap;gap:7px}
#app-tour.tour-v79 .tour-insight-button{appearance:none;background:#0e2425;color:#c5ddd4;border:1px solid #36605a;padding:9px 11px;border-radius:8px;min-height:34px;cursor:pointer;font-size:11px;font-weight:800;transition:background .16s,border-color .16s}
#app-tour.tour-v79 .tour-insight-button[aria-pressed=true]{background:#6de5d5;border-color:#6de5d5;color:#072320}
#app-tour.tour-v79 .tour-insight-button:hover:not([aria-pressed=true]){border-color:#71decc}
#app-tour.tour-v79 .tour-insight-text{color:#c3ded3;font-size:12px;line-height:1.6;margin:13px 0 0;min-height:38px}
#app-tour.tour-v79 .tour-actions{margin-top:22px;gap:20px}
#app-tour.tour-v79 .tour-explainer{font-size:10px;line-height:1.7;margin-top:19px;max-width:500px;color:#8fafaa}
#app-tour.tour-v79 .tour-stage{display:block}
#app-tour.tour-v79 .tour-frame{max-width:585px;width:100%;margin-inline:auto;border-color:rgba(112,220,205,.37);box-shadow:0 30px 95px rgba(0,0,0,.26),inset 0 1px 0 rgba(133,238,221,.09)}
#app-tour.tour-v79 .tour-frame-header{padding:0 21px}
#app-tour.tour-v79 .tour-viewport{height:clamp(450px,48vw,695px);background:radial-gradient(ellipse 64% 64% at 50% 50%,rgba(28,124,115,.21),transparent 78%);touch-action:pan-y;outline-offset:-5px}
#app-tour.tour-v79 .tour-image{max-height:calc(100% - 22px);max-width:calc(100% - 32px);width:auto;height:auto;object-fit:contain;object-position:center;box-shadow:0 14px 45px rgba(0,0,0,.2);border-radius:11px;filter:none;transform:none}
#app-tour.tour-v79 .tour-image.is-changing{opacity:.5;transform:scale(.988)}
#app-tour.tour-v79 .tour-progress-bar{width:7.69%}
#app-tour.tour-v79 .tour-frame-footer{gap:7px;padding:11px 13px;min-height:71px}
#app-tour.tour-v79 .tour-frame-note{font-weight:800;font-size:9px;letter-spacing:.5px;max-width:140px}
#app-tour.tour-v79 .tour-arrow,#app-tour.tour-v79 .tour-zoom{min-height:41px}
#app-tour.tour-v79 .tour-arrow[disabled],#app-tour.tour-v79 .tour-zoom[disabled]{opacity:.33;cursor:not-allowed;pointer-events:none}
#app-tour.tour-v79 .tour-next{font-size:11px;min-width:84px;background:#65ddcc;color:#07231f;border-color:#65ddcc}
#app-tour.tour-v79 .tour-next:hover{background:#a0f3e6}
#app-tour.tour-v79 .tour-step-nav{max-width:585px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;color:#8eb7ae;font-size:9px;font-weight:950;letter-spacing:.8px}
#app-tour.tour-v79 .tour-step-nav>span{flex:0 0 auto}
#app-tour.tour-v79 .tour-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-width:0}
#app-tour.tour-v79 .tour-step{appearance:none;min-width:23px;height:27px;padding:0 4px;border:1px solid rgba(112,204,187,.24);border-radius:5px;background:#10302f;color:#9acfc3;font-size:9px;font-weight:900;cursor:pointer}
#app-tour.tour-v79 .tour-step[aria-current=step]{background:#65ddcd;color:#0a201e;border-color:#65ddcd}
#app-tour.tour-v79 .tour-step:hover:not([aria-current=step]){border-color:#71e0d0;color:#fff}
#app-tour.tour-v79 .tour-complete{margin-top:21px;border:1px solid rgba(110,224,203,.6);background:linear-gradient(135deg,#0a3c36,#0c2427);padding:18px;border-radius:14px}
#app-tour.tour-v79 .tour-complete[hidden]{display:none}
#app-tour.tour-v79 .tour-complete strong{font-size:18px;color:#74eedd}
#app-tour.tour-v79 .tour-complete p{margin:8px 0 16px;color:#c1ded5;font-size:13px}
#app-tour.tour-v79 .tour-finish-cta{display:inline-flex;padding:12px 18px;border-radius:9px;background:#6ce6d5;color:#051b19;font-size:12px;font-weight:950}
#dryve-tour-dialog .tour-modal-body img{max-height:none;max-width:min(75vw,720px);width:auto;height:auto;object-fit:contain}
@media(max-width:1100px){
 #app-tour.tour-v79 .tour-wrap{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #app-tour.tour-v79 .tour-viewport{height:620px}
 #app-tour.tour-v79 .tour-step-nav>span:last-child{display:none}
}
@media(max-width:800px){
 #app-tour.tour-v79 .tour-wrap{grid-template-columns:1fr;gap:32px}
 #app-tour.tour-v79 .tour-stage{grid-row:2}
 #app-tour.tour-v79 .tour-copy{grid-row:1}
 #app-tour.tour-v79 .tour-viewport{height:min(95vw,660px);min-height:420px}
 #app-tour.tour-v79 .tour-insight-text{min-height:0}
}
@media(max-width:550px){
 #app-tour.tour-v79{padding-block:64px 76px}
 #app-tour.tour-v79 h2{font-size:clamp(49px,13vw,70px)}
 #app-tour.tour-v79 .tour-mode-switch{gap:4px;margin:23px 0}
 #app-tour.tour-v79 .tour-mode-switch button{font-size:10px;letter-spacing:0;gap:5px;min-height:47px;padding:10px 7px}
 #app-tour.tour-v79 .tour-chapters{gap:6px}
 #app-tour.tour-v79 .tour-chapter{min-height:38px;padding:8px 10px;font-size:11px}
 #app-tour.tour-v79 .tour-viewport{height:min(115vw,570px);min-height:360px}
 #app-tour.tour-v79 .tour-frame{border-radius:18px}
 #app-tour.tour-v79 .tour-frame-footer{padding:10px;gap:6px}
 #app-tour.tour-v79 .tour-controls{gap:5px}
 #app-tour.tour-v79 .tour-arrow,#app-tour.tour-v79 .tour-zoom{padding:6px 8px;min-height:38px;min-width:36px}
 #app-tour.tour-v79 .tour-next{min-width:65px}
 #app-tour.tour-v79 .tour-zoom{font-size:10px}
 #app-tour.tour-v79 .tour-frame-note{max-width:108px;font-size:8px}
 #app-tour.tour-v79 .tour-step-nav{flex-direction:column;gap:9px}
 #app-tour.tour-v79 .tour-step-nav>span:first-child{letter-spacing:1.5px}
 #app-tour.tour-v79 .tour-steps{gap:5px}
}
@media(max-width:370px){
 #app-tour.tour-v79 .tour-frame-note{display:none}
 #app-tour.tour-v79 .tour-frame-footer{justify-content:center}
 #app-tour.tour-v79 .tour-viewport{min-height:330px}
}
@media(prefers-reduced-motion:reduce){#app-tour.tour-v79 *{transition:none!important;scroll-behavior:auto!important}}

/* assets/feature-art-v73.css */
/* v7.3 / DRYVE approved artwork + Home panel overflow fix.
   Scope: the independent preview site only. */
.features .feature.feature-track-2026,
.features .feature.feature-programmes-2026{
  position:relative;isolation:isolate;
  border-radius:16px;
  border-color:rgba(83,205,191,.36);
  background:
    radial-gradient(ellipse 70% 90% at 82% 55%,rgba(12,101,95,.25),transparent 72%),
    linear-gradient(135deg,#102a2a 0%,#102427 56%,#0d2123 100%);
}
.features .feature.feature-track-2026::after,
.features .feature.feature-programmes-2026::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:85%;height:200%;top:-45%;right:-50%;transform:rotate(-28deg);
  border-left:1px solid rgba(90,224,207,.12);
  border-radius:50%;
}
.features .feature.feature-track-2026 .feature-media,
.features .feature.feature-programmes-2026 .feature-media{
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:visible;isolation:isolate;
  background:transparent;min-width:0;
}
.features .feature.feature-track-2026 .feature-media::before,
.features .feature.feature-programmes-2026 .feature-media::before{
  content:"";position:absolute;width:80%;height:72%;
  left:10%;top:14%;border-radius:50%;z-index:-1;
  background:rgba(54,220,196,.15);filter:blur(40px);pointer-events:none;
}
.features .feature.feature-track-2026 .feature-media img,
.features .feature.feature-programmes-2026 .feature-media img{
  display:block;position:relative;
  width:auto;height:auto;max-width:100%;max-height:335px;
  object-fit:contain;background:transparent;border:0;
  box-shadow:none!important;border-radius:0!important;
  filter:drop-shadow(0 16px 25px rgba(0,0,0,.22));
  -webkit-mask-image:radial-gradient(ellipse 72% 76% at 50% 50%,black 67%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 76% at 50% 50%,black 67%,transparent 100%);
}
.features .feature.feature-programmes-2026 .feature-media img{
 max-height:342px;
 -webkit-mask-image:radial-gradient(ellipse 83% 77% at 50% 50%,black 73%,transparent 100%);
 mask-image:radial-gradient(ellipse 83% 77% at 50% 50%,black 73%,transparent 100%);
}
.features .feature.feature-track-2026 .textlink,
.features .feature.feature-programmes-2026 .textlink{
  position:relative;z-index:1;
}
.features .feature.feature-track-2026 h3,
.features .feature.feature-programmes-2026 h3{max-width:330px}

/* Keep the numeric progress value inside its tile at every breakpoint. */
.home-experience .home-programme{
  min-width:0;overflow:hidden;
  box-sizing:border-box;
}
.home-experience .home-programme .home-goal-line{
  display:flex;flex-direction:column;align-items:flex-start;
  justify-content:flex-start;gap:7px;min-width:0;
}
.home-experience .home-programme .home-tiny-label{
  display:block;max-width:100%;overflow-wrap:break-word;line-height:1.4;
}
.home-experience .home-programme .home-goal-line>strong{
  display:block;position:static;flex:none;align-self:flex-start;
  max-width:100%;white-space:nowrap;
  font-size:clamp(18px,2.3vw,24px);line-height:1.1;
}
.home-experience .home-programme .home-track{margin-top:10px}
.home-experience .home-stats{min-width:0}
.home-experience .home-stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:10px;row-gap:14px;
}
.home-experience .home-stat{min-width:0;max-width:100%}
.home-experience .home-stat strong{
  font-size:clamp(13px,1.65vw,19px);
  line-height:1.22;white-space:normal;overflow-wrap:break-word;
  letter-spacing:-.05em;
}
@media(min-width:1020px){
  .features .feature-grid{align-items:stretch}
  .features .feature.feature-track-2026,
  .features .feature.feature-programmes-2026{min-height:398px}
}
@media(max-width:900px){
  .features .feature.feature-track-2026 .feature-media img,
  .features .feature.feature-programmes-2026 .feature-media img{max-height:330px}
}
@media(max-width:580px){
  .features .feature.feature-track-2026,
  .features .feature.feature-programmes-2026{padding:26px 22px 19px}
  .features .feature.feature-track-2026 .feature-media img,
  .features .feature.feature-programmes-2026 .feature-media img{max-height:285px}
  .home-experience .home-stats-grid{column-gap:7px}
}
@media(max-width:410px){
  .home-experience .home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-experience .home-programme .home-goal-line>strong{font-size:18px}
}


/* assets/feature-art-v74.css */
/* v7.4 – exact DRYVE app screenshots, styled consistently with Track and Programmes */
.features .feature.feature-progress-2026,
.features .feature.feature-coach-2026{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:16px;
  border-color:rgba(83,205,191,.36);
  background:
    radial-gradient(ellipse 70% 90% at 82% 55%,rgba(12,101,95,.25),transparent 72%),
    linear-gradient(135deg,#102a2a 0%,#102427 56%,#0d2123 100%);
}
.features .feature.feature-progress-2026::after,
.features .feature.feature-coach-2026::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:85%;height:200%;top:-45%;right:-50%;transform:rotate(-28deg);
  border-left:1px solid rgba(90,224,207,.12);
  border-radius:50%;
}
.features .feature.feature-progress-2026 .feature-media,
.features .feature.feature-coach-2026 .feature-media{
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:visible;isolation:isolate;
  background:transparent;min-width:0;
}
.features .feature.feature-progress-2026 .feature-media::before,
.features .feature.feature-coach-2026 .feature-media::before{
  content:"";position:absolute;width:80%;height:72%;
  left:10%;top:14%;border-radius:50%;z-index:-1;
  background:rgba(54,220,196,.15);filter:blur(40px);pointer-events:none;
}
.features .feature.feature-progress-2026 .feature-media img,
.features .feature.feature-coach-2026 .feature-media img{
  display:block;position:relative;
  width:auto;height:auto;max-width:100%;max-height:335px;
  object-fit:contain;background:transparent;border:0;
  box-shadow:none!important;border-radius:0!important;
  filter:drop-shadow(0 16px 25px rgba(0,0,0,.22));
  -webkit-mask-image:radial-gradient(ellipse 72% 76% at 50% 50%,black 67%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 76% at 50% 50%,black 67%,transparent 100%);
}
.features .feature.feature-progress-2026 h3,
.features .feature.feature-coach-2026 h3{max-width:330px}
.features .feature.feature-progress-2026 .textlink,
.features .feature.feature-coach-2026 .textlink{position:relative;z-index:1}
@media(min-width:1020px){
  .features .feature.feature-progress-2026,
  .features .feature.feature-coach-2026{min-height:398px}
}
@media(max-width:900px){
  .features .feature.feature-progress-2026 .feature-media img,
  .features .feature.feature-coach-2026 .feature-media img{max-height:330px}
}
@media(max-width:580px){
  .features .feature.feature-progress-2026,
  .features .feature.feature-coach-2026{padding:26px 22px 19px}
  .features .feature.feature-progress-2026 .feature-media img,
  .features .feature.feature-coach-2026 .feature-media img{max-height:285px}
}


/* assets/feature-unified-frames-v75.css */
/* v7.5 — one consistent image panel for all four DRYVE feature cards.
   Presentation only: original phone screenshots and image files are unchanged. */

/* Equal frame, shared background, padding and glow. */
.features .feature-grid > .feature .feature-media {
  box-sizing: border-box;
  width: min(100%, 260px);
  max-width: 260px;
  aspect-ratio: 4 / 5;
  height: auto;
  min-height: 0;
  min-width: 0;
  justify-self: center;
  margin-inline: auto;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(99, 217, 200, .19);
  background:
    radial-gradient(ellipse 90% 78% at 52% 49%, rgba(27, 139, 124, .19), rgba(9, 42, 42, .22) 50%, transparent 78%),
    linear-gradient(145deg, #0b2a2a 0%, #0b2426 56%, #092023 100%);
  box-shadow: inset 0 1px 0 rgba(136, 231, 216, .06), 0 16px 38px rgba(0, 0, 0, .11);
}

/* Replace old per-card halo with the exact same glow in every media frame. */
.features .feature-grid > .feature .feature-media::before {
  content: "";
  display: block;
  position: absolute;
  inset: 12%;
  width: auto;
  height: auto;
  left: 12%;
  top: 12%;
  border-radius: 50%;
  z-index: -1;
  background: rgba(56, 205, 187, .18);
  filter: blur(34px);
  pointer-events: none;
}

/* Phones remain uncropped, unretouched, and at natural proportions. */
.features .feature-grid > .feature .feature-media img {
  display: block;
  position: relative;
  flex: 0 1 auto;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  object-fit: contain;
  object-position: center center;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none !important;
  filter: none;
  transform: none;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Outer framing stays uniform. No card-specific image treatments. */
.features .feature-grid > .feature .feature-media::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(104, 220, 200, .035);
  pointer-events: none;
}

@media (max-width: 900px) {
  .features .feature-grid > .feature .feature-media {
    width: min(100%, 250px);
    max-width: 250px;
  }
}
@media (max-width: 580px) {
  .features .feature-grid > .feature .feature-media {
    width: min(100%, 270px);
    max-width: 270px;
    padding: 13px;
    border-radius: 20px;
  }
}
@media (max-width: 350px) {
  .features .feature-grid > .feature .feature-media {
    width: min(100%, 230px);
    max-width: 230px;
    padding: 10px;
  }
}


/* assets/feature-photo-cutouts-v76.css */
/* DRYVE preview v7.6 — silhouette cutouts for existing real app phone artwork.
   This removes only the inconsistent BACKDROP around the already-rendered phones.
   No app screenshot pixels, labels, metrics or phone screen contents are edited. */

/* One consistent background and halo on all four feature cards. */
.features .feature-grid > .feature .feature-media {
  background:
    radial-gradient(ellipse 73% 70% at 50% 61%, rgba(61, 218, 197, 0.13), transparent 83%),
    linear-gradient(145deg, #0b292a 0%, #0c2728 48%, #0a2023 100%);
  border: 1px solid rgba(98, 208, 196, .2);
  box-shadow: inset 0 1px 0 rgba(144, 246, 224, .045), 0 14px 42px rgba(0, 0, 0, .12);
}

/* Identical shared halo, independent of the four source assets. */
.features .feature-grid > .feature .feature-media::before {
  inset: 18% 12% 13%;
  left: 12%;
  top: 18%;
  width: auto;
  height: auto;
  border-radius: 50%;
  background: rgba(51, 195, 175, .14);
  filter: blur(35px);
}

/* The SVG clip shapes follow the original device frames exactly enough to
   remove each image's neon streak / dark rectangular background. */
.features .feature.feature-track-2026 .feature-media img {
  -webkit-clip-path: url(#dryve-phone-cut-track);
  clip-path: url(#dryve-phone-cut-track);
}
.features .feature.feature-progress-2026 .feature-media img {
  -webkit-clip-path: url(#dryve-phone-cut-progress);
  clip-path: url(#dryve-phone-cut-progress);
}
.features .feature.feature-programmes-2026 .feature-media img {
  -webkit-clip-path: url(#dryve-phone-cut-programmes);
  clip-path: url(#dryve-phone-cut-programmes);
}
.features .feature.feature-coach-2026 .feature-media img {
  -webkit-clip-path: url(#dryve-phone-cut-coach);
  clip-path: url(#dryve-phone-cut-coach);
}
/* Preserve the original phone image in full: no crop by object-fit, no filters,
   no changes to image files, and no manufactured screen content. */
.features .feature-grid > .feature .feature-media img {
  object-fit: contain;
  object-position: center;
  -webkit-mask-image: none;
  mask-image: none;
  filter: none;
  transform: none;
}


/* assets/plan-compare-v77.css */
/* DRYVE comparison v7.7 – preview-only Free / Pro section.
   Pricing shown as app-configured UK reference values; the app stores set final checkout prices. */
.compare-section{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(76px,9vw,120px) 0 clamp(80px,9vw,126px);
  background:linear-gradient(145deg,#071416 0%,#0a2223 48%,#081517 100%);
  border-top:1px solid rgba(105,230,207,.15);
  border-bottom:1px solid rgba(105,230,207,.16)
}
.compare-section::before{content:"";position:absolute;inset:-15% -10%;z-index:-1;pointer-events:none;background:
 radial-gradient(ellipse 34% 43% at 79% 23%,rgba(50,199,182,.13),transparent 78%),
 radial-gradient(ellipse 35% 65% at 14% 80%,rgba(24,98,93,.13),transparent 76%)}
.compare-section .compare-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:end;gap:48px;margin-bottom:36px}
.compare-section .compare-lead h2{font-size:clamp(48px,6.4vw,94px);line-height:.95;font-weight:950;letter-spacing:-.058em;margin:19px 0 0}
.compare-section .compare-lead h2 em{color:#67e2d2;font-style:normal}
.compare-section .compare-lead .compare-intro{font-size:15px;color:#bad1cb;line-height:1.8;max-width:490px;margin:0 0 6px}
.compare-section .compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.compare-section .compare-card{min-width:0;position:relative;display:flex;flex-direction:column;gap:0;overflow:hidden;border-radius:23px;border:1px solid #325653;background:linear-gradient(153deg,#162426 0%,#0d1b1e 76%);box-shadow:0 20px 62px rgba(0,0,0,.15)}
.compare-section .compare-card.compare-pro{border-color:rgba(92,225,209,.66);background:linear-gradient(155deg,#143432 0%,#0c2325 52%,#0a191c 100%);box-shadow:0 24px 65px rgba(0,0,0,.18),inset 0 1px rgba(151,244,224,.1)}
.compare-section .compare-card-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,39%);gap:12px;align-items:center;min-height:245px;padding:31px 30px 14px}
.compare-section .compare-tier-label{font-size:10px;letter-spacing:2.2px;font-weight:900;color:#abc6bf}
.compare-section .compare-pro .compare-tier-label{color:#72e8d6}
.compare-section .compare-card h3{font-size:clamp(32px,3.4vw,50px);font-weight:950;line-height:1;letter-spacing:-.04em;margin:18px 0 14px}
.compare-section .compare-card h3 em{font-style:normal;color:#67e8d5}
.compare-section .compare-tag{font-size:13px;color:#bad2cb;line-height:1.6;max-width:300px;margin:0}
.compare-section .compare-photo{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:208px;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse 85% 75% at 50% 59%,rgba(38,176,159,.17),rgba(13,47,46,.13) 55%,transparent 90%)}
.compare-section .compare-photo img{display:block;width:100%;max-width:194px;max-height:204px;height:auto;object-fit:contain;filter:none;transform:none}
.compare-section .compare-price-area{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px 31px 25px;border-bottom:1px solid rgba(131,199,187,.14)}
.compare-section .compare-price{font-size:clamp(47px,5.6vw,69px);font-weight:950;line-height:1;letter-spacing:-.065em;color:#f6faf8;white-space:nowrap;font-variant-numeric:tabular-nums}
.compare-section .compare-price small{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;color:#abc9bf;letter-spacing:0;margin-left:6px}
.compare-section .compare-price-context{font-size:11px;color:#a5c1b7;line-height:1.6;margin:0 0 5px;text-align:right;max-width:160px}
.compare-section .compare-cadence{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:0 31px 15px;margin-top:-4px}
.compare-section .compare-cadence button{
 appearance:none;cursor:pointer;border:1px solid #37615a;border-radius:999px;
 font-size:11px;font-weight:800;color:#bdd7cf;background:#112929;
 padding:9px 15px;min-height:38px;transition:background .2s,color .2s,border-color .2s;
}
.compare-section .compare-cadence button[aria-pressed="true"]{background:#60dfd0;color:#06211e;border-color:#60dfd0}
.compare-section .compare-cadence button:hover:not([aria-pressed="true"]){border-color:#72ddcf;color:#f4fbf8}
.compare-section .compare-cadence button:focus-visible,
.compare-section .compare-cta:focus-visible,
.compare-section .compare-details summary:focus-visible{outline:2px solid #80f3df;outline-offset:4px}
.compare-section .compare-body{padding:25px 31px 23px;flex:1}
.compare-section .compare-body h4{font-size:10px;letter-spacing:2px;font-weight:950;color:#78e1d1;text-transform:uppercase;margin:0 0 19px}
.compare-section .compare-list{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.compare-section .compare-list li{display:flex;align-items:flex-start;gap:11px;line-height:1.45;color:#e4f0eb;font-size:13px}
.compare-section .compare-list li::before{content:"✓";font-size:12px;font-weight:950;color:#6de2d1;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(75,210,194,.14);width:22px;height:22px;min-width:22px;margin-top:-2px}
.compare-section .compare-list li span{display:block}
.compare-section .compare-list li small{display:block;color:#9fbdb3;font-size:11px;line-height:1.6;margin-top:3px}
.compare-section .compare-pro .compare-list li::before{color:#091d1b;background:#70e6d4}
.compare-section .compare-bottom{padding:16px 31px 29px;margin-top:auto;border-top:1px solid rgba(131,199,187,.14)}
.compare-section .compare-cta{display:flex;min-height:49px;align-items:center;justify-content:center;gap:9px;text-align:center;border-radius:10px;padding:11px 19px;font-weight:950;font-size:12px;letter-spacing:.6px;background:#1b3030;border:1px solid #537e74;color:#f0faf6;transition:transform .2s,border-color .2s,background .2s}
.compare-section .compare-pro .compare-cta{background:#64e4d3;border-color:#64e4d3;color:#041b1a}
.compare-section .compare-cta:hover{transform:translateY(-2px);border-color:#9ff5e8}
.compare-section .compare-bottom p{margin:12px 0 0;color:#a0bcb3;font-size:11px;text-align:center;line-height:1.6}
.compare-section .compare-details{margin-top:27px;border:1px solid rgba(119,215,199,.26);border-radius:17px;background:#0c1c1e;overflow:hidden}
.compare-section .compare-details summary{cursor:pointer;padding:21px 27px;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;font-weight:950;color:#e9f7f2}
.compare-section .compare-details summary::-webkit-details-marker{display:none}
.compare-section .compare-details summary::after{content:"+";font-weight:500;font-size:24px;color:#69e3d1;line-height:1}
.compare-section .compare-details[open] summary::after{content:"−"}
.compare-section .compare-matrix-wrap{overflow-x:auto;padding:0 23px 24px}
.compare-section .compare-matrix{border-collapse:collapse;width:100%;min-width:500px;table-layout:fixed}
.compare-section .compare-matrix th{font-size:10px;letter-spacing:1.2px;color:#72e4d4;font-weight:950;text-align:left;padding:17px 11px;border-bottom:1px solid #2c504a}
.compare-section .compare-matrix th:first-child{width:45%}
.compare-section .compare-matrix td{font-size:12px;line-height:1.5;color:#c8dbd4;padding:14px 11px;border-bottom:1px solid rgba(129,195,181,.12)}
.compare-section .compare-matrix td:nth-child(3){color:#85e7d7;font-weight:800}
.compare-section .compare-matrix tr:last-child td{border-bottom:0}
.compare-section .compare-note{font-size:11px;line-height:1.75;color:#9dbfb5;max-width:900px;margin:22px auto 0;text-align:center}
.compare-section .compare-note a{text-decoration:underline;text-underline-offset:3px;color:#bcebdc}
@media(max-width:1050px){
 .compare-section .compare-card-top{grid-template-columns:1fr 38%;padding:26px 23px 10px;min-height:224px}
 .compare-section .compare-price-area{padding:12px 23px 22px}
 .compare-section .compare-body{padding:25px 23px}
 .compare-section .compare-bottom{padding:17px 23px 25px}
 .compare-section .compare-cadence{padding-left:23px;padding-right:23px}
}
@media(max-width:840px){
 .compare-section .compare-lead{grid-template-columns:1fr;gap:15px}
 .compare-section .compare-grid{grid-template-columns:1fr;max-width:660px;margin:auto}
 .compare-section .compare-card-top{grid-template-columns:1fr 35%;min-height:225px}
 .compare-section .compare-lead h2{font-size:clamp(50px,10vw,76px)}
}
@media(max-width:530px){
 .compare-section .compare-card{border-radius:17px}
 .compare-section .compare-card-top{gap:8px;padding:23px 19px 10px;grid-template-columns:minmax(0,1fr) 38%;min-height:200px}
 .compare-section .compare-card h3{font-size:clamp(32px,8vw,41px)}
 .compare-section .compare-photo{height:175px}
 .compare-section .compare-photo img{max-height:175px}
 .compare-section .compare-price-area{padding:13px 19px 22px}
 .compare-section .compare-price{font-size:49px}
 .compare-section .compare-price small{font-size:12px}
 .compare-section .compare-price-context{font-size:10px}
 .compare-section .compare-body{padding:23px 19px}
 .compare-section .compare-bottom{padding:16px 19px 23px}
 .compare-section .compare-cadence{padding-left:19px;padding-right:19px}
 .compare-section .compare-details summary{padding:18px 17px}
 .compare-section .compare-matrix-wrap{padding:0 8px 18px}
}
@media(max-width:360px){
 .compare-section .compare-card-top{grid-template-columns:1fr 34%}
 .compare-section .compare-tag{font-size:12px}
 .compare-section .compare-price{font-size:42px}
}
@media(prefers-reduced-motion:reduce){.compare-section .compare-cta{transition:none}}


/* assets/mobile-polish-v80.css */
/* DRYVE preview v8.0 — mobile layout, navigation and in-page UX.
 * Additive layer: no changes to live website, app, or original screenshot assets.
 * Consolidates the final mobile fixes after feature cards, plans and tour. */
:root{--mobile-nav-height:78px}
html{scroll-padding-top:96px}
#top,#why,#features,#home-experience,#progress-demo,#pro-analytics,
#plans,#app-tour,#coach-demo,#exercises,#demo,#download {
  scroll-margin-top:96px;
}
.nav #primary-nav a[aria-current="location"]{
  color:#72e8d8;
}
.nav .menu-toggle[aria-expanded="true"]{
  border-color:rgba(111,226,209,.7);
  background:rgba(43,128,117,.19);
}
.nav .menu-toggle[aria-expanded="true"] span:first-child{
  transform:translateY(3.5px) rotate(45deg);
}
.nav .menu-toggle[aria-expanded="true"] span:last-child{
  transform:translateY(-3.5px) rotate(-45deg);
}
.nav .menu-toggle span{transition:transform .2s ease}
.nav .top-cta:focus-visible,
.footer-2026 a:focus-visible,
.storelink:focus-visible{
  outline:2px solid #8af7e6;
  outline-offset:5px;
}
/* Seven navigation labels plus the app CTA cannot fit comfortably at tablet widths.
 * Move to the established accessible dropdown *before* the collision occurs. */
@media(max-width:1080px){
  .nav .shell.header-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:clamp(10px,2.3vw,24px);
    min-height:72px;
    height:72px;
    align-items:center;
    position:relative;
  }
  .nav .logo{width:clamp(125px,15vw,152px)}
  .nav .header-actions{gap:clamp(9px,2vw,15px);justify-self:end;min-width:0}
  .nav .menu-toggle{display:inline-flex;flex:0 0 44px;width:44px;min-width:44px;min-height:44px}
  .nav #primary-nav{
    display:none;
    position:absolute;
    z-index:50;
    left:0;right:0;
    top:calc(100% - 1px);
    max-height:calc(100dvh - 88px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:11px max(20px,calc((100vw - 650px)/2)) 20px;
    background:#071618;
    border-bottom:1px solid #31564e;
    box-shadow:0 20px 35px rgba(0,0,0,.32);
    -webkit-overflow-scrolling:touch;
  }
  .nav #primary-nav.is-open{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
  }
  .nav #primary-nav a{
    display:block;
    padding:14px 2px;
    min-height:46px;
    border-bottom:1px solid rgba(103,213,196,.13);
    font-size:13px;
    font-weight:750;
    white-space:normal;
  }
  .nav #primary-nav a:last-child{border-bottom:0}
  .nav #primary-nav a:focus-visible{outline:2px solid #80f0dc;outline-offset:-2px}
  .nav .top-cta{font-size:11px;letter-spacing:.8px;white-space:nowrap}
}
@media(max-width:850px){
  .nav .shell.header-inner{height:68px;min-height:68px}
  .nav #primary-nav{max-height:calc(100dvh - 68px)}
}
@media(max-width:600px){
  :root{--mobile-nav-height:68px}
  html{scroll-padding-top:80px}
  #top,#why,#features,#home-experience,#progress-demo,#pro-analytics,
  #plans,#app-tour,#coach-demo,#exercises,#demo,#download{scroll-margin-top:80px}
  .nav .shell.header-inner{width:calc(100% - 28px);gap:9px}
  .nav .logo{width:clamp(111px,32vw,140px)}
  .nav .header-actions{gap:10px}
  .nav .top-cta{font-size:10px;letter-spacing:.6px;gap:6px}
  .nav .menu-toggle{flex-basis:42px;min-width:42px;width:42px;height:42px}
  .nav #primary-nav{padding-inline:20px}
  .hero .hero-layout{padding-top:clamp(48px,12vw,72px)}
  .hero .hero-copy,.hero .hero-visual{min-width:0}
  .hero .storelinks,.cta.cta-close .storelinks{max-width:100%}
  .cta.cta-close .cta-copy,.cta.cta-close .cta-action{min-width:0}
  .cta.cta-close .cta-action .storelinks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta.cta-close .storelinks .store-choice{min-width:0}
  /* Never make a 49.99 annual price collide with its explanatory copy. */
  .compare-section .compare-price-area{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
    align-items:start;
  }
  .compare-section .compare-price-context{
    text-align:left;
    max-width:none;
    margin:0;
  }
  .compare-section .compare-price{white-space:normal;overflow-wrap:normal}
  .compare-section .compare-card-top{min-width:0}
  .compare-section .compare-card-top>div{min-width:0}
  .compare-section .compare-cadence button{min-height:44px;padding:11px 17px}
  .compare-section .compare-details summary{min-height:53px}
  .compare-section .compare-matrix-wrap{
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .compare-section .compare-matrix{min-width:490px}
  /* Keep tour controls tappable without squeezing the caption or screenshot. */
  #app-tour.tour-v79 .tour-chapter{min-height:43px}
  #app-tour.tour-v79 .tour-viewport{overflow:hidden}
  #app-tour.tour-v79 .tour-controls button{min-height:44px;min-width:44px}
  #app-tour.tour-v79 .tour-step{min-width:28px;min-height:32px}
  .footer.footer-2026 .footer-group nav a{min-height:25px}
  .mobile-download-link{
    bottom:max(12px,env(safe-area-inset-bottom));
    padding:11px 16px;
    min-height:52px;
    max-width:550px;
    margin-inline:auto;
  }
  body.mobile-nav-expanded #mobile-download-link,
  body:has(#dryve-tour-dialog[open]) #mobile-download-link{
    opacity:0;
    pointer-events:none;
    visibility:hidden;
  }
}
@media(max-width:400px){
  .nav .top-cta{font-size:9px;letter-spacing:.3px}
  .nav .top-cta .cta-arrow{font-size:17px}
  .hero .storelinks{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    width:100%;
  }
  .hero .storelinks .store-choice{
    width:100%;
    max-width:none;
    min-width:0;
    flex:initial;
  }
  .hero .storelinks .storelink{
    display:flex;
    width:100%;
    min-width:0;
    height:auto;
    aspect-ratio:10/3.2;
    justify-content:center;
    align-items:center;
  }
  .hero .storelinks .storelink>.badge-art{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:fill;
    transform:none!important;
  }
  .hero .storelinks .store-label{font-size:8px;letter-spacing:.65px}
  .cta.cta-close .storelinks .store-label{letter-spacing:.4px}
  .footer-2026 .footer-group a{overflow-wrap:anywhere}
}
@media(max-width:345px){
  .nav .logo{width:105px}
  .nav .header-actions{gap:6px}
  .nav .top-cta{font-size:9px}
  #app-tour.tour-v79 .tour-zoom{padding:7px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .nav .menu-toggle span{transition:none}
}
/* Preview v8.2 keyboard navigation: first tab stop bypasses sticky header. */
.skip-to-main{
  position:fixed;left:14px;top:14px;z-index:999999;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 18px;
  border-radius:9px;background:#67e4d2;color:#061c1b;
  font-weight:900;font-size:14px;text-decoration:none;
  outline:3px solid #fff;outline-offset:3px;
  transform:translateY(-190%);opacity:0;
}
.skip-to-main:focus,.skip-to-main:focus-visible{transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.skip-to-main{transition:none}}