:root {
  --gold: #C9A84C;
  --gold-light: #E8C96E;
  --gold-dim: rgba(201,168,76,0.15);
  --black: #050505;
  --dark: #0D0D0D;
  --card: rgba(255,255,255,0.04);
  --border: rgba(201,168,76,0.2);
  --text: #E8E8E8;
  --muted: #888;
  --white: #fff;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}
body{
  background:var(--black);color:var(--text);
  font-family:'Outfit',sans-serif;
  overflow-x:hidden;overflow-y:auto;
  min-height:100vh;width:100%;position:relative;cursor:default;
}

/* NOISE */
body::before{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events:none;z-index:9999;opacity:.4;
}

/* SCROLLBAR */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}

/* ══════════════════════════════════════
   INTRO OVERLAY
══════════════════════════════════════ */
#intro-overlay{
  position:fixed;inset:0;
  background:#050505;
  z-index:99999;
  display:flex;align-items:center;justify-content:center;
}
#intro-inner{
  display:flex;flex-direction:column;align-items:center;gap:1.2rem;
  text-align:center;
}
#intro-logo{
  width:clamp(180px,38vw,320px);
  height:auto;
  opacity:0;
  transform:scale(0.88);
  animation:introLogoIn 0.8s cubic-bezier(0.22,1,0.36,1) 0.2s forwards;
  will-change:transform,opacity;
}
@keyframes introLogoIn{
  to{opacity:1;transform:scale(1);}
}
#intro-tagline{
  font-family:'Outfit',sans-serif;
  font-size:clamp(.62rem,.85vw,.78rem);
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--gold);
  opacity:0;
  animation:introTagIn .5s ease 0.95s forwards;
}
@keyframes introTagIn{ to{opacity:1;} }
#intro-bar{
  width:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:introBarGrow .6s ease 1.05s forwards;
}
@keyframes introBarGrow{ to{width:clamp(140px,28vw,240px);} }

/* NAV LOGO — starts hidden, shown by JS */
#nav-logo{
  width:120px;height:auto;
  opacity:0;
  flex-shrink:0;
}

/* HERO TAGLINE — starts hidden, shown by JS */
.hero-logo-tag{
  display:flex;align-items:center;gap:.8rem;
  margin-bottom:1.8rem;
  opacity:0;
  transform:translateY(10px);
}
.hero-logo-line{
  flex:1;max-width:40px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
}
.hero-logo-line:last-child{
  background:linear-gradient(90deg,var(--gold),transparent);
}
.hero-logo-text{
  font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);font-weight:600;white-space:nowrap;
}

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:1rem 5%;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(5,5,5,0.7);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  transition:background .3s;
  width:100%;
}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{
  color:var(--muted);text-decoration:none;font-size:.85rem;
  letter-spacing:.08em;text-transform:uppercase;font-weight:500;
  transition:color .3s;
}
.nav-links a:hover{color:var(--gold)}
.nav-cta{
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  color:var(--black);padding:.55rem 1.4rem;border-radius:4px;
  font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;transition:transform .2s,box-shadow .2s;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(201,168,76,.35)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--gold);transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ══════════════════════════════════════
   HERO CARD
