/* U.GO / product-first refinement. Brand palette supplied by the owner. */
:root{--ref-bg:#f5f5f5;--ref-surface:#fff;--ref-ink:#0a0a0a;--ref-muted:#626262;--ref-orange:#f45818;--ref-blue:#3e80c6}
body .nav{top:14px;width:calc(100% - 40px);max-width:1220px;border:1px solid #ffffffc9;border-radius:25px;background:#ffffffd9;box-shadow:0 8px 32px #0a0a0a06,inset 0 1px 1px #fff;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
body .nav::before,body .nav::after{display:none}body .nav.on-dark{background:#0a0a0acc;border-color:#ffffff26}
body .side-switch{background:#f5f5f5;border:1px solid #0a0a0a06}body .side-switch a[aria-current=page]{background:#fff;box-shadow:0 2px 7px #0a0a0a0a}
body .btn,body button{transition:transform 160ms cubic-bezier(.23,1,.32,1),background 180ms ease-out,box-shadow 180ms ease-out}
body .btn:active,body button:active{transform:scale(.97)}
body[data-side=you]{--ink:#0a0a0a;--mut:#626262;--o:#f45818;--b:#3e80c6;--pk:#f5f5f5;--b-soft:#f1f6fb;--g:#f5f5f5;background:#fff;color:#0a0a0a}
body[data-side=you] h1,body[data-side=you] h2,body[data-side=you] h3{font-weight:400;letter-spacing:-.05em;text-wrap:balance}
body[data-side=you] em{font-style:normal;color:#626262}
body[data-side=you] .btn-orange,body[data-side=you] .cta-orange{background:#f45818;color:white;box-shadow:none}
body[data-side=you] .dock{display:none}
.eyebrow,.ylabel{font:500 10px/1.5 'Work Sans',sans-serif;letter-spacing:.14em;color:#626262;display:flex;align-items:center;gap:8px}
.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#f45818}
.new-hero{max-width:1240px;margin:auto;padding:155px 60px 95px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.hero-copy h1{font-size:clamp(44px,4.5vw,64px);line-height:1.09;margin:25px 0}.hero-copy h1>span,.hero-copy h1>em{display:block}.hero-copy>p{font-size:17px;line-height:1.7;color:#626262;max-width:410px}.hero-copy .yactions{align-items:center;gap:26px;margin-top:30px}.hero-tour{display:flex;align-items:center;gap:8px;font-size:14px}.hero-tour svg{width:15px}.hero-platforms{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#626262;font-size:11px;margin-top:32px}.hero-platforms svg{width:14px}
.hero-scene{position:relative;display:grid;place-items:center;padding:24px 32px;isolation:isolate}.hero-scene::before{content:'';position:absolute;z-index:-1;inset:10% -5%;background:radial-gradient(ellipse,#3e80c60d,transparent 70%);border-radius:50%}
.hero-device,.community-device,.explorer-device{position:relative;width:258px;max-width:100%;padding:7px;margin:0;border-radius:37px;background:linear-gradient(125deg,#fff,#ececec 50%,#fff);border:1px solid #e2e2e2;box-shadow:0 24px 48px -26px #0a0a0a38,inset 0 0 0 2px #fff;transform:none}
.hero-device img,.community-device img,.explorer-device img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:29px}
.community-section{max-width:1120px;margin:0 auto 30px;padding:64px;background:#f5f5f5;border:1px solid #ededed;border-radius:36px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;overflow:visible}
.community-copy h2{font-size:59px;line-height:1.08;margin:20px 0}.community-copy>p{font-size:16px;line-height:1.75;color:#626262;max-width:390px}.community-controls{display:flex;flex-direction:column;gap:8px;margin:26px 0}.community-controls button{display:flex;align-items:center;text-align:left;gap:13px;padding:16px;border-radius:18px;border:1px solid transparent;min-width:0;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}.community-controls button:active{transform:scale(.985)}.community-controls button>svg{width:18px;color:#626262;flex-shrink:0}.community-controls button>svg:last-child{margin-left:auto;width:14px}.community-controls button.selected{background:#ffffffbd;border-color:#fff;box-shadow:0 5px 20px #0a0a0a04,inset 0 1px 1px #fff;backdrop-filter:blur(12px)}.community-controls button.selected>svg{color:#3e80c6}.community-controls strong,.community-controls small{display:block}.community-controls strong{font-size:13px;font-weight:500}.community-controls small{font-size:11px;color:#626262;margin-top:3px}.community-copy>.ylink{font-size:13px}.community-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0;padding:20px 0}.community-halo{display:none}.community-device{width:248px}.screen-caption{font-size:11px;color:#626262;text-align:center;position:static;line-height:1.5;min-height:17px}
.app-explorer{padding-top:100px}.explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.explorer-heading h2{font-size:44px;line-height:1.15;margin-top:18px}.explorer-heading>p{font-size:13px;color:#626262;line-height:1.8;flex-shrink:0}.feature-tabs{display:flex;gap:4px;padding:5px;border-radius:999px;background:#f5f5f5;border:1px solid #ededed;width:fit-content;margin-bottom:28px}.feature-tabs button{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-size:13px;color:#626262}.feature-tabs svg{width:16px;height:16px}.feature-tabs button[aria-selected=true]{color:#0a0a0a;background:#fff;box-shadow:0 3px 10px #0a0a0a08}
.explorer-stage{border:1px solid #ededed;border-radius:36px;background:#f5f5f5;overflow:visible}.feature-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-width:0}.feature-panel[hidden]{display:none}.feature-copy{padding:60px 52px}.feature-number{font-size:11px;letter-spacing:.12em;color:#626262}.feature-copy h3{font-size:39px;line-height:1.13;margin:24px 0 20px;max-width:380px}.feature-copy p{font-size:16px;color:#626262;line-height:1.7;margin-bottom:30px}.feature-copy .ylink{font-size:13px}.feature-visual{display:grid;place-items:center;min-width:0;padding:44px 40px;background:radial-gradient(ellipse,#3e80c609,transparent 75%)}.explorer-device{width:238px}
body[data-side=you] .journey{padding-top:20px;padding-bottom:95px}.journey h2{font-size:34px;max-width:680px}.jy-steps::before{display:none}.jy-steps li{border:1px solid #ededed;background:#fff;box-shadow:none}.jy-steps span{background:#f5f5f5;color:#626262}
body[data-side=you] .yhugo-in{background:#f1f6fb;border:1px solid #e8eff5;border-radius:36px;grid-template-columns:.65fr 1.35fr;padding:64px;gap:55px}.yh-art img{animation:none;width:100%;max-width:260px;filter:none}.yh-text h2{font-size:42px}.hq{font-size:12px;background:#ffffffb3;border:1px solid #dce7f1}.hq.on,.hmsg.me{background:#3e80c6;border-color:#3e80c6;color:white}.hmsg.hugo{background:#ffffffc9;border:1px solid white;backdrop-filter:blur(14px);box-shadow:0 8px 24px #0a0a0a04}.demo-caption{display:block;font-size:10px;color:#626262;margin:12px 0}.hchat{min-height:180px}.hav{color:#626262;background:#f5f5f5}
/* Screens stay in normal flow: no negative offsets or clipped device edges. */
.cardgrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:18px;align-items:stretch}
body[data-side=you] .yc{background:#f5f5f5;border:1px solid #ededed;border-radius:30px;padding:30px;overflow:visible;display:flex;flex-direction:column;gap:34px;min-width:0;isolation:auto}
.yc.big{grid-row:auto;grid-column:span 2}.yc h3,.yc.big h3{max-width:100%;font-size:26px}.yc p{max-width:420px;font-size:14px}.yc .peek,.yc.big .peek{position:relative;inset:auto;translate:none;transform:none;width:190px;max-width:100%;margin:auto auto 0;z-index:auto;padding:6px;border-radius:31px;box-shadow:0 18px 35px -25px #0a0a0a38}.yc .peek img{border-radius:25px;width:100%;height:auto}.yc.big .peek{width:212px}.yc:hover .peek{transform:none}
body[data-side=you] .ylevels{background:#f5f5f5}.lv-track::after{background:#3e80c6}.streaks li{background:#fff;box-shadow:none;border:1px solid #ededed}.pl{background:#fff;border-color:#e6e6e6;box-shadow:none}.pl-plus{border-color:#f45818;box-shadow:none}.pl-plus .pl-tag{color:#f45818}.pl li svg{color:#3e80c6}.pl-plus li svg{color:#f45818}.bill em{color:#626262;background:#f5f5f5}.ybiz-in{background:#f5f5f5;border:1px solid #ededed}.ybiz-list li{background:#fff;box-shadow:none}.yfinal{background:#f5f5f5;border:1px solid #ededed;padding:85px 28px}.yhead h2{font-size:44px}.ysec{padding-bottom:95px}.site-foot{border-top:1px solid #ededed}
/* Quiet enterprise refinement; content and section order are unchanged. */
body[data-side=biz] .hero{background:#f5f5f5}body[data-side=biz] .glass:not(.nav):not(.dock){border:1px solid #ffffffcf;box-shadow:inset 0 1px 2px #fff,0 12px 35px #0a0a0a08;backdrop-filter:blur(16px) saturate(1.2)}
body[data-side=biz] .layer-card,body[data-side=biz] .future-card{border-radius:30px;box-shadow:0 10px 40px #0a0a0a05}
/* Motion is contextual, one-time and removed for reduced-motion preferences. */
body[data-side=you] .product-reveal{opacity:0;transform:translateY(22px);transition:opacity 650ms cubic-bezier(.23,1,.32,1),transform 800ms cubic-bezier(.23,1,.32,1)}
body[data-side=you] .product-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.feature-tabs button:hover,.community-controls button:hover{background:#ffffffa8}.hero-tour:hover svg{transform:translateY(3px)}.hero-tour svg{transition:transform 180ms ease-out}.yc:hover{transform:translateY(-3px);box-shadow:none}}
@media(min-width:1001px){body .nav{padding-left:25px;padding-right:25px}body[data-side=you] .nav .nav-link{font-size:12px;padding-left:10px;padding-right:10px}}
@media(max-width:1050px){.new-hero{padding:145px 35px 80px;gap:32px}.hero-copy h1{font-size:46px}.hero-scene{padding:20px}.hero-device{width:230px}.community-section{margin:0 25px 25px;padding:45px 35px;gap:28px}.community-copy h2{font-size:50px}.community-device{width:220px}.explorer-heading>p{display:none}.feature-tabs button{padding:12px 19px}.feature-copy{padding:40px 32px}.feature-copy h3{font-size:33px}.feature-visual{padding:35px 28px}body[data-side=you] .yhugo-in{padding:48px 36px;gap:30px}.yh-text h2{font-size:35px}.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.yc.big{grid-column:auto}}
@media(max-width:760px){html{scroll-padding-top:110px}body .nav{top:10px;width:calc(100% - 24px);border-radius:22px;min-height:64px;overflow:visible}body[data-side=you] .nav .side-switch{display:none}body .nav nav.open{max-height:calc(100dvh - 105px);overflow-y:auto;background:#fffffff5;border:1px solid #ededed;box-shadow:0 14px 30px #0a0a0a0a;backdrop-filter:blur(18px)}
.new-hero{padding:125px 24px 64px;grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center;min-width:0}.hero-copy .eyebrow{justify-content:center;font-size:9px}.hero-copy h1{font-size:clamp(30px,8.3vw,53px);margin:22px 0;line-height:1.13}.hero-copy>p{font-size:15px;max-width:340px;margin:auto}.hero-copy .yactions{justify-content:center;gap:18px;margin-top:25px}.hero-tour{font-size:12px}.hero-platforms{justify-content:center;font-size:10px;gap:7px;margin-top:24px}.hero-scene{padding:0 20px}.hero-scene::before{inset:5% -10%}.hero-device{width:235px}
.community-section{margin:0 14px 20px;padding:35px 23px;grid-template-columns:1fr;gap:28px;border-radius:28px}.community-copy h2{font-size:43px;margin:20px 0}.community-copy .eyebrow{font-size:9px}.community-copy>p{font-size:14px}.community-controls{margin:22px 0}.community-controls button{padding:12px 10px;gap:10px}.community-controls strong{font-size:12px}.community-controls small{font-size:10px}.community-controls button>svg:last-child{display:none}.community-scene{padding:0;gap:20px}.community-device{width:225px}.screen-caption{font-size:10px}.app-explorer{padding:65px 20px}.explorer-heading h2{font-size:32px;line-height:1.18}.eyebrow{font-size:9px}.feature-tabs{width:100%;border-radius:19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.feature-tabs button{justify-content:center;min-width:0;font-size:11px;padding:12px 5px;gap:5px}.feature-tabs svg{width:14px;height:14px}.feature-panel{grid-template-columns:1fr}.feature-copy{padding:32px 25px 12px}.feature-copy h3{font-size:30px;margin:16px 0}.feature-copy p{font-size:14px;margin-bottom:22px}.feature-visual{height:auto;padding:30px 30px 35px}.explorer-device{width:219px;max-width:100%;margin:0}.explorer-stage{border-radius:27px}.ysec{padding-bottom:65px}.yhead h2{font-size:33px}.journey h2{font-size:28px}.jy-steps{grid-template-columns:1fr;gap:10px}.jy-steps li{padding:23px}.jy-steps strong{font-size:21px}.jy-steps small{font-size:14px}body[data-side=you] .yhugo-in{grid-template-columns:1fr;padding:35px 25px;gap:28px}.yh-art{display:none}.yh-text h2{font-size:33px}.hq{padding:10px 12px;font-size:11px}.hmsg{font-size:13px;max-width:100%}.hchat{min-height:180px}.cardgrid{grid-template-columns:1fr;grid-auto-rows:auto}.yc.big{grid-row:auto;grid-column:auto;min-height:0}body[data-side=you] .yc{padding:28px;gap:30px}.yc h3{font-size:26px}.yc .peek,.yc.big .peek{width:208px;max-width:100%;position:relative;inset:auto;translate:none;margin:0 auto;transform:none}.ybiz-in{padding:30px 24px}.ybiz .btn{white-space:normal;text-align:center;padding:12px 17px;height:auto}.ybiz-list li{flex-wrap:wrap;font-size:12px}.ybiz-list span{font-size:14px}.yfinal h2{font-size:35px}.yfinal p{font-size:15px}.yfinal .yactions{width:100%}.yfinal .btn{white-space:normal}.lv-track{max-width:100%}.community-copy,.feature-copy,.yh-text,.ybiz-in>div{min-width:0}}
@media(max-width:370px){body .nav .nav-cta{padding:10px 13px;font-size:11px}body .nav .brand{max-width:75px}.new-hero{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:29px}.hero-copy .yactions{gap:14px}.hero-copy .btn{padding:0 19px}.feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.community-section{padding:30px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{animation:none!important;transition:none!important}.motion .split .w,.motion .reveal,.js .lv,body[data-side=you] .product-reveal{opacity:1!important;transform:none!important}}

/* Remove decorative numbering and technical-looking labels. */
body[data-side="you"] .ylabel,body[data-side="you"] .lv small,body[data-side="you"] .pl-tag{font-family:'Work Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;font-weight:400}
body[data-side="you"] .ylabel{font-size:13px}
body[data-side="you"] .ylabel .dot{display:none}
body[data-side="you"] .jy-steps li{gap:12px}
body[data-side="you"] .feature-copy h3{margin-top:0}
body[data-side="you"] .hero-platforms>span{display:none}
body[data-side="you"] .hero-platforms{gap:16px}

/* Original U.GO product photography, displayed completely. */
body[data-side=you] .original-photo{position:relative;width:100%;max-width:380px;margin:0 auto;align-self:center;overflow:visible;flex:none}
body[data-side=you] .original-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}
body[data-side=you] .yc:has(.original-photo){justify-content:space-between;overflow:visible}
body[data-side=you] .original-hugo{display:block;max-width:360px;width:100%;margin:auto;overflow:visible}
body[data-side=you] .original-hugo img{display:block;width:100%;height:auto;max-width:none;transform:none;border-radius:24px;filter:none}
body[data-side=you] .original-hugo .hugo-video{display:block;width:100%;height:auto;aspect-ratio:576/640;object-fit:cover;border-radius:24px;background:#fff;box-shadow:0 22px 45px rgba(51,72,97,.14)}
body[data-side=you] .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:761px){body[data-side=you] .original-photo,body[data-side=you] .original-hugo,body[data-side=you] .hero-device,body[data-side=you] .community-device{translate:0 var(--product-shift,0px);will-change:translate}}
@media(max-width:760px){body[data-side=you] .original-hugo{max-width:290px}body[data-side=you] .original-photo{max-width:310px}}
@media(prefers-reduced-motion:reduce){body[data-side=you] .original-photo,body[data-side=you] .original-hugo,body[data-side=you] .hero-device,body[data-side=you] .community-device{translate:none!important;will-change:auto}}

/* Photographic product mockups supplied for this edition. */
body[data-side=you] .photo-mockup{width:100%;max-width:none;padding:0;border:0;border-radius:30px;background:#eee;overflow:hidden;box-shadow:0 34px 75px -42px rgba(10,10,10,.42),0 12px 28px -20px rgba(10,10,10,.24)}
body[data-side=you] .photo-mockup img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
body[data-side=you] .hero-photo{max-width:590px;aspect-ratio:1/1}
body[data-side=you] .community-photo{max-width:500px;aspect-ratio:1/1}
body[data-side=you] .hero-scene{padding:0}
body[data-side=you] .hero-scene::before{inset:7% -8%;background:radial-gradient(ellipse at 54% 50%,rgba(244,88,24,.12),rgba(62,128,198,.06) 48%,transparent 74%)}
body[data-side=you] .community-scene{align-self:stretch;padding:0}
body[data-side=you] .community-section{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:48px}
body[data-side=you] .photo-card{overflow:hidden;justify-content:space-between}
body[data-side=you] .showcase-photo{max-width:none;margin-top:auto;overflow:hidden;border-radius:22px;box-shadow:0 22px 45px -32px rgba(10,10,10,.42)}
body[data-side=you] .showcase-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:inherit}
body[data-side=you] .photo-card-wide{grid-column:span 2}
body[data-side=you] .photo-card-wide .showcase-photo img{aspect-ratio:16/9}
@media(hover:hover) and (pointer:fine){body[data-side=you] .photo-mockup,body[data-side=you] .showcase-photo{transition:transform 220ms cubic-bezier(.23,1,.32,1),box-shadow 220ms ease-out}body[data-side=you] .photo-mockup:hover,body[data-side=you] .showcase-photo:hover{transform:translateY(-3px);box-shadow:0 38px 78px -42px rgba(10,10,10,.5),0 14px 30px -20px rgba(10,10,10,.28)}}
@media(max-width:1050px){body[data-side=you] .hero-photo{width:100%;max-width:510px}body[data-side=you] .community-section{grid-template-columns:1fr 1fr}body[data-side=you] .community-photo{width:100%;max-width:430px}body[data-side=you] .photo-card-wide{grid-column:auto}}
@media(max-width:760px){body[data-side=you] .hero-scene{padding:0}body[data-side=you] .hero-photo{width:min(100%,520px);border-radius:24px}body[data-side=you] .community-section{grid-template-columns:1fr}body[data-side=you] .community-photo{width:100%;max-width:520px;border-radius:22px}body[data-side=you] .showcase-photo{max-width:100%}body[data-side=you] .showcase-photo img{aspect-ratio:auto}}

body[data-side=you] .feature-photo{width:min(100%,560px);max-width:none;padding:0;border:0;border-radius:24px;background:#d8d4cf;overflow:hidden;box-shadow:0 28px 60px -38px rgba(10,10,10,.5)}
body[data-side=you] .feature-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit}
body[data-side=you] .feature-panel .feature-visual{padding:34px;background:radial-gradient(ellipse at 50% 45%,rgba(244,88,24,.09),transparent 72%)}
@media(max-width:760px){body[data-side=you] .feature-panel .feature-visual{padding:18px}body[data-side=you] .feature-photo{width:100%;border-radius:20px}}

/* Scroll-driven product universe: a restrained adaptation of the reference deck. */
body[data-side=you] .ycards{max-width:none;padding-left:0;padding-right:0}
body[data-side=you] .stack-showcase{position:relative;height:190svh;margin-bottom:72px;isolation:isolate}
body[data-side=you] .stack-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(244,88,24,.1),transparent 28%),radial-gradient(circle at 50% 54%,rgba(62,128,198,.08),transparent 46%),#fff}
body[data-side=you] .stack-sticky::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#fff 0,transparent 15%,transparent 84%,#fff 100%);z-index:20}
body[data-side=you] .stack-copy{position:absolute;left:50%;top:50%;z-index:12;width:min(520px,72vw);transform:translate(-50%,-50%);text-align:center;opacity:0;will-change:opacity}
body[data-side=you] .stack-copy .ylabel{justify-content:center;margin-bottom:16px;color:#f45818}
body[data-side=you] .stack-copy h2{font-size:clamp(42px,5vw,72px);line-height:.98;margin:0}
body[data-side=you] .stack-copy p{margin:22px auto 0;color:#626262;font-size:15px}
body[data-side=you] .stack-deck{position:absolute;inset:0;z-index:10;perspective:1200px;transform-style:preserve-3d}
body[data-side=you] .stack-card{position:absolute;left:50%;top:50%;width:clamp(210px,22vw,320px);aspect-ratio:16/10;margin:0;border:1px solid rgba(255,255,255,.88);border-radius:22px;overflow:hidden;background:#ececec;box-shadow:0 28px 65px -30px rgba(10,10,10,.5),0 8px 22px -14px rgba(10,10,10,.25);transform:translate(-50%,-50%);transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}
body[data-side=you] .stack-card img{display:block;width:100%;height:100%;object-fit:cover}
body[data-side=you] .stack-card figcaption{position:absolute;left:14px;bottom:12px;padding:7px 11px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 6px 20px rgba(10,10,10,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px;font-weight:600;color:#0a0a0a}
body[data-side=you] .stack-cue{position:absolute;left:50%;bottom:34px;z-index:24;display:flex;align-items:center;gap:9px;transform:translateX(-50%);color:#626262;font-size:11px;letter-spacing:.02em;will-change:opacity}
body[data-side=you] .stack-cue svg{width:15px;height:15px}
body[data-side=you] .ycards>.cardgrid{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
@media(max-width:1180px){body[data-side=you] .ycards>.cardgrid{margin-left:24px;margin-right:24px}}
@media(max-width:760px){body[data-side=you] .stack-showcase{height:125svh;margin-bottom:20px}body[data-side=you] .stack-sticky{min-height:560px}body[data-side=you] .stack-copy{width:76vw}body[data-side=you] .stack-copy h2{font-size:clamp(34px,10vw,48px)}body[data-side=you] .stack-copy p{font-size:13px;margin-top:16px}body[data-side=you] .stack-card{width:178px;border-radius:18px}body[data-side=you] .stack-card figcaption{left:9px;bottom:8px;padding:5px 8px;font-size:9px}body[data-side=you] .stack-cue{bottom:22px}body[data-side=you] .ycards>.cardgrid{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){body[data-side=you] .stack-showcase{height:auto;margin:0 auto 64px;max-width:1120px;padding:80px 24px 0}body[data-side=you] .stack-sticky{position:relative;height:auto;min-height:0;overflow:visible;background:#fff}body[data-side=you] .stack-copy{position:relative;left:auto;top:auto;width:auto;transform:none;opacity:1;margin:0 auto 38px}body[data-side=you] .stack-deck{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}body[data-side=you] .stack-card{position:relative;left:auto;top:auto;width:auto;transform:none!important;opacity:1!important;border-radius:16px}body[data-side=you] .stack-cue{display:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){body[data-side=you] .stack-deck{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Six product cards, sharing one precise visual rhythm. */
body[data-side=you] .ycards>.cardgrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;align-items:stretch}
body[data-side=you] .feature-card{height:100%;min-height:525px;padding:26px;gap:24px;overflow:hidden;justify-content:space-between}
body[data-side=you] .feature-card-copy{display:flex;flex-direction:column;min-height:142px}
body[data-side=you] .feature-card .ylabel{min-height:20px}
body[data-side=you] .feature-card h3{max-width:none;min-height:60px;margin:8px 0 0;font-size:26px;line-height:1.08}
body[data-side=you] .feature-card p{max-width:none;min-height:44px;margin:10px 0 0;font-size:13px;line-height:1.55;color:#626262}
body[data-side=you] .feature-card-media{position:relative;width:100%;aspect-ratio:1/1;margin:0;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.7);overflow:hidden;box-shadow:0 22px 45px -34px rgba(10,10,10,.38)}
body[data-side=you] .feature-card-media img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
body[data-side=you] .feature-card-life .feature-card-media img{object-fit:cover;object-position:center}
@media(hover:hover) and (pointer:fine){body[data-side=you] .feature-card-media{transition:transform 220ms cubic-bezier(.23,1,.32,1),box-shadow 220ms ease-out}body[data-side=you] .feature-card:hover .feature-card-media{transform:translateY(-3px);box-shadow:0 28px 52px -34px rgba(10,10,10,.48)}}
@media(max-width:1050px){body[data-side=you] .ycards>.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-side=you] .feature-card{min-height:515px}}
@media(max-width:760px){body[data-side=you] .ycards>.cardgrid{grid-template-columns:1fr;gap:16px}body[data-side=you] .feature-card{min-height:0;padding:24px;gap:22px}body[data-side=you] .feature-card-copy{min-height:0}body[data-side=you] .feature-card h3,body[data-side=you] .feature-card p{min-height:0}body[data-side=you] .feature-card-media{aspect-ratio:1/1;border-radius:19px}}

/* A progress world for U.GO: streak, XP, challenges and medals in one scene. */
body[data-side=you] .ylevels{padding:110px 24px;background:#f7f8fa;overflow:hidden}
body[data-side=you] .achievement-world{position:relative;max-width:1180px;margin:auto;padding:78px 56px 46px;border:1px solid #e9edf2;border-radius:42px;background:radial-gradient(circle at 50% 43%,rgba(244,88,24,.14),transparent 24%),radial-gradient(circle at 50% 55%,rgba(62,128,198,.12),transparent 48%),#fff;box-shadow:0 34px 90px -66px rgba(10,10,10,.35);overflow:hidden;isolation:isolate}
body[data-side=you] .achievement-world::before,body[data-side=you] .achievement-world::after{content:'';position:absolute;z-index:-1;bottom:-150px;width:62%;height:285px;border-radius:50% 50% 0 0}
body[data-side=you] .achievement-world::before{left:-11%;background:#f45818;transform:rotate(8deg)}
body[data-side=you] .achievement-world::after{right:-12%;background:#3e80c6;transform:rotate(-7deg)}
body[data-side=you] .achievement-heading{position:relative;z-index:4;max-width:690px;margin:0 auto 36px;text-align:center}
body[data-side=you] .achievement-heading .ylabel{justify-content:center;color:#f45818}
body[data-side=you] .achievement-heading h2{font-size:clamp(46px,6vw,78px);line-height:.94;margin:14px 0 22px}
body[data-side=you] .achievement-heading h2 em{color:#3e80c6}
body[data-side=you] .achievement-heading p{max-width:590px;margin:auto;color:#626262;font-size:16px;line-height:1.65}
body[data-side=you] .achievement-scene{position:relative;z-index:2;min-height:500px;max-width:940px;margin:auto}
body[data-side=you] .hugo-achievement{position:absolute;left:50%;bottom:58px;width:270px;height:330px;transform:translateX(-50%) translateY(20px) scale(.96);opacity:0;transition:transform 900ms cubic-bezier(.23,1,.32,1),opacity 500ms ease-out;transform-origin:50% 100%}
body[data-side=you] .achievement-world.in .hugo-achievement{transform:translateX(-50%) translateY(0) scale(1);opacity:1}
body[data-side=you] .hugo-achievement::before{content:'';position:absolute;left:50%;bottom:28px;width:235px;height:72px;border-radius:50%;background:rgba(10,10,10,.12);filter:blur(18px);transform:translateX(-50%)}
body[data-side=you] .hugo-achievement img{position:absolute;z-index:3;left:50%;bottom:22px;width:190px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 24px 22px rgba(10,10,10,.16));animation:ugo-happy-float 4.4s cubic-bezier(.77,0,.175,1) infinite}
body[data-side=you] .hugo-ring{position:absolute;left:50%;top:48%;border:1px solid rgba(244,88,24,.22);border-radius:50%;transform:translate(-50%,-50%)}
body[data-side=you] .ring-one{width:250px;height:250px}
body[data-side=you] .ring-two{width:310px;height:310px;border-color:rgba(62,128,198,.16)}
body[data-side=you] .level-chip{position:absolute;z-index:5;left:50%;bottom:0;display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(10,10,10,.1);backdrop-filter:blur(14px);transform:translateX(-50%);white-space:nowrap}
body[data-side=you] .level-chip span{font-size:10px;color:#626262}
body[data-side=you] .level-chip strong{font-size:12px;color:#f45818}
body[data-side=you] .ugo-stat{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;min-width:190px;padding:14px 17px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 18px 42px -28px rgba(10,10,10,.38);backdrop-filter:blur(16px);opacity:0;transition:transform 720ms cubic-bezier(.23,1,.32,1),opacity 420ms ease-out}
body[data-side=you] .ugo-stat strong,body[data-side=you] .ugo-stat small{display:block}
body[data-side=you] .ugo-stat strong{font:600 25px/1 var(--font-display);font-variant-numeric:tabular-nums}
body[data-side=you] .ugo-stat small{margin-top:4px;color:#626262;font-size:10px}
body[data-side=you] .stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;flex:none}
body[data-side=you] .stat-icon svg{width:20px;height:20px}
body[data-side=you] .stat-icon.fire{color:#f45818;background:#fff0e9}
body[data-side=you] .stat-icon.xp{color:#b77900;background:#fff5cf}
body[data-side=you] .stat-icon.challenge{color:#3e80c6;background:#edf5fc}
body[data-side=you] .stat-icon.done{color:#1b9a5a;background:#e9f8f0}
body[data-side=you] .stat-streak{left:3%;top:64px;transform:translate3d(-38px,12px,0) rotate(-4deg)}
body[data-side=you] .stat-xp{right:2%;top:54px;transform:translate3d(38px,10px,0) rotate(4deg);transition-delay:70ms}
body[data-side=you] .stat-challenge{left:0;bottom:82px;transform:translate3d(-38px,8px,0) rotate(3deg);transition-delay:140ms}
body[data-side=you] .stat-done{right:0;bottom:94px;transform:translate3d(38px,8px,0) rotate(-3deg);transition-delay:210ms}
body[data-side=you] .achievement-world.in .ugo-stat{opacity:1;transform:translate3d(0,0,0) rotate(0)}
body[data-side=you] .week-streak{position:absolute;z-index:6;left:50%;bottom:20px;display:flex;gap:7px;padding:8px 10px;border-radius:999px;background:#0a0a0a;transform:translateX(-50%);box-shadow:0 12px 28px -18px #0a0a0a}
body[data-side=you] .week-streak span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#a4a4a4;font-size:9px}
body[data-side=you] .week-streak .active{background:#f45818;color:#fff}
body[data-side=you] .spark{position:absolute;z-index:1;width:13px;height:13px;border-radius:4px;background:#f45818;opacity:.7;animation:ugo-spark 4.8s cubic-bezier(.77,0,.175,1) infinite}
body[data-side=you] .spark-a{left:23%;top:43%;transform:rotate(18deg)}
body[data-side=you] .spark-b{right:22%;top:37%;width:9px;height:9px;background:#3e80c6;animation-delay:-1.6s}
body[data-side=you] .spark-c{right:28%;bottom:20%;width:7px;height:7px;background:#f8c444;animation-delay:-3s}
body[data-side=you] .medal-shelf{position:relative;z-index:5;margin-top:18px;padding:28px 30px 24px;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 24px 60px -42px rgba(10,10,10,.32);backdrop-filter:blur(16px)}
body[data-side=you] .medal-copy{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
body[data-side=you] .medal-copy span{font-size:11px;color:#f45818}
body[data-side=you] .medal-copy strong{font-size:13px;font-weight:500}
body[data-side=you] .medal-shelf .lv-track{max-width:none}
body[data-side=you] .medal-shelf .lv-track::before,body[data-side=you] .medal-shelf .lv-track::after{top:43px}
body[data-side=you] .medal-shelf .lv img{width:70px;height:82px}
body[data-side=you] .medal-shelf .lv strong{font-size:13px}
body[data-side=you] .medal-shelf .lv small{font-size:9px}
body[data-side=you] .medal-shelf .lv.current::before{content:'';position:absolute;z-index:-1;inset:-8px 10px -10px;border:1px solid rgba(244,88,24,.25);border-radius:20px;background:#fff6f1}
body[data-side=you] .medal-shelf .lv.locked img{filter:grayscale(.55) saturate(.65);opacity:.66}
body[data-side=you] .achievement-cta{position:relative;z-index:6;width:max-content;margin:30px auto 0}
@keyframes ugo-happy-float{0%,100%{transform:translate3d(-50%,0,0) rotate(-1deg)}50%{transform:translate3d(-50%,-10px,0) rotate(1deg)}}
@keyframes ugo-spark{0%,100%{transform:translate3d(0,0,0) rotate(8deg);opacity:.35}50%{transform:translate3d(0,-13px,0) rotate(35deg);opacity:.9}}
@media(hover:hover) and (pointer:fine){body[data-side=you] .ugo-stat{transition:transform 720ms cubic-bezier(.23,1,.32,1),opacity 420ms ease-out,box-shadow 180ms ease-out}body[data-side=you] .ugo-stat:hover{box-shadow:0 24px 50px -28px rgba(10,10,10,.48)}}
@media(max-width:760px){body[data-side=you] .ylevels{padding:70px 14px}body[data-side=you] .achievement-world{padding:52px 18px 32px;border-radius:30px}body[data-side=you] .achievement-heading{margin-bottom:18px}body[data-side=you] .achievement-heading h2{font-size:43px}body[data-side=you] .achievement-heading p{font-size:14px}body[data-side=you] .achievement-scene{min-height:610px}body[data-side=you] .hugo-achievement{bottom:142px;width:230px;height:290px}body[data-side=you] .hugo-achievement img{width:165px}body[data-side=you] .ring-one{width:215px;height:215px}body[data-side=you] .ring-two{width:270px;height:270px}body[data-side=you] .ugo-stat{min-width:0;width:calc(50% - 13px);padding:11px 10px;gap:8px;border-radius:17px}body[data-side=you] .ugo-stat strong{font-size:21px}body[data-side=you] .ugo-stat small{font-size:9px}body[data-side=you] .stat-icon{width:34px;height:34px;border-radius:11px}body[data-side=you] .stat-icon svg{width:17px;height:17px}body[data-side=you] .stat-streak{left:0;top:28px}body[data-side=you] .stat-xp{right:0;top:28px}body[data-side=you] .stat-challenge{left:0;bottom:68px}body[data-side=you] .stat-done{right:0;bottom:68px}body[data-side=you] .week-streak{bottom:12px;gap:5px}body[data-side=you] .week-streak span{width:23px;height:23px}body[data-side=you] .medal-shelf{padding:22px 14px 16px;border-radius:24px}body[data-side=you] .medal-copy{display:block;margin-bottom:16px}body[data-side=you] .medal-copy strong{display:block;margin-top:5px}body[data-side=you] .medal-shelf .lv-track{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;padding:8px 4px 13px;scroll-snap-type:x proximity}body[data-side=you] .medal-shelf .lv{scroll-snap-align:center}body[data-side=you] .achievement-cta{max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){body[data-side=you] .hugo-achievement,body[data-side=you] .achievement-world .ugo-stat{opacity:1;transform:translateX(-50%)}body[data-side=you] .achievement-world .ugo-stat{transform:none}body[data-side=you] .hugo-achievement img,body[data-side=you] .spark{animation:none}}

/* Palavra que troca no título (mesmo efeito do site da Plann To Go) */
.hero-copy .word-swap{display:inline-grid;font-weight:inherit;color:#f45818;vertical-align:top}
.hero-copy .word-swap i{grid-area:1/1;font-style:normal;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hero-copy .word-swap i.sizer{visibility:hidden;pointer-events:none}
.hero-copy .word-swap i.enter{animation:ugo-rot-in .6s cubic-bezier(.2,.7,.2,1) both}
.hero-copy .word-swap i.leave{animation:ugo-rot-out .5s ease both}
@keyframes ugo-rot-in{from{opacity:0;transform:translate3d(0,.45em,0);filter:blur(6px)}}
@keyframes ugo-rot-out{to{opacity:0;transform:translate3d(0,-.45em,0);filter:blur(6px)}}

/* Tipografia Plann To Go: League Spartan (títulos) + Garet (texto).
   A Garet ainda não tem arquivo incorporado; a Manrope segura o lugar, como no site da Plann. */
:root{--font-display:'League Spartan',sans-serif;--font-text:'Garet',Manrope,system-ui,sans-serif}
body,body[data-side]{font-family:var(--font-text)}
button,input,select,textarea{font-family:inherit}
.eyebrow,.ylabel,body[data-side="you"] .ylabel,body[data-side="you"] .lv small,body[data-side="you"] .pl-tag{font-family:var(--font-text)}
h1,h2,h3,h4,body[data-side] h1,body[data-side] h2,body[data-side] h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.045em}
.stmt{font-family:var(--font-display)}
/* Rótulos sem fonte mono: mesma fonte do texto, no estilo de rótulo da Plann */
.label,.ylabel,.l-tag,.arch-tag,.pl-tag,.cmp .grp th,.lv small,.chapter-num,.tile-n,.aud-list .n,.loop-node span{font-family:var(--font-text);font-weight:600;letter-spacing:1.4px}

/* Progress rewards v2 — airy, playful and unmistakably U.GO. */
body[data-side=you] .ylevels{padding:105px 24px;background:#fff;overflow:hidden}
body[data-side=you] .achievement-world{max-width:1120px;padding:18px 0 12px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
body[data-side=you] .achievement-world::before,body[data-side=you] .achievement-world::after{display:none}
body[data-side=you] .achievement-heading{margin-bottom:12px}
body[data-side=you] .achievement-heading h2{font-size:clamp(46px,5.6vw,72px);margin-bottom:18px}
body[data-side=you] .achievement-heading p{font-size:15px}
body[data-side=you] .achievement-scene{min-height:430px;max-width:920px;background:radial-gradient(circle at 50% 54%,rgba(244,88,24,.1),transparent 24%),radial-gradient(circle at 50% 57%,rgba(62,128,198,.07),transparent 42%)}
body[data-side=you] .hugo-achievement{bottom:50px;width:250px;height:310px}
body[data-side=you] .hugo-achievement img{width:178px}
body[data-side=you] .hugo-achievement::before{width:205px;height:54px;bottom:33px;opacity:.72}
body[data-side=you] .ring-one{width:225px;height:225px;border-color:rgba(244,88,24,.14)}
body[data-side=you] .ring-two{width:280px;height:280px;border-color:rgba(62,128,198,.1)}
body[data-side=you] .ugo-stat{min-width:155px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
body[data-side=you] .ugo-stat strong{font:600 19px/1.05 var(--font-display)}
body[data-side=you] .ugo-stat small{margin-top:4px;font-size:10px;color:#777}
body[data-side=you] .stat-token{display:grid;place-items:center;width:82px;height:82px;flex:none;filter:drop-shadow(0 16px 14px rgba(10,10,10,.13));animation:ugo-reward-float 4.2s cubic-bezier(.77,0,.175,1) infinite}
body[data-side=you] .stat-token img{display:block;width:100%;height:100%;object-fit:contain}
body[data-side=you] .token-fire{transform:rotate(-4deg)}
body[data-side=you] .token-xp{transform:rotate(-8deg);animation-delay:-1.1s}
body[data-side=you] .token-challenge{transform:rotate(7deg);animation-delay:-2s}
body[data-side=you] .token-done{transform:rotate(-5deg);animation-delay:-2.8s}
body[data-side=you] .stat-streak{left:9%;top:56px}
body[data-side=you] .stat-xp{right:9%;top:42px}
body[data-side=you] .stat-challenge{left:3%;bottom:65px}
body[data-side=you] .stat-done{right:3%;bottom:70px}
body[data-side=you] .achievement-world.in .ugo-stat{transform:none}
body[data-side=you] .week-streak{bottom:4px;background:#151515;box-shadow:0 12px 26px -17px rgba(10,10,10,.5)}
body[data-side=you] .medal-shelf{margin-top:26px;padding:20px 0 8px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
body[data-side=you] .medal-copy{margin-bottom:18px;padding:0 8px}
body[data-side=you] .medal-shelf .lv-track{gap:14px}
body[data-side=you] .medal-shelf .lv-track::before,body[data-side=you] .medal-shelf .lv-track::after{display:none!important}
body[data-side=you] .medal-shelf .lv{min-height:156px;padding:14px 8px 12px;border:1px solid #eceff3;border-radius:22px;background:#f8f9fb}
body[data-side=you] .medal-shelf .lv.current{border-color:rgba(244,88,24,.35);background:#fff5ef}
body[data-side=you] .medal-shelf .lv.current::before{display:none}
body[data-side=you] .medal-shelf .lv img{width:66px;height:78px}
body[data-side=you] .achievement-cta{display:flex;width:fit-content;margin:25px auto 0}
@keyframes ugo-reward-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(hover:hover) and (pointer:fine){body[data-side=you] .ugo-stat:hover{box-shadow:none}body[data-side=you] .ugo-stat:hover .stat-token{filter:drop-shadow(0 19px 16px rgba(10,10,10,.18))}}
@media(max-width:760px){body[data-side=you] .ylevels{padding:72px 20px}body[data-side=you] .achievement-world{padding:0}body[data-side=you] .achievement-heading h2{font-size:43px}body[data-side=you] .achievement-scene{min-height:520px;margin-top:8px}body[data-side=you] .hugo-achievement{bottom:106px;width:215px;height:270px}body[data-side=you] .hugo-achievement img{width:150px}body[data-side=you] .ring-one{width:195px;height:195px}body[data-side=you] .ring-two{width:240px;height:240px}body[data-side=you] .ugo-stat{width:118px;min-width:0}body[data-side=you] .ugo-stat strong{font-size:17px}body[data-side=you] .ugo-stat small{font-size:9px}body[data-side=you] .stat-token{width:68px;height:68px}body[data-side=you] .stat-streak{left:0;top:20px}body[data-side=you] .stat-xp{right:0;top:20px}body[data-side=you] .stat-challenge{left:0;bottom:66px}body[data-side=you] .stat-done{right:0;bottom:66px}body[data-side=you] .week-streak{bottom:0}body[data-side=you] .medal-shelf{margin-top:20px;padding:16px 0 4px}body[data-side=you] .medal-copy{padding:0}body[data-side=you] .medal-shelf .lv-track{gap:10px;grid-template-columns:repeat(5,minmax(104px,1fr));padding-left:0;padding-right:0}body[data-side=you] .medal-shelf .lv{min-height:148px}body[data-side=you] .achievement-cta{margin-top:22px}}
@media(prefers-reduced-motion:reduce){body[data-side=you] .stat-token{animation:none}}

/* Tighter section rhythm: rewards should hand off directly to plans. */
body[data-side=you] #niveis{padding-bottom:42px}
body[data-side=you] #planos{padding-top:56px}
@media(max-width:760px){body[data-side=you] #niveis{padding-bottom:30px}body[data-side=you] #planos{padding-top:46px}}

/* HUGO portrait replaces the initial in the conversation bubble. */
body[data-side=you] .hmsg.hugo .hav{overflow:hidden;background:#0d0f11 url('assets/hugo-avatar.png') 50% 42%/cover no-repeat;border:1px solid rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(10,10,10,.12);font-size:0;color:transparent}
body[data-side=you] .hmsg.hugo .hav img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;border-radius:50%}

/* Slightly stronger mobile hero without changing the desktop scale. */
@media(max-width:760px){body[data-side=you] .hero-copy h1{font-size:clamp(35px,9.4vw,56px)}}
@media(max-width:370px){body[data-side=you] .hero-copy h1{font-size:34px}}

/* Enterprise palette — graphite, warm white and restrained orange. */
body[data-side=biz]{
  --bg:#fbfbfa;
  --paper:#f1f1ef;
  --ink:#0a0a0a;
  --ink-2:#262626;
  --muted:#696969;
  --soft:#a3a3a0;
  --line:#e2e2df;
  --stone:#ececea;
  --blue:#aeb2b6;
  --blue-soft:#f0f0ee;
  --blue-line:#d8d8d5;
  --pink:#f6f3ef;
  background:#fbfbfa;
}
body[data-side=biz]::selection{background:#dededb;color:#0a0a0a}
body[data-side=biz] .hero{background:linear-gradient(180deg,#fbfbfa 0%,#f4f4f2 100%)}
body[data-side=biz] .stmt em{color:#f45818}
body[data-side=biz] .mega-side,
body[data-side=biz] .pc-ag,
body[data-side=biz] .l-mid,
body[data-side=biz] .arch,
body[data-side=biz] .mode.dark,
body[data-side=biz] .f.dark,
body[data-side=biz] .flow-step.dark,
body[data-side=biz] .tile.dark,
body[data-side=biz] .chat-stage,
body[data-side=biz] .chapter-media.media:not(.vid){background:#eeeeec;color:#0a0a0a}
body[data-side=biz] .mega-side,
body[data-side=biz] .pc-ag,
body[data-side=biz] .l-mid,
body[data-side=biz] .arch{border-color:#dededb}
body[data-side=biz] .pc-ag p,
body[data-side=biz] .f.dark p,
body[data-side=biz] .mode.dark p,
body[data-side=biz] .flow-step.dark small{color:#696969}
body[data-side=biz] .ticks li::before,
body[data-side=biz] .people span,
body[data-side=biz] .bars i{background:#8f9498}
body[data-side=biz] .people span:last-child,
body[data-side=biz] .aud-list>*::before{background:#eeeeec;color:#0a0a0a}
body[data-side=biz] .orb.smoke>i,
body[data-side=biz] .orb.disc.smoke>i{background:radial-gradient(circle at 28% 20%,#fff 0,rgba(255,255,255,.72) 15%,transparent 40%),linear-gradient(155deg,#e8e8e5,#aeb2b6);border-color:rgba(255,255,255,.88);box-shadow:inset 0 -12px 26px rgba(55,55,55,.13),inset 0 8px 18px rgba(255,255,255,.84),0 30px 60px -18px rgba(35,35,35,.22)}
body[data-side=biz] .loop-sec::before{background:radial-gradient(40% 45% at 50% 60%,rgba(100,100,100,.09),transparent 70%)}
body[data-side=biz] .loop-ring{border-color:#d0d0cd}
body[data-side=biz] .loop-dot{background:#f45818;box-shadow:0 0 18px 4px rgba(244,88,24,.28)}
body[data-side=biz] .arch-row.next span:not(.arch-tag){border-color:#d6d6d3;background:rgba(255,255,255,.58)}
body[data-side=biz] .ph-ag{background:radial-gradient(58% 58% at 78% 58%,#ededeb,#fbfbfa 72%)}
body[data-side=biz] .ph-ag .p-hero-visual.vid,
body[data-side=biz] .wa,
body[data-side=biz] .chapter-media.media:not(.vid) .overlay{box-shadow:0 32px 70px -38px rgba(20,20,20,.34)}
body[data-side=biz] .msg.me,
body[data-side=biz] .chapter-media.media:not(.vid) .bubble.me{background:#292929;color:#fff}
body[data-side=biz] .pc-visual.media,
body[data-side=biz] .p-hero-visual.media,
body[data-side=biz] .chapter-media.media{filter:grayscale(1) saturate(0) contrast(.96)}
body[data-side=biz] .pc-visual.media .chip,
body[data-side=biz] .p-hero-visual.media .chip{filter:none}
body[data-side=biz] a:focus-visible,
body[data-side=biz] button:focus-visible{outline-color:#575757}

/* Quiet proof band: real marks published on the official U.GO site. */
.client-proof{max-width:1200px;margin:0 auto;padding:104px 40px 118px;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:76px;align-items:end;border-bottom:1px solid #e2e2df}
.client-proof-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.client-proof-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1.02}
.client-proof-copy h2 span{color:#8c8c89}
.client-proof-copy p{max-width:420px;color:#696969;font-size:16px;line-height:1.65}
.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;border:1px solid #e0e0dd;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 26px 70px -54px rgba(10,10,10,.28)}
.client-logos figure{min-width:0;min-height:126px;margin:0;padding:26px 20px;display:grid;place-items:center;border-right:1px solid #e8e8e5}
.client-logos figure:last-child{border-right:0}
.client-logos img{width:100%;height:62px;object-fit:contain;filter:grayscale(1) contrast(1.08);opacity:.58;mix-blend-mode:multiply;transition:opacity .24s ease,transform .35s cubic-bezier(.23,1,.32,1)}
.client-logos figure:hover img{opacity:.9;transform:translateY(-2px)}
@media(max-width:900px){.client-proof{grid-template-columns:1fr;gap:42px;padding:82px 28px 92px}.client-logos{grid-template-columns:repeat(2,1fr)}.client-logos figure:nth-child(2){border-right:0}.client-logos figure:nth-child(-n+2){border-bottom:1px solid #e8e8e5}}
@media(max-width:560px){.client-proof{padding:68px 20px 78px}.client-logos figure{min-height:106px;padding:20px 16px}.client-logos img{height:54px}}

/* Keep the brand proportion intact when the sticky navigation compacts. */
body .nav .brand{flex:0 0 auto;min-width:max-content}
body .nav .brand img{display:block;width:auto;max-width:none;height:30px;object-fit:contain}
@media(min-width:901px){body .nav.is-scrolled{width:min(1120px,calc(100% - 40px))}}
@media(max-width:760px){body .nav .brand img,body .nav .logo-w{width:auto;max-width:none;height:26px}}

/* Hero universo: telas reais da U.GO flutuam ao redor da mensagem. */
body[data-side=you] .orbit-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;place-items:center;max-width:1440px;min-height:min(930px,100svh);padding:150px 40px 86px;overflow:hidden}
body[data-side=you] .orbit-hero .hero-copy{position:relative;z-index:4;width:min(720px,58vw);text-align:center;display:flex;flex-direction:column;align-items:center}
body[data-side=you] .orbit-hero .hero-copy h1{font-size:clamp(50px,5.2vw,76px);line-height:1.02;margin:20px 0 28px}
body[data-side=you] .orbit-hero .hero-copy>p{max-width:520px;font-size:17px}
body[data-side=you] .orbit-hero .hero-copy .yactions,body[data-side=you] .orbit-hero .hero-platforms{justify-content:center}
body[data-side=you] .orbit-canvas{position:absolute;z-index:1;inset:92px 22px 24px;perspective:1200px;pointer-events:none}
body[data-side=you] .orbit-ink{position:absolute;z-index:3;inset:0;display:block;pointer-events:none;mix-blend-mode:multiply}
body[data-side=you] .orbit-card{position:absolute;margin:0;overflow:hidden;pointer-events:none;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:#fff;box-shadow:0 28px 58px -30px rgba(10,10,10,.34),0 10px 24px -18px rgba(10,10,10,.22);transform:rotate(var(--r));transform-style:preserve-3d}
body[data-side=you] .orbit-card img{display:block;width:100%;height:100%;object-fit:cover}
body[data-side=you] .orbit-home{left:4.5%;top:16%;width:220px;aspect-ratio:1}
body[data-side=you] .orbit-goal{left:1.5%;top:56%;width:205px;aspect-ratio:4/3}
body[data-side=you] .orbit-dream{left:19%;bottom:1%;width:180px;aspect-ratio:1}
body[data-side=you] .orbit-community{right:4%;top:15%;width:225px;aspect-ratio:1}
body[data-side=you] .orbit-focus{right:1.5%;top:57%;width:190px;aspect-ratio:1}
body[data-side=you] .orbit-life{right:19%;bottom:0;width:200px;aspect-ratio:4/3}
body[data-side=you] .feature-tabs{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:26px}
body[data-side=you] .feature-tabs button{justify-content:center;min-width:0;padding-inline:14px;white-space:nowrap}
@media(max-width:1180px){body[data-side=you] .orbit-hero .hero-copy{width:min(650px,62vw)}body[data-side=you] .orbit-home,body[data-side=you] .orbit-community{width:180px}body[data-side=you] .orbit-goal,body[data-side=you] .orbit-focus{width:155px}body[data-side=you] .orbit-dream,body[data-side=you] .orbit-life{width:145px}}
@media(max-width:980px){body[data-side=you] .feature-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-side=you] .feature-tabs button{white-space:normal;line-height:1.15}}
@media(max-width:900px){body[data-side=you] .orbit-hero{min-height:880px;padding:135px 28px 390px}body[data-side=you] .orbit-hero .hero-copy{width:min(680px,100%)}body[data-side=you] .orbit-canvas{inset:auto 0 20px;height:360px}body[data-side=you] .orbit-ink{display:none}body[data-side=you] .orbit-card{display:none;will-change:auto}body[data-side=you] .orbit-home{display:block;left:50%;top:50%;width:min(330px,72vw);transform:translate(-50%,-50%) rotate(-3deg)!important}body[data-side=you] .orbit-community{display:block;left:auto;right:5%;top:7%;width:min(145px,32vw);transform:rotate(6deg)!important}}
@media(max-width:760px){body[data-side=you] .orbit-hero{min-height:auto;padding:125px 22px 380px}body[data-side=you] .orbit-hero .hero-copy h1{font-size:clamp(35px,9.4vw,56px)}body[data-side=you] .orbit-hero .hero-copy>p{font-size:15px}body[data-side=you] .orbit-community{right:0;width:120px}body[data-side=you] .orbit-canvas{height:335px}body[data-side=you] .feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:19px}body[data-side=you] .feature-tabs button{white-space:normal;line-height:1.15}}
@media(prefers-reduced-motion:reduce){body[data-side=you] .orbit-card{will-change:auto}}

/* Gamification sky — colorful progress without people or mascot photography. */
body[data-side=you] #niveis{padding:82px 24px 44px;background:#fff}
body[data-side=you] .achievement-world{position:relative;isolation:isolate;max-width:1180px;padding:76px 56px 44px;border:1px solid rgba(255,255,255,.7);border-radius:44px;color:#fff;background:linear-gradient(180deg,#3f9fe4 0%,#64b3ec 50%,#8cc9f1 100%);box-shadow:0 38px 90px -58px rgba(27,105,164,.65);overflow:hidden}
body[data-side=you] .achievement-world::before{content:'';display:block;position:absolute;z-index:-2;inset:-12% -14%;width:auto;height:auto;border-radius:0;background:radial-gradient(ellipse 22% 12% at 12% 32%,rgba(255,255,255,.65),transparent 72%),radial-gradient(ellipse 28% 15% at 37% 14%,rgba(255,255,255,.46),transparent 72%),radial-gradient(ellipse 30% 17% at 74% 35%,rgba(255,255,255,.55),transparent 74%),radial-gradient(ellipse 24% 13% at 92% 68%,rgba(255,255,255,.5),transparent 72%),radial-gradient(ellipse 34% 18% at 28% 78%,rgba(255,255,255,.32),transparent 76%);filter:blur(18px);opacity:.78;transform:none;animation:ugo-cloud-field 18s cubic-bezier(.77,0,.175,1) infinite alternate}
body[data-side=you] .achievement-world::after{content:'';display:block;position:absolute;z-index:-1;top:-170px;right:-130px;bottom:auto;left:auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,241,170,.55),rgba(255,229,126,.15) 42%,transparent 70%);filter:blur(10px);transform:none}
body[data-side=you] .achievement-heading{position:relative;z-index:6;max-width:720px;margin:0 auto 18px;text-align:center}
body[data-side=you] .achievement-heading .ylabel{justify-content:center;color:rgba(255,255,255,.76)}
body[data-side=you] .achievement-heading h2{font-size:clamp(48px,5.7vw,76px);line-height:.96;margin:14px 0 22px;color:#fff;text-shadow:0 8px 28px rgba(25,93,145,.14)}
body[data-side=you] .achievement-heading h2 em{color:#fff}
body[data-side=you] .achievement-heading p{max-width:610px;margin:auto;color:rgba(255,255,255,.84);font-size:16px;line-height:1.65}
body[data-side=you] .achievement-scene{position:relative;z-index:3;min-height:475px;max-width:960px;margin:8px auto 0;background:none}
body[data-side=you] .sky-cloud{position:absolute;z-index:0;width:210px;height:58px;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(16px);animation:ugo-cloud-drift 9s ease-in-out infinite alternate}
body[data-side=you] .cloud-a{left:16%;top:39%}
body[data-side=you] .cloud-b{right:11%;top:16%;width:170px;animation-delay:-3s}
body[data-side=you] .cloud-c{right:25%;bottom:12%;width:240px;opacity:.65;animation-delay:-6s}
body[data-side=you] .progress-core{position:absolute;z-index:4;left:50%;top:50%;width:285px;height:285px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.42),rgba(255,255,255,.12) 52%,rgba(40,130,198,.12));box-shadow:inset 0 0 50px rgba(255,255,255,.16),0 34px 55px -36px rgba(17,86,137,.7);backdrop-filter:blur(10px);transform:translate(-50%,-50%)}
body[data-side=you] .progress-core>img{position:absolute;z-index:3;left:50%;top:46%;width:132px;height:auto;filter:drop-shadow(0 22px 16px rgba(58,87,104,.24));transform:translate(-50%,-50%);animation:ugo-medal-float 4.8s cubic-bezier(.77,0,.175,1) infinite}
body[data-side=you] .core-halo{position:absolute;left:50%;top:48%;border:1px solid rgba(255,255,255,.34);border-radius:50%;transform:translate(-50%,-50%)}
body[data-side=you] .halo-one{width:205px;height:205px}
body[data-side=you] .halo-two{width:245px;height:245px;border-color:rgba(255,255,255,.2)}
body[data-side=you] .progress-core .level-chip{bottom:18px;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.88);box-shadow:0 16px 32px -22px rgba(26,79,118,.6)}
body[data-side=you] .progress-core .level-chip span{color:#5d7180}
body[data-side=you] .progress-core .level-chip strong{color:#f45818}
body[data-side=you] .ugo-stat{z-index:5;min-width:190px;padding:12px 16px 12px 10px;border:1px solid rgba(255,255,255,.36);border-radius:24px;color:#fff;background:rgba(255,255,255,.16);box-shadow:0 24px 46px -30px rgba(17,83,133,.72);backdrop-filter:blur(14px);display:flex;flex-direction:row;align-items:center;gap:11px;text-align:left}
body[data-side=you] .achievement-world.in .ugo-stat{transform:none}
body[data-side=you] .ugo-stat strong{font:600 22px/1.05 var(--font-display);color:#fff;text-shadow:0 3px 14px rgba(29,95,144,.18)}
body[data-side=you] .ugo-stat small{margin-top:4px;color:rgba(255,255,255,.75);font-size:10px}
body[data-side=you] .stat-token{width:76px;height:76px;filter:drop-shadow(0 17px 13px rgba(35,91,128,.25));animation:ugo-reward-float 4.2s cubic-bezier(.77,0,.175,1) infinite}
body[data-side=you] .stat-streak{left:4%;top:55px}
body[data-side=you] .stat-xp{right:4%;top:46px}
body[data-side=you] .stat-challenge{left:2%;bottom:70px}
body[data-side=you] .stat-done{right:2%;bottom:76px}
body[data-side=you] .week-streak{z-index:7;bottom:10px;border:1px solid rgba(255,255,255,.32);background:rgba(17,70,110,.52);box-shadow:0 18px 30px -22px rgba(17,70,110,.8);backdrop-filter:blur(12px)}
body[data-side=you] .week-streak span{color:rgba(255,255,255,.58)}
body[data-side=you] .week-streak .active{background:#f45818;color:#fff}
body[data-side=you] .spark{z-index:2;box-shadow:0 6px 14px rgba(30,100,151,.2)}
body[data-side=you] .medal-shelf{position:relative;z-index:6;margin-top:12px;padding:24px 24px 18px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.14);box-shadow:0 28px 58px -42px rgba(19,83,130,.7);backdrop-filter:blur(14px)}
body[data-side=you] .medal-copy{margin-bottom:18px;padding:0 6px}
body[data-side=you] .medal-copy span{color:rgba(255,255,255,.72)}
body[data-side=you] .medal-copy strong{color:#fff}
body[data-side=you] .medal-shelf .lv{min-height:154px;padding:14px 8px 12px;border:1px solid rgba(255,255,255,.48);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 18px 38px -30px rgba(19,78,121,.6)}
body[data-side=you] .medal-shelf .lv.current{border-color:rgba(255,224,204,.95);background:#fff4ed}
body[data-side=you] .medal-shelf .lv strong{color:#17232c}
body[data-side=you] .medal-shelf .lv small{color:#71808a}
body[data-side=you] .achievement-cta{margin:28px auto 0;border:1px solid rgba(255,255,255,.75);background:#fff;color:#17232c;box-shadow:0 18px 34px -22px rgba(20,81,125,.65)}
@keyframes ugo-cloud-field{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.035)}}
@keyframes ugo-cloud-drift{from{transform:translate3d(-12px,3px,0) scale(.96);opacity:.38}to{transform:translate3d(18px,-8px,0) scale(1.08);opacity:.68}}
@keyframes ugo-medal-float{0%,100%{transform:translate3d(-50%,-50%,0) rotate(-1deg)}50%{transform:translate3d(-50%,calc(-50% - 10px),0) rotate(1.5deg)}}
@media(max-width:760px){body[data-side=you] #niveis{padding:58px 14px 30px}body[data-side=you] .achievement-world{padding:54px 18px 30px;border-radius:32px}body[data-side=you] .achievement-heading h2{font-size:43px}body[data-side=you] .achievement-heading p{font-size:14px}body[data-side=you] .achievement-scene{min-height:570px;margin-top:8px}body[data-side=you] .progress-core{top:49%;width:220px;height:220px}body[data-side=you] .progress-core>img{width:100px}body[data-side=you] .halo-one{width:158px;height:158px}body[data-side=you] .halo-two{width:190px;height:190px}body[data-side=you] .progress-core .level-chip{bottom:8px}body[data-side=you] .ugo-stat{width:calc(50% - 8px);min-width:0;padding:9px 8px;gap:6px;border-radius:18px;flex-direction:column;text-align:center}body[data-side=you] .ugo-stat strong{font-size:17px}body[data-side=you] .ugo-stat small{font-size:8px}body[data-side=you] .stat-token{width:60px;height:60px}body[data-side=you] .stat-streak{left:0;top:24px}body[data-side=you] .stat-xp{right:0;top:24px}body[data-side=you] .stat-challenge{left:0;bottom:58px}body[data-side=you] .stat-done{right:0;bottom:58px}body[data-side=you] .week-streak{bottom:4px}body[data-side=you] .medal-shelf{margin-top:12px;padding:20px 12px 14px;border-radius:24px}body[data-side=you] .medal-copy{display:block;padding:0 4px}body[data-side=you] .medal-copy strong{display:block;margin-top:5px}body[data-side=you] .medal-shelf .lv-track{grid-template-columns:repeat(5,minmax(104px,1fr));overflow-x:auto;padding:8px 2px 13px}body[data-side=you] .achievement-cta{max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){body[data-side=you] .achievement-world::before,body[data-side=you] .sky-cloud,body[data-side=you] .progress-core>img,body[data-side=you] .stat-token{animation:none}}