/* Atymus · site de apresentação (identidade Uma linha).
   Fonte: site-src/site.css → gerado em atymus-site/assets/ por site-src/build_site.py */

@font-face{font-family:"Fraunces";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/fraunces-500.9f9e546a0e.woff2") format("woff2")}
@font-face{font-family:"Fraunces";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/fraunces-600.a2ed6082c6.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/inter-400.a523417ecb.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/inter-500.ed1817be90.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/inter-600.a1555e594d.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url("/assets/fonts/inter-700.16835fb570.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/jetbrainsmono-500.585319536e.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/jetbrainsmono-600.d0cb45de0f.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-style:normal;font-display:swap;src:url("/assets/fonts/jetbrainsmono-700.3527258e1d.woff2") format("woff2")}

:root{
  color-scheme:light;
  --bg:#EAEFF6; --card:#F5F7FA; --hi:#F0F4F9; --well:#E1E7F0; --line:#D7D9DC;
  --ink:#2A2E32; --ink2:#5A5E62; --mute:#838689; --off:#ACAEB0;
  --aco:#3E649C; --aco-t:#3E649C; --aco-veu:rgba(62,100,156,.12);
  --amb:#D4A558; --amb-t:#8E6201; --amb-veu:rgba(212,165,88,.16);
  --cor:#A79477; --cor-t:#7C6A4F; --cor-veu:rgba(167,148,119,.16);
  --on-amb:#1F1B2D; --feito:#3D807F; --erro:#D24C49;
  --l0:#3E649C; --l1:#647792; --l2:#898784; --l3:#AE9772; --l4:#D4A558;
  --ld0:#6E97D2; --ld1:#8CA0BC; --ld2:#A9A8A4; --ld3:#C5AD88; --ld4:#E1B265;
  --shadow:-3px -3px 6px rgba(255,255,255,.85), 3px 3px 6px rgba(42,46,50,.10);
  --shadow2:-6px -6px 14px rgba(255,255,255,.9), 8px 10px 22px rgba(42,46,50,.12);
  --rim:rgba(255,255,255,.55);
  --dot:#454B57;
  --hero-atv:linear-gradient(165deg,#3E649C,#2A466F 52%,#252E4A);
  --hero-amb:linear-gradient(150deg,#D4A558,#98753D);
  --nav-bg:rgba(234,239,246,.82);
  --pad:clamp(20px,5vw,56px);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --bg:#232529; --card:#2C2E32; --hi:#2A2D31; --well:#1C1E22; --line:#34373B;
    --ink:#EFF2F6; --ink2:#B9BCC0; --mute:#8B8E92; --off:#575A5D;
    --aco:#6E97D2; --aco-t:#7FA3D8; --aco-veu:rgba(110,151,210,.16);
    --amb:#E1B265; --amb-t:#E1B265; --amb-veu:rgba(225,178,101,.16);
    --cor:#C0AC8E; --cor-t:#C0AC8E; --cor-veu:rgba(192,172,142,.16);
    --feito:#62A09F; --erro:#F97770;
    --l0:#6E97D2; --l1:#8CA0BC; --l2:#A9A8A4; --l3:#C5AD88; --l4:#E1B265;
    --shadow:0 3.9px 13.2px rgba(0,0,0,.40), 0 1.8px 4.8px -3px rgba(0,0,0,.60);
    --shadow2:0 14px 30px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.40);
    --rim:rgba(255,255,255,.07);
    --dot:#E4E7EE;
    --hero-atv:linear-gradient(165deg,#718EB8,#5779AA 52%,#384362);
    --hero-amb:linear-gradient(150deg,#E1B265,#A17F46);
    --nav-bg:rgba(35,37,41,.82);
  }
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--aco);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ───────── faixa de idioma ───────── */
.lang-band{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:center;padding:9px 44px 9px 16px;background:var(--aco-veu);font-size:13.5px;position:relative;text-align:center}
.lang-band a{font-weight:600;color:var(--aco-t);text-decoration:none}
.lang-band button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;line-height:1;color:var(--ink2);cursor:pointer;padding:6px 10px}

/* ───────── navegação ───────── */
.nav-wrap{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding-top:env(safe-area-inset-top,0px)}
.st-nav{display:flex;align-items:center;gap:22px;padding:12px var(--pad);max-width:1280px;margin:0 auto}
.st-logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}
.st-logo svg{width:28px;height:28px}
.st-logo b{font:600 21px/1 var(--serif);letter-spacing:-.01em}
.st-links{display:flex;gap:20px;margin-left:auto}
.st-links a{font:500 14px/1 var(--sans);color:var(--ink2);text-decoration:none}
.st-links a:hover{color:var(--ink)}
.st-lang{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--well)}
.st-lang a{padding:7px 9px;border-radius:99px;font:600 11px/1 var(--mono);letter-spacing:.06em;color:var(--mute);text-decoration:none}
.st-lang a[aria-current="true"]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.st-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;background:var(--ink);color:var(--bg);font:600 15px/1 var(--sans);border:0;cursor:pointer;text-decoration:none;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.st-btn:hover{filter:brightness(1.08)}
.st-nav .st-btn{padding:11px 16px;font-size:13.5px;border-radius:12px}
.st-nav .st-btn .s{display:none}
@media (max-width: 760px){
  .st-links{display:none}
  .st-nav{gap:10px}
  .st-lang{margin-left:auto}
  .st-lang a{padding:6px 7px;font-size:10.5px}
  .st-nav .st-btn{padding:10px 12px}
  .st-nav .st-btn .l{display:none}
  .st-nav .st-btn .s{display:inline}
}
@media (max-width: 360px){ .st-logo b{display:none} }
/* página do Studio: no celular, a Faceta e a etiqueta bastam (o nome não cabe com a etiqueta) */
@media (max-width: 480px){ .sd-logo b{display:none} }

/* ───────── o site ───────── */
.st-site{container-type:inline-size;container-name:site;max-width:1280px;margin:0 auto;position:relative;font:400 16px/1.6 var(--sans);color:var(--ink)}
.st-ey{font:600 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:9px}
.st-ey::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.st-h2{font:500 clamp(28px,4.4cqi,46px)/1.08 var(--serif);letter-spacing:-.025em;margin-top:14px;max-width:18ch}
.st-p{color:var(--ink2);font-size:clamp(15.5px,1.6cqi,17.5px);line-height:1.6;margin-top:16px;max-width:52ch}
.st-micro{margin-top:4px;font:500 12px/1.5 var(--mono);color:var(--mute);letter-spacing:.03em}
.st-form{display:flex;gap:8px;background:var(--card);padding:8px;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--rim)}
.st-form input{flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;font:400 16px/1 var(--sans);color:var(--ink)}
.st-form input:focus{outline:none}
.st-form:focus-within{box-shadow:var(--shadow),0 0 0 2px var(--aco)}
.st-form.bad{box-shadow:var(--shadow),0 0 0 2px var(--erro)}
.st-form-ok{font-size:14px;min-height:1.4em}
.st-form-ok.ok{color:var(--feito);font-weight:600}
.st-form-ok.err{color:var(--erro)}
.st-foot{padding:36px var(--pad) 40px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink2)}
.st-foot b{display:block;font:600 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.st-foot a,.st-foot .ft-handle{color:var(--ink2);text-decoration:none;display:block;margin-bottom:6px}
.st-foot a:hover{color:var(--ink)}
.st-foot .st-logo{display:inline-flex;color:var(--ink);margin-bottom:0}
.st-foot .st-logo b{display:inline;font:600 21px/1 var(--serif);letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:0}
.st-foot small{display:block;margin-top:12px;font-size:12px;color:var(--mute);line-height:1.5}

/* ───────── abertura: a constelação ───────── */
.hero-sec{position:relative;padding:0 var(--pad) 8px}
.hsc{position:relative}
.hsc-stage{position:relative;height:640px;overflow:visible}
.orb-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.orb-lines line{stroke:var(--l2);stroke-opacity:.55;stroke-width:1.4;stroke-dasharray:3 7;stroke-linecap:round;animation:orbFlow 1.6s linear infinite}
@keyframes orbFlow{to{stroke-dashoffset:-20}}
.orb-core{--t:96px;position:absolute;left:50%;top:50%;transform:translate(-50%,calc(var(--t) / -2));display:grid;justify-items:center;gap:10px;text-align:center;z-index:2}
.orb-tile{width:var(--t);height:var(--t);border-radius:28px;display:grid;place-items:center;border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(160deg,var(--l0),var(--l2),var(--l4)) border-box;box-shadow:var(--shadow2);animation:procGlow 3s ease-in-out infinite}
.orb-tile svg{width:60%;height:60%}
.orb-name{font:600 30px/1 var(--serif);letter-spacing:-.02em}
.orb-tag{font:500 13.5px/1.4 var(--sans);color:var(--ink2);max-width:24ch}
.oc{position:absolute;left:0;top:0;width:clamp(170px,21cqi,236px);background:var(--card);border:1px solid var(--rim);border-radius:18px;box-shadow:var(--shadow2);padding:12px 14px;display:grid;gap:7px;z-index:1;will-change:transform}
.oc .w-h{font-size:13.5px;gap:8px}
.oc .w-h .ic{width:28px;height:28px}
.oc .w-h b{font-weight:600}
.oc .s{font-size:12.5px;color:var(--ink2);line-height:1.35}
.oc .chips{display:flex;flex-wrap:wrap;gap:4px}
.oc .chips i{font:600 10.5px/1 var(--sans);font-style:normal;padding:5px 7px;border-radius:99px;background:var(--well);color:var(--ink)}
.oc .logos{display:flex;flex-wrap:wrap;gap:5px}
.oc .lg{display:inline-flex;align-items:center;height:30px;padding:4px 7px;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06)}
.oc .lg img{height:22px;width:auto}
.oc.ia{border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--l0),var(--l2),var(--l4)) border-box}
.oc.ia .w-h .ic{background:linear-gradient(135deg,var(--ld0),var(--ld2),var(--ld4));color:#fff}
a.oc{color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
a.oc:hover{border-color:color-mix(in srgb,var(--l2) 60%,transparent)}
a.oc:focus-visible{outline:2px solid var(--aco);outline-offset:3px}
.orb-cue{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font:600 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}

/* ───────── o molde: dor → Faceta → resposta ───────── */
.fx-sec{padding:clamp(52px,8cqi,104px) var(--pad);position:relative}
.fx-sec.first{padding-top:clamp(28px,5cqi,64px);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--dot) 28%,transparent) 1px,transparent 1.5px);background-size:12px 12px}
.fx-sec.first::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 55% 35%,transparent 0%,var(--bg) 80%)}
.fx-sec > *{position:relative}
.fx-sec .st-ey{justify-content:center}
.fx{display:grid;grid-template-columns:minmax(0,.9fr) clamp(116px,14cqi,180px) minmax(0,1.35fr);align-items:center;margin-top:22px}
.fx-dor{text-align:right;font:500 clamp(24px,3.2cqi,38px)/1.14 var(--serif);letter-spacing:-.022em;color:var(--ink2);margin:0;padding-right:2px;text-wrap:balance}
.fx-sec.first .fx-dor{font-size:clamp(28px,4.2cqi,50px);color:var(--ink)}
.fx-core{display:flex;align-items:center;align-self:center}
.fx-seg{position:relative;flex:1;height:2px;border-radius:2px}
.fx-seg.a{background:linear-gradient(90deg,var(--l0),var(--l2))}
.fx-seg.b{background:linear-gradient(90deg,var(--l2),var(--l4))}
.fx-seg i{position:absolute;top:50%;left:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;opacity:0}
.fx-seg.a i{background:var(--l0);box-shadow:0 0 12px 2px color-mix(in srgb,var(--l0) 60%,transparent)}
.fx-seg.b i{background:var(--l4);box-shadow:0 0 12px 2px color-mix(in srgb,var(--l4) 60%,transparent)}
.fx-tile{flex:none;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(160deg,var(--l0),var(--l2),var(--l4)) border-box;box-shadow:var(--shadow2)}
.fx-tile svg{width:42px;height:42px}
.fx-proc{display:none}
.fx-out{border-left:2px solid transparent;border-image:linear-gradient(180deg,var(--l0),var(--l2),var(--l4)) 1;padding-left:clamp(18px,2.4cqi,30px);display:grid;gap:16px;min-width:0}
.fx-vir{font:500 clamp(22px,2.9cqi,34px)/1.16 var(--serif);letter-spacing:-.02em;margin:0;text-wrap:balance;background:linear-gradient(90deg,var(--l0),var(--l2) 55%,var(--l4));-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-sec.first .fx-vir{font-size:clamp(26px,3.7cqi,44px)}
.fx-w{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.fx-w > .span{grid-column:1/-1}
.fx-goals{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fx-goals > span{font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.fx-goals button{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:8px 13px;font:600 12.5px/1 var(--sans);color:var(--ink2);cursor:pointer}
.fx-goals button[aria-pressed="true"]{background:var(--cor);border-color:var(--cor);color:var(--on-amb)}
.fx-on .fx-seg.a i{animation:fxA 5s ease-in-out infinite}
.fx-on .fx-seg.b i{animation:fxB 5s ease-in-out infinite}
.fx-on .fx-tile{animation:fxT 5s ease-in-out infinite}
.fx-on .fx-w > .w{animation:fxW 5s ease-in-out infinite}
.fx-on .fx-w > .w:nth-child(2){animation-delay:.25s}
.fx-on .fx-w > .w:nth-child(3){animation-delay:.5s}
.fx-on .fx-w > .w:nth-child(4){animation-delay:.75s}
@keyframes fxA{0%{left:0;opacity:0}6%{opacity:1}26%{left:100%;opacity:1}29%,100%{left:100%;opacity:0}}
@keyframes fxB{0%,30%{left:0;opacity:0}34%{opacity:1}52%{left:100%;opacity:1}55%,100%{left:100%;opacity:0}}
@keyframes fxAv{0%{top:0;opacity:0}6%{opacity:1}26%{top:100%;opacity:1}29%,100%{top:100%;opacity:0}}
@keyframes fxBv{0%,30%{top:0;opacity:0}34%{opacity:1}52%{top:100%;opacity:1}55%,100%{top:100%;opacity:0}}
@keyframes fxT{0%,25%{transform:scale(1)}30%{transform:scale(1.08)}38%,100%{transform:scale(1)}}
@keyframes fxW{0%,52%{translate:0 0}58%{translate:0 -3px}70%,100%{translate:0 0}}
@keyframes procGlow{0%,100%{box-shadow:var(--shadow2),0 0 0 0 color-mix(in srgb,var(--l0) 40%,transparent),0 0 24px 2px color-mix(in srgb,var(--l2) 30%,transparent)}50%{box-shadow:var(--shadow2),0 0 0 10px color-mix(in srgb,var(--l4) 0%,transparent),0 0 46px 10px color-mix(in srgb,var(--l4) 45%,transparent)}}

/* ───────── widgets: os cards do app, com os mesmos tokens ───────── */
.w{background:var(--card);border-radius:18px;padding:15px 16px;box-shadow:var(--shadow);border:1px solid var(--rim);display:grid;gap:9px;align-content:start;font:400 13.5px/1.45 var(--sans);color:var(--ink);min-width:0}
.w-row{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.w-h{display:flex;align-items:center;gap:9px;font:600 14.5px/1.25 var(--sans)}
.w-h .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--aco-veu);color:var(--aco-t);flex:none}
.w-h .ic svg{width:16px;height:16px}
.w-h.amb .ic{background:var(--amb-veu);color:var(--amb-t)}
.w-h.cor .ic{background:var(--cor-veu);color:var(--cor-t)}
.w-ey{font:600 9.5px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.w-t{font:500 16.5px/1.28 var(--serif);letter-spacing:-.01em}
.w-num{font:700 24px/1 var(--mono);letter-spacing:-.02em}
.w-num small{font:500 12px/1 var(--mono);color:var(--ink2);margin-left:3px}
.w-s{font-size:13px;color:var(--ink2);line-height:1.45}
.w-src{display:inline-flex;align-items:center;gap:5px;font:600 10px/1 var(--mono);letter-spacing:.03em;color:var(--ink2);background:var(--well);padding:5px 8px;border-radius:99px;justify-self:start}
.w-src svg{width:12px;height:12px}
.w-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.w-kpis.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.w-kpi{border-radius:12px;padding:9px 10px;background:var(--well);display:grid;gap:4px;min-width:0}
.w-kpi b{font:700 15px/1 var(--mono);white-space:nowrap}
.w-kpi b small{font:500 10px/1 var(--mono);margin-left:2px}
.w-kpi span{font:500 10.5px/1.3 var(--sans);color:var(--ink2)}
.w.hero-aco{background:var(--hero-atv);color:#fff;border:0;box-shadow:0 14px 28px -12px rgba(42,70,111,.55)}
.w.hero-aco .w-ey{color:rgba(255,255,255,.75)}
.w.hero-aco .w-t{color:#fff}
.w-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.w-days span{display:grid;justify-items:center;gap:4px;font:600 9px/1 var(--mono);color:rgba(255,255,255,.75)}
.w-days em{font-style:normal}
.w-days i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font:700 11px/1 var(--sans);color:#2A466F;font-style:normal}
.w-days i.ok{background:#fff}
.w-days i.ok::before{content:"✓"}
.w-days i.today{box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.w.hero-aco .w-kpi{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.w.hero-aco .w-kpi b{color:#fff}
.w.hero-aco .w-kpi span{color:rgba(255,255,255,.82)}
.w.hero-amb{background:var(--hero-amb);color:var(--on-amb);border:0;box-shadow:0 14px 28px -12px rgba(152,117,61,.55)}
.w.hero-amb .w-ey{color:rgba(31,27,45,.72)}
.w.hero-amb .w-t{color:var(--on-amb)}
.w.hero-amb .w-kpi{background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.3)}
.w.hero-amb .w-kpi b{color:var(--on-amb)}
.w.hero-amb .w-kpi span{color:rgba(31,27,45,.8)}
.w-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:end;height:70px;position:relative}
.w-bars::before{content:"";position:absolute;left:0;right:0;top:12px;border-top:1.5px dashed rgba(31,27,45,.45)}
.w-bars i{display:block;border-radius:6px 6px 3px 3px;background:rgba(31,27,45,.84)}
.w-bars i.fut{background:transparent;border:1.5px dashed rgba(31,27,45,.55)}
.w-bars i.none{height:5px;width:5px;border-radius:50%;justify-self:center;background:rgba(31,27,45,.4)}
.w-daysl{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;text-align:center;font:500 9px/1 var(--mono);color:rgba(31,27,45,.72)}
.w.lead{border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--ld0),var(--ld2),var(--ld4)) border-box;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.w-li{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ld0),var(--ld2),var(--ld4));color:#fff}
.w-li svg{width:18px;height:18px}
.w.lead b{display:block;font:600 14.5px/1.3 var(--sans)}
.w.lead .arr{color:var(--ink2);display:grid}
.w.lead .arr svg{width:18px;height:18px}
.w-chart{width:100%;height:auto;display:block;overflow:visible}
.w-advice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;background:var(--amb-veu);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--ink)}
.w-advice svg{width:16px;height:16px;color:var(--amb-t);margin-top:1px}
.w-meals{display:grid;gap:7px}
.w-meal{display:grid;grid-template-columns:minmax(58px,auto) minmax(0,1fr) 46px;gap:10px;align-items:center;font-size:12.5px}
.w-meal .bar{height:7px;border-radius:99px;background:var(--well);overflow:hidden}
.w-meal .bar i{display:block;height:100%;border-radius:99px;background:color-mix(in srgb,var(--amb) 72%,var(--card))}
.w-meal b{font:600 12px/1 var(--mono);text-align:right;white-space:nowrap}
.w-meal.low b{color:var(--amb-t)}
.w.tip{grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:start}
.w.tip .ti{grid-row:span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--well);color:var(--ink2)}
.w.tip .ti svg{width:15px;height:15px}
.w.tip.att .ti{background:var(--amb-veu);color:var(--amb-t)}
.w.tip.next .ti{background:linear-gradient(135deg,var(--ld0),var(--ld2),var(--ld4));color:#fff}
.w.tip .w-s{color:var(--ink);font-size:13.5px}
.w-ctx{font:600 9.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.w-ctx i{width:7px;height:7px;border-radius:50%}
.ctx-atv{color:var(--aco-t)} .ctx-atv i{background:var(--aco)}
.ctx-nut{color:var(--amb-t)} .ctx-nut i{background:var(--amb)}
.ctx-cor{color:var(--cor-t)} .ctx-cor i{background:var(--cor)}
.ctx-rec{color:var(--ink2)} .ctx-rec i{background:#6C7A8F}
.w-ok{font:600 12.5px/1.3 var(--sans);color:var(--feito)}
.fx-w.swap > .w{animation:wSwap .45s cubic-bezier(.2,.7,.2,1) backwards}
.fx-w.swap > .w:nth-child(2){animation-delay:.07s}
.fx-w.swap > .w:nth-child(3){animation-delay:.14s}
@keyframes wSwap{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:none}}

/* ───────── o convite ───────── */
.fx-final{padding:clamp(60px,9cqi,112px) var(--pad);display:grid;justify-items:center;text-align:center;gap:14px;position:relative;overflow:hidden;border-top:1px solid var(--line)}
.fx-final::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--dot) 26%,transparent) 1px,transparent 1.5px);background-size:12px 12px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 45%,#000,transparent 75%)}
.fx-final > *{position:relative}
.fx-final .st-h2{max-width:17ch;margin-top:4px}
.fx-final .st-p{max-width:46ch;margin-top:0}
.fx-final .st-form{width:min(540px,100%);margin-top:8px}
.fx-final .fx-tile{margin-bottom:6px}
.fx-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:99px;background:var(--amb-veu);color:var(--amb-t);font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.fx-badge i{width:7px;height:7px;border-radius:50%;background:var(--amb-t);flex:none}
.fx-legal{font-size:12.5px;color:var(--mute);max-width:52ch}
.fx-legal a{color:var(--ink2)}

/* ───────── celular ───────── */
@container site (max-width: 760px){
  .hsc-stage{height:620px}
  .orb-core{--t:76px}
  .orb-tile{border-radius:22px}
  .orb-name{font-size:24px}
  .orb-tag{font-size:12px;max-width:18ch}
  .oc{width:35%;padding:9px 10px;border-radius:14px;gap:5px}
  .oc .w-h{font-size:12px;gap:6px}
  .oc .w-h .ic{width:24px;height:24px;border-radius:7px}
  .oc .w-h .ic svg{width:13px;height:13px}
  .oc .s{font-size:11px}
  .oc .chips i{font-size:9.5px;padding:4px 6px}
  .oc .lg{height:24px;padding:3px 5px;border-radius:7px}
  .oc .lg img{height:16px}
  .oc.m-hide{display:none}
  .fx{grid-template-columns:1fr;margin-top:16px}
  .fx-dor{text-align:left}
  .fx-core{flex-direction:column;width:68px;margin:10px 0}
  .fx-seg{flex:none;width:2px;height:30px}
  .fx-seg.a{background:linear-gradient(180deg,var(--l0),var(--l2))}
  .fx-seg.b{background:linear-gradient(180deg,var(--l2),var(--l4))}
  .fx-seg i{left:50%;top:0}
  .fx-on .fx-seg.a i{animation-name:fxAv}
  .fx-on .fx-seg.b i{animation-name:fxBv}
  .fx-out{border-left:0;padding-left:0}
  .fx-sec .st-ey{justify-content:flex-start}
  .fx-w{grid-template-columns:1fr}
  .fx-w > .span{grid-column:auto}
  .fx-final .st-form{flex-direction:column;align-items:stretch}
  .fx-final .st-form input{padding:12px}
  .fx-final .st-form .st-btn{justify-content:center}
  .st-foot{grid-template-columns:1fr}
}

/* a cena de rolagem (celular) */
.cena .hero-sec{padding:0}
.cena .hsc-stage,.cena .sc-stage{height:calc(100vh - var(--navh,0px));height:calc(100svh - var(--navh,0px))}
.cena .hsc-stage{position:sticky;top:var(--navh,0px)}
.cena .fx-sec,.cena .fx-sec.first{padding:0}
.cena .sc{position:relative}
.cena .sc-stage{position:sticky;top:var(--navh,0px);overflow:visible}
.cena .sc-stage > .st-ey{position:absolute;top:22px;left:0;right:0;justify-content:center;z-index:3;margin:0}
.cena .fx{display:block;position:relative;height:100%;margin:0;padding:0}
.cena .fx-dor,.cena .fx-sec.first .fx-dor{position:absolute;left:50%;top:0;width:calc(100% - 48px);max-width:340px;margin:0;padding:0;text-align:center;font-size:30px;line-height:1.15;color:var(--ink);transform-origin:50% 50%;will-change:transform,opacity}
.cena .fx-sec.first .fx-dor{font-size:33px}
.cena .fx-core{position:absolute;inset:0;display:block;width:auto;height:100%;align-self:stretch;justify-self:stretch;margin:0;padding:0}
.cena .fx-seg{display:block;position:absolute;left:50%;top:0;width:2px;height:0;margin:0 0 0 -1px;flex:none;border-radius:2px;transform-origin:50% 0;transform:scaleY(0)}
.cena .fx-seg.a{background:linear-gradient(180deg,var(--l0),var(--l2))}
.cena .fx-seg.b{background:linear-gradient(180deg,var(--l2),var(--l4))}
.cena .fx-seg i{left:50%;top:0;animation:none!important}
.cena .fx-core.runA .fx-seg.a i,.cena .fx-core.runB .fx-seg.b i{animation:fxDown 1.1s linear infinite!important}
@keyframes fxDown{0%{top:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
.cena .fx-tile{position:absolute;left:50%;top:0;width:84px;height:84px;border-radius:24px;opacity:0;will-change:transform,opacity}
.cena .fx-tile svg{width:52px;height:52px}
.cena .fx-on .fx-tile,.cena .fx-on .fx-w > .w{animation:none}
.cena .fx-tile.proc,.cena .fx-on .fx-tile.proc{animation:procGlow 1.5s ease-in-out infinite}
.cena .fx-proc{display:flex;position:absolute;left:50%;top:0;gap:5px;align-items:center;white-space:nowrap;font:600 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);opacity:0;transform:translateX(-50%)}
.cena .fx-proc b{font-weight:600;margin-right:3px}
.cena .fx-proc i{width:4px;height:4px;border-radius:50%;background:var(--l2);animation:procDot 1.2s ease-in-out infinite}
.cena .fx-proc i:nth-of-type(2){animation-delay:.2s}
.cena .fx-proc i:nth-of-type(3){animation-delay:.4s}
@keyframes procDot{0%,100%{opacity:.2}50%{opacity:1}}
.cena .fx-out{position:absolute;left:var(--pad);right:var(--pad);top:66px;border:0;padding:0;opacity:0;transform-origin:50% 0;will-change:transform,opacity}
.cena .fx-vir,.cena .fx-sec.first .fx-vir{text-align:center;font-size:25px;line-height:1.18}
.cena .fx-sec.first .fx-vir{font-size:27px}
.cena .fx-goals{justify-content:center}

@media (prefers-reduced-motion: reduce){
  .orb-lines line,.orb-tile,.cena .fx-proc i,.cena .fx-tile.proc,.fx-w.swap > .w{animation:none}
  .fx-on .fx-seg i,.fx-on .fx-tile,.fx-on .fx-w > .w{animation:none}
}

/* ── página do Studio (treinadores) · gerado de port_studio.py ── */
.sd-tagname{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 7px;border-radius:7px;color:#fff;background:linear-gradient(135deg,var(--ld0),var(--ld2),var(--ld4));margin-left:2px}
/* abertura: o card dos relógios */
.oc.wear .chips i{background:var(--aco-veu);color:var(--aco-t)}
/* S1 · lista de alunos */
.sd-rows{display:grid;gap:4px}
.sd-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:8px 2px;border-top:1px solid var(--line)}
.sd-row:first-child{border-top:0}
.sd-row b{font:600 13.5px/1.2 var(--sans);display:block;margin-bottom:5px}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 10.5px/1 var(--sans);font-style:normal;color:#fff;background:var(--av,var(--aco));flex:none}
.sd-chips{display:flex;flex-wrap:wrap;gap:4px}
.sd-chips span{display:inline-flex;align-items:center;gap:5px;font:500 11px/1 var(--sans);padding:5px 8px;border-radius:99px;background:var(--well);color:var(--ink2)}
.sd-chips span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--off)}
.sd-chips .ok::before{background:var(--feito)}
.sd-chips .warn{background:var(--amb-veu);color:var(--ink)}
.sd-chips .warn::before{background:var(--amb-t)}
/* S2 · programa */
.sd-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.sd-phases span{display:grid;gap:3px;padding-top:9px;border-top:4px solid var(--well);font-size:12px}
.sd-phases span.done{border-top-color:color-mix(in srgb,var(--aco) 45%,var(--well))}
.sd-phases span.now{border-top-color:var(--aco)}
.sd-phases b{font:600 12.5px/1.2 var(--sans)}
.sd-phases small{font:500 10px/1.2 var(--mono);color:var(--mute)}
.sd-phases span.now b{color:var(--aco-t)}
.sd-sess{display:flex;flex-wrap:wrap;gap:5px}
.sd-sess span{font:500 11.5px/1 var(--sans);padding:7px 9px;border-radius:9px;background:var(--well);color:var(--ink)}
.sd-sess span.nut{background:var(--amb-veu);color:var(--amb-t);font-weight:600}
.sd-send{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}
.avs{display:flex}
.avs i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--sans);font-style:normal;color:#fff;background:var(--av);box-shadow:0 0 0 2px var(--card)}
.avs i + i{margin-left:-4px}
.sd-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;background:var(--ink);color:var(--bg);font:600 12.5px/1 var(--sans);white-space:nowrap}
.sd-btn svg{width:14px;height:14px}
.sd-app-in{display:grid;gap:6px;border-radius:14px;overflow:hidden;background:var(--bg);padding:0 12px 12px}
.sd-cover{height:54px;margin:0 -12px 4px;background:linear-gradient(165deg,#3E649C,#2A466F 52%,#252E4A)}
.sd-cap{font:600 9.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--aco-t)}
.sd-app .w-t{font-size:15.5px}
.sd-meta{font:600 9.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.sd-go{justify-self:stretch;text-align:center;margin-top:4px;padding:9px;border-radius:11px;background:var(--aco);color:#fff;font:600 12.5px/1 var(--sans)}
.w.tip.sd-done .ti{background:color-mix(in srgb,var(--feito) 18%,transparent);color:var(--feito)}
/* S3 · ao vivo e atenção */
.sd-livetag{display:inline-flex;align-items:center;gap:6px;font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--erro)}
.sd-livetag i{width:8px;height:8px;border-radius:50%;background:var(--erro);animation:sdLive 1.4s ease-in-out infinite}
@keyframes sdLive{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--erro) 55%,transparent)}60%{box-shadow:0 0 0 7px transparent}}
.sd-liveset{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sd-liveset .w-num small{margin-right:4px}
.sd-dots{display:flex;gap:4px}
.sd-dots i{width:18px;height:6px;border-radius:99px;background:var(--well)}
.sd-dots i.on{background:var(--aco)}
.sd-att{display:grid;gap:6px}
.sd-att > div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border-radius:11px;background:var(--well);font-size:12.5px;line-height:1.35}
.sd-att i{width:8px;height:8px;border-radius:50%}
.sd-att .warn i{background:var(--amb-t)}
.sd-att .win i{background:linear-gradient(135deg,var(--l0),var(--l4))}
.sd-mini{font:600 11px/1 var(--sans);padding:6px 9px;border-radius:8px;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
/* S4 · pagamentos */
.sd-paybar{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.3);overflow:hidden}
.sd-paybar i{display:block;height:100%;border-radius:99px;background:rgba(31,27,45,.84)}
.w.hero-amb .w-s.sd-on-amb{color:rgba(31,27,45,.8)}
.sd-pays{display:grid;gap:2px}
.sd-pays > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}
.sd-pays > div:first-child{border-top:0}
.sd-pays b{font:600 12.5px/1.2 var(--sans)}
.sd-pays span{color:var(--ink2);text-align:right}
.sd-pays .ok span{color:var(--feito)}
.sd-pays .late span{color:var(--amb-t)}
.sd-pays .late .sd-mini{grid-column:1/-1;justify-self:start}
/* S5 · conversa */
.sd-who{display:flex;align-items:center;gap:8px}
.sd-who b{font:600 13.5px/1.2 var(--sans)}
.sd-ctx{font:600 9.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--aco-t);background:var(--aco-veu);padding:5px 8px;border-radius:99px}
.sd-msgs{display:grid;gap:8px}
.sd-msgs > div{max-width:82%;display:grid;gap:3px}
.sd-msgs p{padding:9px 12px;font-size:13px;line-height:1.4}
.sd-msgs time{font:500 9.5px/1 var(--mono);color:var(--mute)}
.sd-msgs .in{justify-self:start}
.sd-msgs .in p{background:var(--well);border-radius:14px 14px 14px 4px}
.sd-msgs .out{justify-self:end;text-align:right}
.sd-msgs .out p{background:var(--aco);color:#fff;border-radius:14px 14px 4px 14px;text-align:left}
.sd-msgs .sys{max-width:none;justify-self:center;display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1.2 var(--mono);letter-spacing:.04em;color:var(--feito);padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--feito) 14%,transparent)}
.sd-msgs .sys svg{width:12px;height:12px}
/* a lista do lançamento */
.sd-launch{padding:clamp(52px,8cqi,96px) var(--pad);border-top:1px solid var(--line)}
.sd-launch .st-h2{max-width:22ch}
.sd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.sd-f{background:var(--card);border-radius:16px;padding:16px;box-shadow:var(--shadow);border:1px solid var(--rim);display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-content:start}
.sd-f .ic{grid-row:span 2;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--aco-veu);color:var(--aco-t)}
.sd-f .ic.amb{background:var(--amb-veu);color:var(--amb-t)}
.sd-f .ic.ok{background:color-mix(in srgb,var(--feito) 16%,transparent);color:var(--feito)}
.sd-f .ic svg{width:16px;height:16px}
.sd-f b{font:600 14.5px/1.3 var(--sans)}
.sd-f > span:not(.ic){font-size:13px;line-height:1.45;color:var(--ink2)}
.sd-seals{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sd-seals span{display:inline-flex;align-items:center;gap:7px;font:500 12.5px/1 var(--sans);padding:9px 12px;border-radius:99px;background:var(--well);color:var(--ink)}
.sd-seals span::before{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--l0),var(--l4))}
@container site (max-width: 760px){
  .sd-launch .st-ey{justify-content:flex-start}
}
@container site (max-width: 760px){
  .sd-site .oc.wear{width:46%}
  .sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
  .sd-f{grid-template-columns:1fr;gap:6px;padding:13px}
  .sd-f .ic{grid-row:auto}
  .sd-f b{font-size:13.5px}
  .sd-f > span:not(.ic){font-size:12px}
  .sd-seals span{font-size:11.5px;padding:8px 10px}
}
@media (prefers-reduced-motion: reduce){.sd-livetag i{animation:none}}
/* ── fim da página do Studio ── */