/* ============================================================
   EXECUTIVE BRAND ADVISORY — shared stylesheet
   Used by every page (index, about, founder, services,
   results, contact). Edit colours / fonts here once and
   every page updates.
   ============================================================ */

:root{
  --ink:#15201c;
  --ink-soft:#1d2b26;
  --ink-deep:#0f1611;
  --cream:#f5f0e6;
  --cream-dim:#e7dfcd;
  --brass:#c1893f;
  --brass-lt:#d8a45c;
  --text-dark:#2a302c;
  --text-muted:#5d635c;
  --line:rgba(42,48,44,.14);
  --red:#b9533f;
  --green:#5c8a52;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Spline Sans',sans-serif;background:var(--cream);color:var(--text-dark);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.13;letter-spacing:-.01em;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:var(--brass);color:var(--ink);}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.eyebrow{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--brass);display:inline-block;}

/* ---------- LOGO ---------- */
.logo-mark{width:34px;height:34px;color:var(--brass);flex-shrink:0;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-text{display:flex;flex-direction:column;line-height:1.08;}
.brand-text strong{font-family:'Spline Sans',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);}
.brand-text em{font-style:normal;font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);}

/* ---------- NAV ---------- */
nav{
  position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;
  justify-content:space-between;padding:18px 28px;
  transition:background .35s ease,box-shadow .35s ease,padding .35s ease;
}
nav.scrolled{background:rgba(15,22,17,.97);padding:11px 28px;box-shadow:0 1px 0 rgba(255,255,255,.06);}
.nav-links{display:flex;gap:32px;align-items:center;}
.nav-links a{font-size:.9rem;color:var(--cream);opacity:.82;transition:opacity .2s,color .2s;}
.nav-links a:hover{opacity:1;}
.nav-links a.active{opacity:1;color:var(--brass-lt);}
.nav-cta{
  border:1px solid var(--brass);color:var(--brass)!important;opacity:1!important;
  padding:9px 20px;border-radius:40px;font-weight:500;transition:all .25s;
}
.nav-cta:hover{background:var(--brass);color:var(--ink)!important;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;z-index:130;}
.burger span{width:24px;height:2px;background:var(--cream);transition:.3s;}

/* ---------- BUTTONS ---------- */
.btn{padding:15px 30px;border-radius:44px;font-weight:600;font-size:.95rem;cursor:pointer;
  display:inline-block;transition:transform .2s ease,box-shadow .2s ease,background .25s,color .25s;}
.btn-primary{background:var(--brass);color:var(--ink);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px rgba(193,137,63,.6);}
.btn-ghost{border:1px solid rgba(245,240,230,.32);color:var(--cream);}
.btn-ghost:hover{border-color:var(--cream);background:rgba(245,240,230,.06);}

/* ---------- SHARED ATMOSPHERE ---------- */
.hero-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;top:-12%;right:-8%;
  background:radial-gradient(circle,rgba(193,137,63,.18),transparent 62%);
  animation:drift 16s ease-in-out infinite;pointer-events:none;}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-5%,6%)}}
.grain{position:absolute;inset:0;opacity:.38;pointer-events:none;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");}

/* ---------- HOME HERO ---------- */
.hero{background:var(--ink);color:var(--cream);min-height:100vh;display:flex;align-items:center;
  position:relative;overflow:hidden;padding:140px 0 90px;}
.hero-grid{position:relative;display:grid;grid-template-columns:1.4fr .85fr;gap:56px;align-items:center;}
.hero h1{font-size:clamp(2.9rem,6vw,5.1rem);margin:22px 0 22px;}
.hero h1 em{font-style:italic;color:var(--brass-lt);}
.hero .lead{font-size:1.16rem;color:var(--cream-dim);max-width:40ch;margin-bottom:30px;}
.hero .byline{font-size:.92rem;color:var(--cream-dim);margin-bottom:34px;}
.hero .byline b{color:var(--cream);font-weight:600;}
.btn-row{display:flex;gap:15px;flex-wrap:wrap;}

.cred-card{border:1px solid rgba(245,240,230,.16);border-radius:18px;padding:32px;
  background:linear-gradient(160deg,rgba(245,240,230,.07),rgba(245,240,230,0));backdrop-filter:blur(3px);}
.cred-card h4{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:8px;}
.cred-card .cred{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid rgba(245,240,230,.12);font-size:.92rem;color:var(--cream-dim);}
.cred-card .cred:last-child{border-bottom:0;padding-bottom:0;}
.cred-card .cred .dot{color:var(--brass-lt);font-size:1rem;}

/* ---------- INTERIOR PAGE HEADER ---------- */
.page-header{background:var(--ink);color:var(--cream);position:relative;overflow:hidden;
  padding:170px 0 84px;}
.page-header .inner{position:relative;}
.page-header h1{font-size:clamp(2.3rem,5vw,3.9rem);margin-top:14px;max-width:20ch;}
.page-header p{color:var(--cream-dim);max-width:54ch;margin-top:18px;font-size:1.06rem;}

/* ---------- MARQUEE ---------- */
.trusted{background:var(--ink-deep);color:var(--cream-dim);padding:38px 0;border-top:1px solid rgba(245,240,230,.07);}
.trusted .label{text-align:center;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:22px;}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.marquee-track{display:flex;gap:54px;width:max-content;animation:scroll 38s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes scroll{to{transform:translateX(-50%)}}
.marquee-track span{font-family:'Fraunces',serif;font-size:1.35rem;color:var(--cream);white-space:nowrap;display:flex;align-items:center;gap:54px;}
.marquee-track span::after{content:"◆";color:var(--brass);font-size:.6rem;}

/* ---------- STATS ---------- */
.stats{background:var(--ink);color:var(--cream);padding:84px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.stat-box{text-align:center;padding:20px;}
.stat-num{font-family:'Fraunces',serif;font-size:clamp(3rem,6vw,4.6rem);color:var(--brass-lt);line-height:1;}
.stat-num .suffix{font-size:.5em;color:var(--brass);}
.stat-box h4{font-size:1.05rem;margin:14px 0 6px;color:var(--cream);}
.stat-box p{font-size:.9rem;color:var(--cream-dim);}
.stat-bar{height:2px;background:rgba(245,240,230,.14);margin:18px auto 0;max-width:120px;overflow:hidden;}
.stat-bar i{display:block;height:100%;width:0;background:var(--brass);transition:width 1.4s ease .2s;}
.in-view .stat-bar i{width:100%;}

/* ---------- SECTION SHELL ---------- */
section{padding:104px 0;}
.sec-head{max-width:640px;margin-bottom:54px;}
.sec-head h2{font-size:clamp(2rem,3.7vw,3rem);margin:14px 0 16px;}
.sec-head p{color:var(--text-muted);font-size:1.05rem;}
.on-ink{background:var(--ink);color:var(--cream);}
.on-ink .sec-head p{color:var(--cream-dim);}

/* ---------- ABOUT ---------- */
.about{background:var(--cream);}
.pullquote{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(1.4rem,2.6vw,2rem);
  color:var(--ink);line-height:1.4;border-left:3px solid var(--brass);padding-left:26px;margin:6px 0 36px;}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.about-cols p{color:var(--text-muted);}

/* ---------- FOUNDER ---------- */
.founder{background:var(--cream);}
.founder-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:56px;align-items:center;}
.founder-panel{border-radius:18px;padding:48px 36px;text-align:center;
  background:linear-gradient(165deg,var(--ink),var(--ink-deep));border:1px solid rgba(245,240,230,.12);position:relative;overflow:hidden;}
.founder-panel .big-mark{width:96px;height:96px;color:var(--brass);margin:0 auto 22px;}
.founder-panel .pname{font-family:'Fraunces',serif;font-size:1.9rem;color:var(--cream);}
.founder-panel .ptitle{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-lt);margin-top:8px;}
.founder-panel .pbrand{margin-top:24px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cream-dim);}
.founder-text h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:14px 0 18px;}
.founder-text p{color:var(--text-muted);margin-bottom:16px;}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.pill{font-size:.82rem;color:var(--brass);border:1px solid rgba(193,137,63,.42);
  padding:8px 15px;border-radius:30px;transition:background .25s,transform .25s;}
.pill:hover{background:rgba(193,137,63,.1);transform:translateY(-2px);}

/* ---------- SERVICES ---------- */
.services{background:var(--cream);}
.svc-list{border-top:1px solid var(--line);}
.svc{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:start;
  padding:32px 8px;border-bottom:1px solid var(--line);transition:background .3s,padding-left .3s;}
.svc:hover{background:#fff;padding-left:20px;}
.svc .idx{font-family:'Fraunces',serif;font-size:1.05rem;color:var(--brass);}
.svc h3{font-size:1.45rem;margin-bottom:6px;}
.svc p{color:var(--text-muted);max-width:64ch;font-size:.97rem;}
.svc .tag{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);
  border:1px solid rgba(193,137,63,.45);padding:6px 13px;border-radius:30px;white-space:nowrap;}

/* ---------- TRANSFORMATION (before/after) ---------- */
.transform{background:var(--ink);color:var(--cream);position:relative;overflow:hidden;}
.transform .hero-glow{top:auto;bottom:-20%;left:-10%;right:auto;}
.ba-grid{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center;}
.resume{border-radius:14px;padding:26px;background:#fbf8f1;color:var(--text-dark);
  transition:transform .35s ease,box-shadow .35s ease;}
