Site Builder

Editing: RFS.html

writable 0666

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Cell Phone Radiation Safety, SAR Comparison & Advocacy — RF Safe</title>
  <meta name="description" content="Since 1998, RF Safe helps families understand cell phone radiation, compare SAR values, and take action to update safety guidelines. Fast, accessible, no images.">
  <link rel="canonical" href="https://www.rfsafe.com/">

<meta property="og:type" content="website">
  <meta property="og:title" content="Cell Phone Radiation Safety, SAR Comparison & Advocacy — RF Safe">
  <meta property="og:description" content="Compare SAR, take action on FCC rules, and learn how to be RF safe.">
  <meta property="og:url" content="https://www.rfsafe.com/">

a { color: var(--brand); text-decoration: none; }
    a:hover { text-decoration: underline; }
    img { max-width: 100%; height: auto; }
    :focus-visible { outline: 3px solid var(--brand-2); outline-offset: 2px; }

/* ---------- Layout Helpers ---------- */
    .container { max-width: var(--container); margin-inline: auto; padding-inline: var(--pad); }
    .prose { color: var(--fg); }
    .muted { color: var(--muted); }
    .space { height: 0.5rem; }
    .space-lg { height: 1.25rem; }

/* ---------- Header / Primary Nav ---------- */
    .skip-link {
      position: absolute; left: -9999px; top: -9999px;
    }
    .skip-link:focus { left: 0; top: 0; background: var(--fg); color: var(--bg); padding: .5rem .75rem; z-index: 1000; }
    .site-header {
      position: sticky; top: 0; z-index: 50;
      background: linear-gradient(180deg, rgba(0,0,0,.04), transparent);
      backdrop-filter: blur(8px);
      border-bottom: 1px solid var(--border);
    }
    .site-header .row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 56px; }
    .brand { font-weight: 700; letter-spacing: .2px; color: var(--fg); }
    .primary-nav { display: flex; align-items: center; gap: .75rem; }
    .primary-nav a { padding: .4rem .6rem; border-radius: 8px; }
    .primary-nav a[aria-current="page"] { background: rgba(0,0,0,.06); }
    @media (prefers-color-scheme: dark) {
      .primary-nav a[aria-current="page"] { background: rgba(255,255,255,.06); }
    }
    .menu-toggle {
      display: none;
      background: none; border: 1px solid var(--border); border-radius: 8px; padding: .4rem .6rem;
      color: var(--fg);
    }
    @media (max-width: 880px) {
      .menu-toggle { display: inline-grid; }
      .primary-nav { display: none; position: absolute; right: var(--pad); top: 56px; flex-direction: column;
        background: var(--bg); border: 1px solid var(--border); border-radius: 12px; padding: .5rem; box-shadow: var(--shadow); }
      .primary-nav[data-open="true"] { display: flex; }
    }

/* ---------- Buttons ---------- */
    .btn {
      display: inline-block; border: 1px solid var(--fg);
      padding: .7rem 1rem; border-radius: 10px; font-weight: 600;
      transition: transform .08s ease;
    }
    .btn:active { transform: translateY(1px); }
    .btn.primary {
      background: linear-gradient(90deg, var(--brand), var(--brand-2));
      border: none; color: white;
    }
    .btn.ghost { border-color: var(--border); color: var(--fg); }

/* ---------- Hero ---------- */
    .hero {
      padding: calc(var(--pad) * 2) 0 calc(var(--pad) * 1.5);
      background:
        radial-gradient(1200px 600px at 10% -10%, rgba(14,165,233,.12), transparent),
        radial-gradient(900px 600px at 90% 0%, rgba(30,64,175,.10), transparent);
    }
    .hero h1 { font-size: clamp(1.6rem, 3.3vw, 2.6rem); line-height: 1.15; text-wrap: balance; margin: 0; }
    .hero .sub { margin: .6rem 0 1.2rem; color: var(--muted); max-width: 65ch; }
    .cta-row { display: flex; flex-wrap: wrap; gap: .6rem; }
    @media (prefers-reduced-motion: no-preference) {
      .hero h1 { animation: floatIn .6s ease-out both; }
      @keyframes floatIn { from { transform: translateY(8px); opacity: 0; } to { transform: none; opacity: 1; } }
    }
    .trust-row { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: .75rem; }
    .chip {
      font-size: .9rem; border: 1px solid var(--border); padding: .3rem .55rem; border-radius: 999px; color: var(--muted);
      background: rgba(0,0,0,.02);
    }
    @media (prefers-color-scheme: dark) {
      .chip { background: rgba(255,255,255,.04); }
    }

