:root {
  --r4-ink:#24201b;
  --r4-muted:#6d655d;
  --r4-line:#e8ddd0;
  --r4-bg:#fbf6ef;
  --r4-bg-2:#f6eddc;
  --r4-bg-3:#fff3c8;
  --r4-bg-4:#f4efe7;
  --r4-primary:#b38b28;
  --r4-secondary:#7f6c3f;
  --r4-accent:#f3cf52;
  --r4-kodak:#f7d117;
  --r4-white:#ffffff;
  --r4-shadow:0 18px 46px rgba(58,40,16,.08);
}

.ra4ker-home,
.ra4ker-home * { box-sizing:border-box; }
.ra4ker-home {
  background:linear-gradient(180deg,#fcf8f1 0%,#fffdf9 260px);
  color:var(--r4-ink);
  font:400 16px/1.65 inherit;
}
.ra4ker-home a { text-decoration:none; }
.ra4ker-home h1,.ra4ker-home h2,.ra4ker-home h3 { margin:0 0 12px; line-height:1.08; color:var(--r4-ink); }
.ra4ker-home h1 { font-size:clamp(42px,6vw,68px); letter-spacing:-.045em; }
.ra4ker-home h1 span { color:var(--r4-primary); }
.ra4ker-home h2 { font-size:clamp(30px,4vw,46px); letter-spacing:-.035em; }
.ra4ker-home h3 { font-size:28px; }
.ra4ker-home p { margin:0 0 14px; color:var(--r4-muted); }
.ra4ker-home strong { color:var(--r4-ink); }
.ra4ker-home svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.r4-shell { width:min(100% - 40px, 1160px); margin:0 auto; }
.r4-section { padding:56px 0; }
.r4-eyebrow,.r4-kicker {
  display:inline-flex; align-items:center; gap:10px; margin-bottom:16px;
  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
}
.r4-eyebrow { color:#8e6f1c; }
.r4-kicker { color:#7a6f63; }
.r4-kicker-light { color:#ffe89a; }
.r4-dot { width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,var(--r4-accent),#dbb03f); box-shadow:0 0 0 7px rgba(243,207,82,.18); }
.r4-lead { max-width:680px; font-size:18px; }

.r4-hero { padding:78px 0 36px; background:linear-gradient(180deg,#fbf6ef 0%,#fffdf9 100%); }
.r4-hero-grid,
.r4-compatible-grid,
.r4-cta-box { display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:center; }
.r4-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 20px; }
.r4-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 20px; border-radius:16px; font-weight:800; transition:transform .18s ease; }
.r4-btn:hover { transform:translateY(-1px); }
.r4-btn-primary { background:linear-gradient(135deg,var(--r4-accent),#ffe48e); color:#201b12 !important; box-shadow:0 10px 24px rgba(243,207,82,.26); }
.r4-btn-ghost { background:#fff; color:var(--r4-ink) !important; border:1px solid var(--r4-line); }
.r4-btn-light { background:var(--r4-accent); color:#17120c !important; }
.r4-btn-outline-light { border:1px solid rgba(255,255,255,.35); color:#fff !important; background:rgba(255,255,255,.06); }
.r4-hero-tags { display:flex; flex-wrap:wrap; gap:10px; }
.r4-hero-tags span { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; background:#fffaf1; border:1px solid var(--r4-line); font-size:13px; font-weight:700; color:#4e463d; }
.r4-hero-tags svg { width:16px; height:16px; color:#7d6f27; }

.r4-placeholder-card {
  display:grid; place-items:center; text-align:center; gap:10px; min-height:320px; padding:32px; border-radius:32px;
  background:linear-gradient(135deg,#fff9ef,#f8f1e4 58%,#fffdf8); border:2px dashed #d9c8ae; box-shadow:var(--r4-shadow); color:#73675b;
}
.r4-placeholder-card strong { font-size:24px; color:var(--r4-ink); }
.r4-placeholder-card span { font-size:14px; }
.r4-placeholder-icon { display:grid; place-items:center; width:68px; height:68px; border-radius:20px; background:#fff; color:#9a7a25; box-shadow:0 10px 24px rgba(116,84,19,.10); }
.r4-placeholder-icon svg { width:28px; height:28px; }
.r4-placeholder-machine { min-height:280px; }

.r4-highlights { padding-top:10px; background:#fffdf9; }
.r4-highlight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.r4-highlight-grid article { padding:22px 22px; border-radius:24px; box-shadow:var(--r4-shadow); border:1px solid var(--r4-line); background:#fff; }
.r4-highlight-grid article:nth-child(2) { background:var(--r4-bg-2); }
.r4-highlight-grid article:nth-child(3) { background:linear-gradient(180deg,#fff6d8,#fffaf0); }
.r4-highlight-grid strong { display:block; margin-bottom:8px; font-size:18px; }
.r4-highlight-grid p { margin-bottom:0; font-size:14px; }
.r4-kodak-yellow { color:#b38b00; }

.r4-products { background:linear-gradient(180deg,#f7f0e4 0%,#fffaf3 100%); }
.r4-section-head { max-width:760px; margin:0 auto 24px; text-align:center; }
.r4-product-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.r4-product-card { padding:28px; border-radius:28px; background:#fffdf8; border:1px solid var(--r4-line); box-shadow:var(--r4-shadow); }
.r4-product-card-alt { background:linear-gradient(180deg,#fff7e5,#fdf2d1); }
.r4-card-icon { display:grid; place-items:center; width:50px; height:50px; margin-bottom:14px; border-radius:16px; background:#fff2bf; color:#8d6c00; }
.r4-product-card-alt .r4-card-icon { background:#fbe7ad; color:#8e6a00; }
.r4-card-label { display:inline-block; margin-bottom:10px; font-size:11px; font-weight:900; letter-spacing:.16em; color:#7d746b; }
.r4-product-card p { max-width:460px; }
.r4-product-card > a { display:inline-flex; align-items:center; gap:8px; margin-top:8px; font-weight:800; color:var(--r4-ink) !important; }

.r4-compatible { background:#f4efe7; }
.r4-compatible-copy p { font-size:17px; }
.r4-machine-tags { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.r4-machine-tags span { padding:8px 12px; border-radius:999px; background:#fffaf1; border:1px solid var(--r4-line); font-size:12px; font-weight:800; }
.r4-note { margin:18px 0 0; padding:16px 18px; border-radius:18px; background:#fff4d2; border:1px solid #ecd483; font-size:14px; color:#5f564d; }

.r4-lucky-info { background:linear-gradient(180deg,#fffdf9 0%,#f7f0e4 100%); }
.r4-accordion-wrap { max-width:1040px; margin:0 auto; }
.r4-accordion { border:1px solid var(--r4-line); border-radius:28px; background:#fffbf6; box-shadow:var(--r4-shadow); overflow:hidden; }
.r4-accordion summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; user-select:none; }
.r4-accordion summary::-webkit-details-marker { display:none; }
.r4-accordion summary span { display:block; }
.r4-accordion summary strong { display:block; font-size:20px; margin-bottom:4px; }
.r4-accordion summary small { display:block; color:var(--r4-muted); font-size:13px; }
.r4-accordion summary i { position:relative; flex:0 0 38px; width:38px; height:38px; border-radius:999px; background:#f8edd0; }
.r4-accordion summary i::before,
.r4-accordion summary i::after { content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; background:#8d6f1b; border-radius:2px; transform:translate(-50%,-50%); }
.r4-accordion summary i::after { transform:translate(-50%,-50%) rotate(90deg); transition:transform .2s ease; }
.r4-accordion[open] summary i::after { transform:translate(-50%,-50%) rotate(0deg); }
.r4-accordion-content { padding:0 28px 28px; border-top:1px solid var(--r4-line); }
.r4-accordion-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:24px; padding-top:24px; }
.r4-accordion-copy { display:grid; gap:16px; }
.r4-mini-block { padding:18px 20px; border-radius:20px; background:#fffaf0; border:1px solid #eee1c9; }
.r4-mini-block:nth-child(2) { background:#fff4d8; border-color:#ead59b; }
.r4-mini-block:nth-child(3) { background:#f7f1e8; border-color:#e7d8c8; }
.r4-mini-block h3 { margin:0 0 8px; font-size:20px; }
.r4-mini-block p { margin:0; font-size:14px; }
.r4-accordion-images { display:grid; gap:16px; }
.r4-placeholder-small { min-height:220px; }
.r4-placeholder-warm { background:linear-gradient(135deg,#fff2cf,#fff7e7 58%,#fffaf3); border-color:#dfc98d; }

.r4-final-cta { padding-top:24px; }
.r4-cta-box { padding:40px 38px; border-radius:30px; background:linear-gradient(135deg,#2b251d,#453826 60%,#5b492d); box-shadow:0 28px 60px rgba(52,36,17,.22); }
.r4-cta-box h2,.r4-cta-box p { color:#fff8ee; }
.r4-cta-actions { display:flex; flex-direction:column; gap:10px; }

.r4-sources { padding:8px 0 60px; background:#fffdf9; }
.r4-sources details { border-top:1px solid var(--r4-line); color:#7a7066; font-size:12px; }
.r4-sources summary { cursor:pointer; padding:18px 0; font-weight:800; color:#544a41; }
.r4-source-content { padding:0 0 16px; }
.r4-source-content a { display:block; padding:3px 0; color:#544a41 !important; text-decoration:underline; text-underline-offset:3px; }

@media (max-width: 980px) {
  .r4-hero-grid,.r4-compatible-grid,.r4-cta-box,.r4-highlight-grid,.r4-product-grid,.r4-accordion-grid { grid-template-columns:1fr 1fr; }
  .r4-hero-grid,.r4-compatible-grid,.r4-cta-box,.r4-accordion-grid { grid-template-columns:1fr; }
  .r4-cta-actions { flex-direction:row; flex-wrap:wrap; }
  .r4-accordion-images { grid-template-columns:1fr 1fr; }
}

@media (max-width: 720px) {
  .r4-shell { width:min(100% - 26px, 1160px); }
  .r4-hero { padding:56px 0 28px; }
  .r4-section { padding:46px 0; }
  .r4-highlight-grid,.r4-product-grid,.r4-accordion-images { grid-template-columns:1fr; }
  .r4-placeholder-card { min-height:240px; }
  .r4-actions .r4-btn,
  .r4-cta-actions .r4-btn { width:100%; }
  .r4-cta-actions { flex-direction:column; }
  .r4-accordion summary { padding:20px 20px; }
  .r4-accordion-content { padding:0 20px 20px; }
  .r4-placeholder-small { min-height:190px; }
}