/* ============================================================
   RredBird Showcase 2.0 — brand kit v1
   Obsidian / cardinal / Space Grotesk + Inter
   ============================================================ */
:root{
  --rb-red:#F5222D;
  --rb-red-hot:#FF3344;
  --rb-red-deep:#A90F1B;
  --rb-ember:#6B0710;
  --rb-obsidian:#07080A;
  --rb-carbon:#101216;
  --rb-graphite:#1B1E24;
  --rb-white:#F7F8FA;
  --rb-silver:#C8CDD5;
  --rb-steel:#8C939E;
  --rb-gold:#D6A84B;
  --rb-red-rgb:245 34 45;
  --rb-white-rgb:247 248 250;
  --rb-radius-sm:12px;
  --rb-radius-md:18px;
  --rb-radius-lg:24px;
  --rb-ease:cubic-bezier(.2,.8,.2,1);
  --max:1160px;
  --font-display:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;
  --font-body:Inter,ui-sans-serif,system-ui,sans-serif;
  --font-editorial:"Cormorant Garamond",Georgia,serif;
  /* legacy aliases so Nest / older cards don't break */
  --void:var(--rb-obsidian);
  --void-2:var(--rb-carbon);
  --text:var(--rb-white);
  --muted:var(--rb-steel);
  --gold:var(--rb-gold);
  --ember:var(--rb-red-hot);
  --rred:var(--rb-red);
  --border:rgb(var(--rb-red-rgb)/.28);
  --border-soft:rgb(var(--rb-white-rgb)/.10);
  --card:var(--rb-carbon);
  --radius-lg:var(--rb-radius-lg);
  --radius-md:var(--rb-radius-md);
  --font-mono:var(--font-body);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--rb-white);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 18% -10%,rgb(var(--rb-red-rgb)/.14),transparent 42%),
    radial-gradient(circle at 92% 8%,rgb(var(--rb-red-rgb)/.06),transparent 28%),
    var(--rb-obsidian);
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.045em;line-height:1.05;text-wrap:pretty}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--rb-red-hot);outline-offset:3px}

.rb-wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.rb-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rb-silver)}
.rb-muted{color:var(--rb-steel)}
.rb-editorial{font-family:var(--font-editorial);font-weight:600;color:var(--rb-silver)}

/* header */
.rb-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);background:rgb(7 8 10/.78);border-bottom:1px solid rgb(var(--rb-white-rgb)/.08)}
.rb-header-inner{width:min(var(--max),calc(100% - 40px));margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.rb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;color:var(--rb-white)}
.rb-logo img{width:40px;height:40px;border-radius:50%;object-fit:cover;mix-blend-mode:screen}
.rb-nav{display:flex;align-items:center;gap:22px}
.rb-nav a{text-decoration:none;color:var(--rb-silver);font-size:14px;font-weight:500}
.rb-nav a:hover{color:var(--rb-white)}
.rb-header-cta,.rb-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;
  transition:transform 220ms var(--rb-ease),filter 220ms var(--rb-ease),box-shadow 220ms var(--rb-ease);
}
.rb-header-cta,.rb-btn-primary{
  color:#fff;border:1px solid rgb(255 255 255/.14);
  background:linear-gradient(135deg,var(--rb-red-hot),var(--rb-red-deep));
  box-shadow:0 10px 30px rgb(var(--rb-red-rgb)/.28),0 0 20px rgb(var(--rb-red-rgb)/.16);
}
.rb-header-cta:hover,.rb-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);color:#fff}
.rb-btn-ghost{color:var(--rb-white);border:1px solid rgb(var(--rb-white-rgb)/.12);background:rgb(var(--rb-white-rgb)/.05)}
.rb-btn-ghost:hover{background:rgb(var(--rb-white-rgb)/.09)}
.rb-cta-row{display:flex;flex-wrap:wrap;gap:12px}

/* hero */
.rb-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:48px;align-items:center;padding:72px 0 56px}
.rb-hero h1{font-size:clamp(44px,7vw,84px);margin:14px 0 18px}
.rb-hero .rb-lede{font-size:19px;max-width:38ch;color:var(--rb-silver);margin:0 0 28px}
.rb-hero-still{position:relative;margin:0;border-radius:var(--rb-radius-lg);overflow:hidden;min-height:520px;border:1px solid rgb(var(--rb-white-rgb)/.10);box-shadow:0 28px 80px rgb(0 0 0/.5),0 0 40px rgb(var(--rb-red-rgb)/.12)}
.rb-hero-still img{width:100%;height:560px;object-fit:cover;object-position:55% 14%}
.rb-hero-still figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 16px;background:linear-gradient(transparent,rgb(7 8 10/.88));font-size:13px;color:var(--rb-silver)}
.rb-hero-still strong{color:var(--rb-white)}

