/* ReelFence-specific additions. Intentionally isolated from other app pages. */
:root { --rf-cyan:#00d9f5; --rf-pink:#fe3ccc; --rf-blue:#347bff; }
.rf-home-card { grid-column:1 / -1; min-height:390px; display:grid; grid-template-columns:1.25fr minmax(215px,.7fr); gap:48px; align-items:center; background:radial-gradient(circle at 86% 48%,rgba(248,47,201,.15),transparent 35%),radial-gradient(circle at 60% 5%,rgba(0,201,254,.13),transparent 36%),linear-gradient(125deg,#0a1332,#0b1023 75%); }
.rf-home-card .card-number { color:rgba(196,179,255,.7); }
.rf-home-card .card-label { color:#73eafc; }
.rf-home-card h3 { margin:16px 0 15px; font-size:clamp(45px,6vw,76px); letter-spacing:-.065em; line-height:.95; }
.rf-home-card h3 em { font-style:normal; color:transparent; background:linear-gradient(90deg,var(--rf-cyan),#8d90ff,var(--rf-pink)); background-clip:text; -webkit-background-clip:text; }
.rf-home-card .rf-home-copy > p:not(.card-label) { max-width:660px; font-size:18px; line-height:1.65; color:#b9c9dc; }
.rf-home-card .rf-home-art { width:min(330px,100%); margin:auto; border:1px solid rgba(172,197,255,.18); border-radius:32px; overflow:hidden; box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 78px rgba(166,46,239,.15); transform:rotate(2deg); transition:transform .6s var(--ease); }
.rf-home-card:hover .rf-home-art { transform:rotate(0deg) translateY(-7px); }
.rf-home-card .rf-home-art img { width:100%; height:auto; }
.rf-home-card .rf-home-copy, .rf-home-art { position:relative; z-index:1; }
.rf-page { --rf-ink:#080d29; --rf-stroke:rgba(161,200,255,.15); --rf-text:#b4c3e0; background:radial-gradient(circle at 80% 7%,rgba(102,28,186,.15),transparent 35rem),#050a19; }
.rf-page .site-header .nav-shell { background:rgba(5,8,22,.77); }
.rf-page .nav-action { background:rgba(9,193,239,.13); }
.rf-page .rf-section-kicker { margin:0 0 17px; color:#6aeeff; letter-spacing:.19em; font-size:11px; font-weight:800; text-transform:uppercase; }
.rf-page .rf-section-kicker::before { content:'•'; margin-right:10px; color:#f346e3; }
.rf-page .rf-gradient { background:linear-gradient(96deg,#00e4f8,#4d94ff 48%,#f74ae2 92%); background-clip:text; -webkit-background-clip:text; color:transparent; }
.rf-page .rf-hero { position:relative; padding:175px 0 95px; overflow:hidden; }
.rf-page .rf-hero::before { content:''; position:absolute; width:56vw; height:56vw; max-width:770px; max-height:770px; right:-170px; top:35px; pointer-events:none; opacity:.65; background:radial-gradient(circle,rgba(102,35,242,.2),rgba(11,105,248,.11) 40%,transparent 69%); animation:rf-breathe 8s ease-in-out infinite alternate; }
@keyframes rf-breathe { from { transform:scale(.88) translateY(4%); opacity:.52; } to { transform:scale(1.1) translateY(-4%); opacity:.8; } }
.rf-page .rf-hero-grid { display:grid; grid-template-columns:1.17fr .83fr; gap:clamp(30px,7vw,100px); align-items:center; }
.rf-page .rf-hero h1 { max-width:830px; margin:0; font-size:clamp(58px,7.6vw,111px); line-height:.91; letter-spacing:-.069em; font-weight:800; }
.rf-page .rf-hero p.rf-lede { max-width:620px; color:#b7c6e3; font-size:clamp(17px,1.7vw,21px); line-height:1.65; }
.rf-page .rf-hero-art { position:relative; overflow:visible; }
.rf-page .rf-hero-art img { width:100%; border:1px solid rgba(134,156,255,.24); border-radius:30px; box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 90px rgba(111,21,233,.14); }
.rf-page .rf-glow-bar { height:3px; width:70%; margin:26px auto; background:linear-gradient(90deg,transparent,#02eafa,#ff39e7,transparent); filter:blur(7px); }
.rf-page .rf-pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.rf-page .rf-pills span { border:1px solid var(--rf-stroke); border-radius:999px; padding:9px 13px; color:#d8e5ff; font-size:12px; background:rgba(255,255,255,.025); }
.rf-page .rf-status { display:inline-flex; align-items:center; gap:9px; color:#b1c0db; font-size:13px; }
.rf-page .rf-status::before { content:''; width:7px; height:7px; border-radius:50%; background:#6fe9e5; box-shadow:0 0 12px #25d8da; }
.rf-page .rf-heading { max-width:770px; margin:0 0 32px; font-size:clamp(38px,5.2vw,69px); line-height:1.03; letter-spacing:-.052em; }
.rf-page .rf-intro { max-width:735px; color:var(--rf-text); font-size:18px; line-height:1.7; }
.rf-page .rf-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:32px; }
.rf-page .rf-info-card { position:relative; padding:clamp(26px,3.2vw,45px); border:1px solid var(--rf-stroke); border-radius:26px; background:linear-gradient(145deg,rgba(32,46,100,.4),rgba(9,15,41,.8)); }
.rf-page .rf-info-card .rf-num { display:block; margin-bottom:30px; font-size:13px; letter-spacing:.1em; font-weight:800; color:#74defa; }
.rf-page .rf-info-card h3 { margin:0 0 13px; font-size:clamp(25px,2.8vw,36px); letter-spacing:-.035em; }
.rf-page .rf-info-card p { color:var(--rf-text); line-height:1.67; margin:0; }
.rf-page .rf-mode-area { padding:50px; border:1px solid var(--rf-stroke); border-radius:30px; background:radial-gradient(circle at 95% 20%,rgba(250,39,200,.13),transparent 45%),linear-gradient(130deg,#0b173a,#0a1026); }
.rf-page .rf-mode-area h3 { font-size:clamp(28px,3vw,41px); margin:0 0 12px; letter-spacing:-.045em; }
.rf-page .rf-mode-area p, .rf-page .rf-mode-area li { color:var(--rf-text); line-height:1.7; }
.rf-page .rf-mode-area ul { padding-left:20px; }
.rf-page .rf-tier-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px; }
.rf-page .rf-tier { padding:clamp(28px,4vw,48px); border:1px solid rgba(108,158,237,.21); border-radius:29px; background:rgba(17,25,58,.8); }
.rf-page .rf-tier.premium { border-color:rgba(235,72,220,.32); background:radial-gradient(circle at 85% 6%,rgba(235,38,184,.13),transparent 65%),rgba(23,20,65,.88); }
.rf-page .rf-tier h3 { font-size:38px; margin:15px 0 12px; }
.rf-page .rf-tier p, .rf-page .rf-tier li { color:var(--rf-text); line-height:1.7; }
.rf-page .rf-tier ul { padding:0; margin:24px 0 0; list-style:none; }
.rf-page .rf-tier li { padding:11px 0; border-bottom:1px solid var(--rf-stroke); }
.rf-page .rf-tier li::before { content:'✓'; color:#57ecf8; margin-right:12px; }
.rf-page .rf-fine { color:#aab9d2; font-size:13px; line-height:1.65; }
.rf-page .rf-links { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.rf-page .rf-links a { padding:32px; border:1px solid var(--rf-stroke); border-radius:23px; background:rgba(17,29,65,.52); transition:transform .3s,border-color .3s; }
.rf-page .rf-links a:hover { transform:translateY(-5px); border-color:rgba(88,241,251,.45); }
.rf-page .rf-links b { display:block; font-size:23px; margin-bottom:12px; }
.rf-page .rf-links span { display:block; color:var(--rf-text); font-size:14px; line-height:1.6; }
.rf-page .rf-cta-panel { padding:clamp(34px,6vw,74px); border:1px solid rgba(127,181,255,.2); border-radius:30px; background:radial-gradient(circle at 95% 25%,rgba(247,47,198,.2),transparent 36%),linear-gradient(120deg,#122045,#0a1028); }
.rf-page .rf-cta-panel h2 { font-size:clamp(39px,6vw,73px); line-height:1.0; letter-spacing:-.055em; max-width:750px; margin:0 0 22px; }
.rf-page .rf-cta-panel p { color:var(--rf-text); line-height:1.7; max-width:730px; }
.rf-page .rf-legal-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.rf-page .rf-legal-links a { padding:12px 16px; border-radius:12px; background:rgba(27,62,111,.27); border:1px solid var(--rf-stroke); color:#c9ebff; }
.rf-legal .legal-header .section-kicker { color:#75e8ff; }
.rf-legal .legal-header h1 { color:#f6f6ff; }
.rf-legal .legal-content h2 { color:#f5f9ff; }
.rf-legal .legal-content a { color:#69eafa; }
.rf-legal .legal-content li { margin:10px 0; }
.rf-legal .legal-content section { scroll-margin-top:120px; }
@media(max-width:900px) { .rf-home-card { grid-template-columns:1fr; gap:24px; } .rf-home-card .rf-home-art { width:min(240px,80%); } .rf-page .rf-hero-grid { grid-template-columns:1fr; } .rf-page .rf-hero-art { width:min(480px,80%); margin:auto; } .rf-page .rf-links { grid-template-columns:1fr 1fr; } }
@media(max-width:680px) { .rf-page .rf-hero { padding-top:144px; } .rf-page .rf-grid,.rf-page .rf-tier-grid,.rf-page .rf-links { grid-template-columns:1fr; } .rf-page .rf-mode-area { padding:29px; } .rf-home-card { min-height:auto; } .rf-home-card .rf-home-art { width:min(250px,78%); } .rf-page .rf-hero-art { width:min(360px,92%); } .rf-page .rf-tier h3 { font-size:32px; } }
@media(prefers-reduced-motion:reduce){.rf-page .rf-hero::before{animation:none!important}.rf-home-card .rf-home-art{transition:none!important}}