══════════════════════════════════════ */
.hero-card{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);
  border-radius:14px;padding:1.8rem;
  backdrop-filter:blur(20px);
  position:relative;overflow:hidden;width:100%;
}
.hero-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.hc-compare{display:flex;align-items:center;gap:.6rem}
.hc-pill{flex:1;border-radius:8px;padding:.75rem .9rem;min-width:0}
.hc-pill.bad{background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.2)}
.hc-pill.good{background:rgba(100,200,100,.08);border:1px solid rgba(100,200,100,.2)}
.hc-pill-label{font-size:.68rem;color:var(--muted);margin-bottom:.25rem}
.hc-pill-val{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700}
.hc-pill.bad .hc-pill-val{color:#ff9999}
.hc-pill.good .hc-pill-val{color:#80e080}
.hc-vs{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:900;color:var(--gold);flex-shrink:0}
.hc-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:1.2rem 0}
.hc-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:600;margin-bottom:.85rem}
.hc-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.hc-list li{display:flex;align-items:center;gap:.65rem;color:var(--text);font-size:.875rem}
.hc-list li span{font-size:.95rem;flex-shrink:0}
.hc-wa-btn{
  display:flex;align-items:center;justify-content:center;gap:.6rem;
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:white;font-weight:700;font-size:.88rem;
  padding:.85rem 1.2rem;border-radius:8px;
  text-decoration:none;letter-spacing:.02em;
  box-shadow:0 6px 20px rgba(37,211,102,.22);
  transition:transform .2s,box-shadow .2s;width:100%;
}
.hc-wa-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,211,102,.38)}

/* ══════════════════════════════════════
   HERO SECTION
══════════════════════════════════════ */
#hero{
  min-height:100vh;
  display:flex;align-items:center;justify-content:space-between;
  position:relative;overflow:hidden;
  padding:7rem 5% 5rem;gap:3rem;width:100%;
}
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 70% 50%,rgba(201,168,76,.07) 0%,transparent 70%),
    radial-gradient(ellipse 40% 40% at 10% 80%,rgba(201,168,76,.04) 0%,transparent 60%),
    linear-gradient(180deg,#050505 0%,#0a0a0a 100%);
}
.hero-grid-lines{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(201,168,76,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,76,.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);
}
.hero-content{position:relative;z-index:2;max-width:520px;flex-shrink:0;min-width:0}
.hero-quote{
  font-family:'Playfair Display',serif;
  font-size:clamp(1rem,2vw,1.15rem);
  font-style:italic;color:var(--gold-light);
  margin-bottom:1.5rem;line-height:1.7;
  padding-left:1.2rem;border-left:2px solid var(--gold);
}
h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.6rem,6vw,4.2rem);
  line-height:1.1;font-weight:900;margin-bottom:1.5rem;
}
h1 em{
  font-style:normal;
  background:linear-gradient(90deg,var(--gold),var(--gold-light));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;margin-bottom:2.5rem;max-width:480px}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  color:var(--black);padding:.85rem 2rem;border-radius:4px;
  font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;border:none;cursor:pointer;
  transition:transform .2s,box-shadow .2s;
  display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(201,168,76,.4)}
.btn-outline{
  border:1px solid var(--border);color:var(--text);padding:.85rem 2rem;border-radius:4px;
  font-weight:500;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;transition:all .2s;
  display:inline-flex;align-items:center;gap:.5rem;
  background:transparent;cursor:pointer;white-space:nowrap;
}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}
.hero-visual{position:relative;width:min(400px,38vw);flex-shrink:0;z-index:2}
.scroll-line{
  position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.6rem;
  color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
}
.scroll-line::after{
  content:'';width:1px;height:50px;
  background:linear-gradient(180deg,var(--gold),transparent);
  animation:scrolldown 2s ease-in-out infinite;
}
@keyframes scrolldown{
  0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}

/* ══════════════════════════════════════
   SECTIONS BASE
══════════════════════════════════════ */
section{padding:6rem 5%;width:100%;overflow:hidden}
.section-tag{display:inline-block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:600}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15;margin-bottom:1.2rem}
.section-sub{color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:550px}
.divider{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.5rem 0}