.rb-section{padding:72px 0}
.rb-section h2{font-size:clamp(28px,4vw,44px);margin:10px 0 28px}

/* paths */
.rb-paths{display:grid;grid-template-columns:1.4fr .9fr;grid-template-rows:auto auto;gap:16px}
.rb-path{background:var(--rb-carbon);border:1px solid rgb(var(--rb-white-rgb)/.08);border-radius:var(--rb-radius-lg);padding:32px}
.rb-path-primary{grid-row:1 / span 2;background:radial-gradient(700px circle at 0% 0%,rgb(var(--rb-red-rgb)/.16),transparent 42%),var(--rb-carbon);border-color:rgb(var(--rb-red-rgb)/.28)}
.rb-path h3{font-size:26px;margin:8px 0 12px}
.rb-path p{color:var(--rb-silver);margin:0 0 18px}
.rb-path a.rb-inline{color:var(--rb-white);font-weight:600;text-decoration:none;border-bottom:1px solid rgb(var(--rb-red-rgb)/.7)}

/* offer */
.rb-offer{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:36px;border-radius:var(--rb-radius-lg);background:linear-gradient(145deg,#101216,#07080A);border:1px solid rgb(var(--rb-white-rgb)/.1)}
.rb-status{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rb-gold);border:1px solid rgb(214 168 75/.4);border-radius:999px;padding:6px 10px}

/* steps */
.rb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step;border-top:1px solid rgb(var(--rb-white-rgb)/.1)}
.rb-step{padding:28px 22px 8px 0;border-right:1px solid rgb(var(--rb-white-rgb)/.08)}
.rb-step:last-child{border-right:0}
.rb-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-family:var(--font-display);color:var(--rb-red);font-weight:700;letter-spacing:.08em;margin-bottom:12px}
.rb-step h3{margin:0 0 8px;font-size:18px}
.rb-step p{margin:0;color:var(--rb-steel);font-size:14px}

/* trust + form */
.rb-trust{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.rb-ready{padding-left:1.1em}
.rb-ready li{margin:8px 0;color:var(--rb-silver)}
.rb-ready strong{color:var(--rb-white)}
.rb-inquiry{background:var(--rb-carbon);border:1px solid rgb(var(--rb-white-rgb)/.1);border-radius:var(--rb-radius-lg);padding:28px}
.rb-inquiry label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
.rb-inquiry input,.rb-inquiry textarea{
  width:100%;margin-bottom:14px;min-height:44px;border-radius:var(--rb-radius-sm);
  border:1px solid rgb(var(--rb-white-rgb)/.12);background:#0b0d11;color:var(--rb-white);
  padding:10px 12px;font:inherit
}
.rb-inquiry textarea{min-height:110px;resize:vertical}
.rb-inquiry button{border:0;cursor:pointer;width:100%}
.rb-form-note{font-size:13px;color:var(--rb-steel);margin:10px 0 0}

/* footer */
.rb-footer{padding:40px 0 56px;border-top:1px solid rgb(var(--rb-white-rgb)/.08);color:var(--rb-steel);font-size:14px}
.rb-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rb-footer a{color:var(--rb-silver);text-decoration:none}

/* inner pages (winter) */
.rb-page-main{width:min(820px,calc(100% - 40px));margin:0 auto;padding:48px 0 72px}
.rb-page-main h1{font-size:clamp(36px,6vw,58px);margin:12px 0 16px}
.rb-page-main .rb-lede{font-size:18px;color:var(--rb-silver)}
.rb-page-main h2{font-size:26px;margin:36px 0 12px}
.rb-page-main ul{color:var(--rb-silver)}
.rb-page-main .rb-inquiry{margin-top:36px}

/* Nest / legacy glass pages */
.rb-glass-card{background:var(--rb-carbon);border:1px solid rgb(var(--rb-white-rgb)/.10);border-radius:var(--rb-radius-lg);padding:28px}
.rb-single-main{max-width:760px;margin:0 auto;padding:70px 24px}
.rb-single-card{padding:44px}
.rb-single-card h1{margin-top:0}

body.admin-bar .rb-header{top:32px}
@media(max-width:782px){body.admin-bar .rb-header{top:46px}}
@media(max-width:860px){
  .rb-nav .hide-sm{display:none}
  .rb-hero,.rb-paths,.rb-offer,.rb-trust,.rb-steps{grid-template-columns:1fr}
  .rb-path-primary{grid-row:auto}
  .rb-step{border-right:0;border-bottom:1px solid rgb(var(--rb-white-rgb)/.08)}
  .rb-hero-still,.rb-hero-still img{min-height:380px;height:420px}
  .rb-hero{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rb-header-cta,.rb-btn{transition:none}
}