@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Source+Serif+4:wght@400;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg-base:#0d0d0d;
  --bg-card:#1a1a1a;
  --accent:#E63946;
  --highlight:#FFD700;
  --text:#f0f0f0;
  --muted:#8a8a8a;
  --border:#2a2a2a;
  --font-heading:'Inter',system-ui,sans-serif;
  --font-body:'Source Serif 4','Georgia',serif;
  --radius:8px;
  --transition:0.25s ease;
}

html{scroll-behavior:smooth}

body{
  font-family:var(--font-body);
  background:var(--bg-base);
  color:var(--text);
  line-height:1.7;
  font-size:1rem;
  padding-bottom:70px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg-base)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* ── Typography ─────────────────────────── */

h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text)}
h1{font-size:clamp(1.75rem,5vw,3rem);margin-bottom:1rem}
h2{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:0.75rem;margin-top:2.5rem}
h3{font-size:clamp(1.1rem,2.5vw,1.35rem);margin-bottom:0.5rem;margin-top:1.5rem}
h4{font-size:1.1rem;margin-bottom:0.5rem}
p{margin-bottom:1rem}
strong{color:var(--highlight);font-weight:700}
a{color:var(--accent);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--highlight)}
ul,ol{margin-bottom:1rem;padding-left:1.25rem}
li{margin-bottom:0.4rem}

/* ── Container ──────────────────────────── */

.k7r_container{width:100%;max-width:960px;margin:0 auto;padding:0 1rem}

/* ── Buttons ────────────────────────────── */

.k7r_btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-heading);font-weight:700;border:none;border-radius:var(--radius);
  cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);
  text-decoration:none;line-height:1;
}
.k7r_btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.3)}
.k7r_btn:active{transform:translateY(0)}
.k7r_btn--primary{background:var(--accent);color:#fff}
.k7r_btn--primary:hover{background:#cf2f3c;color:#fff}
.k7r_btn--highlight{background:var(--highlight);color:#0d0d0d}
.k7r_btn--highlight:hover{background:#e6c200;color:#0d0d0d}
.k7r_btn--outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}
.k7r_btn--outline:hover{background:var(--accent);color:#fff}
.k7r_btn--ghost{background:transparent;color:var(--muted)}
.k7r_btn--ghost:hover{color:var(--text)}
.k7r_btn--sm{padding:0.5rem 1rem;font-size:0.85rem}
.k7r_btn--md{padding:0.75rem 1.5rem;font-size:1rem}
.k7r_btn--lg{padding:1rem 2rem;font-size:1.1rem}
.k7r_btn--full{width:100%;padding:1rem;font-size:1.1rem}

/* ── Navigation ─────────────────────────── */

.k7r_nav{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border)}
.k7r_nav-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;max-width:1100px;margin:0 auto}
.k7r_logo{display:flex;align-items:center;text-decoration:none}
.k7r_logo img{height:32px;width:auto}
.k7r_nav-toggle{
  display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;
  padding:4px;min-width:44px;min-height:44px;align-items:center;justify-content:center;
}
.k7r_nav-toggle span{display:block;width:24px;height:2px;background:var(--text);transition:transform var(--transition),opacity var(--transition)}
.k7r_desktop-nav{display:none}
.k7r_mobile-nav{display:none;flex-direction:column;background:var(--bg-card);border-top:1px solid var(--border);padding:1rem}
.k7r_mobile-nav.open{display:flex}
.k7r_mobile-nav a{padding:0.75rem 0;color:var(--text);border-bottom:1px solid var(--border);font-family:var(--font-heading);font-size:0.95rem;min-height:44px;display:flex;align-items:center}
.k7r_mobile-nav a:last-child{border-bottom:none}

/* ── Ticker ─────────────────────────────── */

.k7r_ticker{background:var(--accent);color:#fff;padding:0.5rem 0;overflow:hidden;font-family:var(--font-heading);font-size:0.85rem;font-weight:700}
.k7r_ticker-inner{display:flex;white-space:nowrap;animation:k7r-scroll 25s linear infinite}
.k7r_ticker-inner span{margin-right:3rem}
@keyframes k7r-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Hero ───────────────────────────────── */

.k7r_hero{padding:2rem 0 1.5rem;border-bottom:1px solid var(--border)}
.k7r_hero h1{font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:-0.02em}
.k7r_hero-sub{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--muted);margin-bottom:1.25rem;max-width:640px}
.k7r_hero-grid{display:flex;flex-direction:column;gap:1.5rem}
.k7r_hero-content{flex:1}
.k7r_hero-cta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}

/* ── Bonus Widget ───────────────────────── */

.k7r_bonus-widget{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.25rem;
}
.k7r_bonus-widget h3{margin-top:0;text-align:center;font-size:1rem;color:var(--muted)}
.k7r_bonus-amount{text-align:center;font-family:var(--font-heading);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:var(--highlight);margin:0.5rem 0}
.k7r_bonus-detail{text-align:center;color:var(--text);font-size:0.95rem;margin-bottom:1rem}
.k7r_promo-box{
  background:var(--bg-base);border:2px dashed var(--highlight);border-radius:var(--radius);
  padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1rem;
}
.k7r_promo-code{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--highlight);letter-spacing:0.05em}
.k7r_promo-copy{
  background:var(--accent);color:#fff;border:none;border-radius:var(--radius);
  padding:0.5rem 0.75rem;font-family:var(--font-heading);font-size:0.8rem;font-weight:700;
  cursor:pointer;min-width:44px;min-height:44px;transition:background var(--transition);
}
.k7r_promo-copy:hover{background:#cf2f3c}
.k7r_bonus-terms{font-size:0.8rem;color:var(--muted);text-align:center}

/* ── Trust Bar ──────────────────────────── */

.k7r_trust{padding:1.25rem 0;border-bottom:1px solid var(--border)}
.k7r_trust-grid{display:flex;flex-wrap:wrap;gap:0.75rem}
.k7r_trust-item{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:0.75rem;flex:1 1 100%;text-align:center;
}
.k7r_trust-item strong{display:block;font-family:var(--font-heading);font-size:1rem;color:var(--highlight);margin-bottom:0.15rem}
.k7r_trust-item span{font-size:0.8rem;color:var(--muted)}

/* ── Content Sections ───────────────────── */

.k7r_section{padding:2rem 0;border-bottom:1px solid var(--border)}
.k7r_section:last-of-type{border-bottom:none}

.k7r_card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}