.resume:hover{transform:translateY(-6px);box-shadow:0 22px 50px -24px rgba(0,0,0,.55);}
.resume.low{filter:saturate(.72);}
.resume-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.resume-label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--text-muted);}
.score{text-align:right;}
.score b{font-family:'Fraunces',serif;font-size:1.7rem;}
.resume.low .score b{color:var(--red);}
.resume.high .score b{color:var(--green);}
.score small{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);}
.score-track{height:6px;border-radius:6px;background:rgba(42,48,44,.12);margin:8px 0 20px;overflow:hidden;}
.score-track i{display:block;height:100%;width:0;border-radius:6px;transition:width 1.5s cubic-bezier(.2,.7,.2,1) .25s;}
.resume.low .score-track i{background:var(--red);}
.resume.high .score-track i{background:var(--green);}
.in-view .resume.low .score-track i{width:41%;}
.in-view .resume.high .score-track i{width:96%;}
.doc-name{height:13px;border-radius:3px;background:rgba(42,48,44,.55);margin-bottom:6px;}
.resume.high .doc-name{background:var(--ink);}
.doc-sub{height:8px;width:55%;border-radius:3px;background:rgba(42,48,44,.3);margin-bottom:16px;}
.doc-line{height:8px;border-radius:3px;background:rgba(42,48,44,.16);margin-bottom:7px;}
.resume.high .doc-line{margin-bottom:9px;}
.doc-line.s{width:88%;}.doc-line.m{width:70%;}.doc-line.xs{width:52%;}
.doc-accent{height:8px;width:34%;border-radius:3px;background:var(--brass);margin:14px 0 9px;}
.metric-row{display:flex;gap:8px;margin:14px 0;}
.metric{font-size:.72rem;font-weight:600;background:rgba(92,138,82,.14);color:var(--green);
  padding:5px 10px;border-radius:6px;}
.flags{display:flex;flex-direction:column;gap:7px;margin-top:18px;}
.flag{font-size:.8rem;display:flex;gap:8px;align-items:center;}
.flag.bad{color:var(--red);}
.flag.good{color:var(--green);}
.ba-mid{display:flex;flex-direction:column;align-items:center;gap:6px;}
.ba-mid .vs{width:54px;height:54px;border-radius:50%;border:1px solid var(--brass);
  display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;color:var(--brass);font-size:.95rem;}
.ba-mid .arr{color:var(--brass-lt);font-size:1.3rem;}

/* ---------- DELIVERY ---------- */
.delivery{background:var(--cream);}
.delivery .lead-p{color:var(--text-muted);max-width:60ch;margin-bottom:38px;}
.deliver-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.dcard{border:1px solid var(--line);border-radius:16px;padding:34px;background:#fff;
  transition:transform .3s,box-shadow .3s;}
.dcard:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(21,32,28,.4);}
.dcard .tier{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);}
.dcard h3{font-size:1.9rem;margin:10px 0 8px;}
.dcard p{color:var(--text-muted);font-size:.95rem;}
.dcard.fast{background:var(--ink);color:var(--cream);border-color:transparent;}
.dcard.fast p{color:var(--cream-dim);}
.deliver-note{margin-top:30px;padding:24px 28px;border-radius:14px;background:var(--ink-soft);
  color:var(--cream-dim);font-size:.95rem;}
.deliver-note b{color:var(--brass-lt);}

/* ---------- PROCESS ---------- */
.process{background:var(--ink-soft);color:var(--cream);}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.step{padding:30px 24px;border:1px solid rgba(245,240,230,.14);border-radius:14px;
  transition:transform .3s,background .3s;}
.step:hover{transform:translateY(-6px);background:rgba(245,240,230,.04);}
.step .stepnum{width:42px;height:42px;border-radius:50%;background:var(--brass);color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:1.1rem;margin-bottom:18px;}
.step h3{font-size:1.2rem;margin-bottom:8px;}
.step p{color:var(--cream-dim);font-size:.92rem;}

/* ---------- EXPLORE CARDS (home) ---------- */
.explore{background:var(--cream);}
.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.xcard{display:block;border:1px solid var(--line);border-radius:16px;padding:34px;background:#fff;
  transition:transform .3s,box-shadow .3s,border-color .3s;}
.xcard:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(21,32,28,.4);border-color:rgba(193,137,63,.4);}
.xcard .xnum{font-family:'Fraunces',serif;font-size:1rem;color:var(--brass);}
.xcard h3{font-size:1.5rem;margin:8px 0 8px;}
.xcard p{color:var(--text-muted);font-size:.95rem;}
.xcard .go{display:inline-block;margin-top:14px;color:var(--brass);font-size:.88rem;font-weight:600;
  transition:transform .25s;}
.xcard:hover .go{transform:translateX(5px);}

/* ---------- CTA BAND ---------- */
.cta-band{background:var(--ink-soft);color:var(--cream);text-align:center;padding:92px 0;position:relative;overflow:hidden;}
.cta-band h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:14px;}
.cta-band p{color:var(--cream-dim);max-width:48ch;margin:0 auto 28px;}

/* ---------- CONTACT ---------- */
.contact{background:var(--cream);}
.contact-grid{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start;}
.contact-grid h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:14px 0 16px;}
.contact-grid .lead{color:var(--text-muted);margin-bottom:26px;}
.cdetail{display:flex;gap:12px;align-items:center;margin-bottom:13px;color:var(--text-muted);font-size:.95rem;}
.cdetail b{color:var(--ink);font-weight:600;word-break:break-all;}
form{display:grid;gap:17px;}
.field label{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;color:var(--brass);}
.field input,.field textarea{width:100%;padding:14px 16px;border-radius:10px;font-family:inherit;font-size:.97rem;
  background:#fff;border:1px solid var(--line);color:var(--text-dark);transition:border-color .2s,box-shadow .2s;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(193,137,63,.13);}
.field textarea{resize:vertical;min-height:118px;}
form .btn-primary{border:0;font-family:inherit;width:max-content;}
.form-note{font-size:.85rem;color:var(--text-muted);min-height:1.2em;}
.form-note.ok{color:var(--green);}
.form-note.err{color:var(--red);}
.hidden-hp{position:absolute;left:-9999px;}

/* ---------- FOOTER ---------- */
footer{background:var(--ink-deep);color:var(--cream-dim);padding:48px 0 30px;}
.foot-grid{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;}
.foot-links a{font-size:.9rem;opacity:.8;transition:opacity .2s,color .2s;}
.foot-links a:hover{opacity:1;color:var(--brass-lt);}
.copy{width:100%;border-top:1px solid rgba(245,240,230,.1);padding-top:22px;margin-top:26px;font-size:.82rem;opacity:.65;}

/* ---------- REVEAL ANIMATION ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in-view{opacity:1;transform:none;}
.reveal[data-d="1"]{transition-delay:.09s;}
.reveal[data-d="2"]{transition-delay:.18s;}
.reveal[data-d="3"]{transition-delay:.27s;}
.reveal[data-d="4"]{transition-delay:.36s;}
.reveal[data-d="5"]{transition-delay:.45s;}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .marquee-track,.hero-glow{animation:none;}
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:920px){
  .hero-grid,.founder-grid,.contact-grid,.about-cols,.deliver-cards,.explore-grid{grid-template-columns:1fr;gap:42px;}
  .cred-card{order:-1;}
  .stats-grid,.steps{grid-template-columns:1fr;}
  .ba-grid{grid-template-columns:1fr;}
  .ba-mid{flex-direction:row;}
  .ba-mid .arr{transform:rotate(90deg);}
  .nav-links{position:fixed;top:0;right:0;height:100vh;width:76%;max-width:330px;
    background:var(--ink-deep);flex-direction:column;justify-content:center;gap:30px;
    transform:translateX(100%);transition:transform .35s ease;padding:40px;}
  .nav-links.open{transform:translateX(0);}
  .burger{display:flex;}
  section{padding:74px 0;}
  .deliver-cards{gap:22px;}
  .svc{grid-template-columns:auto 1fr;}
  .svc .tag{display:none;}
}
@media(max-width:560px){.wrap{padding:0 20px;}nav{padding:14px 20px;}}

/* ============================================================
   ADDED SECTIONS — certifications, media, products, video,
   testimonials, samples
   ============================================================ */

/* ---------- CERTIFICATIONS ---------- */
.creds{background:var(--cream);}
.cert-badges{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:50px;}
.cert-badge{background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:24px 30px;display:flex;align-items:center;justify-content:center;
  transition:transform .3s,box-shadow .3s,border-color .3s;}
.cert-badge:hover{transform:translateY(-6px);box-shadow:0 18px 38px -22px rgba(21,32,28,.45);border-color:rgba(193,137,63,.4);}
.cert-badge img{height:84px;width:auto;object-fit:contain;display:block;}
.cert-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;}
.cert-item{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);}
.cert-item .di{color:var(--brass);font-size:.66rem;margin-top:7px;flex-shrink:0;}
.cert-item div b{display:block;font-weight:600;color:var(--ink);font-size:1rem;}
.cert-item div span{color:var(--text-muted);font-size:.88rem;}

/* ---------- MEDIA ---------- */
.media{background:var(--ink-soft);color:var(--cream);}
.media .sec-head p{color:var(--cream-dim);}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mcard{border:1px solid rgba(245,240,230,.14);border-radius:14px;padding:28px;
  transition:transform .3s,background .3s;}
.mcard:hover{transform:translateY(-5px);background:rgba(245,240,230,.04);}
.mcard .mkind{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-lt);}
.mcard h3{font-size:1.18rem;margin:9px 0 6px;}
.mcard p{font-size:.9rem;color:var(--cream-dim);}

/* ---------- PRODUCTS / FEATURE ROWS ---------- */
.features{background:var(--cream);}
.feature{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:start;
  padding:40px 8px;border-bottom:1px solid var(--line);transition:background .3s,padding-left .3s;}
.feature:hover{background:#fff;padding-left:20px;}
.feature .fnum{font-family:'Fraunces',serif;font-size:2rem;color:var(--brass);line-height:1;}
.feature h3{font-size:1.6rem;margin-bottom:8px;}
.feature p{color:var(--text-muted);max-width:62ch;}
.feature .tag{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);
  border:1px solid rgba(193,137,63,.45);padding:6px 13px;border-radius:30px;white-space:nowrap;}