/* ---------- Section Nav ---------- */
    .section-nav {
      position: sticky; top: 56px; z-index: 40;
      background: var(--bg); border-bottom: 1px solid var(--border);
    }
    .section-nav .tabs {
      display: flex; gap: .25rem; flex-wrap: wrap; padding-block: .35rem;
    }
    .section-nav a {
      padding: .45rem .7rem; border-radius: 8px; color: var(--muted);
    }
    .section-nav a:hover, .section-nav a:focus-visible { color: var(--fg); background: rgba(0,0,0,.05); }
    @media (prefers-color-scheme: dark) {
      .section-nav a:hover, .section-nav a:focus-visible { background: rgba(255,255,255,.06); }
    }

/* ---------- Sections ---------- */
    section { padding-block: calc(var(--pad) * 1.25); }
    section h2 { font-size: clamp(1.2rem, 2.2vw, 1.6rem); margin: 0 0 .6rem; }
    .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
    .card {
      border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem; box-shadow: var(--shadow);
      background: linear-gradient(180deg, rgba(0,0,0,.02), transparent);
    }
    .card h3 { margin: .25rem 0 .35rem; font-size: 1.05rem; }
    .card p { margin: 0 0 .75rem; }

/* Compare form */
    .compare-form {
      display: grid; grid-template-columns: 1fr 1fr auto auto; gap: .6rem; align-items: end; margin-top: .5rem;
    }
    .compare-form label { display: grid; gap: .3rem; font-weight: 600; }
    .compare-form input, .compare-form select {
      border: 1px solid var(--border); background: transparent; color: var(--fg);
      border-radius: 10px; padding: .6rem .7rem;
    }
    @media (max-width: 900px) {
      .compare-form { grid-template-columns: 1fr; }
    }

/* Learn tiles */
    .tile {
      border: 1px dashed var(--border); border-radius: var(--radius); padding: 1rem;
      background: linear-gradient(180deg, rgba(0,0,0,.015), transparent);
    }
    .tile strong { display: block; margin-bottom: .35rem; }

/* News list */
    .news-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
    .news-card { border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem; }
    .news-card time { display: block; font-size: .9rem; color: var(--muted); margin-bottom: .35rem; }

/* Longform collapsibles (keep all content; SEO in DOM) */
    .longform { content-visibility: auto; contain-intrinsic-size: 1200px 0; }
    .longform details { border-top: 1px solid var(--border); padding-block: .6rem; }
    .longform details:first-of-type { border-top: none; }
    .longform summary { cursor: pointer; list-style: none; font-weight: 700; }
    .longform summary::-webkit-details-marker { display: none; }
    .longform .prose { margin-top: .5rem; }

/* Footer */
    .site-footer { border-top: 1px solid var(--border); padding-block: calc(var(--pad)*1.25); }
    .foot-row { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; }
    @media (max-width: 720px) { .foot-row { grid-template-columns: 1fr; } }
    .small { font-size: .9rem; color: var(--muted); }

/* Target highlight */
    :target { scroll-margin-top: 84px; outline: 2px dashed var(--brand-2); border-radius: 8px; }

</style>
</head>
<body>
  <a class="skip-link" href="#main">Skip to main content</a>

<header class="site-header" role="banner">
    <div class="container row">
      <a class="brand" href="/">RF Safe</a>
      <button class="menu-toggle" id="menuToggle" aria-expanded="false" aria-controls="primaryNav">Menu</button>
      <nav aria-label="Primary" role="navigation">
        <ul id="primaryNav" class="primary-nav">
          <li><a href="/" aria-current="page">Home</a></li>
          <li><a href="/sar/">SAR</a></li>
          <li><a href="/phones/">Phones</a></li>
          <li><a href="/research/">Research</a></li>
          <li><a href="/fcc/">FCC</a></li>
          <li><a href="/704/">Section 704</a></li>
          <li><a href="/want-action-not-noise-start-here/">Start Here</a></li>
          <li><a class="btn primary" href="/shop/">Shop</a></li>
        </ul>
      </nav>
    </div>
  </header>