/* ── Step Cards ─────────────────────────── */

.k7r_steps{counter-reset:step;list-style:none;padding:0}
.k7r_step{
  position:relative;padding:1rem 1rem 1rem 3.5rem;background:var(--bg-card);
  border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem;counter-increment:step;
}
.k7r_step::before{
  content:counter(step);position:absolute;left:1rem;top:1rem;width:32px;height:32px;
  background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:0.9rem;
}
.k7r_step h3{margin-top:0;font-size:1.05rem}
.k7r_step p{margin-bottom:0;font-size:0.95rem;color:var(--muted)}

/* ── Tables ─────────────────────────────── */

.k7r_table-wrap{overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}
.k7r_table{width:100%;border-collapse:collapse;font-size:0.9rem}
.k7r_table th{background:var(--bg-card);font-family:var(--font-heading);font-weight:700;padding:0.75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}
.k7r_table td{padding:0.75rem;border-bottom:1px solid var(--border);color:var(--text)}
.k7r_table tr:last-child td{border-bottom:none}
.k7r_table tr:hover td{background:rgba(230,57,70,0.05)}

/* ── Info Box ───────────────────────────── */

.k7r_info{
  background:var(--bg-card);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;
  padding:1rem 1.25rem;margin-bottom:1.5rem;
}
.k7r_info--tip{border-left-color:var(--highlight)}
.k7r_info p{margin-bottom:0;font-size:0.95rem}

/* ── Mirror Cards ───────────────────────── */