.feature .more{display:inline-block;margin-top:10px;color:var(--brass);font-weight:600;font-size:.9rem;transition:transform .25s;}
.feature:hover .more{transform:translateX(5px);}

/* ---------- VIDEO SECTION ---------- */
.video{background:var(--ink);color:var(--cream);position:relative;overflow:hidden;}
.video .sec-head p{color:var(--cream-dim);}
.video-points{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:54px;}
.vpoint{border:1px solid rgba(245,240,230,.14);border-radius:14px;padding:26px;
  display:flex;gap:16px;align-items:flex-start;transition:transform .3s,background .3s;}
.vpoint:hover{transform:translateY(-5px);background:rgba(245,240,230,.04);}
.vpoint .vn{font-family:'Fraunces',serif;color:var(--brass-lt);font-size:1.5rem;line-height:1;}
.vpoint p{color:var(--cream-dim);font-size:.95rem;}
.vpoint p b{color:var(--cream);font-weight:600;}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:46px;}
.pcard{border-radius:14px;padding:26px;background:rgba(185,83,63,.1);border:1px solid rgba(185,83,63,.3);}
.pcard .px{color:var(--red);font-weight:600;font-size:.84rem;margin-bottom:8px;}
.pcard h4{font-size:1.1rem;color:var(--cream);margin-bottom:7px;}
.pcard p{font-size:.9rem;color:var(--cream-dim);}
.solution{border-radius:18px;padding:42px;background:linear-gradient(150deg,rgba(193,137,63,.16),rgba(193,137,63,.03));
  border:1px solid rgba(193,137,63,.4);}
.solution .stag{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-lt);}
.solution h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:10px 0 14px;}
.solution p{color:var(--cream-dim);margin-bottom:20px;max-width:64ch;}
.sol-points{display:flex;flex-wrap:wrap;gap:10px;}
.sol-points span{font-size:.86rem;color:var(--brass-lt);border:1px solid rgba(216,164,92,.4);
  padding:8px 15px;border-radius:30px;}

/* ---------- TESTIMONIALS ---------- */
.testimonials{background:var(--cream);}
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;
  display:flex;flex-direction:column;gap:16px;transition:transform .3s,box-shadow .3s;}
.tcard:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(21,32,28,.4);}
.tcard .qmark{font-family:'Fraunces',serif;font-size:2.6rem;color:var(--brass);line-height:.2;}
.tcard p{color:var(--text-dark);font-size:.98rem;flex:1;font-style:italic;}
.tcard .who b{display:block;color:var(--ink);font-weight:600;}
.tcard .who span{font-size:.85rem;color:var(--text-muted);}

/* ---------- SAMPLES ---------- */
.samples{background:var(--ink-soft);color:var(--cream);}
.samples .sec-head p{color:var(--cream-dim);}
.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.sample-card{background:#fbf8f1;border-radius:14px;padding:24px;color:var(--text-dark);
  transition:transform .35s,box-shadow .35s;}
.sample-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px -24px rgba(0,0,0,.5);}
.sample-card .skind{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.sample-card .skind small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--brass);}
.sample-card .stype{font-size:.7rem;background:var(--ink);color:var(--cream);padding:4px 10px;border-radius:20px;}
.s-name{height:14px;width:62%;border-radius:3px;background:var(--ink);margin-bottom:6px;}
.s-sub{height:8px;width:42%;border-radius:3px;background:rgba(42,48,44,.32);margin-bottom:16px;}
.s-accent{height:7px;width:30%;border-radius:3px;background:var(--brass);margin:13px 0 8px;}
.s-line{height:7px;border-radius:3px;background:rgba(42,48,44,.16);margin-bottom:7px;}
.s-line.s{width:90%;}.s-line.m{width:72%;}.s-line.xs{width:50%;}
.sample-card h3{font-size:1.15rem;margin-top:18px;color:var(--ink);}
.sample-card .sdesc{font-size:.88rem;color:var(--text-muted);margin-top:4px;}
.sample-note{margin-top:30px;text-align:center;font-size:.95rem;color:var(--cream-dim);}
.sample-note b{color:var(--brass-lt);}

@media(max-width:920px){
  .cert-list,.video-points{grid-template-columns:1fr;}
  .media-grid,.problem-grid,.t-grid,.sample-grid{grid-template-columns:1fr;}
  .feature{grid-template-columns:auto 1fr;}
  .feature .tag{display:none;}
  .cert-badge img{height:66px;}
}

/* ============================================================
   ADDED — Why pillars, FAQ accordion, deliverable kit,
   who-for cards, hero-CTA pulse
   ============================================================ */

/* ---------- WHY PILLARS ---------- */
.why{background:var(--cream);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.wpill{padding:36px 30px;border:1px solid var(--line);border-radius:16px;background:#fff;
  transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;}
.wpill::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brass),transparent);transform:scaleX(0);transform-origin:left;
  transition:transform .5s ease;}
.wpill:hover::before{transform:scaleX(1);}
.wpill:hover{transform:translateY(-7px);box-shadow:0 22px 50px -26px rgba(21,32,28,.4);border-color:rgba(193,137,63,.4);}
.wpill .wn{font-family:'Fraunces',serif;color:var(--brass);font-size:2.4rem;line-height:.85;font-weight:500;}
.wpill h3{font-size:1.25rem;margin:16px 0 10px;}
.wpill p{color:var(--text-muted);font-size:.95rem;}

/* ---------- FAQ ACCORDION ---------- */
.faq{background:var(--cream);}
.faq-list{display:grid;gap:14px;max-width:820px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  transition:box-shadow .3s,border-color .3s;}
.faq-item:hover{box-shadow:0 16px 36px -24px rgba(21,32,28,.35);}
.faq-item.open{border-color:rgba(193,137,63,.4);box-shadow:0 16px 36px -24px rgba(21,32,28,.35);}
.faq-q{padding:22px 28px;font-family:'Fraunces',serif;font-size:1.13rem;font-weight:500;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ink);
  list-style:none;user-select:none;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::after{content:"+";color:var(--brass);font-size:1.5rem;transition:transform .35s ease;flex-shrink:0;font-family:'Spline Sans',sans-serif;font-weight:400;}
.faq-item.open .faq-q::after{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;
  padding:0 28px;color:var(--text-muted);font-size:.97rem;}
.faq-item.open .faq-a{max-height:420px;padding:0 28px 24px;}

/* ---------- DELIVERABLE KIT LIST ---------- */
.kit{background:var(--cream);}
.kit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.kit-item{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  transition:border-color .3s,transform .3s,box-shadow .3s;}
.kit-item:hover{border-color:rgba(193,137,63,.5);transform:translateX(5px);box-shadow:0 14px 30px -22px rgba(21,32,28,.3);}
.kit-item .kc{color:var(--brass);font-weight:700;flex-shrink:0;font-size:1rem;line-height:1.4;}
.kit-item div b{display:block;color:var(--ink);font-size:.98rem;margin-bottom:3px;}
.kit-item div span{color:var(--text-muted);font-size:.88rem;}

/* ---------- WHO-FOR LIST ---------- */
.audience{background:var(--ink);color:var(--cream);}
.audience .sec-head p{color:var(--cream-dim);}
.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.acard{padding:24px 26px;border:1px solid rgba(245,240,230,.14);border-radius:14px;
  display:flex;gap:14px;align-items:flex-start;transition:transform .3s,background .3s;}
.acard:hover{transform:translateY(-4px);background:rgba(245,240,230,.04);}
.acard .ac{color:var(--brass-lt);flex-shrink:0;font-weight:700;}
.acard p{color:var(--cream-dim);font-size:.95rem;}
.acard p b{color:var(--cream);font-weight:600;}

/* ---------- HERO CTA SOFT PULSE ---------- */
.btn-primary.pulse{position:relative;}
.btn-primary.pulse::after{content:"";position:absolute;inset:0;border-radius:44px;
  box-shadow:0 0 0 0 rgba(193,137,63,.6);animation:cta-pulse 2.4s ease-out infinite;pointer-events:none;}
@keyframes cta-pulse{
  0%{box-shadow:0 0 0 0 rgba(193,137,63,.5);}
  70%{box-shadow:0 0 0 14px rgba(193,137,63,0);}
  100%{box-shadow:0 0 0 0 rgba(193,137,63,0);}
}

/* ---------- SCROLL PROGRESS BAR ---------- */
.scroll-prog{position:fixed;top:0;left:0;height:3px;background:var(--brass);width:0%;z-index:200;
  transition:width .12s ease-out;}

@media(max-width:920px){
  .why-grid,.kit-list,.audience-grid{grid-template-columns:1fr;}
}

/* ============================================================
   REALISTIC DOCUMENT CONTENT — for Results before/after &
   Samples cards. Replaces the abstract bar mockups.
   ============================================================ */