/* ══════════════════════════════════════
   PROBLEM
══════════════════════════════════════ */
#problem{
  background:
    radial-gradient(ellipse 50% 70% at 0% 50%,rgba(201,168,76,.05) 0%,transparent 60%),
    var(--dark);
}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:4rem}
.problem-points{display:flex;flex-direction:column;gap:1.5rem}
.problem-point{
  display:flex;gap:1.2rem;align-items:flex-start;
  padding:1.5rem;border:1px solid rgba(255,255,255,0.06);
  border-radius:8px;background:var(--card);backdrop-filter:blur(10px);
  transition:border-color .3s,transform .3s;
}
.problem-point:hover{border-color:var(--border);transform:translateX(6px)}
.pp-icon{
  width:42px;height:42px;border-radius:8px;
  background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(201,168,76,.05));
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;
}
.pp-title{color:var(--white);font-weight:600;margin-bottom:.3rem}
.pp-desc{color:var(--muted);font-size:.88rem;line-height:1.6}
.problem-visual{position:relative}
.warning-card{
  background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.3);
  border-radius:12px;padding:2.5rem;position:relative;overflow:hidden;
}
.warning-card::before{content:'⚠';position:absolute;right:-10px;top:-20px;font-size:8rem;opacity:.04}
.warning-card h3{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold);margin-bottom:1.5rem}
.warning-list{list-style:none;display:flex;flex-direction:column;gap:1rem}
.warning-list li{display:flex;align-items:center;gap:.8rem;color:var(--text);font-size:.9rem}
.warning-list li::before{content:'→';color:var(--gold);font-weight:700}

/* ══════════════════════════════════════
   FLOWCHART
══════════════════════════════════════ */
#flowchart{background:var(--black);position:relative;overflow:hidden}
#flowchart::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(201,168,76,.04) 0%,transparent 70%)}
.flow-container{max-width:900px;margin:4rem auto 0;position:relative;z-index:1;width:100%}
.flow-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}
.flow-node{
  background:rgba(255,255,255,.04);border:1px solid var(--border);
  border-radius:10px;padding:1.4rem 2.5rem;text-align:center;
  min-width:280px;max-width:90vw;
  backdrop-filter:blur(15px);position:relative;transition:border-color .3s,box-shadow .3s;
}
.flow-node:hover{border-color:var(--gold);box-shadow:0 0 30px rgba(201,168,76,.1)}
.flow-node.university{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));border-color:var(--gold)}
.flow-node.student{background:linear-gradient(135deg,rgba(100,200,100,.08),rgba(100,200,100,.02));border-color:rgba(100,200,100,.4)}
.flow-node.middleman{background:linear-gradient(135deg,rgba(255,80,80,.08),rgba(255,80,80,.02));border-color:rgba(255,80,80,.3)}
.flow-node-label{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:.3rem}
.flow-node-sub{color:var(--muted);font-size:.78rem;line-height:1.5}
.flow-arrow{display:flex;flex-direction:column;align-items:center;padding:.4rem 0;color:var(--gold)}
.flow-arrow-line{width:2px;height:40px;background:linear-gradient(180deg,var(--gold),rgba(201,168,76,.2))}
.flow-arrow-head{font-size:1rem;margin-top:-2px}
.flow-label-box{
  background:rgba(201,168,76,.08);border:1px dashed rgba(201,168,76,.3);
  border-radius:6px;padding:.5rem 1.2rem;font-size:.78rem;color:var(--gold);
  letter-spacing:.05em;margin:-.2rem 0;max-width:90vw;text-align:center;white-space:nowrap;
}
.flow-tags{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}
.flow-tag{background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.2);border-radius:20px;padding:.25rem .8rem;font-size:.72rem;color:#ff8080}
.flow-split{display:flex;gap:3rem;align-items:flex-start;margin:1.5rem 0;width:100%;justify-content:center}
.flow-path{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.flow-path-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .8rem;border-radius:2px;font-weight:600}
.path-bad{background:rgba(255,80,80,.12);color:#ff8080;border:1px solid rgba(255,80,80,.2)}
.path-good{background:rgba(100,200,100,.12);color:#80e080;border:1px solid rgba(100,200,100,.2)}
.flow-vs{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold);align-self:center;font-weight:900}

/* ══════════════════════════════════════
   ABOUT
══════════════════════════════════════ */
#about{background:var(--dark)}
.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:center;margin-top:4rem}
.about-img-wrap{display:flex;align-items:center;justify-content:center}
.portrait-stage{position:relative;width:420px;height:420px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(201,168,76,0.25);animation:spinRing 12s linear infinite}
.orbit-ring::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px rgba(201,168,76,0.8)}
.orbit-ring-2{position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(201,168,76,0.15);animation:spinRing 20s linear infinite reverse}
.orbit-ring-2::after{content:'';position:absolute;bottom:-4px;right:8px;width:7px;height:7px;background:var(--gold-light);border-radius:50%;box-shadow:0 0 8px rgba(232,201,110,0.7)}
@keyframes spinRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.photo-circle{position:relative;z-index:2;width:340px;height:340px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);box-shadow:0 0 0 6px rgba(201,168,76,0.1),0 0 40px rgba(201,168,76,0.15);background:linear-gradient(135deg,rgba(201,168,76,0.12),rgba(5,5,5,0.8));flex-shrink:0}
.photo-circle img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}
.badge-tag{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:10;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);font-family:'Playfair Display',serif;font-weight:900;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.35rem 1.1rem;border-radius:20px;white-space:nowrap;box-shadow:0 4px 15px rgba(201,168,76,0.4)}
.corner-glow{position:absolute;width:60px;height:60px;border-radius:50%;background:rgba(201,168,76,0.08);filter:blur(15px);z-index:1;pointer-events:none}
.corner-glow.tl{top:10px;left:10px}
.corner-glow.br{bottom:10px;right:10px}
.about-text .lead{font-size:1.1rem;color:var(--text);line-height:1.8;margin-bottom:1.5rem}
.about-text p{color:var(--muted);line-height:1.8;margin-bottom:1.2rem;font-size:.95rem}
.credentials{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}
.cred{display:flex;align-items:center;gap:.8rem;color:var(--text);font-size:.9rem}
.cred-icon{color:var(--gold);font-size:1rem;width:20px;text-align:center}