.k7r_mirror-grid{display:flex;flex-direction:column;gap:0.75rem}
.k7r_mirror-card{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem;display:flex;flex-direction:column;gap:0.5rem;
}
.k7r_mirror-card-top{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}
.k7r_mirror-name{font-family:var(--font-heading);font-weight:700;font-size:1rem}
.k7r_mirror-status{font-size:0.8rem;padding:0.25rem 0.6rem;border-radius:100px;font-family:var(--font-heading);font-weight:700}
.k7r_mirror-status--active{background:rgba(34,197,94,0.15);color:#22c55e}
.k7r_mirror-status--unknown{background:rgba(138,138,138,0.15);color:var(--muted)}
.k7r_mirror-desc{font-size:0.85rem;color:var(--muted)}

/* ── Payment Grid ───────────────────────── */

.k7r_pay-grid{display:flex;flex-direction:column;gap:0.75rem}
.k7r_pay-card{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem;
}
.k7r_pay-card h3{margin-top:0;font-size:1rem}
.k7r_pay-card p{font-size:0.9rem;color:var(--muted);margin-bottom:0}
.k7r_pay-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}
.k7r_pay-tag{font-size:0.75rem;padding:0.2rem 0.5rem;background:var(--bg-base);border:1px solid var(--border);border-radius:100px;color:var(--muted);font-family:var(--font-heading)}

/* ── Doc / Feature Cards ────────────────── */

.k7r_doc-grid{display:flex;flex-direction:column;gap:0.75rem}
.k7r_doc-card{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem;display:flex;gap:0.75rem;align-items:flex-start;
}
.k7r_doc-icon{
  width:40px;height:40px;border-radius:50%;background:var(--accent);
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;
}
.k7r_doc-card h3{margin-top:0;font-size:1rem}
.k7r_doc-card p{font-size:0.9rem;color:var(--muted);margin-bottom:0}

.k7r_features-grid{display:flex;flex-direction:column;gap:0.75rem}
.k7r_feature{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem;
}
.k7r_feature h3{margin-top:0;font-size:1rem}

/* ── Author ─────────────────────────────── */

.k7r_author-header{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}
.k7r_avatar{
  width:80px;height:80px;border-radius:50%;background:var(--accent);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:#fff;flex-shrink:0;
}
.k7r_author-meta{flex:1}
.k7r_author-meta h1{margin-bottom:0.25rem}
.k7r_author-title{color:var(--highlight);font-family:var(--font-heading);font-size:0.95rem;font-weight:700;margin-bottom:0.5rem;display:block}
.k7r_author-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}
.k7r_author-stat{font-size:0.85rem;color:var(--muted)}
.k7r_author-stat strong{color:var(--text);font-size:0.85rem}

.k7r_expertise-list{display:flex;flex-direction:column;gap:0.75rem;list-style:none;padding:0}
.k7r_expertise-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.75rem}
.k7r_expertise-icon{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}

.k7r_articles-list{list-style:none;padding:0}
.k7r_articles-list li{padding:0.75rem 0;border-bottom:1px solid var(--border)}
.k7r_articles-list li:last-child{border-bottom:none}
.k7r_articles-list a{font-family:var(--font-heading);font-weight:700}
.k7r_articles-list span{display:block;font-size:0.85rem;color:var(--muted);margin-top:0.25rem}

.k7r_checklist{list-style:none;padding:0}
.k7r_checklist li{padding:0.5rem 0 0.5rem 1.75rem;position:relative;border-bottom:1px solid var(--border)}
.k7r_checklist li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}

/* ── FAQ Accordion ──────────────────────── */

.k7r_faq{padding:2rem 0}
.k7r_faq-item{border-bottom:1px solid var(--border)}
.k7r_faq-btn{
  width:100%;background:none;border:none;padding:1rem 0;display:flex;align-items:center;
  justify-content:space-between;cursor:pointer;font-family:var(--font-heading);font-weight:700;
  font-size:1rem;color:var(--text);text-align:left;min-height:44px;gap:1rem;
}
.k7r_faq-btn::after{content:"+";font-size:1.25rem;color:var(--accent);transition:transform var(--transition);flex-shrink:0}
.k7r_faq-item.open .k7r_faq-btn::after{transform:rotate(45deg)}
.k7r_faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.k7r_faq-item.open .k7r_faq-answer{max-height:500px}
.k7r_faq-answer-inner{padding:0 0 1rem;color:var(--muted)}

/* ── CTA Band ───────────────────────────── */