.r-doc{padding:6px 2px;font-family:'Spline Sans',sans-serif;}
.r-name{font-family:'Fraunces',serif;font-size:1.25rem;font-weight:600;color:var(--ink);line-height:1.1;margin-bottom:4px;letter-spacing:.01em;}
.r-name.r-large{font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase;}
.r-title{font-size:.92rem;color:var(--text-muted);margin-bottom:14px;}
.r-title.r-accent{color:var(--brass);font-weight:600;border-bottom:1px solid var(--brass);padding-bottom:9px;margin-bottom:14px;}
.r-meta{font-size:.74rem;color:var(--text-muted);margin-bottom:14px;letter-spacing:.04em;}
.r-sect{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-top:14px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(42,48,44,.13);}
.r-sect.r-sect-brass{color:var(--brass);border-bottom-color:rgba(193,137,63,.32);}
.r-text{font-size:.8rem;color:var(--text-dark);line-height:1.55;margin-bottom:6px;}
.r-text.r-bullet{display:flex;gap:8px;}
.r-text.r-bullet::before{content:"◆";color:var(--brass);font-size:.55rem;flex-shrink:0;margin-top:6px;}
.resume.low .r-text.r-bullet::before{color:#999;}
.r-text strong{color:var(--ink);font-weight:600;}
.resume.high .r-text strong{color:var(--brass);}
/* Weaker styling for the "before" version */
.resume.low .r-name{color:#666;font-weight:500;}
.resume.low .r-title{color:#888;}
.resume.low .r-sect{color:#999;letter-spacing:.12em;}
.resume.low .r-text{color:#666;}

/* Sample-card realistic content variant */
.sample-card .r-doc{padding-top:8px;}
.sample-card .r-name{font-size:1.1rem;}
.sample-card .r-text{font-size:.78rem;margin-bottom:5px;}
.sample-card .r-sect{font-size:.66rem;margin-top:10px;}

/* ============================================================
   FORM — multi-field row, select dropdown, hidden honeypot
   ============================================================ */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field select{
  width:100%;padding:14px 16px;border-radius:10px;font-family:inherit;font-size:.97rem;
  background:#fff;border:1px solid var(--line);color:var(--text-dark);
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23c1893f' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;
  cursor:pointer;transition:border-color .2s,box-shadow .2s;
}
.field select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(193,137,63,.13);}
.field select:invalid{color:var(--text-muted);}
.field select option{color:var(--text-dark);background:#fff;}
@media(max-width:560px){.field-row{grid-template-columns:1fr;}}

/* ============================================================
   PER-PAGE BACKGROUND ANIMATIONS — different on every page
   Sits inside the dark hero/page-header. GPU-accelerated.
   ============================================================ */
.bg-anim{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.bg-anim > *{will-change:transform;}
.page-header > .wrap, .hero > .wrap{position:relative;z-index:2;}

/* Home — floating gold orbs */
.bg-anim--orbs i{position:absolute;border-radius:50%;
  background:radial-gradient(circle,rgba(193,137,63,.22),transparent 65%);
  animation:bg-orb 18s ease-in-out infinite;}
.bg-anim--orbs i:nth-child(1){width:500px;height:500px;top:-18%;left:8%;}
.bg-anim--orbs i:nth-child(2){width:380px;height:380px;top:22%;right:4%;animation-delay:-6s;}
.bg-anim--orbs i:nth-child(3){width:280px;height:280px;bottom:-12%;left:38%;animation-delay:-12s;}
@keyframes bg-orb{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(40px,-30px) scale(1.08);}
  66%{transform:translate(-30px,20px) scale(.95);}
}

/* About — drifting dotted grid */
.bg-anim--dots{
  background-image:radial-gradient(rgba(193,137,63,.22) 1.4px,transparent 1.5px);
  background-size:32px 32px;
  animation:bg-dots-shift 26s linear infinite;
}
@keyframes bg-dots-shift{
  0%{background-position:0 0;}
  100%{background-position:64px 64px;}
}

/* Founder — floating diamonds */
.bg-anim--diamonds i{position:absolute;border:1px solid rgba(193,137,63,.25);
  transform:rotate(45deg);animation:bg-diamond 14s ease-in-out infinite;}
.bg-anim--diamonds i:nth-child(1){width:70px;height:70px;top:20%;left:8%;}
.bg-anim--diamonds i:nth-child(2){width:100px;height:100px;top:54%;right:10%;animation-delay:-4s;}
.bg-anim--diamonds i:nth-child(3){width:50px;height:50px;top:75%;left:24%;animation-delay:-7s;}
.bg-anim--diamonds i:nth-child(4){width:80px;height:80px;top:14%;right:18%;animation-delay:-10s;}
@keyframes bg-diamond{
  0%,100%{transform:rotate(45deg) translateY(0) scale(1);opacity:.6;}
  50%{transform:rotate(45deg) translateY(-22px) scale(1.07);opacity:1;}
}

/* Services — sweeping vertical beams */
.bg-anim--beams i{position:absolute;width:1.5px;
  background:linear-gradient(180deg,transparent,rgba(216,164,92,.45),transparent);
  height:100%;top:0;animation:bg-beam 9s ease-in-out infinite;}
.bg-anim--beams i:nth-child(1){left:16%;animation-delay:0s;}
.bg-anim--beams i:nth-child(2){left:42%;animation-delay:-3s;}
.bg-anim--beams i:nth-child(3){left:68%;animation-delay:-6s;}
.bg-anim--beams i:nth-child(4){left:87%;animation-delay:-1.5s;}
@keyframes bg-beam{
  0%,100%{transform:scaleY(.4);opacity:.3;transform-origin:center;}
  50%{transform:scaleY(1);opacity:1;}
}

/* Products — concentric ripples */
.bg-anim--ripples{display:flex;align-items:center;justify-content:center;}
.bg-anim--ripples i{position:absolute;border:1px solid rgba(193,137,63,.18);border-radius:50%;
  top:50%;left:50%;animation:bg-ripple 10s linear infinite;}
.bg-anim--ripples i:nth-child(1){animation-delay:0s;}
.bg-anim--ripples i:nth-child(2){animation-delay:-3.3s;}
.bg-anim--ripples i:nth-child(3){animation-delay:-6.6s;}
@keyframes bg-ripple{
  0%{width:0;height:0;margin:0;opacity:.5;}
  100%{width:1600px;height:1600px;margin:-800px 0 0 -800px;opacity:0;}
}

/* Videos — flowing diagonals */
.bg-anim--flow{
  background:repeating-linear-gradient(135deg,transparent 0,transparent 100px,rgba(216,164,92,.08) 100px,rgba(216,164,92,.08) 102px);
  animation:bg-flow 20s linear infinite;
}
@keyframes bg-flow{
  0%{background-position:0 0;}
  100%{background-position:400px 400px;}
}

/* LinkedIn Guide — falling streaks */
.bg-anim--streaks i{position:absolute;width:1px;height:130px;
  background:linear-gradient(180deg,transparent,rgba(216,164,92,.55),transparent);
  animation:bg-streak 9s linear infinite;}
.bg-anim--streaks i:nth-child(1){left:14%;animation-delay:0s;}
.bg-anim--streaks i:nth-child(2){left:32%;animation-delay:-2s;animation-duration:11s;}
.bg-anim--streaks i:nth-child(3){left:52%;animation-delay:-4s;animation-duration:8s;}
.bg-anim--streaks i:nth-child(4){left:72%;animation-delay:-6s;animation-duration:10s;}
.bg-anim--streaks i:nth-child(5){left:88%;animation-delay:-1s;animation-duration:9.5s;}
@keyframes bg-streak{
  0%{transform:translateY(-160px);opacity:0;}
  10%,85%{opacity:1;}
  100%{transform:translateY(120vh);opacity:0;}
}

/* Insider Tips — drifting mist */
.bg-anim--mist::before,.bg-anim--mist::after{content:"";position:absolute;border-radius:50%;
  background:radial-gradient(circle,rgba(193,137,63,.16),transparent 60%);
  animation:bg-mist 22s ease-in-out infinite;}
.bg-anim--mist::before{width:600px;height:600px;top:-20%;left:-10%;}
.bg-anim--mist::after{width:520px;height:520px;bottom:-25%;right:-12%;animation-delay:-11s;}
@keyframes bg-mist{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(55px,40px) scale(1.12);}
}

/* Results — pulsing bar chart */
.bg-anim--bars{display:flex;gap:22px;justify-content:space-around;align-items:flex-end;padding:0 6%;}
.bg-anim--bars i{flex:1;max-width:7px;background:rgba(193,137,63,.16);transform-origin:bottom;
  animation:bg-bar 4.5s ease-in-out infinite;border-radius:3px 3px 0 0;}
.bg-anim--bars i:nth-child(1){height:32%;animation-delay:0s;}
.bg-anim--bars i:nth-child(2){height:64%;animation-delay:-.8s;}
.bg-anim--bars i:nth-child(3){height:48%;animation-delay:-1.6s;}
.bg-anim--bars i:nth-child(4){height:78%;animation-delay:-2.4s;}
.bg-anim--bars i:nth-child(5){height:58%;animation-delay:-3.2s;}
.bg-anim--bars i:nth-child(6){height:42%;animation-delay:-.4s;}
.bg-anim--bars i:nth-child(7){height:70%;animation-delay:-1.2s;}
.bg-anim--bars i:nth-child(8){height:54%;animation-delay:-2s;}
.bg-anim--bars i:nth-child(9){height:38%;animation-delay:-2.8s;}
.bg-anim--bars i:nth-child(10){height:65%;animation-delay:-3.6s;}
@keyframes bg-bar{
  0%,100%{transform:scaleY(1);}
  50%{transform:scaleY(1.35);}
}

/* Contact — drifting grid */
.bg-anim--grid{
  background-image:linear-gradient(rgba(193,137,63,.1) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(193,137,63,.1) 1px,transparent 1px);
  background-size:52px 52px;
  animation:bg-grid 30s linear infinite;
}
@keyframes bg-grid{
  0%{background-position:0 0;}
  100%{background-position:52px 104px;}
}

@media(prefers-reduced-motion:reduce){
  .bg-anim, .bg-anim *, .bg-anim::before, .bg-anim::after{animation:none !important;}
}

/* ============================================================
   ADDED — Per-page animated backgrounds (one unique per page),
   realistic document previews, new form layout & select
   ============================================================ */

/* ---------- AMBIENT BACKGROUND BASE ---------- */
.ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
.page-header > .wrap, .hero > .wrap{position:relative;z-index:2;}

/* 1. Drifting orbs — Home */
.amb-orbs::before,.amb-orbs::after{
  content:"";position:absolute;border-radius:50%;
  background:radial-gradient(circle,rgba(193,137,63,.22),transparent 65%);
  width:48vw;height:48vw;filter:blur(8px);
}
.amb-orbs::before{top:-18%;right:-12%;animation:orb-a 18s ease-in-out infinite;}
.amb-orbs::after{bottom:-22%;left:-14%;animation:orb-b 22s ease-in-out infinite;
  background:radial-gradient(circle,rgba(216,164,92,.16),transparent 65%);}
@keyframes orb-a{0%,100%{transform:translate(0,0)}50%{transform:translate(-4%,6%)}}
@keyframes orb-b{0%,100%{transform:translate(0,0)}50%{transform:translate(6%,-5%)}}

/* 2. Aurora — About */
.amb-aurora::before{content:"";position:absolute;inset:-20%;
  background:
    radial-gradient(ellipse at 18% 28%,rgba(193,137,63,.20),transparent 45%),
    radial-gradient(ellipse at 78% 62%,rgba(216,164,92,.14),transparent 55%),
    radial-gradient(ellipse at 50% 100%,rgba(193,137,63,.12),transparent 55%);
  animation:aurora 16s ease-in-out infinite;}
@keyframes aurora{
  0%,100%{transform:translate(0,0) rotate(0deg);}
  33%{transform:translate(3%,-2%) rotate(2deg);}
  66%{transform:translate(-2%,3%) rotate(-2deg);}
}

/* 3. Floating diamonds — Founder */
.amb-diamonds span{position:absolute;width:22px;height:22px;
  border:1px solid rgba(193,137,63,.42);transform:rotate(45deg);}
.amb-diamonds span:nth-child(1){top:18%;left:8%;animation:dia-fl 14s ease-in-out infinite;}
.amb-diamonds span:nth-child(2){top:60%;left:82%;animation:dia-fl 18s ease-in-out infinite 2s;width:14px;height:14px;}
.amb-diamonds span:nth-child(3){top:78%;left:22%;animation:dia-fl 16s ease-in-out infinite 4s;width:30px;height:30px;opacity:.6;}
.amb-diamonds span:nth-child(4){top:30%;left:68%;animation:dia-fl 20s ease-in-out infinite 1s;width:18px;height:18px;}
.amb-diamonds span:nth-child(5){top:48%;left:42%;animation:dia-fl 22s ease-in-out infinite 3s;width:12px;height:12px;opacity:.5;}
.amb-diamonds span:nth-child(6){top:15%;left:55%;animation:dia-fl 17s ease-in-out infinite 5s;width:24px;height:24px;}
@keyframes dia-fl{
  0%,100%{transform:rotate(45deg) translate(0,0);opacity:.35;}
  50%{transform:rotate(45deg) translate(22px,-26px);opacity:.7;}
}

/* 4. Flowing horizontal lines — Services */
.amb-lines{
  background:repeating-linear-gradient(180deg,transparent 0,transparent 78px,
    rgba(193,137,63,.06) 78px,rgba(193,137,63,.06) 79px);
  animation:lines-slide 22s linear infinite;
}
@keyframes lines-slide{from{background-position:0 0;}to{background-position:0 79px;}}

/* 5. Moving grid squares — Products */
.amb-grid{
  background:
    linear-gradient(rgba(193,137,63,.06) 1px,transparent 1px) 0 0 / 60px 60px,
    linear-gradient(90deg,rgba(193,137,63,.06) 1px,transparent 1px) 0 0 / 60px 60px;
  animation:grid-pan 30s linear infinite;
}
@keyframes grid-pan{from{background-position:0 0,0 0;}to{background-position:60px 60px,60px 60px;}}

/* 6. Scanlines — Videos */
.amb-scan::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,
    rgba(245,240,230,.04) 3px,rgba(245,240,230,.04) 4px);}
.amb-scan::after{content:"";position:absolute;left:0;right:0;height:160px;
  background:linear-gradient(180deg,transparent,rgba(193,137,63,.10),transparent);
  animation:scan-sweep 5s linear infinite;}
@keyframes scan-sweep{from{top:-160px;}to{top:100%;}}

/* 7. Connected dots — LinkedIn Guide */
.amb-dots{
  background:radial-gradient(circle at center,rgba(193,137,63,.4) 1.3px,transparent 1.4px);
  background-size:34px 34px;opacity:.32;
  animation:dots-pulse 5s ease-in-out infinite;
}
@keyframes dots-pulse{0%,100%{opacity:.2;background-size:34px 34px;}50%{opacity:.45;background-size:36px 36px;}}

/* 8. Floating numerals — Insider Tips */
.amb-nums::before{content:"01  02  03  04  05  06  07  08  09  10  11  12  13  14  15  16  17  18  19  20";
  position:absolute;top:40%;font-family:'Fraunces',serif;font-style:italic;
  font-size:9rem;color:rgba(193,137,63,.06);white-space:nowrap;letter-spacing:.2em;
  animation:nums-drift 40s linear infinite;}
@keyframes nums-drift{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* 9. Pulsing waves — Results */
.amb-pulse::before,.amb-pulse::after{content:"";position:absolute;
  border:1px solid rgba(193,137,63,.18);border-radius:50%;
  left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;
  animation:wave 4s ease-out infinite;}
.amb-pulse::after{animation-delay:2s;}
@keyframes wave{
  0%{transform:scale(.5);opacity:.6;}
  100%{transform:scale(5);opacity:0;}
}

/* 10. Aurora mesh (warm) — Contact */
.amb-mesh::before{content:"";position:absolute;inset:-15%;
  background:
    conic-gradient(from 0deg at 30% 40%,rgba(193,137,63,.18),transparent 25%,rgba(216,164,92,.14) 50%,transparent 75%,rgba(193,137,63,.16));
  filter:blur(40px);animation:mesh-spin 24s linear infinite;}
@keyframes mesh-spin{to{transform:rotate(360deg);}}

@media(prefers-reduced-motion:reduce){
  .amb-orbs::before,.amb-orbs::after,.amb-aurora::before,
  .amb-diamonds span,.amb-lines,.amb-grid,.amb-scan::after,
  .amb-dots,.amb-nums::before,.amb-pulse::before,.amb-pulse::after,
  .amb-mesh::before{animation:none;}
}

/* ---------- REALISTIC DOCUMENT PREVIEWS (samples + before/after) ---------- */
.r-doc{padding:10px 0 14px;}
.resume.low .r-name{font-family:'Spline Sans',sans-serif;font-size:1.05rem;font-weight:600;color:var(--text-dark);margin-bottom:2px;}
.resume.high .r-name{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:600;color:var(--ink);letter-spacing:.04em;margin-bottom:3px;}
.r-title{font-size:.78rem;color:var(--text-muted);margin-bottom:6px;}
.resume.high .r-title{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;}
.r-contact{font-size:.66rem;color:var(--text-muted);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);letter-spacing:.02em;}
.r-sec{font-size:.62rem;letter-spacing:.18em;font-weight:700;color:var(--text-muted);margin:12px 0 5px;text-transform:uppercase;}
.r-sec.accent{color:var(--brass);border-bottom:1px solid var(--brass);padding-bottom:3px;display:inline-block;}
.r-para{font-size:.74rem;color:var(--text-muted);line-height:1.5;margin-bottom:6px;}
.r-para b{color:var(--ink);font-weight:600;}
.r-list{list-style:none;padding:0;font-size:.72rem;color:var(--text-muted);}
.r-list li{padding:2px 0 2px 12px;position:relative;line-height:1.5;}
.r-list li::before{content:"·";position:absolute;left:2px;color:var(--text-muted);font-weight:700;}
.r-list.bold li::before{content:"◆";color:var(--brass);font-size:.55rem;top:5px;}
.r-list.bold li b{color:var(--ink);font-weight:700;}

/* Sample preview document */
.s-preview{padding:14px 4px 8px;border-bottom:1px solid var(--line);margin-bottom:14px;}
.s-preview .sp-name{font-family:'Fraunces',serif;font-size:1.05rem;color:var(--ink);font-weight:600;letter-spacing:.03em;margin-bottom:2px;}
.s-preview .sp-sub{font-size:.66rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;}
.s-preview .sp-contact{font-size:.62rem;color:var(--text-muted);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.s-preview .sp-sec{font-size:.6rem;letter-spacing:.16em;font-weight:700;color:var(--brass);border-bottom:1px solid var(--brass);padding-bottom:2px;display:inline-block;margin:8px 0 4px;text-transform:uppercase;}
.s-preview .sp-text{font-size:.72rem;color:var(--text-muted);line-height:1.45;margin-bottom:4px;}
.s-preview .sp-text b{color:var(--ink);font-weight:700;}
.s-preview .sp-list{list-style:none;padding:0;font-size:.7rem;}
.s-preview .sp-list li{padding:1px 0 1px 12px;position:relative;color:var(--text-muted);line-height:1.5;}
.s-preview .sp-list li::before{content:"◆";color:var(--brass);position:absolute;left:0;font-size:.5rem;top:5px;}
.s-preview .sp-list li b{color:var(--ink);font-weight:700;}
/* LinkedIn variant */
.s-preview .li-banner{height:36px;background:linear-gradient(135deg,var(--ink),var(--brass));border-radius:6px;margin-bottom:-18px;}
.s-preview .li-photo{width:44px;height:44px;border-radius:50%;background:var(--brass);border:3px solid #fff;margin-left:8px;position:relative;z-index:2;}
.s-preview .li-headline{font-size:.7rem;color:var(--text-dark);line-height:1.45;margin:6px 0 4px;font-weight:500;}
.s-preview .li-meta{font-size:.62rem;color:var(--text-muted);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line);}

/* Adjustments to sample-card to host the preview */
.sample-card h3{margin-top:12px;}

/* ---------- NEW FORM LAYOUT ---------- */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;}
.field select{
  width:100%;padding:14px 16px;border-radius:10px;font-family:inherit;font-size:.97rem;
  background:#fff;border:1px solid var(--line);color:var(--text-dark);
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23c1893f' d='M3 4.5 L6 7.5 L9 4.5' stroke='%23c1893f' stroke-width='.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
  background-size:14px;padding-right:42px;
  cursor:pointer;transition:border-color .2s,box-shadow .2s;
}
.field select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(193,137,63,.13);}
.field select:invalid{color:var(--text-muted);}

@media(max-width:560px){.field-row{grid-template-columns:1fr;}}

/* ============================================================
   ADDED — page-specific animated backgrounds (inserted via JS),
   realistic document mockups, form-row + select dropdown
   ============================================================ */

/* ---------- BACKGROUND ANIMATION LAYER ---------- */
.bg-anim{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:.9;}
.hero-glow{z-index:0;}
.grain{z-index:2;}
.hero > .wrap, .page-header > .inner{position:relative;z-index:3;}

/* 1) HOME — horizontal scanning lines */
.bg-anim-home::before,
.bg-anim-home::after{
  content:"";position:absolute;left:-30%;right:-30%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,164,92,.55),transparent);
  animation:scanH 8s linear infinite;
}
.bg-anim-home::before{top:34%;}
.bg-anim-home::after{top:70%;animation-delay:-4s;}
@keyframes scanH{
  0%{transform:translateX(-20%);opacity:0;}
  20%,80%{opacity:1;}
  100%{transform:translateX(20%);opacity:0;}
}