<main id="main">
    
    <section class="hero">
      <div class="container">
        <h1>Cell Phone Radiation Safety, SAR Comparison &amp; Advocacy — RF Safe</h1>
        <p class="sub">Since 1998, advancing safer wireless standards and helping families reduce exposure. Fast, no-image homepage with accessible design so everyone can act and learn.</p>
        <div class="cta-row" role="group" aria-label="Primary actions">
          <a class="btn primary" href="/sar/">Compare your phone’s SAR</a>
          <a class="btn primary" href="#act">Take action now</a>
          <a class="btn ghost" href="/shop/">Shop QuantaCase</a>
        </div>
        <div class="trust-row" aria-label="Quick facts">
          <span class="chip">Established 1998</span>
          <span class="chip">4,000+ study references</span>
          <span class="chip"><span id="daysSinceChip"></span> days since FCC remand</span>
        </div>
      </div>
    </section>

<div class="section-nav">
      <div class="container">
        <nav class="tabs" aria-label="On-page">
          <a href="#act">Act</a>
          <a href="#compare">Compare</a>
          <a href="#learn">Learn</a>
          <a href="#shop">Shop</a>
          <a href="#news">News</a>
          <a href="#about">About</a>
          <a href="#deep">Deep Dive</a>
        </nav>
      </div>
    </div>

<section id="act">
      <div class="container">
        <h2>Take Action</h2>
        <div class="cards">
          <article class="card">
            <h3>Fix FCC</h3>
            <p><strong><span id="daysSince"></span> days</strong> since the D.C. Circuit remand. Tell the FCC to obey the court.</p>
            <a class="btn primary" href="/fcc/">Make the FCC obey the court</a>
          </article>
          <article class="card">
            <h3>Repeal Section 704</h3>
            <p>Restore local rights to keep towers away from schools and neighborhoods.</p>
            <a class="btn primary" href="/704/">Demand repeal</a>
          </article>
          <article class="card">
            <h3>Start Here</h3>
            <p>One page that cuts the noise and gets results you can share.</p>
            <a class="btn primary" href="/want-action-not-noise-start-here/">Open the guide</a>
          </article>
        </div>
      </div>
    </section>

<section id="compare">
      <div class="container">
        <h2>Compare phone radiation (SAR)</h2>
        <form class="compare-form" action="/sar/" method="get">
          <label>Brand
            <select name="brand" aria-label="Phone brand">
              <option value="">Select brand</option>
              <option>Apple</option>
              <option>Samsung</option>
              <option>Google</option>
              <option>Motorola</option>
              <option>OnePlus</option>
            </select>
          </label>
          <label>Model
            <input name="model" placeholder="e.g., iPhone 15 Pro" aria-label="Phone model">
          </label>
          <button class="btn primary" type="submit">Compare</button>
          <a class="btn ghost" href="/phones/">Browse all models</a>
        </form>

<details style="margin-top: .8rem;">
          <summary>Why SAR alone isn’t enough</summary>
          <div class="prose">
            <p>Understanding SAR is useful—but guidelines remain thermal-only. Learn how to read SAR and reduce exposure in real-life use.</p>
            <a href="/sar/">Open the full SAR tool</a>
          </div>
        </details>
      </div>
    </section>

<section id="learn">
      <div class="container">
        <h2>Learn</h2>
        <div class="cards">
          <div class="tile">
            <strong>For Parents</strong>
            Practical steps to reduce exposure at home and on the go.
            <div class="space"></div>
            <a class="btn ghost" href="/research/">Open guides</a>
          </div>
          <div class="tile">
            <strong>For Schools</strong>
            Safer connectivity options and policy templates.
            <div class="space"></div>
            <a class="btn ghost" href="/research/">Open guides</a>
          </div>
          <div class="tile">
            <strong>For Health Pros</strong>
            Curated research abstracts and talking points.
            <div class="space"></div>
            <a class="btn ghost" href="/research/">Open research</a>
          </div>
        </div>
      </div>
    </section>

