:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f2e8;background:#090a0c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:linear-gradient(#f2c16614,#090a0c00 360px),#090a0c;overflow-x:hidden}button,input,textarea,select{font:inherit}main{min-height:100vh}.realone-home{align-content:center;gap:28px;width:min(1080px,100% - 32px);margin:0 auto;padding:64px 0;display:grid}.realone-intro{gap:8px;display:grid}.realone-intro h1{letter-spacing:0;margin:0;font-size:clamp(3.2rem,8vw,7rem);line-height:.94}.realone-card{min-height:360px;color:inherit;background:#ffffff0e;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:minmax(240px,.9fr) minmax(0,1fr);text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:grid;overflow:hidden;box-shadow:0 28px 80px #00000052}.realone-card:hover{background:#f2c16614;border-color:#f2c166b3;transform:translateY(-3px)}.realone-card__media{background:linear-gradient(140deg,#f6f2e814,#f6f2e800),#11141a;min-height:280px;position:relative}.realone-card__screen{background:linear-gradient(#1d212a1a 0%,#090a0ceb 58%),linear-gradient(115deg,#1c242b 0%,#0d0f13 100%);border:1px solid #ffffff29;border-radius:8px;position:absolute;inset:28px;overflow:hidden}.realone-card__road{transform-origin:bottom;background:linear-gradient(90deg,#0000 0 47%,#f2c166ad 47% 53%,#0000 53%),linear-gradient(#23262c 0%,#111216 100%);height:48%;position:absolute;bottom:-24%;left:-18%;right:-18%;transform:perspective(400px)rotateX(58deg)}.realone-card__car{aspect-ratio:2.6;background:linear-gradient(90deg,#0000 8%,#070809 8% 20%,#0000 20% 72%,#070809 72% 84%,#0000 84%),linear-gradient(#f6f2e8 0%,#bfc3c9 100%);border-radius:999px 999px 18px 18px;width:46%;position:absolute;bottom:24%;left:50%;transform:translate(-50%);box-shadow:0 20px 44px #00000061}.realone-card__content{align-content:end;gap:14px;padding:34px;display:grid}.realone-card__label{color:#f2c166;letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:800}.realone-card strong{letter-spacing:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.96}.realone-card__content span:last-child{color:#f6f2e8b3;max-width:440px;font-size:1rem;line-height:1.5}.site-shell{position:relative}.project-page{width:min(1180px,100% - 40px);margin:0 auto;padding:132px 0 80px}.site-header{z-index:60;-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:#090a0c9e;border:1px solid #ffffff29;border-radius:999px;align-items:center;width:max-content;max-width:calc(100% - 28px);padding:5px;display:block;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #00000047}.site-header__nav{justify-content:center;align-items:center;gap:3px;display:flex}.site-header__nav a,.button{color:#f6f2e8c2;letter-spacing:0;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;font-size:.86rem;font-weight:700;line-height:1.05;text-decoration:none;display:inline-flex}.site-header__nav a{flex-direction:column;gap:3px;min-width:112px;min-height:50px;padding:6px 16px;transition:color .16s,background .16s,box-shadow .16s}.site-header__label,.site-header__variant{display:block}.site-header__variant{opacity:.74;font-size:.68rem;font-weight:600}.site-header__nav a:hover .site-header__variant,.site-header__nav a.is-active .site-header__variant{opacity:.86}.site-header__nav a.site-header__home{color:#f6f2e894;min-width:68px}.site-header__nav a.site-header__home:hover{color:#f6f2e8;box-shadow:none;background:#ffffff1a}.site-header__nav a:hover,.site-header__nav a.is-active{color:#090a0c;background:#f2c166;box-shadow:0 8px 22px #f2c16638}.page-hero{align-content:end;min-height:min(700px,100vh - 132px);padding:56px 0 72px;display:grid}.page-hero--compact{min-height:460px}.eyebrow{color:#f2c166;letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:800}.page-hero h1{letter-spacing:0;max-width:980px;margin:0;font-size:clamp(3rem,8vw,7.3rem);line-height:.94}.page-hero p{color:#f6f2e8b8;max-width:700px;margin:26px 0 0;font-size:clamp(1rem,2vw,1.24rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.button{padding:0 18px}.button--primary{color:#090a0c;background:#f2c166}.button--secondary{color:#f6f2e8;background:#ffffff0f;border:1px solid #ffffff2e}.project-panel{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px;padding:44px 0;display:grid}.project-panel h2{letter-spacing:0;max-width:520px;margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05}.structure-list{gap:20px;display:grid}.structure-list p{color:#f6f2e8ad;grid-template-columns:150px minmax(0,1fr);gap:18px;margin:0;line-height:1.55;display:grid}.structure-list strong{color:#f6f2e8}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:44px 0 0;display:grid}.demo-card{min-height:310px;color:inherit;background:#ffffff0b;border:1px solid #ffffff24;border-radius:8px;align-content:space-between;gap:18px;padding:24px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:grid}.demo-card:hover{background:#f2c16614;border-color:#f2c166a6;transform:translateY(-2px)}.demo-card span,.demo-card small{color:#f2c166;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.demo-card h2{letter-spacing:0;margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.06}.demo-card p{color:#f6f2e8ad;margin:0;line-height:1.5}.demo-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr) auto;align-items:end;gap:28px;width:min(1180px,100% - 40px);margin:0 auto;padding:128px 0 42px;display:grid}.demo-intro h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.95}.demo-intro__copy p{color:#f6f2e8bd;margin:0 0 14px;line-height:1.55}.demo-intro__copy span{color:#f2c166;font-size:.88rem;font-weight:700;line-height:1.4}.demo-intro__back{color:#f6f2e8;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:520px){.realone-home{width:min(100% - 24px,1080px);padding:34px 0}.realone-card{grid-template-columns:1fr}.realone-card__content{padding:24px}.site-header{width:calc(100% - 20px);padding:4px;top:10px}.site-header__nav{gap:2px;width:100%}.site-header__nav a{flex:1 1 0;min-width:0;min-height:50px;padding:6px 8px}}@media (min-width:521px) and (max-width:720px){.realone-card{grid-template-columns:1fr}}@media (min-width:521px) and (max-width:900px){.project-panel,.demo-intro{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr 1fr}}