/* 2) ABOUT — concentric rings expanding from upper-right */
.bg-anim-about::before,
.bg-anim-about::after{
  content:"";position:absolute;top:20%;right:8%;
  width:140px;height:140px;border-radius:50%;
  border:1px solid rgba(193,137,63,.4);
  animation:ringExpand 6s ease-out infinite;
}
.bg-anim-about::after{animation-delay:-3s;}
@keyframes ringExpand{
  0%{transform:scale(.15);opacity:.95;}
  100%{transform:scale(6);opacity:0;}
}

/* 3) FOUNDER — drifting particle field */
.bg-anim-founder{
  background-image:radial-gradient(circle,rgba(216,164,92,.5) 1.4px,transparent 1.5px);
  background-size:70px 70px;
  animation:drift-up 28s linear infinite;
}
@keyframes drift-up{
  from{background-position:0 0;}
  to{background-position:0 -700px;}
}

/* 4) SERVICES — grid + diagonal sweep */
.bg-anim-services{
  background-image:
    linear-gradient(rgba(245,240,230,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(245,240,230,.045) 1px,transparent 1px);
  background-size:55px 55px;
}
.bg-anim-services::before{
  content:"";position:absolute;inset:-30%;
  background:linear-gradient(115deg,transparent 40%,rgba(193,137,63,.18) 50%,transparent 60%);
  background-size:250% 250%;
  animation:gridSweep 9s linear infinite;
}
@keyframes gridSweep{
  from{background-position:-120% -120%;}
  to{background-position:220% 220%;}
}

/* 5) PRODUCTS — drifting blurry blobs */
.bg-anim-products::before,
.bg-anim-products::after{
  content:"";position:absolute;border-radius:50%;filter:blur(70px);
}
.bg-anim-products::before{
  width:320px;height:320px;background:rgba(193,137,63,.28);top:5%;left:0;
  animation:blobA 18s ease-in-out infinite;
}
.bg-anim-products::after{
  width:260px;height:260px;background:rgba(216,164,92,.22);bottom:0;right:10%;
  animation:blobB 14s ease-in-out infinite;
}
@keyframes blobA{
  0%,100%{transform:translate(0,0);}
  50%{transform:translate(90px,50px);}
}
@keyframes blobB{
  0%,100%{transform:translate(0,0);}
  50%{transform:translate(-70px,-50px);}
}

/* 6) RESULTS — animated equaliser bars */
.bg-anim-results{display:flex;align-items:flex-end;justify-content:space-around;padding:0 4%;}
.bg-anim-results::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:60%;
  background-repeat:no-repeat;
  background-image:
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05)),
    linear-gradient(rgba(193,137,63,.5),rgba(193,137,63,.05));
  background-size:3px 100%;
  background-position:5% 100%,15% 100%,25% 100%,35% 100%,45% 100%,55% 100%,65% 100%,75% 100%,85% 100%,95% 100%;
  animation:eq 2.8s ease-in-out infinite;
}
@keyframes eq{
  0%,100%{background-size:3px 35%,3px 70%,3px 50%,3px 85%,3px 60%,3px 78%,3px 45%,3px 90%,3px 55%,3px 72%;}
  50%   {background-size:3px 75%,3px 40%,3px 88%,3px 50%,3px 82%,3px 45%,3px 75%,3px 55%,3px 85%,3px 50%;}
}

