/* Reno Medya cinematic edition */
:root{--red:#f3223e;--bg:#0b0b0d;--surface:#151518;--text:#f6f5f4}
html{scroll-padding-top:94px}
body{background:#0b0b0d}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.wrap{max-width:1500px;padding-inline:clamp(22px,5vw,84px)}
.site-header{background:#0b0b0deb;border-bottom:1px solid #ffffff23;box-shadow:0 12px 30px #0002}
.nav{min-height:88px;gap:32px}
.brand{width:198px;height:54px;flex:none}
.brand img{width:195px}
.nav-links{gap:clamp(13px,2vw,30px)}
.nav-links a{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#e0dee0;position:relative;white-space:nowrap;transition:color .2s}
.nav-links a:not(.nav-login)::after{content:'';position:absolute;left:0;right:100%;bottom:-13px;height:2px;background:#ed2642;transition:right .25s ease}
.nav-links a:hover::after{right:0}
.nav-links a span,.nav-caption,.nav-login{display:none!important}
.desktop-cta{font-size:11px!important;letter-spacing:.1em;padding:15px 19px;white-space:nowrap}
.btn{min-height:51px;border-radius:3px;letter-spacing:.075em;font-size:12px;padding:14px 21px;box-shadow:inset 0 0 0 1px #ffffff16;transition:background .25s,transform .25s,box-shadow .25s}
.btn:hover{background:#ff3652;transform:translateY(-3px);box-shadow:0 13px 35px #f3223e38}
.btn-outline{background:#141316a8;border-color:#ffffff8a;backdrop-filter:blur(8px)}
.btn-outline:hover{background:#fff;color:#17171b!important;box-shadow:0 13px 35px #0005}
.btn span:last-child{font-size:19px;line-height:1}
.hero{padding:0;background:#080809;isolation:isolate;min-height:min(880px,calc(100svh - 88px))}
.hero::before{display:none}
.hero-media,.hero-media::after,.hero-video{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:-1;background:url('/assets/reno-cinematic-poster.webp') center center/cover no-repeat}
.hero-video{object-fit:cover;object-position:center center}
.hero-media::after{content:'';background:linear-gradient(90deg,#09090bef 0%,#09090bcd 26%,#09090b61 52%,#09090b17 75%),linear-gradient(0deg,#080809b0,transparent 27%,transparent 70%,#09090b30)}
.hero-stage{min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(110px,16vh,205px);padding-bottom:26px}
.hero-copy{max-width:840px}
.hero .eyebrow{font-size:12px;letter-spacing:.24em;color:#f3c6cb;font-weight:800;gap:15px}
.hero .eyebrow::before{display:none}
.eyebrow-line{display:block;width:37px;height:2px;background:#f3223e}
.hero h1{font-size:clamp(62px,8.4vw,134px);font-weight:900;line-height:.92;letter-spacing:-.09em;margin:25px 0 30px;text-wrap:balance}
.hero h1 span{color:#fff}
.hero h1 em{color:#f3223e;font-style:normal}
.hero p{font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#e1dde0;max-width:620px;text-shadow:0 1px 5px #000}
.hero-actions{gap:13px;margin:34px 0 65px}
.hero-actions .btn{min-height:59px;padding:17px 24px}
.play-icon{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font-size:10px!important;padding-left:2px}
.hero-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff4d;padding-top:23px;color:#efeaec;font-size:11px;font-weight:800;letter-spacing:.18em}
.hero-bottom a{color:inherit;text-decoration:none;transition:color .2s}
.hero-bottom a:hover{color:#ff596b}
.hero-bottom a span{font-size:22px;margin-left:12px;vertical-align:middle}
.section{padding-block:clamp(84px,9vw,145px)}
.section-head h2,.showcase-copy h2,.cta h2{font-weight:800;letter-spacing:-.055em}
.section-head h2{font-size:clamp(42px,5.2vw,76px);line-height:1.04}
.section-head{max-width:880px;margin-bottom:48px}
.section-head .eyebrow,.showcase-copy .eyebrow,.cta .eyebrow{color:#ff6377}
.features-section{background:linear-gradient(155deg,#151315,#09090b 46%,#121014)}
.capability-grid{gap:1px;background:#ffffff24;border:1px solid #ffffff24}
.capability-card,.capability-card:nth-child(1){border:0;border-radius:0;background:#151416;box-shadow:none;min-height:335px;padding:clamp(28px,3vw,50px);transition:background .25s,transform .3s}
.capability-card:hover{background:#26191d;transform:translateY(-4px);z-index:1}
.capability-index,.pricing-kicker{font-size:11px;letter-spacing:.2em;color:#ff687b}
.capability-card h3{font-size:clamp(25px,2.5vw,39px);margin-top:52px}
.capability-card p{color:#bfb9bf}
.platform-list span{border-radius:2px;background:#352125}
.soon-banner{border-radius:3px;margin-top:30px}
.section.alt{background:#171518}
.feature{border-radius:3px;background:#1c1b1e;padding:30px}
.feature:hover{border-color:#b24454}
.pricing-section{background:linear-gradient(130deg,#111012,#211318 55%,#0f0e11)}
.pricing-grid{gap:1px;background:#66525a;border:1px solid #66525a}
.pricing-card,.pricing-card.featured{border:0;border-radius:0;background:#18171a;min-height:425px;padding:clamp(28px,3vw,48px)}
.pricing-card.featured{background:linear-gradient(140deg,#381c23,#19171b);box-shadow:inset 0 4px #f3223e}
.pricing-card h3{font-size:22px;margin-top:50px}
.price{font-size:clamp(52px,5vw,76px)}
.price-link{border-radius:2px;background:#322128;transition:background .2s,transform .2s}
.price-link:hover{background:#f3223e;transform:translateY(-2px)}
.pricing-foot{border-radius:2px;background:#1b171a}
.video-frame{border-radius:3px}
.cta{border-radius:3px;background:linear-gradient(110deg,#2a151b,#161316 65%),#20151b}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1220px){.nav-links{gap:13px}.nav-links a{font-size:11px}.desktop-cta{display:none}.hero h1{font-size:clamp(64px,9vw,112px)}}
@media(max-width:950px){.nav{min-height:76px}.nav-links{display:none;position:fixed;top:76px;left:0;right:0;height:calc(100svh - 76px);overflow-y:auto;z-index:60;padding:clamp(30px,7vw,70px);background:#101013f7;backdrop-filter:blur(24px);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(24px,4vw,39px);letter-spacing:-.03em;padding:17px 0;border-bottom:1px solid #ffffff30}.nav-links a span,.nav-caption,.nav-login{display:block!important}.nav-caption{font-size:11px;letter-spacing:.2em;color:#f06a7c;margin-bottom:20px}.nav-links a::after{display:none}.nav-login{margin-top:24px;color:#ff697b!important}.menu-btn{display:flex;gap:16px;align-items:center;color:#fff;background:#17171a;border:1px solid #545157;border-radius:3px;padding:11px 15px;font-size:11px;font-weight:800;letter-spacing:.15em;cursor:pointer}.menu-icon{width:19px;display:grid;gap:5px}.menu-icon i{height:2px;width:19px;background:#fff;transition:transform .2s}.menu-open .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-open{overflow:hidden}.hero{min-height:calc(100svh - 76px)}.hero-stage{padding-top:clamp(100px,18vh,190px)}.hero-media::after{background:linear-gradient(90deg,#09090bee,#09090b9c 65%,#09090b54),linear-gradient(0deg,#09090be8,transparent 45%)}.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.wrap{padding-inline:22px}.nav{min-height:70px}.nav-links{top:70px;height:calc(100svh - 70px)}.brand{width:155px;height:45px}.brand img{width:152px}.menu-btn{display:flex}.hero{min-height:calc(100svh - 70px)}.hero-stage{padding-top:clamp(95px,13vh,170px)}.hero .eyebrow{font-size:10px;letter-spacing:.14em}.hero h1{font-size:clamp(51px,11vw,76px);line-height:.97;letter-spacing:-.082em;margin:21px 0}.hero p{font-size:16px;line-height:1.55}.hero-actions{margin:29px 0 42px}.hero-actions .btn{width:100%;justify-content:space-between;min-height:53px}.hero-bottom{font-size:9px;letter-spacing:.08em}.hero-bottom>span:last-child{display:none}.section-head h2{font-size:clamp(39px,10vw,57px)}.capability-grid,.pricing-grid{grid-template-columns:1fr}.capability-card{min-height:0}.capability-card h3{margin-top:34px}.pricing-card,.pricing-card.featured{min-height:0}.pricing-card h3{margin-top:32px}.cta{padding:35px 26px}.section{padding-block:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.capability-card,.btn,.price-link{transition:none}}