/* Foco & Topo — two product identities sharing Zeetude's visual grammar. */
body.studio.page-foco{--xp-bg:#000;--xp-ink:#f4f5fc;--xp-muted:#a8b0c7;--xp-subtle:#7e879e;--xp-line:rgba(146,176,253,.19);--xp-panel:#080b13;--xp-accent:#a9c4ff;--xp-accent-2:#4d83ff;--xp-accent-ink:#101a33;background:#000;color:var(--xp-ink);font-family:"Space Grotesk",var(--type-sans),sans-serif}
body.studio.page-topo{--xp-bg:#050c0b;--xp-ink:#eef8f1;--xp-muted:#a4b7b0;--xp-subtle:#798e87;--xp-line:rgba(162,220,195,.15);--xp-panel:#0a1512;--xp-accent:#b6ebd0;--xp-accent-2:#66caa0;--xp-accent-ink:#0b281d;background:#050c0b;color:var(--xp-ink);font-family:"DM Sans",var(--type-sans),sans-serif}
body.studio.page-foco .site-header{background:rgba(5,8,14,.89);border-color:rgba(158,184,250,.16)}
body.studio.page-topo .site-header{background:rgba(7,17,14,.90);border-color:rgba(162,220,195,.17)}
body.studio.page-topo .site-footer{background:#050c0b}
body.studio.page-foco .site-footer{background:#000}
body.studio.page-foco .experience-page em{color:#a9c4ff;font-family:"Fraunces",Georgia,serif}
body.studio.page-topo .experience-page em{color:#b6ebd0;font-family:"Fraunces",Georgia,serif}
body.studio .ft-page .exp-lede{color:var(--xp-muted)}
body.studio .ft-page h1,body.studio .ft-page h2,body.studio .ft-page h3{font-family:inherit;font-weight:500;color:var(--xp-ink);letter-spacing:-.073em}
body.studio .ft-page .exp-hero{min-height:685px}
body.studio .ft-page .exp-hero h1{font-size:clamp(57px,6.6vw,102px);line-height:1.035}
body.studio .ft-page .exp-hero .breadcrumb{color:var(--xp-subtle)}
body.studio .ft-page .exp-footnote{color:var(--xp-subtle)}
body.studio .ft-page .exp-primary{background:var(--xp-accent);color:var(--xp-accent-ink);border-color:var(--xp-accent)}
body.studio .ft-page .exp-secondary{color:var(--xp-ink);border-color:var(--xp-line)}
body.studio .ft-page .exp-benefit-grid{margin-top:15px}
body.studio .ft-page .exp-benefit{background:var(--xp-panel);border-color:var(--xp-line)}
body.studio .ft-page .exp-benefit>span{color:var(--xp-accent)}
body.studio .ft-page .exp-benefit h3{color:var(--xp-ink)}
body.studio .ft-page .exp-benefit p{color:var(--xp-muted)}
body.studio .ft-page .demo-frame{background:var(--xp-panel);border-color:var(--xp-line)}
body.studio .ft-page .exp-real-screen{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--xp-accent),transparent 92%),transparent 68%),var(--xp-panel)}
body.studio .ft-page .exp-conversion{background:radial-gradient(ellipse at 82% 50%,color-mix(in srgb,var(--xp-accent),transparent 88%),transparent 56%),var(--xp-panel)}
body.studio .ft-page .exp-faq .faq-list details{border-color:var(--xp-line)}
body.studio .ft-page .exp-faq .faq-list summary{color:var(--xp-ink)}
body.studio .ft-page .exp-faq .faq-list p{color:var(--xp-muted)}
body.studio .ft-page .ft-section{scroll-margin-top:110px}
body.studio .ft-page .demo-disclaimer{border-top:1px solid var(--xp-line);padding:13px 27px;color:var(--xp-subtle)}

/* Foco — orbital kinetic study, intentionally no distracting photography */
body.studio .ft-hero-visual{position:relative;min-width:0;min-height:500px;display:grid;place-items:center;isolation:isolate}
body.studio .ft-focus-halo{position:absolute;z-index:-1;width:100%;height:92%;background:radial-gradient(ellipse at center,rgba(46,82,229,.25),transparent 61%);filter:blur(23px)}
body.studio .ft-focus-ring{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(152,181,255,.25);box-shadow:inset 0 1px rgba(197,215,255,.1),0 0 50px rgba(52,88,246,.08);animation:ft-breathe 11s ease-in-out infinite alternate}
body.studio .ft-focus-ring.r2{width:62%;border-style:dashed;border-color:rgba(167,197,255,.31);animation-duration:15s;animation-delay:-3s}
body.studio .ft-focus-ring.r3{width:44%;border-color:rgba(178,207,255,.42);background:radial-gradient(circle at 30% 22%,rgba(200,220,255,.18),rgba(60,95,214,.08) 45%,transparent 78%);backdrop-filter:blur(3px);animation-duration:9s;animation-delay:-6s}
body.studio .ft-focus-core{font-size:clamp(82px,9.5vw,150px);font-weight:700;letter-spacing:-.15em;color:#f3f6ff;z-index:2;text-shadow:0 0 70px rgba(66,110,255,.25);transform:rotate(-6deg)}
body.studio .ft-focus-core span:first-child{color:#7fb0ff}
body.studio .ft-focus-core span:last-child{color:#729bff}
body.studio .ft-hero-annotation{position:absolute;bottom:8%;right:2%;display:flex;gap:10px;align-items:center;color:#8598bf;font-size:11px;letter-spacing:.025em}
body.studio .ft-hero-annotation span{color:#b0cbff;font-size:19px}
@keyframes ft-breathe{0%{transform:scale(.95) rotate(-6deg);opacity:.72}100%{transform:scale(1.06) rotate(12deg);opacity:1}}

/* Foco's real, locally interactive training mockup */
body.studio .ft-demo-grid{display:grid;grid-template-columns:minmax(260px,.73fr) minmax(0,1.27fr);min-height:515px}
body.studio .ft-demo-side{border-right:1px solid var(--xp-line);padding:38px 30px;background:radial-gradient(ellipse at 0% 30%,rgba(88,114,221,.12),transparent 65%),#0a0e1a}
body.studio .ft-demo-side h3{font-size:clamp(34px,3.6vw,52px);line-height:1.05;margin:25px 0 19px}
body.studio .ft-demo-side h3 span,.studio .ft-session-header h3+.ft-session-id{color:var(--xp-accent)}
body.studio .ft-demo-side>p:not(.ft-side-note){font-size:13px;line-height:1.85;color:var(--xp-muted);max-width:270px}
body.studio .ft-workout-picker{margin-top:31px;display:grid;gap:9px}
body.studio .ft-workout-picker button{display:flex;align-items:center;gap:13px;padding:13px;text-align:left;background:#101522;border:1px solid var(--xp-line);border-radius:14px;color:#dae2f2;transition:background .25s,transform .25s,border-color .25s}
body.studio .ft-workout-picker button:hover{background:#182443}
body.studio .ft-workout-picker button[aria-pressed=true]{border-color:rgba(178,202,255,.53);background:#1a294c}
body.studio .ft-picker-index{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border:1px solid rgba(186,209,255,.29);border-radius:11px;background:#172545;color:#bfd1fa;font-size:18px}
body.studio .ft-workout-picker button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}
body.studio .ft-workout-picker strong{font-size:12px;font-weight:600}
body.studio .ft-workout-picker small{font-size:10px;color:#9baccd}
body.studio .ft-workout-picker button>span:last-child{font-size:15px}
body.studio .ft-side-note{font-size:11px;color:var(--xp-subtle);line-height:1.75;margin-top:29px}
body.studio .ft-side-note span{color:var(--xp-accent)}
body.studio .ft-demo-main{padding:35px;display:flex;flex-direction:column;min-width:0}
body.studio .ft-session-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
body.studio .ft-session-header h3{font-size:clamp(26px,2.5vw,38px);margin:8px 0}
body.studio .ft-session-id{border:1px solid var(--xp-line);border-radius:99px;font-size:10px;color:var(--xp-accent);padding:9px 12px;white-space:nowrap}
body.studio .ft-session-progress{margin:19px 0 22px}
body.studio .ft-session-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;color:var(--xp-muted);font-size:11px;margin-bottom:12px}
body.studio .ft-session-progress strong{color:var(--xp-ink);font-weight:500}
body.studio .ft-progress-bar{height:5px;border-radius:99px;background:#263249;overflow:hidden}
body.studio .ft-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#547eff,#b9ceff);border-radius:inherit;transition:width .45s cubic-bezier(.17,.8,.2,1)}
body.studio .ft-exercises{min-height:200px;flex:1}
body.studio .ft-exercise{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:17px 2px;border-bottom:1px solid var(--xp-line);animation:ft-reveal .5s ease both}
body.studio .ft-exercise>div:first-child{display:flex;align-items:center;gap:13px;min-width:0}
body.studio .ft-exercise>div:first-child>span{font-size:10px;color:#8599c1}
body.studio .ft-exercise>div:first-child>div{display:flex;flex-direction:column;gap:3px;min-width:0}
body.studio .ft-exercise strong{font-size:13px;color:var(--xp-ink);font-weight:500}
body.studio .ft-exercise small{font-size:10px;color:var(--xp-subtle)}
body.studio .ft-set-buttons{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.studio .ft-set-buttons button{width:30px;height:30px;border-radius:8px;border:1px solid var(--xp-line);background:#131b2b;color:#b9c7e2;font-size:11px;transition:background .23s,border .23s,transform .23s}
body.studio .ft-set-buttons button:hover{transform:translateY(-2px);border-color:#739aff}
body.studio .ft-set-buttons button[aria-pressed=true]{background:#a9c4ff;border-color:#a9c4ff;color:#102041}
body.studio .ft-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:24px}
body.studio .ft-demo-footer>span{font-size:11px;color:var(--xp-muted)}
body.studio .ft-demo-footer button{padding:9px 13px;border:1px solid var(--xp-line);border-radius:99px;background:#151e30;color:var(--xp-ink);font-size:10px}
body.studio .ft-demo-footer button:hover{background:#202c47}
@keyframes ft-reveal{from{opacity:.1;filter:blur(7px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:none}}
body.studio .ft-insights{border:1px solid var(--xp-line);border-radius:24px;padding:40px;background:radial-gradient(ellipse at 92% 0%,rgba(62,104,233,.13),transparent 57%),#090d17}
body.studio .ft-insight-header{display:flex;justify-content:space-between;align-items:start;gap:20px}
body.studio .ft-insight-header h3{font-size:clamp(25px,3.4vw,41px);margin:15px 0 0;letter-spacing:-.06em}
body.studio .ft-insight-label{font-size:10px;color:var(--xp-muted);border:1px solid var(--xp-line);border-radius:99px;padding:8px 11px}
body.studio .ft-chart-wrap{max-width:840px;margin:42px auto 27px}
body.studio .ft-chart-grid{height:205px;display:flex;justify-content:space-around;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(159,185,255,.22);background:repeating-linear-gradient(to top,transparent,transparent calc(25% - 1px),rgba(160,190,250,.09) calc(25% - 1px),rgba(160,190,250,.09) 25%)}
body.studio .ft-chart-column{height:var(--height);width:min(70px,12%);position:relative;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#7997eb9b,#26407555);display:flex;justify-content:center;transition:height .45s}
body.studio .ft-chart-column.is-latest{background:linear-gradient(180deg,#c5d7ff,#4179f4)}
body.studio .ft-chart-column>span{position:absolute;top:-27px;font-size:11px;color:var(--xp-muted)}
body.studio .ft-chart-column.is-latest>span{color:#c9d9ff}
body.studio .ft-chart-labels{display:flex;justify-content:space-around;margin-top:12px;color:var(--xp-subtle);font-size:10px}
body.studio .ft-insight-bottom{display:flex;justify-content:space-between;gap:19px;padding-top:22px;border-top:1px solid var(--xp-line);color:var(--xp-subtle);font-size:10px}
body.studio .ft-conversion-visual{min-height:300px;display:flex;align-items:center;justify-content:space-around;gap:11px}
body.studio .ft-conversion-visual>span{width:115px;height:115px;flex:0 0 auto;border:1px solid rgba(183,203,255,.32);border-radius:49% 51% 53% 47%;background:radial-gradient(circle at 27% 17%,rgba(255,255,255,.45),rgba(87,124,229,.13) 35%,rgba(30,54,95,.22) 70%);display:grid;place-items:center;color:#f4f7ff;font-size:49px;font-weight:500;box-shadow:inset 0 2px 15px #c6d9ff1b,0 20px 40px #0004;animation:ft-breathe 9s ease-in-out infinite alternate}
body.studio .ft-conversion-visual>span:nth-of-type(2){width:92px;height:92px;animation-delay:-3s}
body.studio .ft-conversion-visual>span:nth-of-type(3){width:135px;height:135px;animation-delay:-6s}
body.studio .ft-conversion-visual>span span{color:#7ea4ff}
body.studio .ft-conversion-visual>i{width:12px;height:1px;flex:0 0 8px;background:#a3b8e0}

/* Topo — a quieter emerald moon-clock, with a calm UI */
body.studio .ft-topo-hero h1{font-size:clamp(57px,6.4vw,101px)}
body.studio .ft-topo-visual{background:radial-gradient(ellipse at center,rgba(79,185,140,.13),transparent 64%)}
body.studio .ft-topo-orbit{position:absolute;width:80%;aspect-ratio:1;border-radius:47% 53% 56% 44%;border:1px solid rgba(174,229,200,.31);transform:rotate(15deg);animation:ft-orbit 14s ease-in-out infinite alternate}
body.studio .ft-topo-orbit.orbit2{width:62%;border-style:dashed;border-color:rgba(166,223,185,.25);animation-duration:18s;animation-delay:-5s}
body.studio .ft-topo-orbit.orbit3{width:46%;border-color:rgba(195,236,210,.42);background:radial-gradient(circle at 25% 15%,rgba(221,255,237,.24),rgba(67,151,104,.08) 67%,transparent);backdrop-filter:blur(4px);animation-duration:12s;animation-delay:-3s}
@keyframes ft-orbit{from{transform:rotate(3deg) scale(.96);border-radius:47% 53% 56% 44%}to{transform:rotate(25deg) scale(1.07);border-radius:55% 45% 44% 56%}}
body.studio .ft-topo-core{display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:1}
body.studio .ft-topo-core strong{font-size:clamp(94px,10vw,155px);font-weight:600;letter-spacing:-.15em;line-height:1;color:#eefcf1;transform:rotate(-5deg);text-shadow:0 0 65px rgba(118,230,174,.22)}
body.studio .ft-topo-core strong>span{color:#9bdcbc}
body.studio .ft-topo-core small{color:#94b5a5;font-size:11px;letter-spacing:.12em;margin-top:30px}
body.studio .ft-topo-spark{font-size:26px;color:#b2eed2;margin-bottom:21px}
body.studio .ft-topo-demo-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 34px 21px}
body.studio .ft-topo-demo-head h3{font-size:clamp(27px,3.2vw,41px);margin:9px 0 10px}
body.studio .ft-topo-demo-head h3 span{color:#b6ebd0}
body.studio .ft-topo-demo-head p{font-size:12px;line-height:1.7;color:var(--xp-muted)}
body.studio .ft-topo-today{border-radius:99px;border:1px solid var(--xp-line);padding:9px 13px;font-size:10px;white-space:nowrap;color:var(--xp-accent)}
body.studio .ft-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0 34px;padding-bottom:27px;border-bottom:1px solid var(--xp-line)}
body.studio .ft-week-days button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:17px 8px;border-radius:13px;background:#10211b;border:1px solid var(--xp-line);color:var(--xp-muted);transition:background .25s,border-color .25s,transform .25s}
body.studio .ft-week-days button:hover{transform:translateY(-2px);background:#1a332a}
body.studio .ft-week-days button[aria-pressed=true]{background:#b6ebd0;border-color:#b6ebd0;color:#112a20}
body.studio .ft-week-days button small{font-size:9px;letter-spacing:.08em;font-weight:600}
body.studio .ft-week-days button strong{font-size:23px;letter-spacing:-.04em;font-weight:500}
body.studio .ft-topo-tasks{padding:25px 34px 30px}
body.studio .ft-tasks-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:17px}
body.studio .ft-tasks-title>span:last-child{font-size:11px;color:var(--xp-muted)}
body.studio .ft-task-list{min-height:211px}
body.studio .ft-task{display:flex;gap:14px;align-items:center;position:relative;padding:16px 5px;border-bottom:1px solid var(--xp-line);cursor:pointer;animation:ft-reveal .45s both}
body.studio .ft-task input{position:absolute;opacity:0;width:38px;height:38px;left:5px;top:50%;transform:translateY(-50%);cursor:pointer}
body.studio .ft-task-mark{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(189,238,210,.28);background:#15271f;color:transparent;border-radius:11px;display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s}
body.studio .ft-task input:checked+.ft-task-mark{background:#b6ebd0;border-color:#b6ebd0;color:#153225}
body.studio .ft-task input:focus-visible+.ft-task-mark{outline:2px solid #d7f7e4;outline-offset:3px}
body.studio .ft-task-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
body.studio .ft-task-info strong{color:var(--xp-ink);font-size:13px;font-weight:500;transition:color .2s}
body.studio .ft-task input:checked~.ft-task-info strong{color:#8c9e93;text-decoration:line-through}
body.studio .ft-task-info small{font-size:10px;color:var(--xp-subtle)}
body.studio .ft-task-time{font-size:10px;color:var(--xp-muted)}
body.studio .ft-topo-complete{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:22px}
body.studio .ft-topo-complete>span{font-size:11px;color:var(--xp-muted)}
body.studio .ft-topo-bar{height:5px;max-width:350px;min-width:90px;flex:1;border-radius:99px;background:#21362d;overflow:hidden}
body.studio .ft-topo-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5fb987,#b6ebd0);border-radius:inherit;transition:width .45s}
body.studio .ft-topo-complete button{border:1px solid var(--xp-line);border-radius:99px;padding:9px 14px;background:#153024;color:var(--xp-ink);font-size:10px}
body.studio .ft-topo-complete button:hover{background:#214436}
body.studio .ft-topo-overview{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:43px;background:radial-gradient(ellipse at 75% 40%,rgba(121,228,165,.09),transparent 65%),var(--xp-panel);border:1px solid var(--xp-line);border-radius:25px}
body.studio .ft-topo-overview-copy h3{font-size:clamp(30px,3.75vw,53px);line-height:1.11;margin:22px 0}
body.studio .ft-topo-overview-copy p{font-size:14px;color:var(--xp-muted);line-height:1.8;max-width:400px;margin-bottom:28px}
body.studio .ft-inline-link{font-size:12px;color:var(--xp-accent);border-bottom:1px solid rgba(172,225,200,.3);padding-bottom:6px}
body.studio .ft-topo-calendar{min-width:0;background:#12241c;border:1px solid rgba(194,244,216,.2);border-radius:19px;padding:24px 22px;box-shadow:0 24px 65px #0005}
body.studio .ft-calendar-heading{display:flex;justify-content:space-between;gap:12px;color:#e6f4e9;font-size:12px;font-weight:600;margin-bottom:24px}
body.studio .ft-calendar-heading span:last-child{color:#a2bba9}
body.studio .ft-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;text-align:center}
body.studio .ft-calendar-grid span{display:grid;place-items:center;aspect-ratio:1;color:#d1dfd4;font-size:11px;border-radius:10px;position:relative}
body.studio .ft-calendar-grid span:nth-child(-n+7){color:#819a89;font-size:9px;font-weight:600}
body.studio .ft-calendar-grid span.muted{color:#6a7e72}
body.studio .ft-calendar-grid span.has-event::after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:#b6ebd0}
body.studio .ft-calendar-grid span.today{background:#b6ebd0;color:#13251a;font-weight:700}
body.studio .ft-calendar-note{font-size:10px;display:block;color:#799486;margin-top:23px}
body.studio .ft-topo-conversion-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:310px;transform:rotate(-7deg)}
body.studio .ft-topo-conversion-art span{font:400 clamp(37px,4vw,61px)/1 "Fraunces",Georgia,serif;letter-spacing:-.065em;color:#b3d7c4}
body.studio .ft-topo-conversion-art span:nth-child(2){margin-left:56px;color:#82b69b}
body.studio .ft-topo-conversion-art span:nth-child(3){margin-right:43px;color:#e0faea}

/* Layout and comfortable tap targets */
@media(max-width:1050px){
 body.studio .ft-page .exp-hero{min-height:0;grid-template-columns:1fr;gap:28px}
 body.studio .ft-page .exp-hero h1{font-size:clamp(57px,8vw,91px)}
 body.studio .ft-hero-visual{min-height:375px}
 body.studio .ft-focus-ring{width:min(450px,75%)}
 body.studio .ft-topo-orbit{width:min(450px,75%)}
 body.studio .ft-demo-grid{grid-template-columns:1fr}
 body.studio .ft-demo-side{border-right:0;border-bottom:1px solid var(--xp-line)}
 body.studio .ft-workout-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.studio .ft-demo-side h3{margin-top:15px}
 body.studio .ft-topo-overview{gap:23px;padding:29px}
}
@media(max-width:740px){
 body.studio .ft-page .exp-hero{padding-top:25px;padding-bottom:38px}
 body.studio .ft-page .exp-hero h1{font-size:clamp(47px,9.3vw,75px)}
 body.studio .ft-hero-visual{min-height:285px}
 body.studio .ft-focus-core{font-size:clamp(82px,15vw,118px)}
 body.studio .ft-topo-core strong{font-size:clamp(82px,15vw,116px)}
 body.studio .ft-topo-spark{font-size:19px;margin-bottom:15px}
 body.studio .ft-hero-annotation{bottom:0;right:0}
 body.studio .ft-demo-side{padding:27px 22px}
 body.studio .ft-demo-main{padding:25px 20px}
 body.studio .ft-insights{padding:26px}
 body.studio .ft-insight-header{flex-direction:column;gap:9px}
 body.studio .ft-insight-bottom{flex-direction:column;gap:7px}
 body.studio .ft-chart-grid{height:165px}
 body.studio .ft-topo-demo-head{padding:24px 20px 15px}
 body.studio .ft-week-days{margin:0 20px;gap:4px;padding-bottom:19px}
 body.studio .ft-week-days button{padding:13px 2px;border-radius:10px}
 body.studio .ft-week-days button strong{font-size:18px}
 body.studio .ft-week-days button small{font-size:8px}
 body.studio .ft-topo-tasks{padding:22px 20px}
 body.studio .ft-topo-overview{grid-template-columns:1fr;padding:26px}
 body.studio .ft-topo-calendar{max-width:465px;width:100%;justify-self:center}
 body.studio .ft-conversion-visual{min-height:205px;gap:5px}
 body.studio .ft-conversion-visual>span{width:80px;height:80px;font-size:36px}
 body.studio .ft-conversion-visual>span:nth-of-type(2){width:70px;height:70px}
 body.studio .ft-conversion-visual>span:nth-of-type(3){width:94px;height:94px}
 body.studio .ft-conversion-visual>i{width:6px;flex-basis:6px}
 body.studio .ft-topo-conversion-art{min-height:180px}
}
@media(max-width:470px){
 body.studio .ft-page .exp-hero h1{font-size:clamp(43px,10.1vw,59px)}
 body.studio .ft-hero-visual{min-height:245px}
 body.studio .ft-demo-side h3{font-size:36px}
 body.studio .ft-workout-picker{grid-template-columns:1fr}
 body.studio .ft-exercise{flex-wrap:wrap;gap:13px}
 body.studio .ft-set-buttons{margin-left:24px}
 body.studio .ft-demo-footer{flex-direction:column;align-items:flex-start}
 body.studio .ft-topo-demo-head{flex-direction:column;align-items:flex-start;gap:11px}
 body.studio .ft-topo-demo-head h3{font-size:32px}
 body.studio .ft-week-days button strong{font-size:15px}
 body.studio .ft-week-days button small{font-size:7px}
 body.studio .ft-topo-tasks{padding:20px 15px}
 body.studio .ft-task-time{font-size:9px}
 body.studio .ft-tasks-title{flex-direction:column;gap:5px}
 body.studio .ft-calendar-grid{gap:3px}
 body.studio .ft-topo-overview{padding:17px}
 body.studio .ft-topo-calendar{padding:20px 13px}
 body.studio .ft-conversion-visual>span{width:67px;height:67px;font-size:28px}
 body.studio .ft-conversion-visual>span:nth-of-type(2){width:58px;height:58px}
 body.studio .ft-conversion-visual>span:nth-of-type(3){width:77px;height:77px}
}
@media(hover:none),(pointer:coarse){
 body.studio .ft-focus-ring,body.studio .ft-topo-orbit,body.studio .ft-conversion-visual>span{animation-duration:18s}
 body.studio .ft-workout-picker button:hover,body.studio .ft-week-days button:hover,body.studio .ft-set-buttons button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 body.studio .ft-focus-ring,body.studio .ft-topo-orbit,body.studio .ft-conversion-visual>span,body.studio .ft-exercise,body.studio .ft-task{animation:none!important;transition:none!important}
 body.studio .ft-progress-bar span,body.studio .ft-topo-bar i{transition:none!important}
}