/* 7) CONTACT — pulse rings from bottom-left */
.bg-anim-contact::before,
.bg-anim-contact::after{
  content:"";position:absolute;bottom:10%;left:8%;
  width:120px;height:120px;border-radius:50%;
  border:1px solid rgba(193,137,63,.45);
  animation:ringExpand2 5.5s ease-out infinite;
}
.bg-anim-contact::after{animation-delay:-2.8s;}
@keyframes ringExpand2{
  0%{transform:scale(.2);opacity:1;}
  100%{transform:scale(7);opacity:0;}
}

/* 8) VIDEOS — diagonal light sweep */
.bg-anim-videos::before{
  content:"";position:absolute;inset:-40%;
  background:linear-gradient(120deg,transparent 40%,rgba(216,164,92,.22) 50%,transparent 60%);
  background-size:200% 200%;
  animation:diag 7s linear infinite;
}
@keyframes diag{
  from{background-position:-100% -100%;}
  to{background-position:200% 200%;}
}
.bg-anim-videos::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(216,164,92,.18) 1.5px,transparent 1.6px);
  background-size:120px 120px;
  animation:drift-up 30s linear infinite reverse;
}

/* 9) LINKEDIN-GUIDE — network nodes */
.bg-anim-linkedin-guide{
  background-image:radial-gradient(circle,rgba(216,164,92,.45) 2px,transparent 2.5px);
  background-size:130px 130px;
}
.bg-anim-linkedin-guide::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(193,137,63,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(193,137,63,.12) 1px,transparent 1px);
  background-size:130px 130px;
  animation:net-pulse 6s ease-in-out infinite;
}
@keyframes net-pulse{
  0%,100%{opacity:.4;}
  50%{opacity:.95;}
}

/* 10) INSIDER-TIPS — slow horizontal data stream */
.bg-anim-insider-tips::before,
.bg-anim-insider-tips::after{
  content:"";position:absolute;left:-30%;right:-30%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(193,137,63,.55),transparent);
}
.bg-anim-insider-tips::before{top:25%;animation:scanH 11s linear infinite;}
.bg-anim-insider-tips::after{top:75%;animation:scanH 9s linear infinite -4s reverse;}

/* ---------- REALISTIC DOCUMENT MOCKUPS ---------- */
.rdoc{font-family:'Spline Sans',sans-serif;color:var(--ink);text-align:left;
  background:#fbf8f1;line-height:1.45;}
.rdoc-head{margin-bottom:8px;}
.rdoc-name{font-family:'Fraunces',serif;font-size:.98rem;font-weight:600;letter-spacing:.04em;color:var(--ink);}
.rdoc-title{font-size:.72rem;color:var(--brass);margin-top:2px;font-weight:600;}
.rdoc-meta{font-size:.62rem;color:var(--text-muted);margin-top:3px;}
.rdoc-rule{height:2px;background:var(--ink);margin:8px 0;}
.rdoc-rule.brass{height:1px;background:var(--brass);}
.rdoc-section{margin-bottom:9px;}
.rdoc-h{font-size:.62rem;letter-spacing:.18em;font-weight:700;color:var(--brass);margin-bottom:4px;text-transform:uppercase;}
.rdoc-p{font-size:.7rem;color:var(--text-muted);margin:0 0 6px;}
.rdoc-job{margin-bottom:8px;}
.rdoc-jline{display:flex;justify-content:space-between;font-size:.7rem;align-items:baseline;gap:6px;}
.rdoc-co{font-weight:700;color:var(--ink);}
.rdoc-yr{color:var(--text-muted);font-size:.62rem;white-space:nowrap;}
.rdoc-jrole{font-size:.68rem;color:var(--brass);font-style:italic;margin:2px 0 4px;}
.rdoc-bullets{list-style:none;padding:0;margin:0;}
.rdoc-bullets li{font-size:.66rem;color:var(--text-muted);padding-left:10px;position:relative;margin-bottom:2px;}
.rdoc-bullets li::before{content:"▸";color:var(--brass);position:absolute;left:0;font-size:.55rem;top:1px;}
.rdoc-li-strong{color:var(--ink);font-weight:600;}
/* sample cards now lighter padding so doc fills more space */
.sample-card .rdoc{padding:0;margin-top:4px;}
.sample-card h3{margin-top:14px;}

/* ---------- FORM ROW + SELECT DROPDOWN ---------- */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;}
.field select{
  width:100%;padding:14px 16px;border-radius:10px;font-family:inherit;font-size:.97rem;
  background:#fff;border:1px solid var(--line);color:var(--text-dark);
  transition:border-color .2s,box-shadow .2s;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c1893f' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
  padding-right:42px;cursor:pointer;
}
.field select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(193,137,63,.13);}

@media(max-width:560px){.form-row{grid-template-columns:1fr;}}

