/* A restrained product presentation in graphite, white and red. */
:root { color-scheme: dark; --red:#e23643; --ink:#f1f2f3; --muted:#a3abb3; --line:#2c3238; background:#0c0e10; color:var(--ink); }
body { background:#0c0e10; color:var(--ink); }
::selection { background:#b72535; color:#fff; }
a:focus-visible, button:focus-visible { outline:2px solid #f5757e; outline-offset:5px; }
.site-header { background:#0c0e10f2; border-color:#ffffff12; color:#e6e9ec; }
.nav { height:88px; }
.brand { mix-blend-mode:screen; }
.brand img { filter:invert(1) hue-rotate(180deg) saturate(3); }
nav { color:#adb4bc; font-size:13px; }
nav a:hover, .login-link, .mobile-access { color:#fff; }
.login-link { font-weight:500; }
.button, .button.small.nav-demo, .plan-button, .contact-intro .button { border-radius:5px; box-shadow:none; }
.button, .button.small.nav-demo { background:#d83240; border-color:#d83240; }
.button:hover, .button.small.nav-demo:hover { background:#b92532; border-color:#b92532; transform:none; }
.button.small.nav-demo { padding:11px 17px; font-weight:500; }
.hero { display:grid; grid-template-columns:1.05fr 1fr; gap:65px; padding-top:74px; padding-bottom:70px; min-height:720px; color:var(--ink); }
.hero::before { background:#0c0e10; }
.hero::after { content:""; position:absolute; top:0; bottom:0; left:calc((100vw - 100%)/-2); right:calc((100vw - 100%)/-2); background:url("mapas-pistas.png") center/cover no-repeat; filter:grayscale(1) invert(1); opacity:.075; z-index:-2; pointer-events:none; }
.hero-copy { text-align:left; max-width:600px; padding:0; }
.hero .launch-label { border:0; border-radius:0; padding:0; background:none; color:#bec3c8; font-size:11px; letter-spacing:.12em; margin-bottom:30px; }
.hero .launch-label>span { width:6px; height:6px; border-radius:0; margin-right:3px; background:var(--red); }
.hero h1 { font-size:clamp(48px,4.3vw,66px); font-weight:600; line-height:1.08; letter-spacing:-.055em; }
.hero h1 em { color:#9ba3ab; font-weight:500; }
.hero .category { margin-top:30px; color:#d4d9de; font-size:11px; letter-spacing:.15em; }
.hero-description { color:#a3acb5; margin:16px 0 0; max-width:485px; font-size:17px; line-height:1.8; }
.hero .actions { justify-content:flex-start; gap:26px; margin-top:29px; }
.hero .button { min-height:52px; padding:14px 21px; font-weight:500; }
.hero .text-link { color:#d2d7dc; font-weight:400; }
.hero .text-link:hover { color:#fff; }
.hero-commercial-note { margin-top:25px; max-width:400px; font-size:12px; line-height:1.8; color:#909aa4; }
.hero-commercial-note strong { color:#c5ccd3; font-weight:500; }
.hero-commercial-note a { text-decoration-color:#59626b; }
.carousel { width:100%; max-width:565px; border:1px solid #2a3036; background:#111417; border-radius:12px; padding:24px 23px 13px; margin:0; box-shadow:0 25px 70px #0004; }
.carousel-canvas { height:455px; }
.hero-accent, .side-screen, .floating-note { display:none; }
.screen-caption { top:0; left:0; right:0; color:#b2bac2; font-size:10px; letter-spacing:.13em; }
.screen-index { color:#818c96; font-size:10px; }
.screen-frame { top:42px; width:185px; height:384px; right:16px; transform:none; border:1px solid #6a7177; border-radius:23px; padding:4px; box-shadow:0 18px 28px #0005; }
.screen-frame>img { border-radius:18px; }
.back-screen { top:141px; left:0; width:61%; height:247px; transform:none; padding:6px; border:1px solid #41484f; border-radius:9px; box-shadow:0 16px 25px #0005; }
.back-screen img { border-radius:4px; }
.canvas-footnote { bottom:0; right:0; color:#929da7; font-size:10px; letter-spacing:.1em; }
.carousel-bottom { margin-top:16px; border-color:#2d353c; padding:13px 0 7px; gap:12px; }
.slide-info { display:block; }
.slide-info>span { color:#909aa4; font-size:10px; letter-spacing:.05em; }
.slide-info strong { font-size:12px; font-weight:400; margin-top:5px; color:#d6dde3; }
.carousel-buttons button { background:transparent; color:#b7c1ca; border-color:#3b454e; border-radius:4px; height:32px; width:32px; font-size:16px; }
.carousel-track button::after { background:#30383e; }
.carousel-track button[aria-current=true]::after { background:#d83240; }
.carousel[data-layout=wide] .screen-frame { width:100%; max-width:100%; height:340px; top:59px; right:0; border-radius:9px; }
.carousel[data-layout=wide] .screen-frame>img { border-radius:4px; }
.audience-strip { background:#101316; border-color:#252b30; }
.audience-strip>.container { min-height:104px; }
.audience-strip p, .audience-strip span { color:#929ca5; }
.audience-strip strong { color:#d7dce1; font-weight:500; }
.audience-strip .strip-symbol { color:#68747e; }
.section { padding-top:96px; padding-bottom:96px; }
.eyebrow, .about .eyebrow, .contact-intro .eyebrow { color:#e16670; font-size:11px; font-weight:500; letter-spacing:.14em; }
h2 { color:#eef0f2; font-size:44px; line-height:1.13; letter-spacing:-.045em; font-weight:500; }
h2 em { color:#929da6; }
.section-heading>p, .feature-grid p, .detail-copy>p:not(.eyebrow), .contact-intro>p:not(.eyebrow) { color:#a0aab4; }
.feature-grid { gap:32px; }
.feature-grid article { border-color:#353b42; }
.feature-number { color:#808c97; font-size:11px; letter-spacing:.05em; }
.feature-grid h3 { color:#e1e6ea; font-size:21px; font-weight:500; }
.feature-grid p { font-size:15px; line-height:1.8; }
.detail-visual { background:#14191d; border-color:#2b343c; border-radius:9px; }
.detail-visual::before { opacity:.12; }
.detail-visual::after { border-color:#71343d; border-radius:0; opacity:.5; }
.detail-annotation span { color:#91a0ab; font-size:10px; }
.detail-annotation strong { color:#c7d1da; font-weight:500; }
.detail-copy h2 { font-size:37px; }
.clean-list li { color:#b8c3cd; border-color:#2d373f; }
.clean-list li span { color:#7f8e99; }
.detail-copy .text-link { color:#ec7982; }
.sales-demo-section { background:#111518; border-color:#293038; }
.sales-demo { padding-top:78px; padding-bottom:78px; }
.sales-demo h2 { font-size:39px; }
.sales-demo>div>p:not(.eyebrow), .demo-steps p { color:#a1acb6; }
.demo-steps li { border-color:#2d353d; }
.demo-steps>li>span { background:none; border-color:#39434d; border-radius:4px; color:#e28b94; }
.demo-steps h3 { color:#dce3e9; font-size:20px; font-weight:500; }
.pricing-section { background:#0c0f11; border-bottom:1px solid #252d33; }
.pricing-heading h2 { font-size:44px; }
.pricing-heading h2 em { color:#929da6; }
.pricing-heading>p:last-child { color:#9daab5; }
.plan-card { background:#14191d; border-color:#303942; border-radius:8px; color:#bcc7d0; padding:30px 27px 24px; }
.plan-card h3, .plan-price { color:#f2f5f7; }
.plan-category { color:#a4b0ba; letter-spacing:.055em; font-size:10px; }
.plan-card .plan-top .plan-description { color:#a8b5bf; }
.plan-price { font-size:54px; font-weight:500; }
.plan-price .price-period { color:#9dacb8; }
.plan-button { border-color:#4c5964; color:#e0e8ef; font-weight:500; }
.plan-button:hover { background:#222c34; border-color:#8297a7; }
.plan-features li { color:#b5c3ce; }
.plan-features li::before { color:#b8c7d2; }
.plan-setup { border-color:#303e48; color:#96a8b6; }
.plan-card.featured { background:#1d2227; border-color:#a44750; box-shadow:none; }
.featured .plan-category { color:#d4b8bc; }
.featured .plan-price, .featured h3 { color:#fff; }
.featured .plan-top .plan-description { color:#c0c7ce; }
.featured .plan-features li { color:#d0d7dd; }
.featured .plan-features li::before { color:#e78b93; }
.featured .plan-setup { color:#b7c0c8; border-color:#3a444c; }
.plan-recommendation { border-radius:3px; left:20px; right:20px; font-size:10px; letter-spacing:.055em; background:#a93945; }
.featured .plan-button { background:#cc3040; border-color:#cc3040; }
.featured .plan-button:hover { background:#ad2634; }
.included { border-color:#303b44; }
.included h3 { color:#d9e2e8; font-weight:500; }
.included li { color:#a9b9c5; }
.included li::before { color:#8eb2aa; }
.plan-comparison { background:#12181d; border-color:#34424d; border-radius:6px; }
.plan-comparison summary { color:#c3d2de; font-weight:500; }
.plan-comparison summary>span { color:#c9747e; }
.comparison-scroll caption { color:#9eafbc; }
.comparison-scroll th, .comparison-scroll td { color:#bacbd7; border-color:#2e3e4a; }
.comparison-scroll thead th { background:#202b34; color:#e2edf5; }
.comparison-scroll tbody th { color:#c9d8e3; }
.comparison-scroll tr>*:last-child { background:#25303a; color:#dee7ee; }
.pricing-note, .setup-copy .setup-exclusions { color:#96a8b6!important; }
.setup-panel { background:#151d23; border-color:#34414c; border-radius:8px; }
.setup-copy h3 { color:#d9e5ee; font-weight:500; }
.setup-copy>p:not(.eyebrow) { color:#aabfcc; }
.setup-price { border-color:#3c4c58; }
.setup-price>span, .setup-price>p { color:#afc0cd; }
.setup-price strong { color:#e3edf5; font-weight:500; }
.about { border-color:transparent; }
.about-intro h2 { font-size:51px; }
.about-intro>div>p:not(.eyebrow) { color:#9eabb5; }
.about-intro .about-lead { color:#d7e0e7!important; font-weight:400; }
.founder { background:#141a1f; border-color:#303b44; border-radius:10px; box-shadow:none; }
.founder-photo { border-radius:5px; background:#202a32; }
.founder-info h3 { color:#e0e9f0; font-weight:500; }
.founder-info .eyebrow { color:#d0808c; font-size:10px; }
.founder-info>p:last-child { color:#a5b5c1; }
.partner-section { background:#11181d; border-color:#2b3740; }
.partner h2 { font-size:31px; }
.partner-identity h3 { color:#d9e3eb; font-weight:500; }
.partner-identity p { color:#9caebb; }
.contact-panel { background:#171e24; color:#e0e9f0; border-color:#37444e; border-radius:10px; }
.contact-panel::after { display:none; }
.contact-intro h2 { font-size:41px; font-weight:500; }
.contact-intro h2 em { color:#c4d0da; }
.contact-intro>p:not(.eyebrow) { color:#a9bdcb; }
.contact-intro .button { background:#ce3344; border-color:#ce3344; font-weight:500; }
.contact-row { border-color:#3a4955; }
.contact-row>span { color:#93a9b9; font-size:10px; letter-spacing:.12em; }
.contact-row a { color:#d7e5ef; }
.contact-row a:hover { color:#e98490; }
.client-access p { color:#9db2c2; }
.client-access a { color:#e1909a; font-weight:500; }
footer { background:#090c0e; border-color:#2a333b; }
.footer-top>p, .footer-top>p strong, .back-top, .footer-bottom { color:#99aab7; }
.footer-bottom { border-color:#29343d; }
.footer-bottom strong { color:#c1ced9; font-weight:500; }
@media (max-width:1100px) {
  .hero { gap:35px; padding-top:60px; padding-bottom:60px; min-height:680px; }
  .hero h1 { font-size:51px; }
  .hero-description { font-size:16px; }
  .hero .launch-label { font-size:10px; letter-spacing:.06em; }
  .hero .actions { gap:20px; }
  .hero .button { font-size:13px; padding:13px 17px; }
  .hero .text-link { font-size:13px; }
  .carousel { padding:21px 17px 12px; }
  .screen-frame { right:0; width:171px; height:356px; top:45px; }
  .back-screen { width:63%; height:220px; top:143px; }
  .carousel-canvas { height:434px; }
  .slide-info strong { font-size:11px; }
  .plan-card { padding-inline:22px; }
}
@media (max-width:1000px) {
  .nav { height:78px; }
  .menu-toggle { border-color:#3e4952; background:#171d22; border-radius:5px; }
  .menu-toggle span { background:#d9e2e9; }
  nav { top:78px; background:#11171c; border-color:#323e47; color:#c1ced8; font-size:16px; }
  .hero { gap:33px; grid-template-columns:1fr 1fr; }
  .hero h1 { font-size:clamp(40px,5.4vw,50px); }
  .hero .actions { flex-direction:column; align-items:flex-start; gap:19px; }
  .carousel { padding:20px 14px 10px; }
  .carousel-canvas { height:390px; }
  .screen-frame { width:152px; height:315px; top:43px; right:1px; }
  .back-screen { top:118px; height:214px; width:66%; }
  .carousel[data-layout=wide] .screen-frame { height:278px; top:54px; }
  .slide-info strong { max-width:155px; }
  .carousel-bottom { gap:7px; }
  .carousel-buttons { gap:4px; }
  .carousel-buttons button { width:27px; height:29px; }
  .screen-caption, .screen-index, .canvas-footnote { font-size:9px; }
}
@media (max-width:760px) {
  .hero { grid-template-columns:1fr; padding-top:49px; padding-bottom:47px; gap:39px; }
  .hero-copy { max-width:570px; }
  .hero h1 { font-size:clamp(44px,8.5vw,62px); }
  .hero h1>br { display:block; }
  .hero h1 em { display:inline; }
  .hero .launch-label { margin-bottom:26px; font-size:10px; letter-spacing:.08em; }
  .hero .category { font-size:10px; margin-top:25px; }
  .hero-description { font-size:16px; max-width:470px; margin-top:15px; }
  .hero .actions { flex-direction:row; align-items:center; gap:23px; }
  .hero-commercial-note { margin:23px 0 0; max-width:380px; }
  .carousel { justify-self:center; max-width:520px; margin:0; padding:22px 20px 12px; }
  .carousel-canvas { height:429px; }
  .screen-frame { right:13px; width:174px; height:362px; top:38px; }
  .back-screen { top:133px; height:244px; width:62%; }
  .carousel[data-layout=wide] .screen-frame { height:324px; top:49px; }
  .screen-caption, .screen-index { font-size:10px; }
  .canvas-footnote { font-size:9px; }
  .slide-info strong { max-width:230px; font-size:12px; }
  .carousel-buttons button { width:31px; height:31px; }
  .hero::after { opacity:.05; background-size:auto 800px; background-position:center top; }
  .section { padding-top:68px; padding-bottom:68px; }
  h2, .pricing-heading h2 { font-size:35px; }
  .sales-demo h2 { font-size:34px; }
  .sales-demo { padding-top:60px; padding-bottom:60px; }
  .detail-copy h2 { font-size:33px; }
  .about-intro h2 { font-size:43px; }
  .plan-recommendation { font-size:10px; }
  .contact-intro h2 { font-size:35px; }
  .contact-panel { padding:29px 24px; }
  .plan-card { padding-inline:25px; }
  .plan-category { font-size:11px; }
}
@media (max-width:400px) {
  .hero h1 { font-size:42px; }
  .hero .actions { gap:18px; }
  .hero .button { padding:13px 16px; }
  .hero .text-link { font-size:12px; }
  .carousel { padding:20px 13px 10px; }
  .carousel-canvas { height:393px; }
  .screen-frame { right:0; width:159px; height:330px; }
  .back-screen { height:206px; top:142px; }
  .carousel[data-layout=wide] .screen-frame { height:292px; }
  .slide-info strong { max-width:156px; font-size:11px; }
  .carousel-buttons button { width:28px; height:30px; }
}