/* Futuristic art direction: sculptural sporting assets and quiet glass surfaces. */
:root { --red:#f23748; --ink:#f5f5f7; background:#08090b; }
body { background:#08090b; }
.site-header { background:#08090bdd; border-color:#ffffff0c; backdrop-filter:blur(20px); }
.nav { height:88px; }
nav { font-size:12px; }
.button, .button.small.nav-demo, .contact-intro .button { background:linear-gradient(125deg,#f83b4c,#c5132b); border-color:#f2576470; border-radius:7px 2px 7px 2px; box-shadow:0 7px 30px #db143521,inset 0 1px 0 #ffffff22; }
.button:hover, .button.small.nav-demo:hover, .contact-intro .button:hover { background:linear-gradient(125deg,#ff5361,#df1734); box-shadow:0 8px 35px #ee234433; }
.hero { grid-template-columns:1fr 1.16fr; gap:0; min-height:765px; padding-top:70px; padding-bottom:82px; }
.hero::before { background:radial-gradient(ellipse at 80% 52%,#6b10261c,transparent 54%),#08090b; }
.hero::after { display:none; }
.hero-copy { position:relative; z-index:3; max-width:610px; }
.hero .launch-label { font-family:"SFMono-Regular",Consolas,monospace; color:#b4b6bf; font-size:10px; letter-spacing:.12em; margin-bottom:28px; }
.hero .launch-label>span { background:#ff3a53; box-shadow:0 0 13px #ff224da0; }
.hero h1 { font-size:clamp(56px,5.45vw,82px); line-height:1.04; letter-spacing:-.063em; font-weight:650; white-space:nowrap; }
.hero h1 em { display:inline-block; font-weight:650; color:#ff5064; background:linear-gradient(100deg,#fff 0%,#f5a8b2 26%,#ff3e58 72%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; padding-bottom:.07em; }
.hero .category { font-family:"SFMono-Regular",Consolas,monospace; font-size:10px; color:#cf8491; letter-spacing:.14em; margin-top:28px; }
.hero-description { color:#a2a5af; font-size:17px; max-width:425px; line-height:1.85; margin-top:19px; }
.hero .actions { flex-direction:row; align-items:center; gap:25px; margin-top:30px; }
.hero .button { font-size:13px; padding:15px 23px; }
.hero .text-link { font-size:13px; color:#d0d0d7; }
.hero-commercial-note { color:#888b97; font-size:11px; margin-top:27px; max-width:405px; }
.hero-commercial-note strong { color:#c7c9d2; }
.hero-stage { position:relative; min-width:0; width:124%; margin-left:-14%; aspect-ratio:1 / 1; --depth-x:0deg; --depth-y:0deg; }
.stage-art { width:155%; height:115%; max-width:none; position:absolute; left:-43%; top:-8%; object-fit:cover; object-position:73% center; mix-blend-mode:screen; transform:perspective(1200px) rotateX(var(--depth-x)) rotateY(var(--depth-y)); transition:transform .55s ease-out; mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 88%,transparent 100%); pointer-events:none; }
.stage-label, .stage-coordinate, .stage-explore { position:absolute; z-index:2; font-family:"SFMono-Regular",Consolas,monospace; font-size:9px; letter-spacing:.09em; color:#bbbcc7; }
.stage-label { display:flex; align-items:center; gap:9px; top:1%; left:30%; background:#161017b3; border:1px solid #bc456434; border-radius:3px; padding:10px 13px; backdrop-filter:blur(10px); }
.status-dot { width:5px; height:5px; flex:none; background:#f64663; box-shadow:0 0 9px #f83461; border-radius:50%; }
.stage-coordinate { right:4%; bottom:15%; font-size:8px; color:#9894a2; writing-mode:vertical-rl; }
.stage-explore { display:flex; align-items:center; gap:28px; left:31%; bottom:0; color:#d9d3dc; border-bottom:1px solid #634753; padding:0 0 11px; letter-spacing:.01em; font-family:inherit; font-size:12px; }
.stage-explore span { font-size:20px; color:#fb6d81; }
.stage-explore:hover { color:#ff7b8d; }
.audience-strip { background:#0c0d11; border-color:#272329; }
.audience-strip>.container { min-height:97px; }
.audience-strip p { font-size:12px; color:#8f8d9a; }
.audience-strip strong { color:#dad5df; }
.audience-strip span { font-family:"SFMono-Regular",Consolas,monospace; font-size:10px; letter-spacing:.15em; color:#b6afb9; }
.audience-strip .strip-symbol { font-size:28px; color:#eb526b; }
.eyebrow, .about .eyebrow, .contact-intro .eyebrow { color:#f5758b; font-family:"SFMono-Regular",Consolas,monospace; font-size:10px; letter-spacing:.14em; }
.section { padding-block:103px; }
h2 { font-size:45px; letter-spacing:-.05em; font-weight:550; }
h2 em { color:#9491a0; }
.section-heading>p { color:#9b97a6; }
.feature-grid { gap:17px; }
.feature-grid article { position:relative; border:1px solid #35303b; background:linear-gradient(145deg,#19171e,#0f0f14); padding:21px 24px 27px; border-radius:13px; overflow:hidden; transition:transform .25s,border-color .25s; }
.feature-grid article:hover { transform:translateY(-5px); border-color:#8c4358; }
.platform-icon { display:grid; place-items:center; width:64px; height:64px; margin:7px 0 28px; color:#f88fa4; background:linear-gradient(140deg,#e8527415,#e8527403); border:1px solid #bb607c40; border-radius:12px; }
.platform-icon svg { display:block; width:30px; height:30px; stroke-width:1.5; }
.feature-grid article:hover .platform-icon { color:#ffc5d1; border-color:#b85d79; }
.feature-number { font-family:"SFMono-Regular",Consolas,monospace; font-size:9px; letter-spacing:.06em; color:#d58296; margin-bottom:17px; }
.feature-grid h3 { font-size:20px; color:#f0eaf2; letter-spacing:-.035em; }
.feature-grid p { color:#a5a0b0; font-size:14px; line-height:1.8; }
.product-tour { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; margin-top:114px; scroll-margin-top:115px; }
.tour-copy h2 { font-size:48px; }
.tour-copy>p:not(.eyebrow) { font-size:17px; line-height:1.85; color:#aaa4b4; margin-top:24px; max-width:420px; }
.tour-copy .clean-list { margin-top:26px; }
.clean-list li { border-color:#312c39; color:#c4bdce; font-size:14px; }
.clean-list li span { color:#e07791; }
.tour-copy .text-link { display:inline-flex; align-items:center; gap:30px; margin-top:27px; color:#f3a1b3; font-size:14px; }
.tour-copy .text-link span { font-size:20px; }
.carousel { background:linear-gradient(150deg,#1b1720cc,#0f1018); border:1px solid #55404f; border-radius:18px; padding:25px 26px 15px; box-shadow:0 30px 85px #0008,inset 0 1px 0 #ffffff0a; position:relative; }
.carousel::before { content:""; position:absolute; inset:20% -14% 12%; background:radial-gradient(ellipse,#b5285321,transparent 69%); z-index:-1; pointer-events:none; }
.back-screen { transform:perspective(800px) rotateY(9deg) rotateZ(-4deg); border-color:#615369; }
.screen-frame { transform:perspective(900px) rotateY(-8deg) rotateZ(3deg); border-color:#927b92; box-shadow:15px 22px 50px #0009; }
.carousel[data-layout=wide] .screen-frame { transform:none; }
.screen-caption { color:#c8bfcf; }
.screen-index, .canvas-footnote, .slide-info>span { color:#ac9fb5; }
.carousel-buttons button { border-color:#665269; color:#e5cadd; }
.carousel-bottom { border-color:#483a4d; }
.carousel-track button::after { background:#4e3d52; }
.sales-demo-section { background:radial-gradient(ellipse at 0 90%,#5d0e221a,transparent 60%),#0e0d12; border-color:#33252f; }
.demo-steps>li>span { color:#ffa9bc; background:#341421; border-color:#754352; border-radius:8px 2px 8px 2px; font-family:monospace; }
.demo-steps li { border-color:#392936; }
.demo-steps h3 { color:#e8dde9; }
.demo-steps p, .sales-demo>div>p:not(.eyebrow) { color:#ada0b2; }
.pricing-section { background:radial-gradient(ellipse at 70% 25%,#4c112526,transparent 60%),#09090e; border-color:#29232f; }
.pricing-heading h2 { font-size:46px; }
.pricing-heading h2 em { color:#a197ac; }
.pricing-heading>p:last-child { color:#a59bab; }
.plan-card { background:linear-gradient(160deg,#1a1520,#101017); border-color:#433449; border-radius:15px; }
.plan-card.featured { background:linear-gradient(155deg,#371728,#1b101b 73%); border-color:#c24768; box-shadow:0 0 65px #a41e4015,inset 0 1px 0 #ffadce15; }
.plan-category { color:#bcb0c7; font-family:"SFMono-Regular",Consolas,monospace; font-size:9px; letter-spacing:.06em; }
.plan-card .plan-top .plan-description { color:#b1a4bc; }
.plan-card h3 { font-weight:550; }
.plan-price { letter-spacing:-.065em; }
.plan-button { border-color:#69566e; background:#ffffff03; border-radius:7px 2px 7px 2px; color:#efdfef; }
.plan-button:hover { background:#342336; border-color:#aa749a; }
.featured .plan-button { background:linear-gradient(125deg,#f43d57,#b9163d); border-color:#e66685; }
.plan-recommendation { background:linear-gradient(90deg,#c02e58,#902752); border:1px solid #e5719450; border-radius:4px; font-family:monospace; }
.plan-features li { color:#c5b7d0; }
.plan-features li::before { color:#ed8eae; }
.plan-setup { border-color:#49364e; color:#af9dbc; }
.featured .plan-setup { border-color:#653049; }
.plan-price .price-period { color:#bda8c9; }
.included { border-color:#382d42; }
.included h3 { color:#e1d5ec; }
.included li { color:#b6a5c5; }
.plan-comparison { background:#15111c; border-color:#48394e; }
.plan-comparison summary { color:#decee7; }
.comparison-scroll thead th { background:#2b1d32; }
.comparison-scroll th,.comparison-scroll td { border-color:#422e4c; color:#ccbdd9; }
.comparison-scroll tbody th { color:#e1cee9; }
.comparison-scroll tr>*:last-child { background:#302035; color:#ead9f3; }
.setup-panel { background:linear-gradient(120deg,#201624,#15111c); border-color:#4f3455; border-radius:12px; }
.setup-price { border-color:#573c60; }
.pricing-note,.setup-copy .setup-exclusions { color:#aa99b5!important; }
.setup-copy>p:not(.eyebrow),.setup-price>span,.setup-price>p { color:#c0acc9; }
.about-intro h2 { font-size:51px; }
.founder { background:linear-gradient(140deg,#1a1721,#121119); border-color:#403544; border-radius:14px; }
.founder-info .eyebrow { color:#e892aa; }
.founder-info>p:last-child { color:#b3a5bc; }
.partner-section { background:#101015; border-color:#342c3b; }
.partner-identity img { mix-blend-mode:normal; filter:none; opacity:1; }
.contact-panel { background:radial-gradient(ellipse at 0 30%,#67223830,transparent 60%),linear-gradient(140deg,#22151f,#121019); border-color:#674151; border-radius:16px; box-shadow:0 25px 80px #0004; }
.contact-intro h2 em { color:#e19aad; }
.contact-intro>p:not(.eyebrow) { color:#baa7bd; }
.contact-row { border-color:#4e364e; }
.contact-row>span { color:#c199b2; }
.contact-row a { color:#e7d2e7; }
.client-access a { color:#f590b0; }
footer { background:#07070a; border-color:#2c2331; }
@media (max-width:1150px) {
  .hero { min-height:690px; padding-block:64px; grid-template-columns:1fr 1fr; }
  .hero h1 { font-size:clamp(48px,5.55vw,64px); }
  .hero-stage { width:122%; margin-left:-16%; }
  .hero .launch-label { font-size:9px; letter-spacing:.06em; }
  .hero-description { max-width:370px; font-size:16px; }
  .hero .button { padding:14px 17px; }
  .hero .actions { gap:20px; }
  .stage-label { font-size:8px; left:27%; }
  .stage-explore { left:28%; }
  .product-tour { gap:57px; }
  .tour-copy h2 { font-size:41px; }
  .feature-grid { gap:14px; }
  .feature-grid article { padding-inline:20px; }
  .feature-grid h3 { font-size:19px; }
  .feature-number { font-size:8px; }

}
@media (max-width:900px) {
  .hero { min-height:625px; }
  .hero h1 { font-size:48px; }
  .hero-description { max-width:340px; }
  .hero .actions { align-items:flex-start; flex-direction:column; gap:19px; }
  .hero-stage { width:132%; margin-left:-20%; }
  .stage-label { top:0; font-size:7px; padding:9px; }
  .stage-explore { bottom:-3%; font-size:11px; }
  .stage-coordinate { display:none; }
  .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .feature-grid article { padding:22px 26px 29px; }

  .feature-number { font-size:9px; }
  .feature-grid h3 { font-size:22px; }
  .feature-grid p { font-size:15px; }
  .product-tour { gap:35px; }
  .tour-copy h2 { font-size:34px; }
  .tour-copy>p:not(.eyebrow) { font-size:16px; }
  .clean-list li { font-size:13px; }
}
@media (max-width:760px) {
  .nav { height:78px; }
  .hero { grid-template-columns:1fr; min-height:0; gap:9px; padding-top:46px; padding-bottom:44px; }
  .hero-copy { max-width:600px; }
  .hero h1 { font-size:clamp(44px,8.6vw,64px); white-space:normal; }
  .hero .launch-label { font-size:9px; letter-spacing:.09em; margin-bottom:24px; }
  .hero .category { margin-top:23px; font-size:9px; }
  .hero-description { max-width:450px; font-size:16px; margin-top:17px; }
  .hero .actions { flex-direction:row; align-items:center; gap:23px; margin-top:25px; }
  .hero .button { font-size:13px; padding:14px 19px; }
  .hero-commercial-note { font-size:11px; max-width:385px; margin-top:23px; }
  .hero-stage { width:100%; max-width:540px; aspect-ratio:1.2; margin:10px auto 0; }
  .stage-art { width:132%; height:122%; top:-6%; left:-32%; object-position:80% center; }
  .stage-label { top:7%; left:3%; font-size:8px; }
  .stage-explore { left:auto; right:0; bottom:1%; font-size:11px; }
  .section { padding-block:68px; }
  h2,.pricing-heading h2 { font-size:36px; }
  .product-tour { margin-top:68px; grid-template-columns:1fr; gap:34px; }
  .tour-copy h2 { font-size:38px; }
  .tour-copy>p:not(.eyebrow) { max-width:500px; }
  .tour-copy .clean-list { max-width:480px; }
  .clean-list li { font-size:14px; }
  .carousel { margin:auto; padding:23px 22px 13px; }
  .about-intro h2 { font-size:44px; }
  .plan-category { font-size:10px; }
}
@media (max-width:480px) {
  .hero h1 { font-size:clamp(41px,10.35vw,49px); }
  .hero .launch-label { font-size:8px; letter-spacing:.025em; }
  .hero .actions { gap:18px; }
  .hero .button { padding:14px 15px; font-size:12px; }
  .hero .text-link { font-size:12px; }
  .hero-stage { margin-top:18px; aspect-ratio:1.12; }
  .stage-label { font-size:7px; left:0; padding:8px; }
  .stage-explore { font-size:10px; bottom:-1%; }
  .feature-grid { gap:12px; }
  .feature-grid article { padding:17px 15px 21px; border-radius:10px; }

  .feature-number { font-size:8px; letter-spacing:0; margin-bottom:12px; }
  .feature-grid h3 { font-size:20px; line-height:1.25; }
  .feature-grid p { font-size:13px; line-height:1.8; }
  .carousel { padding:20px 14px 11px; }
  .contact-panel { padding-inline:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .stage-art,.feature-grid article { transition:none; transform:none!important; }
}

/* Compact, consistent line icons for the platform capabilities. */
.feature-grid .feature-number { font-size:12px; letter-spacing:.035em; }
.feature-grid p { font-size:15px; }
@media (max-width:520px) {
  .feature-grid { grid-template-columns:1fr; gap:14px; }
  .feature-grid article { padding:26px; }
  .platform-icon { width:58px; height:58px; margin-top:0; margin-bottom:23px; }
  .feature-grid h3 { font-size:23px; }
  .feature-grid p { font-size:16px; }
}