/* ============================================================
   ADDED — Form select + two-column field row,
   realistic resume document styling (replaces abstract bars),
   per-page animated backgrounds
   ============================================================ */

/* ---------- TWO-COLUMN FIELD ROW ---------- */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;}

/* ---------- SELECT DROPDOWN ---------- */
.field select{
  width:100%;padding:14px 42px 14px 16px;border-radius:10px;font-family:inherit;font-size:.97rem;
  background:#fff;border:1px solid var(--line);color:var(--text-dark);
  appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1L6 6L11 1' stroke='%23c1893f' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;background-position:right 16px center;
  transition:border-color .2s,box-shadow .2s;
}
.field select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(193,137,63,.13);}
.field select option{color:var(--text-dark);}
.field select:invalid, .field select option[disabled]{color:var(--text-muted);}

/* ---------- REALISTIC RESUME DOCUMENT STYLING ---------- */
.rs-letterhead{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(42,48,44,.18);}
.rs-name{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:500;color:var(--text-muted);letter-spacing:.04em;line-height:1.1;}
.rs-name.strong{color:var(--ink);font-weight:600;font-size:1.4rem;}
.rs-accent-line{height:2px;width:64px;background:var(--brass);margin:8px 0;}
.rs-role-weak{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em;}
.rs-role-strong{font-size:.78rem;color:var(--brass);letter-spacing:.1em;text-transform:uppercase;font-weight:600;}
.li-headline{font-size:.85rem;color:var(--text-dark);font-weight:500;line-height:1.4;}
.rs-section{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin:14px 0 6px;}
.rs-section.strong{color:var(--brass);}
.rs-summary{font-size:.84rem;line-height:1.55;color:var(--text-muted);margin-bottom:8px;}
.rs-summary.strong{color:var(--text-dark);}
.rs-bio{font-size:.8rem;line-height:1.6;color:var(--text-muted);font-style:italic;margin-bottom:8px;}
.rs-role{font-size:.78rem;color:var(--text-muted);margin:10px 0 4px;}
.rs-role b{color:var(--ink);font-weight:600;font-style:normal;}
.rs-bullets{list-style:none;padding-left:0;margin:6px 0;font-size:.8rem;line-height:1.55;color:var(--text-muted);}
.rs-bullets li{padding-left:14px;position:relative;margin-bottom:5px;}
.rs-bullets li::before{content:"•";position:absolute;left:0;color:var(--text-muted);font-size:.85rem;line-height:1.4;}
.rs-bullets.strong li{color:var(--text-dark);margin-bottom:7px;}
.rs-bullets.strong li::before{content:"▸";color:var(--brass);font-weight:700;}
.rs-bullets.strong li b{color:var(--ink);font-weight:600;}

/* ============================================================
   ANIMATED PAGE BACKGROUNDS — unique per page
   Each class applied to .hero or .page-header
   ============================================================ */

/* keep content above animations */
.hero > .wrap, .page-header > .inner{position:relative;z-index:3;}

/* ORBS — drifting blurred orbs (home + contact) */
.bg-orbs::before, .bg-orbs::after{
  content:"";position:absolute;border-radius:50%;filter:blur(74px);pointer-events:none;z-index:1;
}
.bg-orbs::before{
  width:46vw;height:46vw;background:rgba(193,137,63,.18);
  top:-14%;left:-14%;animation:orbA 22s ease-in-out infinite;
}
.bg-orbs::after{
  width:38vw;height:38vw;background:rgba(216,164,92,.14);
  bottom:-18%;right:-12%;animation:orbB 28s ease-in-out infinite;
}
@keyframes orbA{0%,100%{transform:translate(0,0);}50%{transform:translate(16%,10%);}}
@keyframes orbB{0%,100%{transform:translate(0,0);}50%{transform:translate(-14%,-12%);}}

/* MESH — slow-shifting radial gradients (about + results) */
.bg-mesh::after{
  content:"";position:absolute;inset:-12%;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 22% 30%, rgba(193,137,63,.24), transparent 35%),
    radial-gradient(circle at 78% 70%, rgba(216,164,92,.18), transparent 40%),
    radial-gradient(circle at 50% 95%, rgba(193,137,63,.14), transparent 32%);
  animation:meshShift 22s ease-in-out infinite;
}
@keyframes meshShift{
  0%,100%{transform:scale(1) rotate(0deg);}
  50%{transform:scale(1.15) rotate(3deg);}
}

/* GRID — pulsing dot grid (services) */
.bg-grid::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:radial-gradient(circle, rgba(193,137,63,.55) 1px, transparent 1.5px);
  background-size:38px 38px;
  animation:gridFade 6s ease-in-out infinite;
  opacity:.25;
}
@keyframes gridFade{0%,100%{opacity:.16;}50%{opacity:.38;}}

/* LINES — flowing diagonal lines (products) */
.bg-lines::before{
  content:"";position:absolute;inset:-25%;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(45deg,
    transparent 0,transparent 72px,
    rgba(193,137,63,.1) 72px, rgba(193,137,63,.1) 73px);
  animation:linesShift 18s linear infinite;
}
@keyframes linesShift{0%{background-position:0 0;}100%{background-position:144px 0;}}

/* PULSE — concentric expanding rings (linkedin-guide) */
.bg-pulse::before, .bg-pulse::after{
  content:"";position:absolute;top:50%;left:50%;width:320px;height:320px;
  border:1.6px solid rgba(193,137,63,.35);border-radius:50%;
  transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:1;
}
.bg-pulse::before{animation:ringEx 5.5s ease-out infinite;}
.bg-pulse::after{animation:ringEx 5.5s ease-out infinite 2.7s;}
@keyframes ringEx{
  0%{transform:translate(-50%,-50%) scale(0.2);opacity:.9;}
  100%{transform:translate(-50%,-50%) scale(4);opacity:0;}
}

/* WAVES — gently shifting horizontal bands (videos) */
.bg-waves::before{
  content:"";position:absolute;inset:-20%;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(to bottom,
    transparent 0,transparent 58px,
    rgba(193,137,63,.09) 58px, rgba(193,137,63,.09) 60px);
  animation:wavesShift 14s linear infinite;
  transform:skewY(-3deg);
}
@keyframes wavesShift{0%{background-position:0 0;}100%{background-position:0 118px;}}

/* RAYS — rotating soft rays (founder) */
.bg-rays::before{
  content:"";position:absolute;width:220%;height:220%;top:-60%;left:-60%;pointer-events:none;z-index:1;
  background:conic-gradient(from 0deg at 50% 50%,
    transparent 0deg, rgba(193,137,63,.07) 30deg, transparent 60deg,
    transparent 120deg, rgba(216,164,92,.05) 150deg, transparent 180deg,
    transparent 240deg, rgba(193,137,63,.07) 270deg, transparent 300deg,
    transparent 360deg);
  animation:raysSpin 70s linear infinite;
}
@keyframes raysSpin{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}

/* PARTICLES — small drifting dots (insider-tips) */
.bg-particles::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:
    radial-gradient(circle 1.5px at 12% 18%, rgba(216,164,92,.55) 99%, transparent 100%),
    radial-gradient(circle 1px at 28% 62%, rgba(216,164,92,.45) 99%, transparent 100%),
    radial-gradient(circle 2px at 48% 30%, rgba(216,164,92,.5) 99%, transparent 100%),
    radial-gradient(circle 1px at 65% 75%, rgba(216,164,92,.55) 99%, transparent 100%),
    radial-gradient(circle 1.5px at 82% 22%, rgba(216,164,92,.45) 99%, transparent 100%),
    radial-gradient(circle 1px at 95% 55%, rgba(216,164,92,.5) 99%, transparent 100%),
    radial-gradient(circle 1.5px at 18% 88%, rgba(216,164,92,.45) 99%, transparent 100%),
    radial-gradient(circle 1px at 55% 92%, rgba(216,164,92,.5) 99%, transparent 100%),
    radial-gradient(circle 2px at 70% 12%, rgba(216,164,92,.55) 99%, transparent 100%),
    radial-gradient(circle 1px at 38% 8%, rgba(216,164,92,.45) 99%, transparent 100%);
  animation:particlesFloat 16s ease-in-out infinite;
}
@keyframes particlesFloat{
  0%,100%{transform:translateY(0);opacity:.85;}
  50%{transform:translateY(-22px);opacity:1;}
}

@media(max-width:560px){
  .field-row{grid-template-columns:1fr;}
}

/* ============================================================
   CONTACT ICON BUTTONS — clickable email + LinkedIn pills
   ============================================================ */
.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.clink{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 20px;border-radius:30px;
  border:1px solid var(--line);background:#fff;color:var(--ink);
  font-size:.92rem;font-weight:500;text-decoration:none;
  transition:transform .25s ease,border-color .25s,box-shadow .25s,background .25s,color .25s;
}
.clink:hover{
  transform:translateY(-3px);
  border-color:var(--brass);
  background:var(--brass);
  color:var(--ink);
  box-shadow:0 14px 30px -16px rgba(193,137,63,.55);
}
.clink svg{width:18px;height:18px;flex-shrink:0;}

/* ============================================================
   PER-PAGE SCENE ANIMATIONS — themed career-branding mini-videos
   Each page gets a different SVG scene injected by script.js
   ============================================================ */
.scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;}
.scene svg{
  position:absolute;right:5%;top:50%;transform:translateY(-50%);
  width:42%;max-width:360px;height:auto;opacity:.85;
}
.hero > .wrap, .page-header > .inner{position:relative;z-index:3;}

@media(max-width:920px){
  .scene svg{
    right:auto;left:50%;top:50%;
    transform:translate(-50%,-50%);
    width:78%;max-width:320px;opacity:.22;
  }
}