/* ══════════════════════════════════════
   HOW IT WORKS
══════════════════════════════════════ */
#how{background:var(--black)}
.steps-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}
.step-card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:2rem;position:relative;transition:border-color .3s,transform .3s;overflow:hidden}
.step-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.04),transparent);opacity:0;transition:opacity .3s}
.step-card:hover{border-color:var(--border);transform:translateY(-6px)}
.step-card:hover::before{opacity:1}
.step-num{font-family:'Playfair Display',serif;font-size:3.5rem;font-weight:900;color:rgba(201,168,76,0.55);line-height:1;margin-bottom:1rem}
.step-icon{font-size:1.8rem;margin-bottom:1rem}
.step-title{font-weight:700;font-size:1.05rem;color:var(--white);margin-bottom:.6rem}
.step-desc{color:var(--muted);font-size:.88rem;line-height:1.7}
.step-card.highlighted{border-color:var(--border);background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.02))}

/* ══════════════════════════════════════
   MYTHS
══════════════════════════════════════ */
#myths{background:var(--dark)}
.myth-header,.fact-header{display:flex;align-items:flex-start;gap:0.8rem;padding:0.9rem 1rem;border-radius:10px}
.myth-header{background:rgba(255,77,77,0.08);border:1px solid rgba(255,77,77,0.2);border-left:3px solid #ff4d4d}
.myth-icon{color:#ff4d4d;font-size:1.2rem}
.fact-header{margin-top:0.7rem;background:rgba(77,255,136,0.08);border:1px solid rgba(77,255,136,0.2);border-left:3px solid #4dff88}
.fact-icon{color:#4dff88;font-size:1.2rem}
.myth-label,.fact-label{font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:700}
.myth-label{color:#ff4d4d}
.fact-label{color:#4dff88}
.myth-text,.fact-text{font-size:0.9rem;font-weight:600;color:var(--white)}
.fact-content{margin-top:1rem;font-size:0.85rem;line-height:1.6;color:#8fffbc}
.myths-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3rem}
.myth-card{flex:1 1 calc(50% - 1.5rem);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:1.5rem;transition:all 0.3s ease;min-width:0}
.myth-card:hover{transform:translateY(-5px);border-color:var(--gold)}
.full-width{flex:1 1 100%}
.myth-body{padding:1.2rem 0 0}

/* ══════════════════════════════════════
   REVIEWS
══════════════════════════════════════ */
#reviews{background:var(--black)}
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem;margin-bottom:20px}
.review-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:2rem 1.5rem;text-align:center;transition:all 0.3s ease}
.review-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 10px 30px rgba(0,0,0,0.4)}
.review-header{display:flex;flex-direction:column;align-items:center;gap:0.6rem}
.review-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-dim),rgba(201,168,76,.1));border:2px solid var(--border);font-size:1.4rem;font-weight:700;color:var(--gold)}
.review-avatar img{width:100%;height:100%;object-fit:cover}
.review-name{color:var(--white);font-size:1rem;font-weight:600}
.review-badge{font-size:0.65rem;padding:0.3rem 0.7rem;border-radius:20px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);font-weight:600}
.review-stars{color:var(--gold);font-size:0.9rem;margin-top:1rem}
.review-text{font-size:0.85rem;line-height:1.6;color:var(--text);font-style:italic;margin-top:0.5rem}
.review-footer{margin-top:1rem;font-size:0.75rem;color:var(--muted)}

