:root { --rb-black:#070707; --rb-white:#f7f7f5; --rb-orange:#f27f0d; --rb-line:rgba(255,255,255,.17); }
[x-cloak] { display:none !important; }
.rb-page { margin:0; background:var(--rb-black); color:var(--rb-white); font-family:"Barlow",Arial,sans-serif; }
.rb-shell { width:min(100% - 3rem,88rem); margin-inline:auto; }
.rb-header { position:absolute; z-index:30; inset:0 0 auto; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:3rem; padding:1.35rem max(1.5rem,calc((100vw - 88rem)/2)); border-bottom:1px solid rgba(255,255,255,.12); background:rgba(7,7,7,.74); backdrop-filter:blur(12px); }
.rb-header .brand__mark { width:3.25rem; height:3.25rem; }
.rb-header .brand__name { font-size:1.55rem; }
.rb-nav { display:flex; align-items:center; gap:2.4rem; }
.rb-nav a { color:#fff; font-size:.79rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; }
.rb-nav a:hover { color:var(--rb-orange); }
.rb-header-cta,.rb-button { display:inline-flex; align-items:center; justify-content:center; min-height:3.75rem; padding:.9rem 1.4rem; font-size:.88rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; text-decoration:none; transition:transform .2s ease,background .2s ease,color .2s ease; }
.rb-header-cta { background:var(--rb-orange); color:var(--rb-black); }
.rb-header-cta:hover,.rb-button:hover { transform:translateY(-2px); }
.rb-hero { position:relative; display:flex; min-height:100svh; align-items:flex-end; isolation:isolate; overflow:hidden; padding:9rem 0 5rem; }
.rb-hero__image { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% center; }
.rb-hero__edge { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.84) 31%,rgba(7,7,7,.14) 72%,rgba(7,7,7,.05) 100%),linear-gradient(0deg,rgba(7,7,7,.78),transparent 45%); }
.rb-hero__content { position:relative; }
.rb-hero h1,.rb-product h2,.rb-manifesto h2,.rb-route h2,.rb-clarity h2,.rb-access h2,.rb-purchase h2 { margin:0; font-family:"Bebas Neue",Impact,sans-serif; font-weight:400; text-transform:uppercase; }
.rb-hero h1 { display:flex; flex-direction:column; max-width:20ch; font-size:clamp(5rem,8vw,8rem); line-height:.79; letter-spacing:-.02em; }
.rb-hero h1 span { color:#fff; }
.rb-hero h1 strong { color:var(--rb-orange); font-weight:400; }
.rb-hero__content>p { max-width:34rem; margin:2rem 0 1.7rem; color:rgba(255,255,255,.84); font-size:clamp(1.05rem,1.45vw,1.3rem); line-height:1.5; }
.rb-button--orange { background:var(--rb-orange); color:var(--rb-black); }
.rb-hero__facts { display:flex; flex-wrap:wrap; gap:.8rem 1.7rem; margin-top:1.35rem; color:rgba(255,255,255,.68); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.rb-hero__facts span+span::before { content:"·"; margin-right:1.7rem; color:var(--rb-orange); }
.rb-scroll { position:absolute; bottom:0; left:50%; display:grid; width:3.5rem; height:3.5rem; place-items:center; border:1px solid rgba(255,255,255,.22); border-bottom:0; transform:translateX(-50%); }
.rb-scroll span { width:.65rem; height:.65rem; border-right:2px solid var(--rb-orange); border-bottom:2px solid var(--rb-orange); transform:rotate(45deg) translate(-2px,-2px); }
.rb-product { position:relative; overflow:hidden; padding:clamp(5rem,9vw,9rem) 0; background:var(--rb-white); color:var(--rb-black); }
.rb-product h2 { max-width:none; font-size:clamp(4rem,6.2vw,6.2rem); line-height:.86; }
.rb-product h2 strong { color:var(--rb-orange); font-weight:400; }
.rb-product__intro { max-width:42rem; margin:2rem 0 3.5rem; font-size:1.2rem; line-height:1.55; }
.rb-product__grid { display:grid; grid-template-columns:minmax(15rem,.62fr) minmax(0,1.55fr); align-items:stretch; }
.rb-feature-list { margin:0; padding:0; border-block:1px solid rgba(7,7,7,.28); list-style:none; }
.rb-feature-list li { display:grid; grid-template-columns:3rem 1fr; align-items:center; gap:1rem; min-height:6rem; padding:1rem 1.5rem 1rem 0; border-bottom:1px solid rgba(7,7,7,.22); }
.rb-feature-list li:last-child { border-bottom:0; }
.rb-feature-list span { color:var(--rb-orange); font-family:"Bebas Neue",sans-serif; font-size:2rem; }
.rb-feature-list strong { font-size:1.08rem; line-height:1.15; }
.rb-roadbook-demo { min-width:0; border:1px solid #303030; background:#0b0b0b; color:#fff; box-shadow:0 2.5rem 5rem rgba(0,0,0,.28); }
.rb-roadbook-demo__bar { display:flex; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border-bottom:1px solid #303030; color:rgba(255,255,255,.55); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.rb-roadbook-demo__bar span:first-child { color:var(--rb-orange); }
.rb-roadbook-demo__body { display:grid; grid-template-columns:minmax(12rem,.75fr) minmax(0,1.45fr); min-height:34rem; }
.rb-roadbook-demo__days { border-right:1px solid #303030; }
.rb-roadbook-demo__days button { display:grid; width:100%; grid-template-columns:1fr auto; gap:.2rem .8rem; padding:1.25rem; border:0; border-bottom:1px solid #242424; background:transparent; color:#fff; text-align:left; cursor:pointer; }
.rb-roadbook-demo__days button small { grid-column:1/-1; color:rgba(255,255,255,.42); font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.rb-roadbook-demo__days button strong { line-height:1.2; }
.rb-roadbook-demo__days button span { color:rgba(255,255,255,.5); font-size:.75rem; }
.rb-roadbook-demo__days button.is-active { border-left:.25rem solid var(--rb-orange); background:#171717; }
.rb-roadbook-demo__days button.is-active small,.rb-roadbook-demo__days button.is-active span { color:var(--rb-orange); }
.rb-roadbook-demo__briefings { display:grid; align-items:center; padding:clamp(2rem,4vw,4rem); background:radial-gradient(circle at 100% 0,rgba(242,127,13,.16),transparent 42%); }
.rb-roadbook-demo__day-label { margin-bottom:1rem; color:var(--rb-orange); font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.rb-roadbook-demo__briefings h3 { margin:0; font-family:"Bebas Neue",sans-serif; font-size:clamp(3rem,5vw,5rem); font-weight:400; line-height:.9; text-transform:uppercase; }
.rb-roadbook-demo__briefings p { max-width:38rem; color:rgba(255,255,255,.68); line-height:1.6; }
.rb-roadbook-demo__knowledge { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.8rem; }
.rb-roadbook-demo__knowledge span { border-left:2px solid var(--rb-orange); padding:.25rem .7rem; color:rgba(255,255,255,.83); font-size:.72rem; font-weight:700; text-transform:uppercase; }
.rb-product__photo { width:min(88rem,calc(100% - 3rem)); height:min(44vw,35rem); margin:5rem auto 0; overflow:hidden; }
.rb-product__photo img { width:100%; height:100%; object-fit:cover; }
.rb-manifesto { padding:clamp(5rem,9vw,9rem) 0; background:var(--rb-black); }
.rb-manifesto__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr); gap:clamp(3rem,7vw,7rem); }
.rb-manifesto h2 { max-width:16ch; font-size:clamp(4rem,5vw,5.2rem); line-height:.87; }
.rb-manifesto h2 strong { color:var(--rb-orange); font-weight:400; }
.rb-manifesto ul { margin:3rem 0 2rem; padding:0; border-top:1px solid var(--rb-orange); list-style:none; }
.rb-manifesto li { padding:1rem 0; border-bottom:1px solid rgba(242,127,13,.58); font-size:clamp(1.15rem,2vw,1.65rem); font-weight:800; }
.rb-manifesto p { max-width:35rem; color:rgba(255,255,255,.74); font-size:1.2rem; line-height:1.5; }
.rb-manifesto p strong { color:var(--rb-orange); }
.rb-manifesto__media { display:grid; grid-template-rows:1.15fr .85fr; gap:1rem; min-height:42rem; }
.rb-manifesto__image { width:100%; height:100%; object-fit:cover; }
.rb-manifesto__quote { display:flex; align-items:end; min-height:34rem; padding:2rem; border:1px solid rgba(242,127,13,.55); color:#fff; font-family:"Bebas Neue",sans-serif; font-size:clamp(2.6rem,4vw,4.5rem); line-height:.95; text-transform:uppercase; }
.rb-route { padding:clamp(4.5rem,8vw,7rem) 0; background:var(--rb-orange); color:var(--rb-black); }
.rb-route__heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.rb-route h2 { font-size:clamp(4rem,7vw,7rem); line-height:.85; }
.rb-route__heading p { max-width:25rem; margin:0; font-size:1rem; font-weight:800; text-transform:uppercase; }
.rb-route__days { display:grid; grid-template-columns:repeat(3,1fr); margin:3rem 0 0; padding:0; border-block:2px solid var(--rb-black); list-style:none; }
.rb-route__days li { display:grid; padding:1.5rem 1.75rem; border-right:1px solid rgba(7,7,7,.45); }
.rb-route__days li:last-child { border-right:0; }
.rb-route__days span,.rb-route__days small { font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.rb-route__days strong { margin:.55rem 0 1.5rem; font-size:1.4rem; line-height:1.1; }
.rb-clarity { padding:clamp(5rem,9vw,9rem) 0; background:var(--rb-white); color:var(--rb-black); }
.rb-clarity__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,10vw,10rem); }
.rb-clarity h2 { font-size:clamp(3.5rem,6vw,6rem); line-height:.9; }
.rb-clarity ul { margin:2rem 0 0; padding:0; border-top:1px solid rgba(7,7,7,.5); list-style:none; }
.rb-clarity li { position:relative; padding:1rem 2rem 1rem 0; border-bottom:1px solid rgba(7,7,7,.25); font-size:1.05rem; font-weight:700; }
.rb-clarity li::after { content:"+"; position:absolute; right:0; color:var(--rb-orange); font-size:1.3rem; }
.rb-clarity__grid>div:last-child li::after { content:"—"; }
.rb-access { padding:clamp(5rem,9vw,8rem) 0; background:var(--rb-black); }
.rb-access h2 { font-size:clamp(4rem,7.5vw,7.5rem); line-height:.86; }
.rb-access h2 strong { display:block; color:var(--rb-orange); font-weight:400; }
.rb-timeline { display:grid; grid-template-columns:repeat(4,1fr); margin:4rem 0 0; padding:0; border-top:2px solid var(--rb-orange); list-style:none; }
.rb-timeline li { position:relative; padding:2rem 2rem 0 0; }
.rb-timeline li::before { content:""; position:absolute; top:-.55rem; left:0; width:1rem; height:1rem; background:var(--rb-orange); }
.rb-timeline span { color:var(--rb-orange); font-family:"Bebas Neue",sans-serif; font-size:5rem; line-height:1; }
.rb-timeline p { max-width:13rem; font-size:1.1rem; font-weight:800; line-height:1.25; }
.rb-access__note { margin:3rem 0 0; padding-top:1.2rem; border-top:1px solid var(--rb-line); color:rgba(255,255,255,.65); }
.rb-purchase { padding:clamp(4rem,8vw,7rem) 0; background:var(--rb-orange); color:var(--rb-black); }
.rb-purchase__grid { display:grid; grid-template-columns:.7fr 1.3fr; align-items:end; gap:clamp(3rem,8vw,8rem); }
.rb-purchase__grid>div:first-child span { display:block; font-family:"Bebas Neue",sans-serif; font-size:clamp(9rem,18vw,18rem); line-height:.7; }
.rb-purchase__grid>div:first-child p { margin:1.8rem 0 0; font-weight:800; text-transform:uppercase; }
.rb-purchase h2 { margin-bottom:2rem; font-size:clamp(4rem,7vw,7rem); line-height:.84; }
.rb-button--black { width:100%; background:var(--rb-black); color:#fff; }
.rb-button--disabled { cursor:not-allowed; color:rgba(255,255,255,.76); }
.rb-purchase__payment { margin:1rem 0 0; font-size:.85rem; font-weight:700; }
.rb-footer { padding:2.5rem 0; background:var(--rb-black); }
.rb-footer .rb-shell { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.rb-footer .brand__mark { width:2.7rem; height:2.7rem; }
.rb-footer .brand__name { font-size:1.25rem; }
.rb-footer p { margin:0; color:rgba(255,255,255,.5); font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:980px) {
 .rb-header { grid-template-columns:1fr auto; } .rb-nav { display:none; } .rb-product__grid,.rb-manifesto__grid { grid-template-columns:1fr; }
 .rb-feature-list { display:grid; grid-template-columns:1fr 1fr; } .rb-feature-list li:nth-child(odd) { border-right:1px solid rgba(7,7,7,.22); }
 .rb-roadbook-demo__body { min-height:30rem; } .rb-manifesto__media { grid-template-columns:1fr 1fr; grid-template-rows:28rem; min-height:0; } .rb-route__heading { align-items:start; flex-direction:column; }
}

.rb-checkout-form { display:grid; gap:14px; width:min(100%, 440px); }
.rb-checkout-form__identity { display:grid; gap:14px; }
.rb-checkout-form label { display:grid; gap:6px; }
.rb-checkout-form label > span { font:800 11px/1.2 'Barlow',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.rb-checkout-form input[type="text"], .rb-checkout-form input[type="email"] { width:100%; border:1px solid rgba(0,0,0,.22); background:#fff; color:#111; padding:13px 14px; font:700 16px/1.2 'Barlow',sans-serif; }
.rb-checkout-form__terms { grid-template-columns:auto 1fr !important; align-items:start; }
.rb-checkout-form__terms input { margin-top:2px; accent-color:#111; }
.rb-checkout-form__terms span { font-size:10px !important; line-height:1.45 !important; }
.rb-checkout-form button { border:0; cursor:pointer; width:100%; }
.rb-checkout-form button:disabled { cursor:wait; opacity:.65; }
.rb-checkout-form p { margin:0; }
.rb-checkout-form__card { display:grid; gap:12px; min-height:170px; padding:14px; border:1px solid rgba(0,0,0,.24); background:rgba(255,255,255,.18); }
.rb-checkout-form__card[hidden] { display:none; }
.rb-checkout-form__secure { font-size:11px !important; font-weight:800; line-height:1.4; }
.rb-checkout-form__status { padding:10px 12px; border-left:3px solid #070707; background:rgba(255,255,255,.35); font-size:12px !important; font-weight:800; }
@media (max-width:700px) {
 .rb-shell { width:min(100% - 2rem,88rem); } .rb-header { padding:.9rem 1rem; } .rb-header .brand__mark { width:2.75rem; height:2.75rem; } .rb-header .brand__name { font-size:1.12rem; }
 .rb-header-cta { min-height:2.75rem; padding:.6rem .75rem; font-size:.65rem; } .rb-hero { min-height:48rem; padding:7rem 0 4rem; } .rb-hero__image { object-position:70% center; }
 .rb-hero__edge { background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.34)),linear-gradient(0deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.25) 70%); } .rb-hero h1 { max-width:7.2ch; font-size:clamp(4.2rem,19vw,6rem); }
 .rb-hero__facts { display:grid; gap:.5rem; } .rb-hero__facts span+span::before { content:none; } .rb-product h2,.rb-manifesto h2,.rb-access h2 { font-size:clamp(3.7rem,16vw,5.5rem); }
 .rb-feature-list { grid-template-columns:1fr; } .rb-feature-list li:nth-child(odd) { border-right:0; } .rb-roadbook-demo__body { grid-template-columns:1fr; }
 .rb-roadbook-demo__days { display:flex; overflow-x:auto; border-right:0; border-bottom:1px solid #303030; } .rb-roadbook-demo__days button { min-width:12rem; border-right:1px solid #242424; }
 .rb-roadbook-demo__days button.is-active { border-left:0; border-bottom:.25rem solid var(--rb-orange); } .rb-roadbook-demo__briefings { min-height:27rem; padding:2rem 1.25rem; }
 .rb-product__photo { width:calc(100% - 2rem); height:22rem; } .rb-manifesto__media { grid-template-columns:1fr; grid-template-rows:repeat(2,20rem); }
 .rb-route__days,.rb-clarity__grid,.rb-timeline,.rb-purchase__grid { grid-template-columns:1fr; } .rb-route__days li { border-right:0; border-bottom:1px solid rgba(7,7,7,.45); } .rb-route__days li:last-child { border-bottom:0; }
 .rb-clarity__grid { gap:4rem; } .rb-timeline { border-top:0; } .rb-timeline li { display:grid; grid-template-columns:4rem 1fr; align-items:center; gap:1rem; padding:1rem 0; border-top:1px solid var(--rb-orange); }
 .rb-timeline li::before { display:none; } .rb-timeline span { font-size:4rem; } .rb-timeline p { max-width:none; } .rb-purchase__grid>div:first-child span { font-size:10rem; } .rb-footer .rb-shell { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; } }