/* ---------- HOME: resume score rising ---------- */
.scene-home .rb{transform-origin:left center;transform:scaleX(0);opacity:0;
  animation:rbIn 12s ease-out infinite;}
@keyframes rbIn{
  0%,5%{transform:scaleX(0);opacity:0;}
  18%,80%{transform:scaleX(1);opacity:1;}
  95%,100%{transform:scaleX(1);opacity:0;}
}
.scene-home .r1{animation-delay:.10s;} .scene-home .r2{animation-delay:.25s;}
.scene-home .r3{animation-delay:.45s;} .scene-home .r4{animation-delay:.55s;}
.scene-home .r5{animation-delay:.65s;} .scene-home .r6{animation-delay:.85s;}
.scene-home .r7{animation-delay:1.0s;} .scene-home .r8{animation-delay:1.1s;}
.scene-home .r9{animation-delay:1.2s;} .scene-home .r10{animation-delay:1.4s;}
.scene-home .r11{animation-delay:1.55s;} .scene-home .r12{animation-delay:1.75s;}
.scene-home .r13{animation-delay:1.85s;}
.scene-home .ring{animation:ringFill 12s ease-out infinite;animation-delay:2.1s;}
@keyframes ringFill{
  0%,18%{stroke-dashoffset:170;}
  55%,80%{stroke-dashoffset:7;}
  95%,100%{stroke-dashoffset:7;opacity:0;}
}

/* ---------- ABOUT: certifications stamping ---------- */
.scene-about .cert{transform-origin:center;transform:scale(0);opacity:0;
  animation:certIn 11s ease-out infinite;}
.scene-about .c1{animation-delay:.2s;} .scene-about .c2{animation-delay:.7s;}
.scene-about .c3{animation-delay:1.2s;} .scene-about .c4{animation-delay:1.7s;}
.scene-about .c5{animation-delay:2.2s;}
@keyframes certIn{
  0%,3%{transform:scale(0);opacity:0;}
  8%{transform:scale(1.18);opacity:1;}
  14%,80%{transform:scale(1);opacity:1;}
  95%,100%{transform:scale(1);opacity:0;}
}
.scene-about .check{animation:checkIn 11s ease-out infinite;}
.scene-about .ck1{animation-delay:.55s;} .scene-about .ck2{animation-delay:1.05s;}
.scene-about .ck3{animation-delay:1.55s;} .scene-about .ck4{animation-delay:2.05s;}
.scene-about .ck5{animation-delay:2.55s;}
@keyframes checkIn{
  0%,5%{stroke-dashoffset:34;}
  12%,80%{stroke-dashoffset:0;}
  95%,100%{stroke-dashoffset:0;opacity:0;}
}

/* ---------- FOUNDER: career timeline ---------- */
.scene-founder .tl{transform-origin:center;transform:scale(0);opacity:0;
  animation:tlIn 10s ease-out infinite;}
.scene-founder .t1{animation-delay:.2s;} .scene-founder .t2{animation-delay:.9s;}
.scene-founder .t3{animation-delay:1.6s;} .scene-founder .t4{animation-delay:2.3s;}
.scene-founder .t5{animation-delay:3.0s;}
@keyframes tlIn{
  0%,3%{transform:scale(0);opacity:0;}
  10%{transform:scale(1.25);opacity:1;}
  16%,80%{transform:scale(1);opacity:1;}
  95%,100%{transform:scale(1);opacity:0;}
}

/* ---------- SERVICES: document being built ---------- */
.scene-services .bd{transform-origin:left center;transform:scaleX(0);opacity:0;
  animation:rbIn 12s ease-out infinite;}
.scene-services .b1{animation-delay:.1s;}  .scene-services .b2{animation-delay:.3s;}
.scene-services .b3{animation-delay:.55s;} .scene-services .b4{animation-delay:.75s;}
.scene-services .b5{animation-delay:.85s;} .scene-services .b6{animation-delay:.95s;}
.scene-services .b7{animation-delay:1.2s;} .scene-services .b8{animation-delay:1.4s;}
.scene-services .b9{animation-delay:1.5s;} .scene-services .b10{animation-delay:1.6s;}
.scene-services .b11{animation-delay:1.85s;} .scene-services .b12{animation-delay:2.05s;}
.scene-services .b13{animation-delay:2.15s;} .scene-services .b14{animation-delay:2.25s;}

/* ---------- PRODUCTS: orbiting service icons ---------- */
.scene-products .orbit{transform-origin:160px 160px;animation:spin 22s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ---------- VIDEOS: pulsing play button ---------- */
.scene-videos .pulse{transform-origin:160px 160px;transform:scale(.7);opacity:0;
  animation:vidPulse 3.6s ease-out infinite;}
.scene-videos .p1{animation-delay:0s;}
.scene-videos .p2{animation-delay:1.2s;}
.scene-videos .p3{animation-delay:2.4s;}
@keyframes vidPulse{
  0%{transform:scale(.7);opacity:.85;}
  100%{transform:scale(1.55);opacity:0;}
}

/* ---------- LINKEDIN GUIDE: network forming ---------- */
.scene-linkedin-guide .link{animation:linkDraw 9s ease-out infinite;}
.scene-linkedin-guide .l1{animation-delay:.2s;} .scene-linkedin-guide .l2{animation-delay:.4s;}
.scene-linkedin-guide .l3{animation-delay:.6s;} .scene-linkedin-guide .l4{animation-delay:.8s;}
.scene-linkedin-guide .l5{animation-delay:1.0s;} .scene-linkedin-guide .l6{animation-delay:1.2s;}
.scene-linkedin-guide .l7{animation-delay:1.4s;} .scene-linkedin-guide .l8{animation-delay:1.6s;}
@keyframes linkDraw{
  0%,5%{stroke-dashoffset:200;}
  18%,80%{stroke-dashoffset:0;}
  95%,100%{stroke-dashoffset:0;opacity:0;}
}
.scene-linkedin-guide .node{transform-origin:center;transform:scale(0);opacity:0;
  animation:nodeIn 9s ease-out infinite;}
.scene-linkedin-guide .n1{animation-delay:.4s;} .scene-linkedin-guide .n2{animation-delay:.6s;}
.scene-linkedin-guide .n3{animation-delay:.8s;} .scene-linkedin-guide .n4{animation-delay:1.0s;}
.scene-linkedin-guide .n5{animation-delay:1.2s;} .scene-linkedin-guide .n6{animation-delay:1.4s;}
.scene-linkedin-guide .n7{animation-delay:1.6s;} .scene-linkedin-guide .n8{animation-delay:1.8s;}
@keyframes nodeIn{
  0%,5%{transform:scale(0);opacity:0;}
  18%,80%{transform:scale(1);opacity:1;}
  95%,100%{transform:scale(1);opacity:0;}
}

/* ---------- INSIDER TIPS: number badges appearing ---------- */
.scene-insider-tips .tip{transform-origin:center;transform:scale(0) rotate(-25deg);opacity:0;
  animation:tipIn 10s ease-out infinite;}
.scene-insider-tips .t1{animation-delay:.15s;} .scene-insider-tips .t2{animation-delay:.35s;}
.scene-insider-tips .t3{animation-delay:.55s;} .scene-insider-tips .t4{animation-delay:.75s;}
.scene-insider-tips .t5{animation-delay:.95s;} .scene-insider-tips .t6{animation-delay:1.15s;}
.scene-insider-tips .t7{animation-delay:1.35s;} .scene-insider-tips .t8{animation-delay:1.55s;}
@keyframes tipIn{
  0%,3%{transform:scale(0) rotate(-25deg);opacity:0;}
  12%,80%{transform:scale(1) rotate(0);opacity:1;}
  95%,100%{transform:scale(1) rotate(0);opacity:0;}
}

/* ---------- RESULTS: bars growing + arrow ---------- */
.scene-results .br{transform-origin:center bottom;transform:scaleY(0);
  animation:barUp 8s ease-out infinite;}
.scene-results .b1{animation-delay:.2s;} .scene-results .b2{animation-delay:.4s;}
.scene-results .b3{animation-delay:.6s;} .scene-results .b4{animation-delay:.8s;}
.scene-results .b5{animation-delay:1.0s;} .scene-results .b6{animation-delay:1.2s;}
@keyframes barUp{
  0%,5%{transform:scaleY(0);}
  25%,80%{transform:scaleY(1);}
  95%,100%{transform:scaleY(1);opacity:0;}
}
.scene-results .arrow{animation:arrowDraw 8s ease-out infinite;}
@keyframes arrowDraw{
  0%,30%{stroke-dashoffset:320;}
  62%,80%{stroke-dashoffset:0;}
  95%,100%{stroke-dashoffset:0;opacity:0;}
}
.scene-results .arrow-head{opacity:0;animation:headIn 8s ease-out infinite;}
@keyframes headIn{
  0%,58%{opacity:0;}
  68%,80%{opacity:1;}
  95%,100%{opacity:0;}
}

/* ---------- CONTACT: envelope + paper plane ---------- */
.scene-contact .trail{animation:trailDraw 5.5s ease-in-out infinite;}
@keyframes trailDraw{
  0%,8%{stroke-dashoffset:100;}
  60%,90%{stroke-dashoffset:0;}
  100%{stroke-dashoffset:0;}
}
.scene-contact .plane{transform-box:fill-box;animation:planeFly 5.5s ease-in-out infinite;}
@keyframes planeFly{
  0%{transform:translate(150px,110px) rotate(-35deg);opacity:0;}
  12%{opacity:1;}
  60%{transform:translate(215px,67px) rotate(-35deg);opacity:1;}
  85%{transform:translate(240px,45px) rotate(-35deg);opacity:.4;}
  100%{transform:translate(240px,45px) rotate(-35deg);opacity:0;}
}

/* ---------- Reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .scene svg *{animation:none !important;}
}