/* ══════════════════════════════════════
   CTA
══════════════════════════════════════ */
#cta{
  background:linear-gradient(135deg,rgba(201,168,76,.08) 0%,rgba(0,0,0,0) 50%,rgba(201,168,76,.05) 100%),var(--dark);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  text-align:center;padding:8rem 5%;position:relative;overflow:hidden;
}
#cta::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.08),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.cta-inner .section-title{margin-bottom:1rem}
.cta-inner .section-sub{margin:0 auto 3rem;text-align:center}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.contact-grid{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}
.contact-item{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.9rem}
.contact-item a{color:var(--gold);text-decoration:none}
.contact-item a:hover{text-decoration:underline}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer{
  background:var(--black);padding:2.5rem 5%;
  border-top:1px solid rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;width:100%;position:relative;z-index:10;
}
.footer-logo-img{width:100px;height:auto;opacity:0.85}
.footer-note{color:var(--muted);font-size:.8rem}
.footer-links{display:flex;gap:1.5rem}
.footer-links a{color:var(--muted);font-size:.82rem;text-decoration:none;transition:color .3s}
.footer-links a:hover{color:var(--gold)}

/* ══════════════════════════════════════
   WHATSAPP FLOAT
══════════════════════════════════════ */
.wa-float{
  position:fixed;bottom:2rem;right:2rem;z-index:200;
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#25D366,#128C7E);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 25px rgba(37,211,102,.35);
  text-decoration:none;animation:wapulse 3s ease-in-out infinite;transition:transform .2s;
}
.wa-float:hover{transform:scale(1.1)}
@keyframes wapulse{
  0%,100%{box-shadow:0 6px 25px rgba(37,211,102,.35),0 0 0 0 rgba(37,211,102,.3)}
  50%{box-shadow:0 6px 25px rgba(37,211,102,.35),0 0 0 15px rgba(37,211,102,0)}
}
.wa-float svg{width:28px;height:28px;fill:white}
.wa-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:var(--white);font-size:.78rem;white-space:nowrap;padding:.4rem .9rem;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s}
.wa-float:hover .wa-tooltip{opacity:1}

/* ══════════════════════════════════════
   SCROLL REVEAL
══════════════════════════════════════ */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.45s}.delay-4{transition-delay:.6s}