.k7r_cta-band{padding:2.5rem 0;text-align:center;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.k7r_cta-band h2{margin-top:0;margin-bottom:0.5rem}
.k7r_cta-band p{color:var(--muted);margin-bottom:1.25rem}

/* ── Footer ─────────────────────────────── */

.k7r_footer{padding:2rem 0;border-top:1px solid var(--border);font-size:0.85rem;color:var(--muted)}
.k7r_footer-grid{display:flex;flex-direction:column;gap:1.5rem}
.k7r_footer-col h4{color:var(--text);margin-bottom:0.75rem;font-size:0.9rem}
.k7r_footer-col ul{list-style:none;padding:0}
.k7r_footer-col li{margin-bottom:0.4rem}
.k7r_footer-col a{color:var(--muted);font-size:0.85rem}
.k7r_footer-col a:hover{color:var(--accent)}
.k7r_footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);text-align:center;font-size:0.8rem}
.k7r_footer-bottom p{color:var(--muted);margin-bottom:0.5rem}
.k7r_age-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--accent);border-radius:50%;font-family:var(--font-heading);font-weight:700;font-size:0.85rem;color:var(--accent);margin-bottom:0.5rem}

/* ── Sticky Mobile CTA ──────────────────── */

.k7r_sticky-cta{
  display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;
  background:var(--bg-card);border-top:1px solid var(--border);
  padding:0.75rem 1rem;align-items:center;justify-content:center;gap:0.75rem;
}
.k7r_sticky-cta .k7r_btn{flex:1;max-width:320px}

/* ── Animations ─────────────────────────── */

@keyframes k7r-fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.k7r_animate{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}
.k7r_animate.visible{opacity:1;transform:translateY(0)}

/* ── Breadcrumb ─────────────────────────── */

.k7r_breadcrumb{padding:0.75rem 0;font-size:0.8rem;color:var(--muted);font-family:var(--font-heading)}
.k7r_breadcrumb a{color:var(--muted)}
.k7r_breadcrumb a:hover{color:var(--accent)}
.k7r_breadcrumb span{margin:0 0.4rem}

/* ── Below-fold perf ────────────────────── */

.k7r_lazy-section{content-visibility:auto;contain-intrinsic-size:0 500px}

/* ── Responsive ─────────────────────────── */

@media(min-width:480px){
  .k7r_trust-item{flex:1 1 calc(50% - 0.375rem)}
  .k7r_footer-grid{flex-direction:row;flex-wrap:wrap}
  .k7r_footer-col{flex:1 1 calc(33% - 1rem)}
  .k7r_expertise-list{flex-direction:row;flex-wrap:wrap}
  .k7r_expertise-item{flex:1 1 calc(50% - 0.375rem)}
  .k7r_mirror-grid{flex-direction:row;flex-wrap:wrap}
  .k7r_mirror-card{flex:1 1 calc(50% - 0.375rem)}
  .k7r_pay-grid{flex-direction:row;flex-wrap:wrap}
  .k7r_pay-card{flex:1 1 calc(50% - 0.375rem)}
  .k7r_doc-grid{flex-direction:row;flex-wrap:wrap}
  .k7r_doc-card{flex:1 1 calc(50% - 0.375rem)}
}

@media(min-width:768px){
  body{padding-bottom:0;font-size:1.05rem}
  .k7r_container{padding:0 2rem}
  .k7r_nav-toggle{display:none}
  .k7r_desktop-nav{display:flex;gap:1.25rem;align-items:center}
  .k7r_desktop-nav a{color:var(--text);font-family:var(--font-heading);font-size:0.85rem;font-weight:700;padding:0.5rem 0;min-height:44px;display:flex;align-items:center}
  .k7r_desktop-nav a:hover{color:var(--accent)}
  .k7r_sticky-cta{display:none}
  .k7r_hero{padding:3rem 0 2.5rem}
  .k7r_section{padding:2.5rem 0}
  .k7r_author-header{flex-direction:row;align-items:center;gap:1.5rem}
  .k7r_avatar{width:100px;height:100px;font-size:2rem}
  .k7r_trust-item{flex:1 1 calc(25% - 0.5625rem)}
}

@media(min-width:1024px){
  .k7r_container{max-width:1000px}
  .k7r_hero h1{font-size:3rem}
  .k7r_hero-grid{flex-direction:row;align-items:flex-start}
  .k7r_hero-content{flex:1}
  .k7r_bonus-widget{width:360px;flex-shrink:0}
  .k7r_section{padding:3rem 0}
  .k7r_features-grid{flex-direction:row;flex-wrap:wrap}
  .k7r_feature{flex:1 1 calc(50% - 0.375rem)}
}