/*  Own Your Power — landing page styles
    Everything is scoped under .oyp so the theme cannot break this page,
    and this page cannot break the theme.
    Palette: vaishalimutalik.com  ·  gold = editorial, orange = action.  */

.oyp{
  --oyp-ink:#080808;
  --oyp-surface:#0C0C0C;
  --oyp-bone:#F2F0ED;
  --oyp-paper:#FFFFFF;
  --oyp-signal:#F25C1B;
  --oyp-ember:#8C3208;
  --oyp-gold:#DFA23A;
  --oyp-gold-deep:#8F6519;
  --oyp-pad:clamp(20px,5.5vw,120px);
  --oyp-soft:cubic-bezier(.33,.9,.28,1);
  --oyp-settle:cubic-bezier(.22,1,.36,1);
  --oyp-tight:-.045em;

  --oyp-bg:#080808;
  --oyp-fg:#F2F0ED;
  --oyp-muted:#9A9A96;
  --oyp-dim:#5C5C58;
  --oyp-rule:rgba(242,240,237,.10);
  --oyp-rule2:rgba(242,240,237,.24);
  --oyp-accent:#DFA23A;

  font-family:'Outfit',system-ui,-apple-system,sans-serif;
  font-weight:300; font-size:17px; line-height:1.6;
  background:var(--oyp-ink); color:var(--oyp-fg);
  -webkit-font-smoothing:antialiased;
}
.oyp *,.oyp *::before,.oyp *::after{box-sizing:border-box; border-radius:0;}
.oyp img{max-width:100%; height:auto; display:block;}
.oyp ::selection{background:var(--oyp-signal); color:#080808;}
.oyp p{margin:0;}

/* light scope — same tokens, inverted */
.oyp .oyp-light{
  --oyp-bg:#F2F0ED;
  --oyp-fg:#080808;
  --oyp-muted:#4A4A46;
  --oyp-dim:#6B6B67;
  --oyp-rule:rgba(8,8,8,.13);
  --oyp-rule2:rgba(8,8,8,.26);
  --oyp-accent:#8F6519;
}

.oyp .oyp-wrap{max-width:1240px; margin:0 auto; padding-left:var(--oyp-pad); padding-right:var(--oyp-pad);}
.oyp .oyp-section{
  background:var(--oyp-bg); color:var(--oyp-fg);
  padding:clamp(64px,9vw,118px) 0; border-top:1px solid var(--oyp-rule);
}

/* micro-label */
.oyp .oyp-ml{font-weight:600; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; line-height:1.7;}
.oyp .oyp-label{color:var(--oyp-dim); margin:0 0 26px;}
.oyp .oyp-label span{color:var(--oyp-accent);}

.oyp h1.oyp-h1,
.oyp h2.oyp-h2,
.oyp h3.oyp-h3{font-weight:500; letter-spacing:var(--oyp-tight); line-height:1.02; margin:0; color:var(--oyp-fg);}
.oyp h1.oyp-h1{font-size:clamp(2.5rem,6.8vw,5rem);}
.oyp h1.oyp-h1 em{font-style:normal; color:var(--oyp-gold);}
.oyp h2.oyp-h2{font-size:clamp(1.95rem,4.4vw,3.25rem); line-height:1.05; margin:0 0 20px;}
.oyp .oyp-lede{font-size:clamp(1.05rem,1.5vw,1.3rem); line-height:1.55; color:var(--oyp-muted); max-width:54ch; letter-spacing:-.01em;}
.oyp .oyp-lede b{color:var(--oyp-fg); font-weight:400;}
.oyp .oyp-head{max-width:60ch; margin:0 0 clamp(38px,5vw,62px);}
.oyp .oyp-head p{color:var(--oyp-muted); font-size:1.02rem;}
.oyp .oyp-head p em{color:var(--oyp-fg); font-style:italic;}

/* hero */
.oyp .oyp-hero{background:var(--oyp-ink); padding:clamp(70px,9vw,120px) 0 clamp(62px,7.5vw,100px);}
.oyp .oyp-hero-grid{display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:clamp(38px,5.5vw,80px); align-items:start;}
.oyp .oyp-cover{box-shadow:0 40px 90px rgba(0,0,0,.85); border:1px solid var(--oyp-rule);}
.oyp .oyp-cover-meta{margin-top:20px; color:var(--oyp-dim);}
.oyp .oyp-hero h1.oyp-h1{margin:0 0 26px;}

/* form panel — always light, white fields */
.oyp .oyp-offer{
  background:var(--oyp-bone); color:#080808;
  margin-top:38px; padding:clamp(26px,3.2vw,36px); max-width:660px;
  border-top:4px solid var(--oyp-signal); box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.oyp .oyp-light .oyp-offer{background:var(--oyp-paper); box-shadow:0 14px 40px rgba(8,8,8,.09);}
.oyp .oyp-kicker{color:var(--oyp-ember); margin:0 0 10px;}
.oyp .oyp-offer h2{font-size:clamp(1.35rem,2.2vw,1.72rem); font-weight:600; letter-spacing:-.03em; margin:0 0 10px; color:#080808; line-height:1.15;}
.oyp .oyp-offer .oyp-sub{color:#4A4A46; font-size:1rem; margin:0 0 24px; max-width:52ch;}
.oyp .oyp-offer em{font-style:italic; color:#080808;}
.oyp .oyp-fields{display:grid; grid-template-columns:1fr 1.4fr; gap:1px; background:rgba(8,8,8,.22); border:1px solid rgba(8,8,8,.22);}
.oyp .oyp-field{background:var(--oyp-paper);}
.oyp .oyp-field label{display:block; color:#6B6B67; padding:13px 15px 0; margin:0;}
.oyp .oyp-field input{
  width:100%; padding:5px 15px 15px; font-family:inherit; font-weight:300;
  font-size:16px; color:#080808; background:transparent; border:0; box-shadow:none;
  line-height:1.4; height:auto; margin:0;
}
.oyp .oyp-field input::placeholder{color:#8E8E89; opacity:1;}
.oyp .oyp-field input:focus{outline:none; box-shadow:none; border:0; background:transparent;}
.oyp .oyp-field:focus-within{box-shadow:inset 0 -3px 0 var(--oyp-signal);}
.oyp .oyp-field:focus-within label{color:var(--oyp-ember);}

.oyp .oyp-btn{
  display:block; width:100%; margin-top:18px; padding:20px 24px;
  font-family:inherit; font-weight:700; font-size:14px; line-height:1.2;
  letter-spacing:1.5px; text-transform:uppercase; text-align:center; text-decoration:none;
  color:#080808; background:var(--oyp-signal); border:0; cursor:pointer;
  transition:background .3s var(--oyp-soft), transform .12s var(--oyp-soft);
}
.oyp .oyp-btn:hover,.oyp .oyp-btn:focus{background:#FF7038; color:#080808;}
.oyp .oyp-btn:active{transform:translateY(1px);}
.oyp .oyp-btn[disabled]{opacity:.55; cursor:default;}
.oyp .oyp-btn-ink{color:var(--oyp-bone); background:#080808;}
.oyp .oyp-btn-ink:hover,.oyp .oyp-btn-ink:focus{background:#1E1E1E; color:var(--oyp-bone);}
.oyp .oyp-btn-inline{display:inline-block; width:auto; margin-top:0; padding:16px 30px;}

.oyp .oyp-micro{color:#6B6B67; font-size:.87rem; margin-top:14px; line-height:1.6; max-width:52ch;}
.oyp .oyp-hp{position:absolute!important; left:-9999px!important; opacity:0; height:0; width:0;}
.oyp .oyp-thanks{display:none;}
.oyp .oyp-thanks.is-shown{display:block;}
.oyp .oyp-thanks h2{color:var(--oyp-ember); margin:0 0 12px;}
.oyp .oyp-thanks p{color:#4A4A46; font-size:.98rem; margin:0 0 12px; max-width:52ch;}
.oyp .oyp-error{display:none; color:#A32E06; font-size:.9rem; margin-top:14px; font-weight:400;}
.oyp .oyp-error.is-shown{display:block;}

/* orange CTA band */
.oyp .oyp-band{background:var(--oyp-signal); padding:clamp(40px,5vw,58px) 0; border-top:0;}
.oyp .oyp-band-inner{display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;}
.oyp .oyp-band-head{color:#080808; font-weight:500; letter-spacing:-.032em; line-height:1.15; font-size:clamp(1.35rem,2.9vw,2.05rem); max-width:22ch;}
.oyp .oyp-band-sub{margin-top:8px; color:rgba(8,8,8,.68); font-size:.95rem; font-weight:400;}

/* practices */
.oyp .oyp-practices{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:0 clamp(28px,4vw,62px);}
.oyp .oyp-practice{padding:25px 0 29px; border-top:1px solid var(--oyp-rule); transition:border-top-color .4s var(--oyp-soft);}
.oyp .oyp-practice:hover{border-top-color:var(--oyp-gold);}
.oyp .oyp-practice .oyp-idx{color:var(--oyp-accent); display:block; margin-bottom:11px;}
.oyp .oyp-practice h3{font-size:1.16rem; font-weight:500; letter-spacing:-.028em; margin:0 0 9px; color:var(--oyp-fg); line-height:1.2;}
.oyp .oyp-practice p{font-size:.95rem; color:var(--oyp-muted); line-height:1.6;}
.oyp .oyp-practice em{color:var(--oyp-fg); font-style:normal; font-weight:400;}
.oyp .oyp-after{margin-top:clamp(36px,5vw,54px); padding-top:28px; border-top:1px solid var(--oyp-rule2); max-width:74ch; color:var(--oyp-muted); font-size:1.02rem;}
.oyp .oyp-after em{color:var(--oyp-fg); font-style:italic;}
.oyp .oyp-after strong{display:block; margin-top:14px; color:var(--oyp-fg); font-weight:400; font-size:clamp(1.15rem,2.1vw,1.55rem); letter-spacing:-.032em; line-height:1.28;}

/* quote */
.oyp .oyp-quote{background:var(--oyp-surface);}
.oyp .oyp-quote blockquote{
  margin:0; padding:0; border:0; font-style:normal;
  font-weight:300; letter-spacing:var(--oyp-tight); line-height:1.14;
  font-size:clamp(1.85rem,5.1vw,3.8rem); max-width:19ch; color:#F2F0ED;
}
.oyp .oyp-quote cite{display:block; margin-top:32px; color:#5C5C58; font-style:normal;}
.oyp .oyp-quote cite span{color:var(--oyp-gold);}

/* who it is for */
.oyp .oyp-forlist{margin:0; padding:0; list-style:none; max-width:80ch;}
.oyp .oyp-forlist li{
  padding:25px 0; margin:0; border-top:1px solid var(--oyp-rule); list-style:none;
  font-size:clamp(1.02rem,1.7vw,1.22rem); line-height:1.5; color:var(--oyp-muted); letter-spacing:-.012em;
}
.oyp .oyp-forlist li:last-child{border-bottom:1px solid var(--oyp-rule);}
.oyp .oyp-forlist em{color:var(--oyp-fg); font-style:italic;}

/* about */
.oyp .oyp-about-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,320px); gap:clamp(34px,5vw,76px); align-items:start;}
.oyp .oyp-about p{margin:0 0 17px; color:var(--oyp-muted); max-width:60ch;}
.oyp .oyp-about p em{color:var(--oyp-fg); font-style:italic;}
.oyp .oyp-about p strong{color:var(--oyp-fg); font-weight:400;}
.oyp .oyp-stats{display:flex; gap:clamp(24px,4vw,54px); flex-wrap:wrap; margin:26px 0 30px; padding:24px 0; border-top:1px solid var(--oyp-rule); border-bottom:1px solid var(--oyp-rule);}
.oyp .oyp-stat b{display:block; font-size:clamp(1.7rem,3.4vw,2.5rem); font-weight:500; letter-spacing:-.04em; color:var(--oyp-fg); line-height:1;}
.oyp .oyp-stat span{display:block; margin-top:7px; color:var(--oyp-dim);}
.oyp .oyp-facts{border-top:1px solid var(--oyp-rule2); padding-top:22px;}
.oyp .oyp-facts h3{color:var(--oyp-dim); margin:0 0 4px; font-weight:600;}
.oyp .oyp-facts dl{margin:0;}
.oyp .oyp-facts dt{color:var(--oyp-dim); margin-top:17px;}
.oyp .oyp-facts dd{margin:5px 0 0; color:var(--oyp-fg); font-size:.95rem; line-height:1.5;}
.oyp .oyp-awards{margin:0; padding:0; list-style:none;}
.oyp .oyp-awards li{padding:11px 0; margin:0; border-top:1px solid var(--oyp-rule); color:var(--oyp-muted); font-size:.93rem; line-height:1.45; list-style:none;}
.oyp .oyp-awards li b{display:block; color:var(--oyp-fg); font-weight:400;}
.oyp .oyp-awards li:first-child{border-top:0;}
.oyp .oyp-textlink{display:inline-block; margin-top:13px; color:var(--oyp-fg); text-decoration:none; padding-bottom:8px; border-bottom:1px solid var(--oyp-rule2); box-shadow:none;}
.oyp .oyp-textlink:hover{border-bottom-color:var(--oyp-gold); color:var(--oyp-gold);}

/* closing */
.oyp .oyp-closing .oyp-big{font-weight:300; letter-spacing:var(--oyp-tight); line-height:1.14; font-size:clamp(1.65rem,4.2vw,2.85rem); max-width:17ch; margin:0 0 38px; color:var(--oyp-fg);}
.oyp .oyp-closing .oyp-offer{margin-top:0;}

/* sticky CTA */
.oyp-sticky{
  position:fixed; left:0; right:0; bottom:0; z-index:9990;
  font-family:'Outfit',system-ui,-apple-system,sans-serif;
  background:#F2F0ED; border-top:4px solid #F25C1B;
  box-shadow:0 -14px 40px rgba(0,0,0,.35);
  transform:translateY(110%); transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.oyp-sticky.is-shown{transform:translateY(0);}
.oyp-sticky .oyp-sticky-in{
  max-width:1240px; margin:0 auto; padding:14px clamp(20px,5.5vw,120px);
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.oyp-sticky p{margin:0; color:#080808; font-size:1rem; font-weight:400; letter-spacing:-.015em;}
.oyp-sticky p span{display:block; color:#6B6B67; font-size:.85rem; font-weight:300;}
.oyp-sticky .oyp-btn{
  margin-top:0; width:auto; padding:14px 28px; display:inline-block;
  font-weight:700; font-size:14px; letter-spacing:1.5px; text-transform:uppercase;
  color:#080808; background:#F25C1B; text-decoration:none; border:0; cursor:pointer;
}
.oyp-sticky .oyp-btn:hover{background:#FF7038; color:#080808;}

@media (max-width:880px){
  .oyp .oyp-hero-grid{grid-template-columns:1fr; gap:30px;}
  .oyp .oyp-cover-frame{max-width:200px;}
  .oyp .oyp-about-grid{grid-template-columns:1fr; gap:32px;}
  .oyp .oyp-fields{grid-template-columns:1fr;}
  .oyp .oyp-band-inner{flex-direction:column; align-items:flex-start;}
  .oyp-sticky .oyp-btn{width:100%; text-align:center;}
  .oyp .oyp-closing{padding-bottom:150px;}
}