/* ══════════════════════════════════════
   TABLET — 900px
══════════════════════════════════════ */
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  nav.mobile-open .nav-links{
    display:flex;flex-direction:column;gap:0;
    position:fixed;top:66px;left:0;right:0;
    background:rgba(5,5,5,.97);backdrop-filter:blur(20px);
    padding:1.5rem;border-bottom:1px solid var(--border);z-index:99;
  }
  nav.mobile-open .nav-links a{display:block;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
  nav.mobile-open .nav-cta{display:block;margin:1rem 0;text-align:center;padding:.8rem}
  #hero{flex-direction:column;justify-content:center;padding-top:7rem;min-height:100svh;gap:2rem}
  .hero-visual{display:none}
  .hero-content{max-width:100%;width:100%}
  .problem-grid{grid-template-columns:1fr;gap:2.5rem}
  .about-grid{grid-template-columns:1fr;gap:2.5rem}
  .steps-wrapper{grid-template-columns:1fr 1fr;gap:1.5rem}
  .reviews-grid{grid-template-columns:1fr 1fr}
  .flow-split{flex-direction:column;align-items:center;gap:1.5rem}
  .flow-vs{display:none}
  footer{flex-direction:column;gap:1rem;text-align:center}
  .footer-links{justify-content:center;flex-wrap:wrap}
  .flow-node{min-width:220px;max-width:85vw}
  .flow-label-box{white-space:normal;text-align:center}
  .portrait-stage{width:360px;height:360px}
  .photo-circle{width:290px;height:290px}
}

/* ══════════════════════════════════════
   MOBILE — 600px
══════════════════════════════════════ */
@media(max-width:600px){
  section{padding:4rem 5%}
  h1{font-size:clamp(2.2rem,10vw,3rem)}
  .hero-btns{flex-direction:column;align-items:stretch}
  .hero-btns .btn-primary,.hero-btns .btn-outline{text-align:center;justify-content:center;white-space:normal}
  .hero-sub{font-size:.95rem}
  .myth-card{flex:1 1 100%}
  .myths-grid{gap:1rem}
  .reviews-grid{grid-template-columns:1fr;gap:1.5rem}
  .steps-wrapper{grid-template-columns:1fr;gap:1.2rem}
  .problem-grid{gap:2rem}
  .problem-point{padding:1.2rem}
  .problem-point:hover{transform:none}
  .about-grid{gap:2rem}
  .about-img-wrap{justify-content:center}
  .cta-actions{flex-direction:column;align-items:stretch}
  .cta-actions .btn-primary,.cta-actions .btn-outline{text-align:center;justify-content:center}
  .contact-grid{flex-direction:column;align-items:center;gap:1.2rem}
  .flow-node{min-width:unset;width:90vw;padding:1.2rem 1.5rem}
  .flow-split{gap:1.2rem;width:100%}
  .flow-path{width:min(260px,80vw)}
  .flow-node.middleman,.flow-node.student{min-width:unset;width:100%}
  .warning-card{padding:1.5rem}
  .hc-pill-val{font-size:.9rem}
  .hc-pill-label{font-size:.6rem}
  footer{padding:2rem 5%}
  .footer-note{font-size:.72rem;text-align:center}
  .wa-float{bottom:1.2rem;right:1.2rem;width:52px;height:52px}
  .wa-tooltip{display:none}
  .section-title{font-size:clamp(1.8rem,8vw,2.5rem)}
  .portrait-stage{width:300px;height:300px}
  .photo-circle{width:240px;height:240px}
  .hero-logo-tag{justify-content:center}
}

/* ══════════════════════════════════════
   SMALL MOBILE — 380px
══════════════════════════════════════ */
@media(max-width:380px){
  nav{padding:1rem 4%}
  section{padding:3.5rem 4%}
  h1{font-size:clamp(2rem,9vw,2.5rem)}
  .hero-quote{font-size:.9rem}
  .flow-label-box{font-size:.7rem;padding:.4rem .8rem}
  .step-num{font-size:2.8rem}
  #nav-logo{width:90px}
  .portrait-stage{width:260px;height:260px}
  .photo-circle{width:205px;height:205px}
}