@font-face{font-family:'Inter';src:url('product-platform/fonts/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('product-platform/fonts/Inter-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('product-platform/fonts/Inter-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Inter';src:url('product-platform/fonts/Inter-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--pro-blue:#0243b5;--pro-dark:#020a13;--horizon:#e3b341;--white:#fff;--line:rgba(255,255,255,.28)}
*{box-sizing:border-box}
.routing-pending body{visibility:hidden}
html{scroll-behavior:smooth;background:#02070a}
body{margin:0;min-width:320px;background:#02070a;color:#fff;font-family:'Inter','Segoe UI',sans-serif;font-synthesis:none}
a{color:inherit;text-decoration:none}
.public-header{position:absolute;z-index:5;left:40px;right:40px;top:27px;height:50px;display:grid;grid-template-columns:250px 1fr auto;align-items:center}
.public-brand img{display:block;width:183px;height:44px;object-fit:contain;object-position:left center}
.public-header nav{display:flex;justify-content:center;gap:52px;font-size:11px;text-transform:uppercase}
.public-header nav a,.header-cta,.login-cta{transition:color 160ms ease,border-color 160ms ease}
.public-header nav a:hover,.public-header nav a:focus-visible{color:var(--horizon)}
.header-cta{height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:22px;font-size:11px;font-weight:600}
.header-cta:hover,.header-cta:focus-visible{border-color:var(--horizon);color:var(--horizon)}
.header-actions{display:flex;align-items:center;gap:10px}.header-actions>a{padding:0 18px;white-space:nowrap}.login-cta{height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:22px;font-size:11px;font-weight:600}.login-cta:hover,.login-cta:focus-visible{border-color:#0098ff;color:#55b8ff}
.public-hero{position:relative;height:524px;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.28) 52%,rgba(0,0,0,.5) 100%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%),url('assets/welcome_sunrise_official.png');background-size:cover;background-position:center 58%}
.hero-copy{position:absolute;left:41px;top:224px}
.hero-copy span{display:block;margin-bottom:24px;color:var(--horizon);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.hero-copy h1{margin:0;color:#fff;font-size:21px;line-height:1.78;font-weight:400;letter-spacing:8px;text-transform:uppercase}
.hero-copy strong{display:block;margin-top:4px;color:var(--horizon);font-size:21px;line-height:1.7;font-weight:400;letter-spacing:8px;text-transform:uppercase}
.hero-context{position:absolute;right:43px;top:352px;width:208px;height:71px;display:flex;align-items:center;gap:14px;padding:0 15px;border:1px solid rgba(255,255,255,.23);border-radius:14px;background:rgba(0,0,0,.35);backdrop-filter:blur(5px)}
.hero-context>svg{width:42px;height:42px;padding:10px;border:1px solid rgba(227,179,65,.2);border-radius:50%;color:var(--horizon)}
.hero-context p{font-size:11px;line-height:1.7}.hero-context b{color:var(--horizon);font-weight:500}
.hero-progress{position:absolute;right:86px;bottom:69px;display:flex;gap:8px}.hero-progress i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.48)}.hero-progress i.active{background:var(--horizon)}
.experience-panel{position:relative;display:grid;overflow:hidden;border-top:1px solid var(--line);background:#03090d}
.panel-live{height:316px;grid-template-columns:50% 50%}
.panel-pro{height:301px;grid-template-columns:42% 58%}
.panel-coach{height:230px;grid-template-columns:53% 47%}
.panel-media{position:relative;overflow:hidden;background:#050a0d}
.approved-city-scene{background-image:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.78)),url('assets/editorial/activities/outdoor-free-coast-v1.jpg');background-size:cover;background-position:center 58%}
.pro-dashboard-media{background-image:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.02)),url('assets/editorial/platform/dashboard-detail-v1.jpg');background-size:cover;background-position:center}
.coach-analytics-media{background-image:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.6)),url('assets/editorial/coach/laptop-analytics-v1.jpg');background-size:cover;background-position:center 55%}
.panel-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:32px;border-left:1px solid rgba(255,255,255,.24)}
.panel-copy span{font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase}
.panel-live .panel-copy span{color:#0098ff}.panel-pro .panel-copy span,.panel-coach .panel-copy span{color:#8b55ff}
.panel-copy>i{width:32px;height:1px;margin-top:38px;background:#078ee8}.panel-pro .panel-copy>i,.panel-coach .panel-copy>i{background:#7c42e8}
.panel-copy a{position:absolute;left:32px;bottom:72px;display:flex;align-items:center;gap:22px;font-size:14px;color:#0098ff}
.panel-pro .panel-copy a,.panel-coach .panel-copy a{color:#935bff}.panel-copy a b{font-size:23px;font-weight:400}
.panel-pro .panel-copy{padding-left:79px}.panel-pro .panel-copy a{left:79px}
.panel-coach .panel-copy{padding-left:32px}.panel-coach .panel-copy a{bottom:47px}
.public-footer{height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 0,#10191d,#02070a 58%)}
.public-footer img{width:240px;height:69px;object-fit:contain}.public-footer a{margin-top:9px}.public-footer a svg{width:20px;color:#fff;stroke-width:1}
*:focus-visible{outline:2px solid var(--pro-blue);outline-offset:4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media (max-width:900px){
  .public-header{left:20px;right:20px;top:18px;grid-template-columns:1fr auto}
  .public-brand img{width:155px}.public-header nav{display:none}
  .header-actions{gap:6px}.header-actions>a{padding:0 11px}.header-cta{height:36px;font-size:10px}.login-cta{height:36px;font-size:10px}
  .public-hero{height:680px;background-position:center 62%}
  .hero-copy{left:24px;right:20px;top:245px}
  .hero-copy span{font-size:10px;letter-spacing:2.6px}
  .hero-copy h1,.hero-copy strong{font-size:19px;letter-spacing:5px}
  .hero-context{right:20px;top:auto;bottom:91px;width:205px}
  .hero-progress{right:85px;bottom:56px}
  .experience-panel{display:block;height:420px}
  .panel-media{position:absolute;inset:0}
  .panel-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.1) 72%)}
  .panel-copy,.panel-pro .panel-copy,.panel-coach .panel-copy{position:absolute;z-index:2;inset:0;padding:0 0 106px 28px;border-left:0;justify-content:flex-end}
  .panel-copy a,.panel-pro .panel-copy a,.panel-coach .panel-copy a{left:28px;bottom:44px}
  .panel-copy>i{margin-top:20px}
  .public-footer{height:190px}.public-footer img{width:220px}
}