<section id="shop">
      <div class="container">
        <h2>Support the mission</h2>
        <div class="cards">
          <article class="card">
            <h3>QuantaCase — minimal, purpose-built protection</h3>
            <p>Precisely placed shielding without bulky magnets or plates. Designed to avoid antenna blockage and unnecessary power ramping.</p>
            <div class="space"></div>
            <a class="btn primary" href="/shop/">Shop QuantaCase</a>
            <details>
              <summary>Why this design?</summary>
              <div class="prose">
                <p></p>
              </div>
            </details>
          </article>
          <article class="card">
            <h3>Be RF Safe — simple daily habits</h3>
            <p>Distance and duration matter. Small changes deliver big reductions in personal exposure.</p>
            <div class="space"></div>
            <a class="btn ghost" href="/be-rf-safe/">Read tips</a>
          </article>
        </div>
      </div>
    </section>

<section id="news">
      <div class="container">
        <h2>Latest updates</h2>
        <div class="news-grid">
          
          <article class="news-card">
            <time datetime="2025-08-30">Aug 30, 2025</time>
            <h3><a href="/news/sample-post">Sample news headline</a></h3>
            <p class="muted">One‑line deck that invites the click without repeating the title.</p>
          </article>
          <article class="news-card">
            <time datetime="2025-08-22">Aug 22, 2025</time>
            <h3><a href="/news/sample-post-2">Another update</a></h3>
            <p class="muted">Keep to ~110 characters for scannability.</p>
          </article>
          <article class="news-card">
            <time datetime="2025-08-15">Aug 15, 2025</time>
            <h3><a href="/news/sample-post-3">Research roundup</a></h3>
            <p class="muted">Curated abstracts and what they mean for families.</p>
          </article>
        </div>
      </div>
    </section>

<section id="about">
      <div class="container">
        <h2>About RF Safe</h2>
        <p class="prose">Founded in 1998, RF Safe has advocated for safer wireless standards and created practical tools to help families stay informed and reduce exposure. We maintain a comprehensive SAR comparison resource and track regulatory developments so you can act with confidence.</p>
        <div class="space-lg"></div>
        <a class="btn ghost" href="/about/">Read the full story</a>
      </div>
    </section>

<section id="deep" class="longform">
      <div class="container">
        <h2>Deep dive (full text)</h2>

<details open>
          <summary>Key goals</summary>
          <div class="prose">
            
            <p></p>
          </div>
        </details>

<details>
          <summary>FCC lawsuit &amp; timeline</summary>
          <div class="prose">
            
            <p></p>
          </div>
        </details>

<details>
          <summary>How to read SAR — and its limits</summary>
          <div class="prose">
            
            <p></p>
          </div>
        </details>

<details>
          <summary>Children vs adults</summary>
          <div class="prose">
            
            <p></p>
          </div>
        </details>

<details>
          <summary>Practical steps to reduce exposure</summary>
          <div class="prose">
            
            <p></p>
          </div>
        </details>

<details>
          <summary>Policy &amp; petitions</summary>
          <div class="prose">
            
            <p></p>
          </div>
        </details>

</div>
    </section>
  </main>

<footer class="site-footer">
    <div class="container foot-row">
      <div class="small">© <span id="year"></span> RF Safe. All rights reserved.</div>
      <nav aria-label="Footer">
        <a href="/privacy/">Privacy</a> ·
        <a href="/terms/">Terms</a> ·
        <a href="/contact/">Contact</a>
      </nav>
    </div>
  </footer>

// Days since D.C. Circuit remand (Aug 13, 2021)
    (function(){
      var start = new Date('2021-08-13T00:00:00Z');
      var now = new Date();
      var days = Math.floor((now - start) / (1000*60*60*24));
      var el = document.getElementById('daysSince');
      var chip = document.getElementById('daysSinceChip');
      if (el) el.textContent = days.toLocaleString();
      if (chip) chip.textContent = days.toLocaleString();
    })();

// Year in footer
    (function(){
      var y = document.getElementById('year');
      if (y) y.textContent = String(new Date().getFullYear());
    })();
  </script>

<script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"Organization",
    "name":"RF Safe",
    "url":"https://www.rfsafe.com",
    "foundingDate":"1998"
  }
  </script>

Site Builder

Editing: RFS.html

Site Builder