/* 픽미 브랜드 사이트(pickmeclinic.com) — 시안 HTML의 <style> 블록을 순서 그대로 옮긴 것.
   ⚠ 뒤 블록이 앞 규칙을 덮어쓰는 패치 구조라 순서를 바꾸거나 중복을 정리하면 화면이 달라진다. */

/* ===== 1 : block ===== */

:root{
  --bg:#08080A; --bg2:#0D0D10; --ink:#FFFFFF; --muted:#CFCDD2; --dim:#9C9AA1;
  --line:rgba(255,255,255,.20); --line-soft:rgba(255,255,255,.10);
  --accent:#E4006A; --accent-t:#FF4D94; --panel:#131317;
  --c1:#E84C8A; --c2:#BE8A3A; --c3:#2FA0B8; --c4:#9070E5;
  --ease:cubic-bezier(.16,1,.3,1);
  --sans:'Inter','Noto Sans KR','Helvetica Neue',Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --pad:100px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;line-height:1.6}
img{max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}

/* layout */
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
section{padding-block:var(--pad)}
.alt{background:var(--bg2);border-block:1px solid var(--line-soft)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:52px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
  color:var(--accent-t);display:flex;align-items:center;gap:13px}
.eyebrow::before{content:"";width:20px;height:2px;background:var(--accent-t);display:block;flex:none}
h2{font-size:clamp(27px,3.4vw,44px);font-weight:300;letter-spacing:-.025em;line-height:1.25;margin-top:20px}
h2 em{font-style:normal;color:var(--accent-t)}
.sec-note{font-size:15.5px;color:var(--muted);line-height:1.9;max-width:420px}
.hair{height:1px;background:var(--line-soft);width:100%}
.note{font-size:15px;line-height:1.85;color:var(--muted);padding-left:20px;border-left:2px solid var(--accent-t)}
.note b{color:var(--accent-t);font-weight:500}
.note.dim{border-left-color:var(--line);color:var(--dim);font-size:13.5px}
.pull{font-size:clamp(19px,2.3vw,29px);font-weight:300;line-height:1.6;letter-spacing:-.015em;
  padding-left:24px;border-left:2px solid var(--accent-t);max-width:980px}
.pull b{font-weight:500;color:var(--accent-t)}

/* reveal */
.r{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.r.on{opacity:1;transform:none}
.r[data-d="1"]{transition-delay:.07s}.r[data-d="2"]{transition-delay:.14s}
.r[data-d="3"]{transition-delay:.21s}.r[data-d="4"]{transition-delay:.28s}
.r[data-d="5"]{transition-delay:.35s}.r[data-d="6"]{transition-delay:.42s}
@media (prefers-reduced-motion:reduce){.r{opacity:1;transform:none;transition:none}}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:80;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  background:rgba(8,8,10,.62);border-bottom:1px solid transparent;transition:background .4s,border-color .4s}
header.solid{background:rgba(8,8,10,.94);border-bottom-color:var(--line-soft)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:24px;height:70px}
.logo{font-size:16px;font-weight:600;letter-spacing:.2em}
.logo small{display:block;font-size:9.5px;font-weight:400;letter-spacing:.22em;color:var(--dim);margin-top:3px}
nav{display:flex;gap:26px;font-size:12.5px;letter-spacing:.12em;font-weight:500;color:var(--muted)}
nav a{transition:color .25s}
nav a:hover{color:var(--accent-t)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 26px;border:1px solid var(--line);font-size:13px;font-weight:500;letter-spacing:.1em;
  background:transparent;color:var(--ink);cursor:pointer;font-family:var(--sans);
  transition:background .3s,border-color .3s,color .3s}
.btn:hover{border-color:var(--accent-t);color:var(--accent-t)}
.btn.fill{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.fill:hover{background:var(--accent-t);border-color:var(--accent-t);color:#fff}
.btn.sm{padding:11px 20px;font-size:12px}

/* hero */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  position:relative;padding-top:120px;padding-bottom:70px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(46% 52% at 78% 18%,rgba(228,0,106,.20),transparent 68%),
             radial-gradient(40% 44% at 8% 86%,rgba(228,0,106,.10),transparent 70%)}
.hero-ghost{position:absolute;right:-3vw;bottom:-2vh;font-size:clamp(140px,22vw,320px);font-weight:200;
  line-height:.78;letter-spacing:-.05em;color:rgba(255,255,255,.045);user-select:none;pointer-events:none}
.hero .wrap{position:relative;z-index:2;width:100%}
.rule-accent{width:60px;height:2px;background:var(--accent);margin:24px 0 28px}
.hero h1{font-size:clamp(32px,5.2vw,68px);font-weight:300;letter-spacing:-.035em;line-height:1.18}
.hero h1 b{font-weight:400;color:var(--accent-t)}
.hero-sub{font-size:clamp(15.5px,1.5vw,19px);color:var(--muted);line-height:1.95;margin-top:32px;max-width:760px}
.hero-cta{display:flex;gap:14px;margin-top:42px;flex-wrap:wrap}
.hero-meta{display:flex;gap:30px;flex-wrap:wrap;margin-top:58px;padding-top:24px;border-top:1px solid var(--line-soft);
  font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}

/* promise strip */
.promise{border-block:1px solid var(--line-soft);background:var(--bg2)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.pi{padding:44px 30px;border-left:1px solid var(--line-soft)}
.pi:first-child{border-left:none;padding-left:0}
.pi-k{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--accent-t)}
.pi-t{font-size:21px;font-weight:500;margin-top:16px;letter-spacing:-.01em}
.pi-d{font-size:14.5px;color:var(--muted);margin-top:10px;line-height:1.75}

/* problem cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.card{background:var(--bg);padding:30px 28px 34px;transition:background .35s}
.alt .card{background:var(--bg2)}
.card:hover{background:var(--panel)}
.card-n{font-size:11.5px;font-weight:600;letter-spacing:.2em;color:var(--accent-t)}
.card-t{font-size:19px;font-weight:500;margin-top:14px;letter-spacing:-.01em}
.card-d{font-size:14px;color:var(--muted);margin-top:11px;line-height:1.75}
.card-d.neg{color:var(--dim)}

/* formula */
.formula{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fx{border:1px solid var(--line);background:var(--panel);padding:22px 20px;position:relative}
.fx-k{font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--accent-t);text-transform:uppercase}
.fx-t{font-size:19px;font-weight:500;margin-top:11px;line-height:1.35}
.fx-d{font-size:13.5px;color:var(--muted);margin-top:9px;line-height:1.6}
.fx .op{position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--dim);z-index:2;
  background:var(--bg);width:24px;text-align:center;line-height:1}
.alt .fx .op{background:var(--bg2)}
.fx:last-child .op{display:none}
.fbottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.fx.neg{background:transparent;border-color:var(--line-soft)}
.fx.neg .fx-k{color:var(--dim)}
.fx.res{border-color:var(--accent);background:rgba(228,0,106,.10)}

/* product 4 tier + ladder */
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.col-h{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-t);
  font-weight:600;padding-bottom:15px;border-bottom:1px solid var(--line)}
.tier{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.tbox{border:1px solid var(--line-soft);background:var(--panel);padding:22px 22px}
.tbox-k{font-size:11px;letter-spacing:.2em;font-weight:600;color:var(--accent-t)}
.tbox-t{font-size:18px;font-weight:500;margin-top:11px}
.tbox-d{font-size:13.5px;color:var(--muted);margin-top:9px;line-height:1.65}
.ladder{margin-top:16px}
.rung{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.rung:last-child{border-bottom:1px solid var(--line)}
.rung-k{font-size:16.5px;font-weight:600}
.rung-d{font-size:14px;color:var(--muted)}
.rung-fill{height:3px;background:var(--accent-t);width:0;transition:width 1.3s var(--ease);border-radius:2px;margin-top:10px}
.on .rung-fill{width:var(--w)}

/* funnel */
.fnbar{height:3px;background:var(--line-soft);margin-bottom:0}
.fnbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-t),rgba(255,77,148,.22));transition:width 1.8s var(--ease)}
.fnbar.on i{width:100%}
.funnel{display:grid;grid-template-columns:repeat(4,1fr)}
.fn{padding:22px 20px 22px 0;border-top:1px solid transparent}
.fn-n{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--accent-t)}
.fn-t{font-size:17.5px;font-weight:500;margin-top:11px}
.fn-d{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.6}

/* kpi tiles */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kpi{border:1px solid var(--line-soft);padding:26px 26px 28px;background:var(--panel)}
.kpi-k{font-size:11.5px;letter-spacing:.16em;font-weight:600;color:var(--accent-t)}
.kpi-t{font-size:19px;font-weight:500;margin-top:12px}
.kpi-d{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.7}

/* support list */
.sup{display:grid;grid-template-columns:repeat(3,1fr)}
.sup-i{padding:30px 34px 32px 0;border-top:1px solid var(--line)}
.sup-k{font-size:11.5px;font-weight:600;letter-spacing:.2em;color:var(--accent-t);text-transform:uppercase}
.sup-t{font-size:19.5px;font-weight:500;margin-top:13px}
.sup-l{list-style:none;margin-top:15px}
.sup-l li{font-size:14.5px;color:var(--muted);line-height:1.75;padding:5px 0 5px 15px;position:relative}
.sup-l li::before{content:"";position:absolute;left:0;top:14px;width:5px;height:1px;background:var(--accent-t)}

/* tables */
.tscroll{overflow-x:auto}
.rtable{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-top:1px solid var(--line);min-width:680px}
.rtable > div{padding:16px 18px 16px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;line-height:1.55;color:var(--muted)}
.rtable .th{font-size:11.5px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--accent-t);
  border-bottom:1px solid var(--line);padding-bottom:14px}
.rtable .th.ko{letter-spacing:.06em;font-size:13px}
.rtable .rk{color:var(--ink);font-weight:500;font-size:15.5px}
.dotmark{color:var(--accent-t);font-weight:600}
.ctable{display:grid;grid-template-columns:.85fr 1fr 1fr 1.4fr;border-top:1px solid var(--line);min-width:760px}
.ctable > div{padding:15px 18px 15px 0;border-bottom:1px solid var(--line-soft);font-size:14px;line-height:1.55;color:var(--dim)}
.ctable .th{font-size:11.5px;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--dim);
  border-bottom:1px solid var(--line);padding-bottom:13px}
.ctable .th.pk{color:var(--accent-t)}
.ctable .ck{color:var(--ink);font-weight:500;font-size:15px}
.ctable .cp{color:var(--ink);font-size:14.5px}

/* roadmap */
.track{height:2px;background:var(--line-soft);position:relative}
.track i{display:block;height:100%;background:var(--accent-t);width:0;transition:width 1.9s var(--ease)}
.track.on i{width:100%}
.proc{display:grid;grid-template-columns:repeat(4,1fr)}
.proc-i{padding:24px 20px 24px 0}
.proc-n{font-size:11.5px;font-weight:600;letter-spacing:.16em;color:var(--accent-t)}
.proc-t{font-size:17px;font-weight:500;margin-top:12px;line-height:1.4}
.proc-d{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.65}

/* guides */
.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.g{background:var(--bg);padding:28px 26px 32px;transition:background .35s}
.alt .g{background:var(--bg2)}
.g:hover{background:var(--panel)}
.g-n{font-size:11.5px;font-weight:600;letter-spacing:.2em;color:var(--accent-t)}
.g-t{font-size:18px;font-weight:500;margin-top:13px}
.g-d{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.7}

/* disclosure */
.disc{display:grid;grid-template-columns:repeat(3,1fr)}
.disc-i{padding:24px 30px 26px 0;border-top:1px solid var(--line)}
.disc-n{font-size:11.5px;font-weight:600;letter-spacing:.18em;color:var(--accent-t)}
.disc-t{font-size:18px;font-weight:500;margin-top:11px}
.disc-d{font-size:13.5px;color:var(--muted);margin-top:9px;line-height:1.65}

/* O/X */
.ox{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.ox-h{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.mark{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:none}
.mark.o{border:1.5px solid var(--accent-t);color:var(--accent-t)}
.mark.x{border:1.5px solid var(--dim);color:var(--dim)}
.ox-h span{font-size:13px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
.ox ul{list-style:none}
.ox li{font-size:16px;line-height:1.6;padding:16px 0;border-bottom:1px solid var(--line-soft)}
.ox .off li{color:var(--dim)}

/* faq */
.faq{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line-soft)}
.q button{width:100%;background:none;border:none;color:var(--ink);font-family:var(--sans);cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;
  padding:26px 0;font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.5;transition:color .25s}
.q button:hover{color:var(--accent-t)}
.q .ic{flex:none;width:18px;height:18px;position:relative;transition:transform .4s var(--ease)}
.q .ic::before,.q .ic::after{content:"";position:absolute;background:var(--accent-t)}
.q .ic::before{left:0;top:8.5px;width:18px;height:1.5px}
.q .ic::after{top:0;left:8.5px;height:18px;width:1.5px}
.q.open .ic{transform:rotate(135deg)}
.q .a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.q .a p{font-size:15.5px;color:var(--muted);line-height:1.95;padding:0 0 28px;max-width:900px}

/* contact */
.cwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.c-side p{font-size:15.5px;color:var(--muted);line-height:2;margin-top:22px}
.c-list{list-style:none;margin-top:34px;border-top:1px solid var(--line)}
.c-list li{font-size:15px;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--line-soft);line-height:1.6}
.c-list li b{color:var(--ink);font-weight:500}
form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f{display:flex;flex-direction:column;gap:9px}
.f.full{grid-column:1/-1}
label{font-size:11.5px;font-weight:600;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
label i{font-style:normal;color:var(--accent-t)}
input,select,textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
  color:var(--ink);font-family:var(--sans);font-size:15.5px;padding:12px 2px;transition:border-color .3s}
select{appearance:none;-webkit-appearance:none;cursor:pointer}
select option{background:#131317;color:#fff}
textarea{resize:vertical;min-height:104px;line-height:1.75}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--accent-t)}
input::placeholder,textarea::placeholder{color:#6B6970}
.agree{grid-column:1/-1;display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--muted);
  line-height:1.7;letter-spacing:0;text-transform:none;font-weight:400}
.agree input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:var(--accent);border:none}
.f-actions{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}
.f-note{font-size:12.5px;color:var(--dim);line-height:1.7}
.result{grid-column:1/-1;border:1px solid var(--line);background:var(--panel);padding:24px 26px;display:none}
.result.on{display:block}
.result h4{font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--accent-t)}
.result pre{margin-top:14px;font-family:var(--sans);font-size:14px;color:var(--muted);line-height:1.9;white-space:pre-wrap}

/* footer */
footer{border-top:1px solid var(--line-soft);padding-block:44px;background:var(--bg)}
.ft{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap;align-items:flex-start}
.ft-l{font-size:13px;font-weight:600;letter-spacing:.2em}
.ft-l small{display:block;font-size:12.5px;font-weight:400;letter-spacing:0;color:var(--dim);margin-top:12px;line-height:1.9}
.ft-r{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:right;line-height:2}

/* responsive */
@media (max-width:1080px){
  :root{--pad:76px}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .pi{padding:32px 24px;border-left:1px solid var(--line-soft);border-top:1px solid var(--line-soft)}
  .pi:first-child,.pi:nth-child(2){border-top:none}
  .pi:nth-child(odd){border-left:none;padding-left:0}
  .cards{grid-template-columns:repeat(2,1fr)}
  .guides{grid-template-columns:repeat(2,1fr)}
  .sup{grid-template-columns:repeat(2,1fr)}
  .disc{grid-template-columns:repeat(2,1fr)}
  .proc{grid-template-columns:repeat(2,1fr)}
  .funnel{grid-template-columns:repeat(2,1fr)}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .two{grid-template-columns:1fr;gap:48px}
  .cwrap{grid-template-columns:1fr;gap:52px}
}
@media (max-width:760px){
  :root{--pad:60px}
  .wrap{padding:0 20px}
  nav{display:none}
  .hd{height:62px}
  .logo{font-size:14px}
  .hero{padding-top:100px}
  .hero-meta{gap:16px;font-size:10.5px}
  .cards{grid-template-columns:1fr}
  .guides{grid-template-columns:1fr}
  .sup{grid-template-columns:1fr}
  .sup-i{padding-right:0}
  .disc{grid-template-columns:1fr}
  .disc-i{padding-right:0}
  .proc{grid-template-columns:1fr}
  .funnel{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
  .formula{grid-template-columns:1fr}
  .fx .op{display:none}
  .fbottom{grid-template-columns:1fr}
  .tier{grid-template-columns:1fr}
  .ox{grid-template-columns:1fr;gap:44px}
  form{grid-template-columns:1fr}
  .sec-head{margin-bottom:38px}
  .q button{font-size:16px;padding:22px 0}
  .ft-r{text-align:left}
  .pull{padding-left:18px}
}

/* ── 2026 premium brand direction ── */
:root{--bg:#070709;--bg2:#0d0d10;--panel:#141417;--ink:#fff;--muted:#d0cbd0;--dim:#98929a;--accent:#e5006d;--accent-t:#ff4f9b;--line:rgba(255,255,255,.20);--line-soft:rgba(255,255,255,.09)}
body{background:radial-gradient(circle at 84% 8%,rgba(229,0,109,.12),transparent 30%),var(--bg)}
.wrap{max-width:1320px}
section{position:relative}
.brand-logo{display:inline-flex;align-items:center;color:var(--ink);line-height:1}
.brand-logo img{display:block;width:162px;height:auto;filter:invert(1);mix-blend-mode:screen}
header .brand-logo img{width:142px}
header{background:rgba(11,11,12,.68)}
header.solid{background:rgba(11,11,12,.94)}
.hd{height:82px}
.btn{border-radius:999px;padding-inline:28px}
.btn.fill{box-shadow:0 10px 35px rgba(229,0,109,.28)}
.hero{min-height:940px;padding-top:150px;background:
  linear-gradient(90deg,rgba(7,7,9,.98) 0%,rgba(7,7,9,.9) 48%,rgba(7,7,9,.42) 100%),
  radial-gradient(circle at 78% 42%,rgba(229,0,109,.22),transparent 28%)}
.hero::after{content:"";position:absolute;inset:82px 0 0;pointer-events:none;opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 42%,#000 70%)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);gap:80px;align-items:center}
.hero-copy{position:relative;z-index:3}
.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.12;max-width:820px}
.hero h1 b{display:inline-block;margin-top:8px;background:linear-gradient(110deg,#fff 0%,#ffafd2 48%,#ff2b88 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{max-width:720px}
.hero-ghost{right:-4vw;bottom:0;color:rgba(255,255,255,.025)}
.hero-visual{position:relative;height:590px;display:grid;place-items:center}
.brand-orbit{width:min(490px,100%);aspect-ratio:.86;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015) 48%),#101013;box-shadow:0 45px 100px rgba(0,0,0,.48)}
.brand-orbit::before{content:"PICK";position:absolute;left:-26px;top:22px;font-size:150px;font-weight:200;letter-spacing:-.08em;color:rgba(255,255,255,.055)}
.brand-orbit::after{content:"";position:absolute;width:360px;height:560px;right:-250px;top:-80px;transform:rotate(22deg);background:linear-gradient(180deg,#ff1580,rgba(229,0,109,.02));filter:blur(4px);opacity:.78}
.orbit-word{position:absolute;inset:auto 42px 48px;z-index:2;text-align:left;font-size:11px;letter-spacing:.3em;color:#ff91c0}
.orbit-word strong{display:block;font-size:57px;line-height:.95;letter-spacing:-.06em;font-weight:300;color:var(--ink);margin-bottom:18px}
.orbit-dot{position:absolute;height:1px;background:rgba(255,255,255,.32);z-index:2}
.orbit-dot.d1{left:42px;right:42px;top:47%}.orbit-dot.d2{left:42px;width:90px;top:42%}.orbit-dot.d3{display:none}
.metric{position:absolute;z-index:4;min-width:185px;padding:17px 19px;border:1px solid rgba(255,255,255,.13);background:rgba(18,18,20,.72);backdrop-filter:blur(14px);box-shadow:0 22px 50px rgba(0,0,0,.3)}
.metric.m1{left:-10px;top:72px}.metric.m2{right:-8px;bottom:78px}
.metric small{display:block;font-size:9px;letter-spacing:.2em;color:var(--accent-t)}
.metric b{display:block;margin-top:7px;font-size:15px;font-weight:500}.metric i{display:block;height:2px;margin-top:13px;background:linear-gradient(90deg,var(--accent-t) 0 68%,rgba(255,255,255,.1) 68%)}
.promise{background:linear-gradient(110deg,#f5f2f4 0%,#fff 62%,#fdeaf3 100%);color:#211d20;border:0;position:relative;overflow:hidden}
.promise::after{content:"PICK ME STANDARD";position:absolute;right:-20px;bottom:-28px;font-size:76px;letter-spacing:-.04em;font-weight:200;color:rgba(229,0,109,.06)}
.promise .pi{border-color:rgba(33,29,28,.13);padding-top:50px;padding-bottom:50px}
.promise .pi-k{color:#e0006a}.promise .pi-d{color:#6e6763}.promise .pi-t{font-size:23px}
.sec-head{padding-top:10px}
.cards,.guides{gap:16px;background:none;border:0}
.card,.g,.kpi,.tbox,.fx{border:1px solid var(--line-soft);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:3px}
.card{min-height:190px;padding:32px}.card:hover,.g:hover{border-color:rgba(255,79,155,.48);transform:translateY(-5px)}
.card,.g{transition:transform .35s,border-color .35s,background .35s}
.card-n,.g-n,.kpi-k,.fx-k,.disc-n,.proc-n,.fn-n,.sup-k{font-family:'Inter',sans-serif}
.alt{background:linear-gradient(180deg,#111113,#0e0e10)}
.kpi{position:relative;overflow:hidden}.kpi::after{content:"";position:absolute;right:-28px;bottom:-35px;width:95px;height:95px;border:1px solid rgba(255,79,155,.16);border-radius:50%}
.sec-head h2::after{content:"";display:block;width:42px;height:1px;background:var(--accent-t);margin-top:25px;opacity:.7}
.cwrap{padding:56px;border:1px solid var(--line-soft);background:linear-gradient(135deg,rgba(229,0,109,.11),transparent 42%);box-shadow:inset 4px 0 0 var(--accent)}
footer{padding-block:58px}.ft-l .brand-logo{margin-bottom:16px}.ft-l .brand-logo img{width:162px}
.card::after,.g::after{content:"";display:block;width:26px;height:2px;background:var(--accent);margin-top:24px;transition:width .35s}.card:hover::after,.g:hover::after{width:58px}
#problem::before,#conversion::before,#support::before,#roadmap::before,#system::before,#compare::before{position:absolute;right:3vw;top:26px;font-size:92px;line-height:1;font-weight:200;color:rgba(255,255,255,.025);letter-spacing:-.08em}
#problem::before{content:"01"}#conversion::before{content:"02"}#support::before{content:"03"}#roadmap::before{content:"04"}#system::before{content:"05"}#compare::before{content:"06"}
#profit .fbottom,#profit .two,#profit .note.dim,#support .sec-head[style],#support .tscroll,#support .note.dim,.proc .proc-i:nth-child(n+5){display:none}
#profit,#support,#roadmap{padding-block:86px}
#support{background:#09090b}
.brand-quote{position:relative;overflow:hidden;padding:110px 40px;text-align:center;background:linear-gradient(120deg,#d90066,#f52383 55%,#b90056);color:#fff}
.brand-quote::before{content:"PICK ME";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:clamp(120px,22vw,330px);font-weight:200;white-space:nowrap;color:rgba(255,255,255,.07);letter-spacing:-.08em}
.brand-quote p{position:relative;z-index:1;font-size:clamp(25px,3.3vw,47px);font-weight:300;line-height:1.45;letter-spacing:-.035em}
.brand-quote p b{font-weight:500}.brand-quote small{position:relative;z-index:1;display:block;margin-top:20px;font-size:11px;letter-spacing:.28em}

/* editorial vertical layout */
.hero{min-height:980px;padding-top:190px;padding-bottom:110px}
.hero .wrap{grid-template-columns:minmax(0,1.12fr) minmax(390px,.68fr);gap:120px}
.hero .eyebrow{margin-bottom:42px}
.hero .rule-accent{display:none}
.hero h1{line-height:1.34;letter-spacing:-.045em}
.hero h1 b{margin-top:14px;font-size:clamp(34px,3.15vw,49px);white-space:nowrap;letter-spacing:-.05em}
.hero-sub{margin-top:46px;max-width:650px;font-size:13.5px;line-height:1.9;font-weight:300;letter-spacing:-.01em}
.sec-head h2::after{display:none}
.promise{background:linear-gradient(180deg,#0b0b0d 0%,#111014 100%);color:var(--ink);border-top:1px solid rgba(255,255,255,.08)}
.promise::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 35%,rgba(229,0,109,.18),transparent 28%);pointer-events:none}
.promise::after{color:rgba(255,255,255,.025)}
.promise .pi{border-color:rgba(255,255,255,.1)}
.promise .pi-k{color:var(--accent-t)}.promise .pi-t{color:#fff}.promise .pi-d{color:#aaa4aa}
.brand-scene{position:relative;min-height:480px;overflow:hidden;background-image:linear-gradient(90deg,rgba(6,6,8,.55),rgba(6,6,8,.08)),url("../images/hero-scene.jpg");background-size:cover;background-position:center}
.brand-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#111014 0%,transparent 18%,transparent 78%,#0d0d10 100%)}
.brand-scene-copy{position:absolute;z-index:2;left:max(40px,calc((100% - 1240px)/2));bottom:70px}
.brand-scene-copy small{display:block;color:#ff80b8;font-size:10px;letter-spacing:.28em;margin-bottom:16px}
.brand-scene-copy strong{font-size:clamp(25px,3.2vw,46px);font-weight:300;line-height:1.4;letter-spacing:-.03em}
.brand-scene-copy strong b{font-weight:500}

/* quiet section labels */
.eyebrow{display:inline-flex;align-items:center;gap:11px;padding:0;font-size:9.5px;font-weight:500;letter-spacing:.2em;color:rgba(255,255,255,.58)}
.eyebrow::before{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(229,0,109,.65)}
.hero .eyebrow{margin-bottom:30px;color:rgba(255,255,255,.62)}
.hero h1{line-height:1.07}
.hero h1 b{margin-top:2px}
.sec-head .eyebrow{margin-bottom:18px}
.eyebrow{display:none}

/* individual editorial stories */
#profit{background:#0a0a0c}
#profit .sec-head{max-width:880px;margin-bottom:82px}
.formula .fx{border:0;border-radius:0;margin-bottom:72px;box-shadow:none}
.formula .fx::before,.formula .fx::after{filter:none}
.formula .fx:nth-child(1){min-height:610px;margin-left:8%;padding:90px 8% 80px 55%;background:#eeece9;color:#151417}
.formula .fx:nth-child(1)::before{left:0;right:auto;top:0;width:46%;height:100%;background:url("../images/profit-card-1.jpg") center 34%/cover no-repeat;opacity:1}
.formula .fx:nth-child(1)::after{content:"BRAND";left:auto;right:24px;top:auto;bottom:14px;width:auto;height:auto;border:0;border-radius:0;transform:none;font-size:clamp(72px,10vw,150px);font-weight:200;letter-spacing:-.08em;color:rgba(20,19,22,.055)}
.formula .fx:nth-child(1) .fx-k,.formula .fx:nth-child(1) .fx-d{color:#726c70}.formula .fx:nth-child(1) .fx-d span{color:#b40055!important}

.formula .fx:nth-child(2){min-height:470px;width:91%;padding:80px 52% 70px 7%;background:linear-gradient(90deg,rgba(5,5,7,.82),rgba(5,5,7,.12)),url("../images/profit-card-2.jpg") center/cover no-repeat}
.formula .fx:nth-child(2)::before,.formula .fx:nth-child(2)::after{display:none}

.formula .fx:nth-child(3){min-height:540px;width:78%;margin-left:auto;padding:90px 48% 70px 8%;background:#f0eeeb;color:#151417}
.formula .fx:nth-child(3)::before{left:auto;right:0;top:0;width:42%;height:100%;background:url("../images/profit-card-1.jpg") 72% center/cover no-repeat;filter:contrast(1.05);opacity:.94}
.formula .fx:nth-child(3)::after{content:"OPERATION";left:6%;right:auto;top:28px;bottom:auto;width:auto;height:auto;border:0;border-radius:0;transform:none;font-family:Georgia,serif;font-size:clamp(34px,5vw,76px);font-style:italic;letter-spacing:-.05em;color:rgba(20,19,22,.1)}
.formula .fx:nth-child(3) .fx-k,.formula .fx:nth-child(3) .fx-d{color:#726c70}.formula .fx:nth-child(3) .fx-d span{color:#b40055!important}

.formula .fx:nth-child(4){min-height:500px;width:88%;margin-left:3%;padding:90px 55% 70px 7%;background:linear-gradient(90deg,rgba(8,5,8,.76),rgba(8,5,8,.02)),url("../images/hero-scene.jpg") center/cover no-repeat}
.formula .fx:nth-child(4)::before,.formula .fx:nth-child(4)::after{display:none}
.formula .fx:nth-child(2) .fx-t,.formula .fx:nth-child(4) .fx-t{text-shadow:0 2px 24px rgba(0,0,0,.5)}

@media(max-width:800px){
  .formula .fx:nth-child(n){width:100%;margin-left:0;min-height:auto;padding:330px 28px 46px;background-position:center top}
  .formula .fx:nth-child(1)::before,.formula .fx:nth-child(3)::before{width:100%;height:290px;left:0;right:0;top:0;background-position:center 28%}
  .formula .fx:nth-child(2),.formula .fx:nth-child(4){padding:340px 28px 46px;background-position:center;background-size:cover}
  .formula .fx:nth-child(2)::before,.formula .fx:nth-child(4)::before{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,6,8,.94) 72%);width:100%;height:100%;z-index:0}
  .formula .fx:nth-child(2)>*,.formula .fx:nth-child(4)>*{position:relative;z-index:1}
}
.hero-cta{margin-top:52px}.hero-meta{margin-top:76px}

.sec-head{display:block;margin-bottom:68px}
.sec-head h2{font-size:clamp(26px,2.7vw,38px);font-weight:200;line-height:1.55}
.sec-head h2 em{display:inline-block;font-size:1.28em;font-weight:500;line-height:1.22;margin-top:4px}
.sec-note{margin-top:28px;max-width:600px;font-size:14px}

.pgrid{grid-template-columns:1fr 1fr}
.pi{min-height:190px;padding:45px 54px!important;border-top:1px solid rgba(33,29,28,.13)}
.pi:nth-child(odd){border-left:0}.pi:nth-child(-n+2){border-top:0}
.pi-t{font-size:27px!important;font-weight:400}.pi-d{max-width:360px}

.formula{display:block}
.formula .fx{min-height:300px;margin-bottom:28px;padding:68px 52% 58px 58px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.formula .fx:nth-child(even){padding-left:52%;padding-right:58px}
.formula .fx::before{content:"";position:absolute;top:0;bottom:0;right:0;width:46%;opacity:.9;background:
  radial-gradient(circle at 38% 45%,rgba(255,114,178,.55),transparent 16%),
  radial-gradient(ellipse at 72% 65%,rgba(229,0,109,.38),transparent 42%),
  linear-gradient(135deg,#28111d,#09090c 72%);filter:saturate(.75)}
.formula .fx:nth-child(even)::before{right:auto;left:0;background:
  radial-gradient(circle at 62% 35%,rgba(255,255,255,.25),transparent 12%),
  radial-gradient(ellipse at 40% 58%,rgba(229,0,109,.48),transparent 43%),
  linear-gradient(145deg,#09090c,#30101f)}
.formula .fx::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:11%;top:50%;transform:translateY(-50%);filter:blur(1px)}
.formula .fx:nth-child(even)::after{right:auto;left:10%;border-radius:42% 58% 64% 36%;filter:blur(4px)}
.fx-t{font-size:clamp(27px,3vw,42px);font-weight:400}.fx-d{font-size:15px;margin-top:18px;line-height:1.9}.fx-k{margin-bottom:8px}

.sup{display:block}
.sup-i{position:relative;width:82%;min-height:260px;margin-bottom:26px;padding:55px 48% 48px 54px!important;border:1px solid var(--line-soft);overflow:hidden;background:#111114}
.sup-i:nth-child(even){margin-left:auto;padding-left:48%!important;padding-right:54px!important}
.sup-i::after{content:"";position:absolute;right:-2%;top:-15%;width:48%;height:130%;background:
  radial-gradient(circle at 45% 45%,rgba(255,94,164,.48),transparent 20%),
  radial-gradient(ellipse at 60% 55%,rgba(229,0,109,.25),transparent 48%),
  linear-gradient(145deg,#21101a,#0c0c0e);filter:blur(7px)}
.sup-i:nth-child(even)::after{right:auto;left:-2%;background:
  radial-gradient(circle at 58% 35%,rgba(255,255,255,.18),transparent 13%),
  radial-gradient(ellipse at 45% 60%,rgba(229,0,109,.38),transparent 45%),
  linear-gradient(145deg,#0b0b0e,#28101c)}
.sup-i>*{position:relative;z-index:2}.sup-t{font-size:31px;font-weight:400}
.sup-l{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}

.proc{display:block;max-width:940px;margin:0 auto}
.proc-i{position:relative;min-height:190px;padding:42px 46px 38px 180px;border-bottom:1px solid var(--line-soft)}
.proc-n{position:absolute;left:28px;top:49px;font-size:12px}
.proc-t{font-size:28px;font-weight:400}.proc-d{margin-top:13px}
.proc-i::after{content:"";position:absolute;right:5%;top:22%;width:150px;height:105px;border-radius:50%;background:rgba(229,0,109,.25);filter:blur(32px)}
.track{max-width:940px;margin:0 auto}

#profit::after,#support::after,#roadmap::after{content:"";position:absolute;pointer-events:none;width:300px;height:300px;border-radius:50%;background:rgba(229,0,109,.10);filter:blur(90px)}
#profit::after{left:-140px;top:22%}#support::after{right:-140px;top:42%}#roadmap::after{left:-160px;bottom:10%}

@media(max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:55px}.hero{padding-top:140px}.hero-visual{height:390px}
  .formula .fx,.formula .fx:nth-child(even){padding:300px 32px 40px}.formula .fx::before{width:100%;height:260px;bottom:auto;left:0;right:0}.formula .fx::after{top:120px}
  .sup-i,.sup-i:nth-child(even){width:100%;padding:240px 30px 38px!important}.sup-i::after,.sup-i:nth-child(even)::after{left:0;right:0;top:0;width:100%;height:210px}
}
@media(max-width:600px){
  .pgrid{grid-template-columns:1fr}.pi{border-left:0!important;border-top:1px solid rgba(33,29,28,.13)!important;padding:34px 25px!important;min-height:auto}.pi:first-child{border-top:0!important}
  .hero h1{font-size:37px;line-height:1.1}.hero h1 b{font-size:29px;white-space:normal;margin-top:0}.hero-sub{font-size:12.5px}.hero-sub br{display:none}.hero-meta{margin-top:50px}.hero-visual{height:330px}
  .sec-head h2 em{font-size:1.15em}.sup-l{grid-template-columns:1fr}.proc-i{padding:78px 24px 34px}.proc-n{left:24px;top:34px}
}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}.hero-visual{height:430px}.brand-orbit{width:390px}.hero{padding-bottom:90px}.metric.m1{left:8%}.metric.m2{right:7%}}
@media(max-width:760px){.hd{height:68px}.hero{min-height:auto;padding-top:125px}.hero .wrap{gap:40px}.hero-visual{height:340px}.brand-orbit{width:290px}.metric{min-width:150px;padding:13px}.metric.m1{left:0;top:20px}.metric.m2{right:0;bottom:25px}.cwrap{padding:28px 20px}.promise .pi{padding-top:32px;padding-bottom:32px}}

/* final headline balance + operation visual */
@media(min-width:981px){
  .hero .wrap{grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:60px}
  .hero h1{font-size:clamp(38px,3.15vw,48px)}
  .hero h1 b{font-size:inherit;letter-spacing:inherit;white-space:nowrap}
}
.formula .fx:nth-child(3)::before{background:url("../images/profit-card-3.jpg") center/cover no-repeat;filter:none;opacity:1}
+/* 2026-09-15 immersive editorial visual refinement */
.formula .fx{width:92%;min-height:590px;margin-bottom:26px;padding:0 8% 72px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0a090c;color:#fff;isolation:isolate}
.formula .fx:nth-child(odd){margin-left:0;margin-right:8%}
.formula .fx:nth-child(even){margin-left:8%;margin-right:0}
.formula .fx:nth-child(n)::before{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;opacity:1;filter:none;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat}
.formula .fx:nth-child(2)::before{background-image:url("../images/profit-card-2-2.jpg")}
.formula .fx:nth-child(4)::before{background-image:url("../images/profit-card-4.jpg")}
.formula .fx:nth-child(n)::after{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none;z-index:-1;background:linear-gradient(180deg,rgba(5,4,7,.04) 18%,rgba(6,5,8,.2) 48%,rgba(7,5,9,.92) 100%)}
.formula .fx:nth-child(even)::after{background:linear-gradient(180deg,rgba(5,4,7,.04) 16%,rgba(6,5,8,.18) 45%,rgba(7,5,9,.94) 100%)}
.formula .fx:nth-child(n)>*{position:relative;z-index:1;max-width:690px}
.formula .fx .num{color:rgba(255,255,255,.58)}
.formula .fx h3,.formula .fx h3 b{color:#fff}
.formula .fx p{color:rgba(255,255,255,.74)}
.formula .fx h3{font-size:clamp(25px,3vw,43px);text-shadow:0 2px 20px rgba(0,0,0,.28)}
.formula .fx h3 b{font-size:clamp(34px,4vw,58px)}
#support{position:relative;overflow:hidden;padding-block:132px;background-image:url("../images/support-bg.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}
#support::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(7,6,9,.94) 0%,rgba(7,6,9,.74) 52%,rgba(7,6,9,.38) 100%)}
#support>.wrap{position:relative;z-index:1}
#support .sec-head{max-width:760px;margin-bottom:72px}
#support .sup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:940px}
#support .sup-i,#support .sup-i:nth-child(even){width:100%;min-height:215px;margin:0;padding:34px!important;border:1px solid rgba(255,255,255,.13);border-radius:2px;background:rgba(14,11,16,.56);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
#support .sup-i::after{display:none}
#support .sup-i:hover{transform:translateY(-4px);background:rgba(25,15,22,.7);border-color:rgba(255,77,148,.38)}
@media(max-width:800px){
.formula .fx,.formula .fx:nth-child(odd),.formula .fx:nth-child(even){width:100%;min-height:510px;margin-left:0;margin-right:0;padding:0 26px 42px}
.formula .fx h3{font-size:25px}
.formula .fx h3 b{font-size:34px}
#support{padding-block:92px;background-position:62% center}
#support::before{background:linear-gradient(180deg,rgba(7,6,9,.77),rgba(7,6,9,.94))}
#support .sec-head{margin-bottom:48px}
#support .sup{grid-template-columns:1fr}
#support .sup-i,#support .sup-i:nth-child(even){min-height:185px;padding:28px!important}
}
+/* fixed single-image cards: removes legacy background stacking */
.formula .fx:nth-child(1){background:linear-gradient(180deg,rgba(5,4,7,.02) 14%,rgba(6,5,8,.22) 50%,rgba(7,5,9,.94) 100%),url("../images/profit-card-1.jpg") center 34%/cover no-repeat!important}
.formula .fx:nth-child(2){background:linear-gradient(180deg,rgba(5,4,7,.02) 14%,rgba(6,5,8,.22) 50%,rgba(7,5,9,.94) 100%),url("../images/profit-card-2-2.jpg") center/cover no-repeat!important}
.formula .fx:nth-child(3){background:linear-gradient(180deg,rgba(5,4,7,.02) 14%,rgba(6,5,8,.22) 50%,rgba(7,5,9,.94) 100%),url("../images/profit-card-3.jpg") center/cover no-repeat!important}
.formula .fx:nth-child(4){background:linear-gradient(180deg,rgba(5,4,7,.02) 14%,rgba(6,5,8,.22) 50%,rgba(7,5,9,.94) 100%),url("../images/profit-card-4.jpg") center/cover no-repeat!important}
.formula .fx:nth-child(n)::before,.formula .fx:nth-child(n)::after{display:none!important;background:none!important;content:none!important}
.formula .fx,.formula .fx.r{animation:none!important;transition:opacity .55s ease!important;background-attachment:scroll!important}
.formula .fx:hover{transform:none!important;background-position:center!important}
.formula .fx:nth-child(1):hover{background-position:center 34%!important}
#support,#support:hover{background-attachment:scroll!important;animation:none!important;transition:none!important}
#support .sup-i:hover{transform:none}

+/* final visibility and typography correction */
.formula .fx:nth-child(n){width:92%!important;min-height:590px!important;padding:0 8% 72px!important;display:flex!important;justify-content:flex-end!important;background-color:#09090b!important;color:#fff!important}
.formula .fx:nth-child(1){background-image:linear-gradient(180deg,rgba(5,4,7,.04) 12%,rgba(6,5,8,.22) 48%,rgba(7,5,9,.95) 100%),url("../images/profit-card-2.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(2){background-image:linear-gradient(180deg,rgba(5,4,7,.04) 12%,rgba(6,5,8,.22) 48%,rgba(7,5,9,.95) 100%),url("../images/profit-card-2-2.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(3){background-image:linear-gradient(180deg,rgba(5,4,7,.04) 12%,rgba(6,5,8,.22) 48%,rgba(7,5,9,.95) 100%),url("../images/profit-card-3.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(4){background-image:linear-gradient(180deg,rgba(5,4,7,.04) 12%,rgba(6,5,8,.22) 48%,rgba(7,5,9,.95) 100%),url("../images/profit-card-4.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(n) .fx-k{color:rgba(255,255,255,.62)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.22em!important}
.formula .fx:nth-child(n) .fx-t{color:#fff!important;font-size:clamp(34px,4vw,58px)!important;font-weight:300!important;line-height:1.12!important;letter-spacing:-.055em!important;text-shadow:0 3px 28px rgba(0,0,0,.42)!important}
.formula .fx:nth-child(n) .fx-d{color:rgba(255,255,255,.78)!important;font-size:16px!important;font-weight:400!important;line-height:1.72!important;text-shadow:0 2px 16px rgba(0,0,0,.5)!important}
.formula .fx:nth-child(n) .fx-d span{display:inline-block!important;margin-top:3px!important;color:#ff4d94!important;font-size:1.08em!important;font-weight:750!important;letter-spacing:-.025em!important}
@media(max-width:800px){
.formula .fx:nth-child(n){width:100%!important;min-height:500px!important;padding:0 26px 42px!important;margin-left:0!important;margin-right:0!important}
.formula .fx:nth-child(n) .fx-t{font-size:34px!important}
.formula .fx:nth-child(n) .fx-d{font-size:15px!important}
}
+/* seamless bridge from WHY PICK ME to OUR STRENGTH */
#profit{position:relative;padding-bottom:150px!important;background:linear-gradient(180deg,#101013 0%,#0d0c10 72%,#09090b 100%)!important}
#profit .formula{margin-bottom:0}
#profit .formula .fx:last-child{margin-bottom:0!important}
#support{margin-top:-1px!important;padding-top:225px!important;background-position:center 38%!important}
#support::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:440px!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(180deg,#09090b 0%,rgba(9,9,11,.98) 16%,rgba(9,9,11,.88) 42%,rgba(9,9,11,.38) 78%,rgba(9,9,11,0) 100%)!important}
#support>.wrap{position:relative;z-index:2}
#support .sec-head{position:relative}
#support .sec-head::before{content:"";position:absolute;left:-42px;top:-54px;width:180px;height:180px;border-radius:50%;background:rgba(255,77,148,.09);filter:blur(70px);pointer-events:none}
@media(max-width:800px){
#profit{padding-bottom:96px!important}
#support{padding-top:150px!important;background-position:58% center!important}
#support::after{height:330px!important;background:linear-gradient(180deg,#09090b 0%,rgba(9,9,11,.97) 22%,rgba(9,9,11,.72) 58%,rgba(9,9,11,0) 100%)!important}
#support .sec-head::before{left:-20px;top:-30px}
}
+/* translucent tracing-paper variations over fixed imagery */
.formula .fx:nth-child(n){position:relative!important;isolation:isolate!important}
.formula .fx:nth-child(n)>*{position:relative!important;z-index:3!important}
.formula .fx:nth-child(n)::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important;border:0!important;border-radius:0!important;transform:none!important}
.formula .fx:nth-child(1)::after{background:linear-gradient(90deg,rgba(239,232,234,.34) 0%,rgba(224,213,218,.22) 38%,rgba(255,255,255,.04) 67%,transparent 100%)!important;backdrop-filter:blur(2.5px) saturate(.78)!important;-webkit-backdrop-filter:blur(2.5px) saturate(.78)!important}
.formula .fx:nth-child(2)::after{background:linear-gradient(105deg,rgba(255,241,246,.16) 0 34%,rgba(255,255,255,.025) 34% 58%,rgba(194,164,174,.14) 58% 78%,transparent 78%)!important;backdrop-filter:blur(2px) saturate(.8)!important;-webkit-backdrop-filter:blur(2px) saturate(.8)!important}
.formula .fx:nth-child(3)::after{background:radial-gradient(ellipse at 30% 48%,rgba(244,228,234,.26) 0%,rgba(221,204,211,.12) 31%,transparent 66%),linear-gradient(90deg,rgba(236,226,230,.18),transparent 54%)!important;backdrop-filter:blur(3px) saturate(.72)!important;-webkit-backdrop-filter:blur(3px) saturate(.72)!important}
.formula .fx:nth-child(4)::after{background:linear-gradient(112deg,rgba(255,244,247,.23) 0 24%,rgba(255,255,255,.05) 24% 56%,rgba(212,192,200,.15) 56% 73%,transparent 73%)!important;backdrop-filter:blur(2.5px) saturate(.76)!important;-webkit-backdrop-filter:blur(2.5px) saturate(.76)!important}
.formula .fx:nth-child(n)::before{content:""!important;display:block!important;position:absolute!important;inset:auto!important;z-index:2!important;pointer-events:none!important;background:rgba(255,238,244,.16)!important;filter:blur(34px)!important;border-radius:50%!important}
.formula .fx:nth-child(1)::before{width:250px!important;height:340px!important;left:8%!important;top:8%!important}
.formula .fx:nth-child(2)::before{width:300px!important;height:220px!important;right:9%!important;top:18%!important}
.formula .fx:nth-child(3)::before{width:220px!important;height:300px!important;left:12%!important;top:16%!important}
.formula .fx:nth-child(4)::before{width:330px!important;height:230px!important;right:8%!important;top:14%!important}
#support::before{backdrop-filter:blur(1.5px) saturate(.78)!important;-webkit-backdrop-filter:blur(1.5px) saturate(.78)!important}
#support .sup-i{background:linear-gradient(135deg,rgba(244,228,234,.12),rgba(14,11,16,.62))!important;backdrop-filter:blur(18px) saturate(.8)!important;-webkit-backdrop-filter:blur(18px) saturate(.8)!important}
@media(max-width:800px){
.formula .fx:nth-child(n)::after{backdrop-filter:blur(2px) saturate(.78)!important;-webkit-backdrop-filter:blur(2px) saturate(.78)!important}
.formula .fx:nth-child(n)::before{transform:scale(.72)!important;transform-origin:center!important}
}
+/* unified single-line card headlines and refined hero CTA arrow */
.formula .fx:nth-child(n) .fx-t{font-size:clamp(32px,3.2vw,50px)!important;white-space:nowrap!important;word-break:keep-all!important}
.hero-cta .btn.fill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.hero-cta .btn.fill::after{content:""!important;display:inline-block!important;width:34px!important;height:9px!important;margin-left:18px!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:skewX(42deg) translateY(-3px)!important;transition:width .35s ease,margin-left .35s ease!important}
.hero-cta .btn.fill:hover::after{width:44px!important;margin-left:22px!important}
@media(max-width:800px){
.formula .fx:nth-child(n) .fx-t{font-size:clamp(25px,7.5vw,31px)!important;letter-spacing:-.065em!important}
.hero-cta .btn.fill::after{width:27px!important;margin-left:13px!important}
}
+/* absolute one-line lock for the four visual card topics */
.formula>.fx>.fx-t{display:block!important;width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;word-break:keep-all!important;overflow-wrap:normal!important}
@media(max-width:420px){.formula>.fx>.fx-t{font-size:clamp(23px,7.1vw,28px)!important}}
+/* elegant image replacement: cards 2–4, card 1 preserved */
.formula .fx:nth-child(2){background-image:linear-gradient(90deg,rgba(10,8,12,.84) 0%,rgba(10,8,12,.5) 40%,rgba(10,8,12,.12) 76%),url("../images/profit-card-2-3.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(3){background-image:linear-gradient(90deg,rgba(10,8,12,.82) 0%,rgba(10,8,12,.42) 43%,rgba(10,8,12,.06) 78%),url("../images/profit-card-3-2.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(4){background-image:linear-gradient(90deg,rgba(10,8,12,.84) 0%,rgba(10,8,12,.44) 42%,rgba(10,8,12,.08) 78%),url("../images/profit-card-4-2.jpg")!important;background-position:center!important;background-size:cover!important}
.formula .fx:nth-child(2)::after{background:linear-gradient(102deg,rgba(238,222,228,.16) 0 28%,rgba(255,255,255,.025) 28% 61%,rgba(207,180,190,.1) 61% 78%,transparent 78%)!important}
.formula .fx:nth-child(3)::after{background:linear-gradient(112deg,rgba(239,222,228,.13) 0 24%,rgba(255,255,255,.02) 24% 58%,rgba(219,196,204,.09) 58% 72%,transparent 72%)!important}
.formula .fx:nth-child(4)::after{background:linear-gradient(108deg,rgba(244,228,234,.12) 0 30%,rgba(255,255,255,.018) 30% 65%,rgba(221,201,208,.08) 65% 80%,transparent 80%)!important}
+/* quieter imagery and fixed THE STANDARD line structure */
.formula .fx:nth-child(n){box-shadow:inset 0 0 0 9999px rgba(7,5,9,.20)!important}
.formula .fx:nth-child(1){box-shadow:inset 0 0 0 9999px rgba(7,5,9,.16)!important}
.formula .fx:nth-child(n)::after{filter:brightness(.78) saturate(.78)!important}
.orbit-word strong{display:block!important;white-space:nowrap!important;line-height:.9!important;letter-spacing:-.065em!important}
.orbit-word strong span{display:block!important;width:max-content!important;white-space:nowrap!important;line-height:.9!important}
.orbit-word strong span+span{margin-top:2px!important}
@media(max-width:760px){
.orbit-word{left:24px!important;right:24px!important}
.orbit-word strong{font-size:clamp(39px,13vw,49px)!important}
}
\n/* === 2026-09-15 requested visual cleanup v2 === */
/* Support: keep the existing visual language, but let the background breathe. */
#support::before{
  background:linear-gradient(90deg,rgba(7,6,9,.78) 0%,rgba(7,6,9,.54) 52%,rgba(7,6,9,.25) 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#support .sec-head::before{display:none!important}
#support .sup{gap:18px!important;max-width:1040px!important}
#support .sup-i,#support .sup-i:nth-child(even){
  background:rgba(9,9,12,.34)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
#support .sup-i:hover{background:rgba(12,11,15,.43)!important;border-color:rgba(255,255,255,.20)!important}

/* Roadmap: hard reset old centered/absolute rules so text can never overlap. */
#roadmap{overflow:hidden!important}
#roadmap .wrap{position:relative!important}
#roadmap .sec-head{margin-bottom:58px!important}
#roadmap .track{display:none!important}
#roadmap .proc{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.17)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
#roadmap .proc-i{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:210px!important;
  margin:0!important;
  padding:32px 28px 34px 0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
  background:transparent!important;
  overflow:hidden!important;
}
#roadmap .proc-i:last-child{border-right:0!important}
#roadmap .proc-n{
  position:static!important;
  display:block!important;
  margin:0 0 42px!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  color:var(--accent-t)!important;
}
#roadmap .proc-t{
  position:static!important;
  display:block!important;
  margin:0!important;
  max-width:230px!important;
  font-size:20px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
#roadmap .proc-d{
  position:static!important;
  display:block!important;
  margin:10px 0 0!important;
  max-width:230px!important;
  font-size:13.5px!important;
  line-height:1.7!important;
  color:var(--muted)!important;
}
#roadmap .proc-i::after{
  content:""!important;position:absolute!important;right:-45px!important;bottom:-55px!important;top:auto!important;
  width:145px!important;height:145px!important;border-radius:50%!important;
  background:rgba(229,0,109,.11)!important;filter:blur(48px)!important;pointer-events:none!important;
}
@media(max-width:900px){
  #roadmap .proc{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #roadmap .proc-i{min-height:190px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
}
@media(max-width:600px){
  #support::before{background:linear-gradient(180deg,rgba(7,6,9,.62),rgba(7,6,9,.82))!important}
  #support .sup{grid-template-columns:1fr!important}
  #roadmap .proc{grid-template-columns:1fr!important}
  #roadmap .proc-i{min-height:auto!important;padding:26px 0 28px!important;border-right:0!important}
  #roadmap .proc-n{margin-bottom:20px!important}
  #roadmap .proc-t,#roadmap .proc-d{max-width:none!important}
}


/* ===== v8: cinematic luxury card artwork ===== */
#profit .formula{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#profit .formula>.fx{
  min-height:390px!important;
  transform:none!important;
  border:1px solid rgba(232,224,222,.16)!important;
  border-radius:0!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  filter:none!important;
  padding:0 34px 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 20px 70px rgba(0,0,0,.16)!important;
}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-2.jpg")!important}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-4.jpg")!important}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-3.jpg")!important}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-3.jpg")!important}
/* Deep smoked copy zone hides baked reference lettering and lets architecture stay visible. */
#profit .formula>.fx::before{
  content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:1!important;
  background:linear-gradient(90deg,rgba(7,7,9,.98) 0%,rgba(7,7,9,.94) 24%,rgba(7,7,9,.70) 43%,rgba(7,7,9,.20) 67%,rgba(7,7,9,.04) 100%),
             linear-gradient(0deg,rgba(7,7,9,.86) 0%,rgba(7,7,9,.24) 48%,rgba(7,7,9,.08) 100%)!important;
  opacity:1!important;pointer-events:none!important;
}
#profit .formula>.fx::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  background:radial-gradient(circle at 78% 18%,rgba(255,213,200,.10),transparent 31%),
             linear-gradient(115deg,transparent 62%,rgba(255,91,159,.045) 100%)!important;
}
#profit .formula>.fx>*{position:relative!important;z-index:3!important}
#profit .formula .fx-k{font-size:10px!important;letter-spacing:.34em!important;color:rgba(238,232,230,.62)!important;margin-bottom:16px!important}
#profit .formula .fx-t{font-size:29px!important;line-height:1.18!important;font-weight:300!important;letter-spacing:-.035em!important;color:#fff!important;margin-bottom:15px!important}
#profit .formula .fx-d{font-size:13.5px!important;line-height:1.7!important;color:rgba(244,239,237,.72)!important;max-width:320px!important}
#profit .formula .fx-d span{display:block!important;color:#ff5b9f!important;font-weight:500!important}
#profit .formula>.fx:hover{transform:translateY(-3px)!important;border-color:rgba(244,232,228,.27)!important;box-shadow:0 26px 80px rgba(0,0,0,.24)!important}
@media(max-width:900px){
 #profit .formula{grid-template-columns:1fr!important}
 #profit .formula>.fx{min-height:340px!important;padding:0 26px 28px!important}
 #profit .formula>.fx:hover{transform:none!important}
}
@media(max-width:560px){
 #profit .formula>.fx{min-height:310px!important;padding:0 22px 24px!important}
 #profit .formula .fx-t{font-size:25px!important}
 #profit .formula>.fx::before{background:linear-gradient(90deg,rgba(7,7,9,.97) 0%,rgba(7,7,9,.82) 50%,rgba(7,7,9,.18) 100%),linear-gradient(0deg,rgba(7,7,9,.9),rgba(7,7,9,.12) 72%)!important}
}


/* v11: first-card wall wordmark follows the main PICK ME logo detail (opposed double triangles) */

/* ===== v20 profit visual cards rebuild ===== */
#profit .formula{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px 28px;
  margin-top:42px;
  padding-bottom:34px;
  background:none;
  border:none;
}
#profit .formula .brand-card{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(8,8,10,.98),rgba(8,8,10,.92));
  overflow:hidden;
  position:relative;
  box-shadow:0 28px 60px rgba(0,0,0,.28);
}
#profit .formula .brand-card:nth-child(2),
#profit .formula .brand-card:nth-child(4){
  transform:translateY(34px);
}
#profit .formula .brand-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,transparent 56%,rgba(5,5,8,.08) 100%);
}
#profit .formula .bc-media{
  line-height:0;
  background:#09090b;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#profit .formula .bc-media img{
  display:block;
  width:100%;
  height:auto;
}
#profit .formula .bc-body{
  position:relative;
  z-index:2;
  padding:26px 28px 30px;
  background:linear-gradient(180deg,rgba(6,6,8,.96) 0%,rgba(6,6,8,.985) 100%);
}
#profit .formula .bc-k{
  font-size:11px;
  line-height:1;
  letter-spacing:.24em;
  font-weight:600;
  color:#fff;
  opacity:.9;
}
#profit .formula .bc-line{
  width:34px;
  height:2px;
  background:#fff;
  opacity:.92;
  margin:16px 0 18px;
}
#profit .formula .bc-t{
  font-size:clamp(28px,2.5vw,31px);
  line-height:1.22;
  letter-spacing:-.04em;
  font-weight:300;
  color:#fff;
}
#profit .formula .bc-d{
  margin-top:18px;
  font-size:14.5px;
  line-height:1.7;
  color:rgba(255,255,255,.78);
}
#profit .formula .bc-d .em{
  display:block;
  color:var(--accent-t);
  font-weight:500;
}
@media (max-width:980px){
  #profit .formula{grid-template-columns:1fr;gap:24px;padding-bottom:0}
  #profit .formula .brand-card:nth-child(2),
  #profit .formula .brand-card:nth-child(4){transform:none}
}


/* ===== v29 growth graph section ===== */
#growth{padding:110px 0 92px;background:linear-gradient(180deg,#09090b 0%,#0b0b0e 38%,#09090b 100%);position:relative;overflow:hidden}
#growth::before{content:"";position:absolute;inset:auto auto 0 -8%;width:42vw;height:42vw;max-width:520px;max-height:520px;background:radial-gradient(circle,rgba(255,76,145,.12) 0%,rgba(255,76,145,.04) 34%,transparent 70%);filter:blur(10px);pointer-events:none}
#growth::after{content:"";position:absolute;top:12%;right:-8%;width:36vw;height:36vw;max-width:460px;max-height:460px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 24%,transparent 64%);pointer-events:none}
.growth-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:26px;margin-top:42px}
.gcard{position:relative;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,15,18,.92),rgba(9,9,12,.96));padding:26px 26px 24px;overflow:hidden}
.gcard::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%,rgba(255,76,145,.03) 74%,transparent 100%)}
.ghead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;position:relative;z-index:2}
.gk{font-size:11px;letter-spacing:.26em;color:rgba(255,255,255,.6);text-transform:uppercase;margin-bottom:10px}
.gt{font-size:clamp(26px,2.4vw,34px);line-height:1.16;letter-spacing:-.04em;color:#fff;font-weight:300}
.gnote{font-size:13px;line-height:1.65;color:rgba(255,255,255,.72);max-width:420px;margin-top:12px}
.gtag{white-space:nowrap;font-size:12px;line-height:1;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.76)}
.chart{position:relative;height:320px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));overflow:hidden}
.chart svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.chart .gridline{stroke:rgba(255,255,255,.10);stroke-width:1}
.chart .gridline.v{stroke:rgba(255,255,255,.06)}
.chart .area-pink{fill:url(#pinkArea)}
.chart .area-blue{fill:url(#blueArea)}
.chart .line-pink{stroke:#ff5b9f;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 12px rgba(255,91,159,.18))}
.chart .line-white{stroke:rgba(255,255,255,.88);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.chart .line-blue{stroke:#9ed8ff;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 12px rgba(158,216,255,.14))}
.chart .pt{fill:#fff;stroke:#ff5b9f;stroke-width:3}
.chart .ptb{fill:#fff;stroke:#9ed8ff;stroke-width:3}
.chart .hint{fill:rgba(255,255,255,.68);font-size:11px;letter-spacing:.04em}
.axis-x{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;color:rgba(255,255,255,.58);font-size:12px;letter-spacing:.02em}
.axis-x span:last-child{text-align:right}
.axis-y{position:absolute;left:12px;top:10px;bottom:44px;display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.34);font-size:11px;pointer-events:none}
.axis-y span{transform:translateX(-2px)}
.gmeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;position:relative;z-index:2}
.gpill{font-size:12px;padding:8px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)}
.glegend{display:flex;gap:14px;align-items:center;font-size:12px;color:rgba(255,255,255,.6)}
.glegend i{display:inline-block;width:18px;height:2px;border-radius:999px}
.gfoot{margin-top:16px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.58)}
@media (max-width:980px){
  #growth{padding:86px 0 72px}
  .growth-grid{grid-template-columns:1fr;gap:18px}
  .chart{height:280px}
}
@media (max-width:640px){
  .gcard{padding:20px 18px 18px}
  .ghead{display:block}
  .gtag{display:inline-block;margin-top:12px}
  .chart{height:250px}
  .axis-x{font-size:11px}
  .gmeta{gap:8px}
}



/* ===== 2 : block ===== */

/* === 2026-09-15 WHY PICK ME / brand-scene mood continuity v3 === */
#profit{background:#09090b!important;padding-top:118px!important}
#profit .sec-head{margin-bottom:58px!important}
#profit .formula{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  max-width:none!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
#profit .formula>.fx{
  position:relative!important;
  min-height:390px!important;
  width:100%!important;
  margin:0!important;
  padding:0 42px 42px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-position:center!important;
  background-size:cover!important;
  isolation:isolate!important;
}
/* preserve the existing image in each card, but remove the heavy boxed overlay */
#profit .formula>.fx::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:auto!important;height:auto!important;
  background:linear-gradient(180deg,rgba(7,7,9,.04) 0%,rgba(7,7,9,.18) 40%,rgba(7,7,9,.88) 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  filter:none!important;
  pointer-events:none!important;
}
#profit .formula>.fx::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:42%!important;height:auto!important;
  z-index:2!important;
  display:block!important;
  border-radius:0!important;
  filter:none!important;
  transform:none!important;
  background:linear-gradient(90deg,rgba(7,7,9,.72),rgba(7,7,9,.08))!important;
  pointer-events:none!important;
}
#profit .formula>.fx>*{position:relative!important;z-index:3!important}
#profit .formula .fx-k{
  order:1!important;
  margin:0 0 15px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.28em!important;
  font-weight:600!important;
  color:rgba(255,255,255,.58)!important;
  text-transform:uppercase!important;
}
#profit .formula .fx-t{
  order:2!important;
  display:block!important;
  width:auto!important;max-width:100%!important;
  margin:0!important;
  font-size:clamp(25px,2.25vw,34px)!important;
  line-height:1.24!important;
  letter-spacing:-.045em!important;
  font-weight:300!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#fff!important;
}
#profit .formula .fx-d{
  order:3!important;
  margin-top:16px!important;
  max-width:390px!important;
  font-size:14px!important;
  line-height:1.75!important;
  color:rgba(255,255,255,.67)!important;
}
#profit .formula .fx-d span{
  display:inline!important;
  margin:0!important;
  color:#ff4f9b!important;
  font-size:inherit!important;
  font-weight:500!important;
  letter-spacing:inherit!important;
}
/* editorial rhythm similar to the full-width PICK ME visual above */
#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(4){transform:translateY(34px)!important}
#profit .formula>.fx:hover{border-color:rgba(255,255,255,.22)!important;transform:translateY(-3px)!important;transition:transform .45s var(--ease),border-color .35s!important}
#profit .formula>.fx:nth-child(2):hover,#profit .formula>.fx:nth-child(4):hover{transform:translateY(31px)!important}
@media(max-width:900px){
  #profit .formula{grid-template-columns:1fr!important;gap:14px!important}
  #profit .formula>.fx,#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(4){min-height:330px!important;transform:none!important;padding:0 28px 32px!important}
  #profit .formula>.fx:hover,#profit .formula>.fx:nth-child(2):hover,#profit .formula>.fx:nth-child(4):hover{transform:none!important}
}
@media(max-width:560px){
  #profit{padding-top:82px!important}
  #profit .formula>.fx{min-height:300px!important;padding:0 22px 26px!important}
  #profit .formula .fx-t{font-size:25px!important}
  #profit .formula .fx-d{font-size:13.5px!important}
}


/* === OUR STRENGTH editorial system — v4 === */
/* Dense card grid -> spacious professional editorial matrix */
#support{overflow:hidden!important}
#support .sec-head{margin-bottom:72px!important;align-items:flex-end!important}
#support .sec-note{max-width:360px!important;padding-bottom:5px!important}
#support .sup{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;
  counter-reset:strength!important;
}
#support .sup-i,#support .sup-i:nth-child(even){
  counter-increment:strength!important;
  position:relative!important;
  grid-column:span 4!important;
  min-height:270px!important;
  width:auto!important;
  margin:0!important;
  padding:34px 34px 32px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008) 58%,rgba(229,0,109,.018))!important;
  box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  transition:background .45s var(--ease),transform .45s var(--ease)!important;
}
#support .sup-i:nth-child(3n){border-right:0!important}
#support .sup-i:nth-child(n+4){border-bottom:0!important}
#support .sup-i::before{
  content:"0" counter(strength)!important;
  display:block!important;
  position:absolute!important;
  right:28px!important;top:25px!important;
  font-family:'Inter',sans-serif!important;
  font-size:12px!important;font-weight:400!important;
  letter-spacing:.14em!important;color:rgba(255,255,255,.30)!important;
}
#support .sup-i::after{
  content:""!important;display:block!important;
  position:absolute!important;right:-80px!important;bottom:-105px!important;
  width:210px!important;height:210px!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(229,0,109,.12) 0%,rgba(229,0,109,.035) 34%,transparent 70%)!important;
  opacity:.35!important;transform:scale(.82)!important;
  transition:opacity .45s var(--ease),transform .55s var(--ease)!important;
  pointer-events:none!important;
}
#support .sup-k{
  margin:0 0 38px!important;
  font-size:10px!important;font-weight:500!important;letter-spacing:.24em!important;
  text-transform:uppercase!important;color:var(--accent-t)!important;
}
#support .sup-t{
  margin:0 0 21px!important;
  font-size:clamp(21px,1.7vw,27px)!important;font-weight:400!important;
  letter-spacing:-.035em!important;line-height:1.25!important;
}
#support .sup-l{margin:0!important;padding:0!important;max-width:285px!important}
#support .sup-l li{
  padding:6px 0!important;
  font-size:13.5px!important;font-weight:300!important;line-height:1.65!important;
  color:rgba(255,255,255,.61)!important;
}
#support .sup-l li::before{display:none!important}
#support .sup-i:hover{
  transform:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 55%,rgba(229,0,109,.035))!important;
  border-color:rgba(255,255,255,.10)!important;
}
#support .sup-i:hover::after{opacity:.72!important;transform:scale(1)!important}
/* create a subtle editorial rhythm without making the grid look playful */
#support .sup-i:nth-child(2),#support .sup-i:nth-child(5){background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.004))!important}
#support .sup-i:nth-child(1) .sup-t,#support .sup-i:nth-child(4) .sup-t{font-weight:500!important}

@media(max-width:980px){
  #support .sup{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #support .sup-i,#support .sup-i:nth-child(even){grid-column:auto!important;border-right:1px solid rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  #support .sup-i:nth-child(2n){border-right:0!important}
  #support .sup-i:nth-child(n+5){border-bottom:0!important}
}
@media(max-width:760px){
  #support .sec-head{margin-bottom:44px!important}
  #support .sup{grid-template-columns:1fr!important}
  #support .sup-i,#support .sup-i:nth-child(even){grid-column:auto!important;min-height:0!important;padding:27px 24px 29px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  #support .sup-i:last-child{border-bottom:0!important}
  #support .sup-k{margin-bottom:25px!important}
  #support .sup-i::before{right:22px!important;top:23px!important}
}


/* ===== 3 : block ===== */

/* === PARTNERSHIP / editorial roadmap v5 === */
#roadmap{
  padding-block:118px 128px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(229,0,109,.09),transparent 25%),
    linear-gradient(180deg,#09090b 0%,#0c0b0e 100%)!important;
}
#roadmap::before{content:"04"!important;right:4vw!important;top:56px!important;font-size:150px!important;color:rgba(255,255,255,.018)!important}
#roadmap .sec-head{
  display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  align-items:end!important;gap:80px!important;margin-bottom:76px!important;
  padding-bottom:34px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
}
#roadmap .sec-note{max-width:340px!important;padding:0 0 2px 22px!important;border-left:1px solid rgba(255,79,155,.55)!important;font-size:14px!important;line-height:1.9!important}
#roadmap .proc{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  grid-template-rows:repeat(3,minmax(155px,auto))!important;
  gap:14px!important;border:0!important;background:transparent!important;
}
#roadmap .proc-i{
  min-height:0!important;padding:34px 36px!important;border:1px solid rgba(255,255,255,.105)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.032),rgba(255,255,255,.008))!important;
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  overflow:hidden!important;transition:border-color .35s ease,background .35s ease,transform .35s ease!important;
}
#roadmap .proc-i:nth-child(1){grid-column:1!important;grid-row:1 / span 2!important;padding:46px 44px!important;min-height:324px!important}
#roadmap .proc-i:nth-child(2){grid-column:2!important;grid-row:1!important}
#roadmap .proc-i:nth-child(3){grid-column:2!important;grid-row:2!important}
#roadmap .proc-i:nth-child(4){grid-column:1 / -1!important;grid-row:3!important;display:grid!important;grid-template-columns:150px minmax(0,1fr) minmax(260px,.7fr)!important;align-items:center!important;column-gap:34px!important}
#roadmap .proc-i:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.20)!important;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(229,0,109,.025))!important}
#roadmap .proc-n{margin:0 0 34px!important;font-size:10.5px!important;letter-spacing:.24em!important;color:#ff6cab!important}
#roadmap .proc-i:nth-child(1) .proc-n{margin-bottom:92px!important}
#roadmap .proc-i:nth-child(4) .proc-n{margin:0!important}
#roadmap .proc-t{max-width:none!important;font-size:clamp(20px,2vw,27px)!important;font-weight:400!important;letter-spacing:-.035em!important;line-height:1.35!important}
#roadmap .proc-i:nth-child(1) .proc-t{font-size:clamp(27px,3vw,39px)!important;max-width:390px!important}
#roadmap .proc-d{max-width:none!important;margin-top:11px!important;font-size:13.5px!important;color:#aaa5aa!important}
#roadmap .proc-i:nth-child(1) .proc-d{margin-top:18px!important;font-size:14.5px!important}
#roadmap .proc-i:nth-child(4) .proc-d{margin:0!important;padding-left:28px!important;border-left:1px solid rgba(255,255,255,.10)!important}
#roadmap .proc-i::before{
  position:absolute;right:26px;top:14px;font-family:'Inter',sans-serif;font-size:88px;line-height:1;font-weight:200;
  letter-spacing:-.07em;color:rgba(255,255,255,.035);pointer-events:none;
}
#roadmap .proc-i:nth-child(1)::before{content:"01";font-size:168px;right:28px;top:26px}
#roadmap .proc-i:nth-child(2)::before{content:"02"}
#roadmap .proc-i:nth-child(3)::before{content:"03"}
#roadmap .proc-i:nth-child(4)::before{content:"04";right:38px;top:50%;transform:translateY(-50%);font-size:108px}
#roadmap .proc-i::after{right:-60px!important;bottom:-70px!important;width:190px!important;height:190px!important;background:rgba(229,0,109,.08)!important;filter:blur(62px)!important}
#roadmap .proc-i:nth-child(1)::after{width:280px!important;height:280px!important;right:-90px!important;bottom:-100px!important;background:rgba(229,0,109,.11)!important}
@media(max-width:900px){
  #roadmap{padding-block:90px!important}
  #roadmap .sec-head{grid-template-columns:1fr!important;gap:30px!important;margin-bottom:50px!important}
  #roadmap .sec-note{max-width:520px!important}
  #roadmap .proc{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
  #roadmap .proc-i:nth-child(1){grid-column:1 / -1!important;grid-row:auto!important;min-height:270px!important}
  #roadmap .proc-i:nth-child(2),#roadmap .proc-i:nth-child(3){grid-column:auto!important;grid-row:auto!important}
  #roadmap .proc-i:nth-child(4){grid-column:1 / -1!important;grid-row:auto!important;grid-template-columns:110px 1fr!important}
  #roadmap .proc-i:nth-child(4) .proc-d{grid-column:2!important;margin-top:10px!important;padding-left:0!important;border-left:0!important}
}
@media(max-width:600px){
  #roadmap .proc{grid-template-columns:1fr!important;gap:10px!important}
  #roadmap .proc-i,#roadmap .proc-i:nth-child(1),#roadmap .proc-i:nth-child(4){grid-column:1!important;grid-row:auto!important;display:block!important;min-height:auto!important;padding:28px 24px!important}
  #roadmap .proc-i:nth-child(1) .proc-n{margin-bottom:52px!important}
  #roadmap .proc-i:nth-child(4) .proc-n{margin-bottom:28px!important}
  #roadmap .proc-i:nth-child(4) .proc-d{margin-top:10px!important}
  #roadmap .proc-i::before{font-size:70px!important}
  #roadmap .proc-i:nth-child(1)::before{font-size:100px!important}
}


/* === OUR STRENGTH spatial editorial — v6 === */
#support{padding-block:118px!important;isolation:isolate!important}
#support::after{content:"PICK ME / SUPPORT SYSTEM";position:absolute;right:42px;top:112px;font:500 10px/1 'Inter',sans-serif;letter-spacing:.30em;color:rgba(255,255,255,.24);writing-mode:vertical-rl;z-index:2;pointer-events:none}
#support .sec-head{margin-bottom:76px!important;padding-right:74px!important;position:relative!important}
#support .sec-head::after{content:"06 AREAS · ONE STANDARD";display:block!important;position:absolute;left:0;bottom:-35px;width:auto;height:auto;background:none!important;font:500 9px/1 'Inter',sans-serif;letter-spacing:.28em;color:rgba(255,255,255,.28);opacity:1!important}
#support .sup{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:minmax(228px,auto)!important;gap:14px!important;max-width:none!important;border:0!important;background:transparent!important;position:relative!important}
#support .sup::before{content:"";position:absolute;inset:-20px -28px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 22%,rgba(229,0,109,.075),transparent 25%),radial-gradient(circle at 83% 74%,rgba(255,255,255,.035),transparent 28%)}
#support .sup-i,#support .sup-i:nth-child(even){position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:0!important;padding:31px 32px 30px!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:0!important;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.009) 58%,rgba(229,0,109,.018))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;overflow:hidden!important;transition:background .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease)!important}
#support .sup-i:nth-child(1){grid-column:1/span 5!important;grid-row:1/span 2!important;min-height:470px!important;padding:40px!important}
#support .sup-i:nth-child(2){grid-column:6/span 3!important;grid-row:1!important}
#support .sup-i:nth-child(3){grid-column:9/span 4!important;grid-row:1!important}
#support .sup-i:nth-child(4){grid-column:6/span 4!important;grid-row:2!important}
#support .sup-i:nth-child(5){grid-column:10/span 3!important;grid-row:2!important}
#support .sup-i:nth-child(6){grid-column:1/span 12!important;grid-row:3!important;min-height:190px!important;padding:34px 40px!important;display:grid!important;grid-template-columns:1.1fr 1.9fr!important;align-items:end!important;column-gap:70px!important}
#support .sup-i::before{content:"0" counter(support-item)!important;counter-increment:support-item!important;position:absolute!important;right:24px!important;top:20px!important;font:200 clamp(44px,5vw,76px)/1 'Inter',sans-serif!important;letter-spacing:-.07em!important;color:rgba(255,255,255,.055)!important}
#support .sup{counter-reset:support-item!important}
#support .sup-i::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.035) 58%,transparent 76%)!important;opacity:0!important;transform:translateX(-22%)!important;pointer-events:none!important;transition:opacity .45s var(--ease),transform .7s var(--ease)!important}
#support .sup-i:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.20)!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 60%,rgba(229,0,109,.028))!important}
#support .sup-i:hover::after{opacity:1!important;transform:translateX(18%)!important}
#support .sup-k{position:relative!important;z-index:2!important;margin:0 0 14px!important;font-size:10px!important;line-height:1!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:rgba(255,111,171,.86)!important}
#support .sup-t{position:relative!important;z-index:2!important;margin:0 0 20px!important;font-size:clamp(22px,2vw,30px)!important;font-weight:400!important;letter-spacing:-.035em!important;line-height:1.2!important}
#support .sup-i:nth-child(1) .sup-t{font-size:clamp(31px,3.1vw,46px)!important;margin-bottom:28px!important}
#support .sup-l{position:relative!important;z-index:2!important;margin:0!important;padding:18px 0 0!important;max-width:none!important;border-top:1px solid rgba(255,255,255,.09)!important}
#support .sup-l li{padding:4px 0!important;font-size:13px!important;line-height:1.65!important;color:rgba(222,217,222,.68)!important}
#support .sup-l li::before{display:none!important}
#support .sup-i:nth-child(1) .sup-l{max-width:330px!important}
#support .sup-i:nth-child(6) .sup-k,#support .sup-i:nth-child(6) .sup-t{grid-column:1!important}
#support .sup-i:nth-child(6) .sup-l{grid-column:2!important;grid-row:1/span 2!important;align-self:end!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;padding-top:0!important;border-top:0!important}
#support .sup-i:nth-child(6) .sup-l li{padding:14px 0 0!important;border-top:1px solid rgba(255,255,255,.09)!important}
@media(max-width:1080px){
 #support .sup{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}
 #support .sup-i,#support .sup-i:nth-child(n){grid-column:auto!important;grid-row:auto!important;min-height:260px!important;padding:30px!important;display:flex!important}
 #support .sup-i:nth-child(1){min-height:340px!important}
 #support .sup-i:nth-child(6){grid-column:1/-1!important;min-height:230px!important}
 #support .sup-i:nth-child(6) .sup-l{display:block!important;border-top:1px solid rgba(255,255,255,.09)!important;padding-top:18px!important}
 #support .sup-i:nth-child(6) .sup-l li{border:0!important;padding:4px 0!important}
}
@media(max-width:760px){
 #support{padding-block:82px!important}
 #support::after{display:none!important}
 #support .sec-head{padding-right:0!important;margin-bottom:58px!important}
 #support .sup{grid-template-columns:1fr!important;gap:10px!important}
 #support .sup-i,#support .sup-i:nth-child(n){grid-column:1!important;min-height:220px!important;padding:27px 24px!important}
 #support .sup-i:nth-child(1){min-height:290px!important}
 #support .sup-i:nth-child(1) .sup-t{font-size:31px!important}
}


/* ===== 4 : block ===== */

/* === 2026-09-15 WHY PICK ME image mood refinement v7 ===
   Keep the existing four card images; grade them toward the restrained,
   architectural, pearl-black mood used by the full-width brand-scene. */
#profit .formula>.fx{
  background-color:#09090b!important;
  background-blend-mode:normal!important;
  transition:transform .55s var(--ease),border-color .4s ease,filter .55s ease!important;
}
/* quieter luxury grade: less pink, softer highlights, deeper blacks */
#profit .formula>.fx{
  filter:saturate(.72) contrast(.96) brightness(.91)!important;
}
#profit .formula>.fx:hover{
  filter:saturate(.78) contrast(.98) brightness(.96)!important;
}
/* cinematic veil: open the image at the top/right while protecting copy */
#profit .formula>.fx::after{
  background:
    radial-gradient(ellipse at 76% 20%,rgba(238,225,220,.10) 0%,rgba(238,225,220,.025) 31%,transparent 58%),
    linear-gradient(180deg,rgba(8,8,10,.02) 0%,rgba(8,8,10,.08) 35%,rgba(8,8,10,.28) 62%,rgba(8,8,10,.88) 100%)!important;
  opacity:1!important;
}
/* left-side smoked glass, similar to the brand-scene copy zone */
#profit .formula>.fx::before{
  left:0!important;top:0!important;bottom:0!important;
  width:64%!important;height:auto!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(7,7,9,.78) 0%,rgba(7,7,9,.48) 43%,rgba(7,7,9,.13) 76%,transparent 100%)!important;
  filter:none!important;
  opacity:1!important;
}
/* each image gets a slightly different, restrained focal treatment */
#profit .formula>.fx:nth-child(1){background-position:56% center!important}
#profit .formula>.fx:nth-child(2){background-position:58% center!important}
#profit .formula>.fx:nth-child(3){background-position:54% center!important}
#profit .formula>.fx:nth-child(4){background-position:61% center!important}
/* refined hairline frame, no loud accent */
#profit .formula>.fx{border-color:rgba(232,224,222,.13)!important}
#profit .formula>.fx:hover{border-color:rgba(242,232,229,.24)!important}
#profit .formula>.fx:focus-within{border-color:rgba(242,232,229,.24)!important}
/* type treatment follows the quiet premium visual above */
#profit .formula .fx-k{color:rgba(236,230,228,.58)!important;letter-spacing:.31em!important}
#profit .formula .fx-t{font-weight:300!important;color:rgba(255,255,255,.96)!important;text-shadow:0 2px 22px rgba(0,0,0,.38)!important}
#profit .formula .fx-d{color:rgba(241,236,234,.67)!important}
#profit .formula .fx-d span{color:#ff5b9f!important;font-weight:500!important}
/* subtle inner bottom sheen instead of a decorative pink bar */
#profit .formula>.fx{box-shadow:inset 0 -1px 0 rgba(255,255,255,.035)!important}
@media(max-width:900px){
  #profit .formula>.fx::before{width:78%!important}
  #profit .formula>.fx{filter:saturate(.74) contrast(.96) brightness(.93)!important}
}


/* ===== 5 : block ===== */

/* === v9 clean card backgrounds / overlap fix === */
#profit .formula{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;align-items:stretch!important;overflow:visible!important;
}
#profit .formula>.fx,
#profit .formula>.fx:nth-child(2),
#profit .formula>.fx:nth-child(4){
  transform:none!important;margin:0!important;min-height:390px!important;
  background-size:cover!important;background-repeat:no-repeat!important;
  background-position:center!important;isolation:isolate!important;
}
#profit .formula>.fx:hover,
#profit .formula>.fx:nth-child(2):hover,
#profit .formula>.fx:nth-child(4):hover{transform:translateY(-3px)!important;}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-3.jpg")!important;background-position:58% center!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-5.jpg")!important;background-position:60% center!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-4.jpg")!important;background-position:42% center!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-4.jpg")!important;background-position:68% center!important;}

/* copy is HTML only: backgrounds contain no duplicated labels/text */
#profit .formula>.fx::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  width:auto!important;height:auto!important;
  background:linear-gradient(90deg,rgba(7,7,9,.96) 0%,rgba(7,7,9,.88) 24%,rgba(7,7,9,.56) 45%,rgba(7,7,9,.10) 72%,transparent 100%),
             linear-gradient(0deg,rgba(7,7,9,.72),rgba(7,7,9,.04) 62%)!important;
  opacity:1!important;filter:none!important;pointer-events:none!important;
}
#profit .formula>.fx::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;
  background:radial-gradient(circle at 82% 18%,rgba(255,220,207,.08),transparent 32%)!important;
  opacity:1!important;pointer-events:none!important;
}
#profit .formula>.fx>*{position:relative!important;z-index:3!important}
@media(max-width:900px){
 #profit .formula{grid-template-columns:1fr!important;gap:14px!important}
 #profit .formula>.fx,#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(4){transform:none!important;min-height:340px!important}
 #profit .formula>.fx:hover,#profit .formula>.fx:nth-child(2):hover,#profit .formula>.fx:nth-child(4):hover{transform:none!important}
}


/* ===== 6 : block ===== */

/* === v10 staggered editorial rhythm === */
@media (min-width:901px){
  #profit .formula{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:18px!important;
    row-gap:14px!important;
    align-items:start!important;
    padding-bottom:42px!important;
  }
  #profit .formula>.fx{
    min-height:390px!important;
    margin:0!important;
    transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s ease,filter .35s ease!important;
  }
  /* right column sits lower: same clean rhythm as the original, without overlap */
  #profit .formula>.fx:nth-child(2){transform:translateY(34px)!important;}
  #profit .formula>.fx:nth-child(4){transform:translateY(34px)!important;}
  #profit .formula>.fx:nth-child(1),
  #profit .formula>.fx:nth-child(3){transform:translateY(0)!important;}

  #profit .formula>.fx:nth-child(1):hover,
  #profit .formula>.fx:nth-child(3):hover{transform:translateY(-4px)!important;}
  #profit .formula>.fx:nth-child(2):hover,
  #profit .formula>.fx:nth-child(4):hover{transform:translateY(30px)!important;}
}
@media (max-width:900px){
  #profit .formula{padding-bottom:0!important;}
  #profit .formula>.fx,
  #profit .formula>.fx:nth-child(1),
  #profit .formula>.fx:nth-child(2),
  #profit .formula>.fx:nth-child(3),
  #profit .formula>.fx:nth-child(4){transform:none!important;margin:0!important;}
}


/* ===== 7 : block ===== */

/* === v12: logo removed from view + warmer PICK ME pink-light mood === */
#profit .formula>.fx{
  filter:saturate(.92) contrast(.97) brightness(1.06)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 22px 60px rgba(0,0,0,.16)!important;
}
/* 1st visual: zoom/crop the wall logo out, keep architectural curve as the subject */
#profit .formula>.fx:nth-child(1){
  background-size:154% auto!important;
  background-position:18% 50%!important;
}
/* soften the black veil so warm material/light comes through */
#profit .formula>.fx::before{
  background:
    linear-gradient(90deg,rgba(7,7,9,.92) 0%,rgba(7,7,9,.78) 25%,rgba(7,7,9,.39) 48%,rgba(7,7,9,.07) 74%,transparent 100%),
    linear-gradient(0deg,rgba(7,7,9,.58) 0%,rgba(7,7,9,.04) 62%)!important;
}
/* restrained pink ambience, same family as the upper brand scene */
#profit .formula>.fx::after{
  background:
    radial-gradient(ellipse at 88% 18%,rgba(229,0,109,.24) 0%,rgba(229,0,109,.105) 18%,transparent 44%),
    radial-gradient(ellipse at 72% 82%,rgba(255,79,155,.10) 0%,transparent 37%),
    linear-gradient(118deg,transparent 54%,rgba(255,116,170,.045) 70%,transparent 86%)!important;
  mix-blend-mode:screen!important;
  opacity:1!important;
}
/* vary the light source so the four images do not feel stamped from one template */
#profit .formula>.fx:nth-child(2)::after{
  background:
    radial-gradient(ellipse at 82% 28%,rgba(229,0,109,.20),transparent 42%),
    radial-gradient(ellipse at 54% 92%,rgba(255,119,168,.08),transparent 36%)!important;
}
#profit .formula>.fx:nth-child(3)::after{
  background:
    radial-gradient(ellipse at 64% 16%,rgba(229,0,109,.17),transparent 38%),
    linear-gradient(108deg,transparent 55%,rgba(255,105,160,.07) 70%,transparent 82%)!important;
}
#profit .formula>.fx:nth-child(4)::after{
  background:
    radial-gradient(ellipse at 92% 55%,rgba(229,0,109,.19),transparent 42%),
    radial-gradient(ellipse at 60% 12%,rgba(255,153,188,.07),transparent 34%)!important;
}
#profit .formula .fx-k{color:rgba(247,238,241,.64)!important}
#profit .formula .fx-d{color:rgba(247,240,240,.72)!important}
#profit .formula .fx-d span{color:#ff5a9e!important;text-shadow:0 0 20px rgba(229,0,109,.12)!important}
@media(max-width:900px){
  #profit .formula>.fx:nth-child(1){background-size:180% auto!important;background-position:18% 50%!important}
  #profit .formula>.fx{filter:saturate(.9) contrast(.97) brightness(1.03)!important}
}

/* === v13: frosted cinematic image replacement === */
#profit .formula>.fx{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  filter:saturate(.94) contrast(.96) brightness(1.07)!important;
}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-4.jpg")!important;background-position:58% center!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-6.jpg")!important;background-position:52% center!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-5.jpg")!important;background-position:54% center!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-5.jpg")!important;background-position:58% center!important;}

/* smoky frosted layer: readable text, visible image */
#profit .formula>.fx::before{
  background:linear-gradient(90deg,rgba(7,7,9,.88) 0%,rgba(7,7,9,.70) 31%,rgba(7,7,9,.30) 62%,rgba(7,7,9,.08) 100%),
             linear-gradient(180deg,rgba(255,255,255,.035),rgba(7,7,9,.12) 62%,rgba(7,7,9,.44))!important;
  backdrop-filter:blur(1.6px)!important;
  -webkit-backdrop-filter:blur(1.6px)!important;
}
#profit .formula>.fx::after{
  background:radial-gradient(circle at 82% 18%,rgba(255,74,150,.17),transparent 31%),
             linear-gradient(125deg,transparent 50%,rgba(255,112,166,.055) 72%,transparent 92%)!important;
  opacity:.9!important;
}
#profit .formula>.fx:nth-child(2)::after{background:radial-gradient(circle at 80% 28%,rgba(255,78,148,.18),transparent 34%)!important;}
#profit .formula>.fx:nth-child(3)::after{background:radial-gradient(circle at 74% 58%,rgba(255,90,157,.12),transparent 31%)!important;}
#profit .formula>.fx:nth-child(4)::after{background:radial-gradient(circle at 76% 38%,rgba(255,88,153,.16),transparent 34%)!important;}


/* === v14: preserve the original generated composition; remove the zoomed/cropped look === */
@media (min-width:761px){
  #profit .formula>.fx{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1200 / 760!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
  #profit .formula>.fx:nth-child(1),
  #profit .formula>.fx:nth-child(2),
  #profit .formula>.fx:nth-child(3),
  #profit .formula>.fx:nth-child(4){
    background-size:100% 100%!important;
    background-position:center center!important;
  }
  #profit .formula>.fx::before{
    backdrop-filter:blur(.8px)!important;
    -webkit-backdrop-filter:blur(.8px)!important;
  }
}
@media (max-width:760px){
  #profit .formula>.fx{
    min-height:320px!important;
    aspect-ratio:auto!important;
    background-size:cover!important;
    background-position:center!important;
  }
}


/* ===== 8 : id="v16-clean-card-images" ===== */

/* v16: remove accidental baked-in text from card imagery */
#profit .formula>.fx::after{content:none!important;display:none!important;}
#profit .formula>.fx{background-size:cover!important;background-repeat:no-repeat!important;}
#profit .formula>.fx:nth-child(1){transform:none!important;background-position:center center!important;}
#profit .formula>.fx:nth-child(2){transform:translateY(34px)!important;background-position:center center!important;}
#profit .formula>.fx:nth-child(3){transform:none!important;background-position:center center!important;}
#profit .formula>.fx:nth-child(4){transform:translateY(34px)!important;background-position:center center!important;}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-5.jpg")!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-7.jpg")!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-6.jpg")!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-6.jpg")!important;}
@media(max-width:760px){#profit .formula>.fx:nth-child(n){transform:none!important;}}


/* ===== 9 : id="v17-fullframe-cards" ===== */

#profit .formula{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 16px!important;padding-bottom:36px!important;align-items:start!important;}
#profit .formula>.fx{aspect-ratio:80/49!important;min-height:0!important;height:auto!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;filter:none!important;overflow:hidden!important;}
#profit .formula>.fx::before{background:linear-gradient(90deg,rgba(7,7,9,.72) 0%,rgba(7,7,9,.45) 34%,rgba(7,7,9,.10) 67%,rgba(7,7,9,.03) 100%)!important;backdrop-filter:none!important;}
#profit .formula>.fx::after{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 48%,rgba(0,0,0,.10))!important;}
#profit .formula>.fx:nth-child(1),#profit .formula>.fx:nth-child(3){transform:translateY(0)!important;}
#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(4){transform:translateY(34px)!important;}
#profit .formula>.fx:nth-child(1):hover,#profit .formula>.fx:nth-child(3):hover{transform:translateY(-3px)!important;}
#profit .formula>.fx:nth-child(2):hover,#profit .formula>.fx:nth-child(4):hover{transform:translateY(31px)!important;}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-6.jpg")!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-8.jpg")!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-7.jpg")!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-7.jpg")!important;}
@media(max-width:760px){#profit .formula{grid-template-columns:1fr!important;gap:14px!important;padding-bottom:0!important;}#profit .formula>.fx,#profit .formula>.fx:nth-child(1),#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(3),#profit .formula>.fx:nth-child(4){transform:none!important;aspect-ratio:80/49!important;background-size:100% 100%!important;}}


/* ===== 10 : id="v18-card-art" ===== */

/* v18 — newly generated, text-free card art; preserve full composition (no crop/zoom) */
#profit .formula{align-items:start!important;gap:18px!important;padding-bottom:38px!important;}
#profit .formula>.fx{aspect-ratio:1200/760!important;min-height:0!important;height:auto!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;filter:none!important;overflow:hidden!important;}
#profit .formula>.fx::before{background:linear-gradient(90deg,rgba(7,7,9,.78) 0%,rgba(7,7,9,.54) 28%,rgba(7,7,9,.18) 58%,rgba(7,7,9,.04) 100%)!important;backdrop-filter:none!important;}
#profit .formula>.fx::after{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 48%,rgba(0,0,0,.12))!important;}
#profit .formula>.fx:nth-child(1),#profit .formula>.fx:nth-child(3){transform:translateY(0)!important;}
#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(4){transform:translateY(34px)!important;}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-7.jpg")!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-9.jpg")!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-8.jpg")!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-8.jpg")!important;}
#profit .formula>.fx:nth-child(1):hover,#profit .formula>.fx:nth-child(3):hover{transform:translateY(-3px)!important;}
#profit .formula>.fx:nth-child(2):hover,#profit .formula>.fx:nth-child(4):hover{transform:translateY(31px)!important;}
@media(max-width:760px){#profit .formula{grid-template-columns:1fr!important;gap:14px!important;padding-bottom:0!important;}#profit .formula>.fx,#profit .formula>.fx:nth-child(1),#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(3),#profit .formula>.fx:nth-child(4){transform:none!important;aspect-ratio:1200/760!important;background-size:100% 100%!important;}#profit .formula>.fx::before{background:linear-gradient(90deg,rgba(7,7,9,.88),rgba(7,7,9,.40) 72%,rgba(7,7,9,.16))!important;}}


/* ===== 11 : id="pickme-card-final-override-v19" ===== */

/* FINAL CARD IMAGE OVERRIDE — placed last so legacy rules cannot overwrite it */
#profit .formula{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 16px!important;align-items:start!important;}
#profit .formula>.fx{
 position:relative!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1.777777/1!important;
 overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;
 background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center center!important;
 filter:none!important;isolation:isolate!important;padding:38px 34px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-7.jpg")!important;transform:translateY(0)!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-9.jpg")!important;transform:translateY(34px)!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-8.jpg")!important;transform:translateY(0)!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-8.jpg")!important;transform:translateY(34px)!important;}
#profit .formula>.fx::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(7,7,9,.86) 0%,rgba(7,7,9,.58) 31%,rgba(7,7,9,.17) 62%,rgba(7,7,9,.03) 100%)!important;backdrop-filter:none!important;filter:none!important;}
#profit .formula>.fx::after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 58%,rgba(0,0,0,.13))!important;pointer-events:none!important;}
#profit .formula>.fx>*{position:relative!important;z-index:2!important;}
#profit .formula>.fx:hover:nth-child(1),#profit .formula>.fx:hover:nth-child(3){transform:translateY(-3px)!important;}
#profit .formula>.fx:hover:nth-child(2),#profit .formula>.fx:hover:nth-child(4){transform:translateY(31px)!important;}
@media(max-width:760px){#profit .formula{grid-template-columns:1fr!important;gap:16px!important;}#profit .formula>.fx,#profit .formula>.fx:nth-child(n){transform:none!important;aspect-ratio:1.45/1!important;padding:28px 24px!important;background-size:100% 100%!important;background-position:center!important;}#profit .formula>.fx:hover:nth-child(n){transform:none!important;}}


/* ===== 12 : id="readability-tuning-20260916" ===== */

/* PICK ME readability tuning — visual mood preserved, text clarity improved */
:root{
  --muted:#DDD9DE;
  --dim:#B2ADB4;
  --line:rgba(255,255,255,.23);
  --line-soft:rgba(255,255,255,.115);
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Main descriptive copy */
.hero-sub,
.sec-note,
.note,
.card-d,
.g-d,
.kpi-d,
.tbox-d,
.fx-d,
.fn-d,
.proc-d,
.disc-d,
.rung-d,
.c-side p,
.c-list li,
.q .a p,
.agree,
.result pre{
  color:var(--muted)!important;
  font-weight:400!important;
  letter-spacing:-.008em!important;
}

.hero-sub{font-size:15px!important;line-height:1.95!important;}
.sec-note{font-size:16px!important;line-height:1.9!important;}
.note{font-size:15.5px!important;line-height:1.9!important;}

.card-d,
.g-d,
.kpi-d,
.tbox-d,
.fx-d,
.fn-d,
.proc-d,
.disc-d,
.rung-d{
  font-size:15px!important;
  line-height:1.78!important;
}
.sup-l li{font-size:15px!important;line-height:1.8!important;color:var(--muted)!important;font-weight:400!important;}

/* Titles: slightly firmer hierarchy without losing the refined look */
.card-t,
.g-t,
.kpi-t,
.tbox-t,
.fx-t,
.fn-t,
.proc-t,
.disc-t,
.sup-t,
.rung-k,
.rtable .rk,
.ctable .ck,
.ctable .cp{
  color:#FFF!important;
  font-weight:500!important;
}

/* Micro labels stay editorial, but are less faint / over-spaced */
.eyebrow,
.card-n,
.g-n,
.kpi-k,
.fx-k,
.fn-n,
.proc-n,
.disc-n,
.sup-k,
.pi-k,
.col-h,
.rtable .th,
.ctable .th,
label{
  letter-spacing:.13em!important;
  font-weight:600!important;
}
.eyebrow{font-size:12.5px!important;}
.card-n,.g-n,.kpi-k,.fx-k,.fn-n,.proc-n,.disc-n,.sup-k{font-size:12px!important;}

/* Secondary text that was visually too faint */
.hero-meta,
.f-note,
.ft-r,
.ft-l small,
.note.dim,
.ctable > div,
.ox .off li{
  color:var(--dim)!important;
}

/* Inputs and tabular data */
.rtable > div,
.ctable > div{
  line-height:1.68!important;
}
.rtable > div{font-size:15px!important;color:var(--muted)!important;}
.ctable > div{font-size:14.5px!important;}
input,select,textarea{font-size:16px!important;}
input::placeholder,textarea::placeholder{color:#918B93!important;}

/* Slightly stronger separation between dark surfaces */
.card,.g,.kpi,.tbox,.fx,.metric,.result{
  border-color:rgba(255,255,255,.13)!important;
}
.card:hover,.g:hover{
  border-color:rgba(255,79,155,.54)!important;
}

/* Keep display typography elegant */
h2{font-weight:350!important;}
.hero h1{font-weight:300!important;}
.hero h1 b{font-weight:450!important;}

@media (max-width:760px){
  .hero-sub{font-size:15px!important;}
  .sec-note{font-size:15.5px!important;}
  .card-d,.g-d,.kpi-d,.tbox-d,.fx-d,.fn-d,.proc-d,.disc-d,.rung-d,.sup-l li{font-size:14.5px!important;}
  .eyebrow{font-size:12px!important;}
}


/* ===== 13 : id="pickme-v15-crisp-frosted-cards" ===== */

/* v15: crisp frosted editorial card imagery — no CSS blur, no over-zoom */
#profit .formula{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 18px!important;
  align-items:start!important;
  padding-bottom:36px!important;
}
#profit .formula>.fx{
  min-height:390px!important;
  aspect-ratio:1.28 / 1!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  filter:none!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.20)!important;
}
#profit .formula>.fx:nth-child(1){background-image:url("../images/profit-card-1-8.jpg")!important;background-position:56% center!important;}
#profit .formula>.fx:nth-child(2){background-image:url("../images/profit-card-2-10.jpg")!important;background-position:54% center!important;transform:translateY(34px)!important;}
#profit .formula>.fx:nth-child(3){background-image:url("../images/profit-card-3-9.jpg")!important;background-position:56% center!important;}
#profit .formula>.fx:nth-child(4){background-image:url("../images/profit-card-4-9.jpg")!important;background-position:55% center!important;transform:translateY(34px)!important;}
/* frosted atmosphere comes from translucent layers, not image blur */
#profit .formula>.fx::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:linear-gradient(90deg,rgba(7,7,9,.88) 0%,rgba(7,7,9,.67) 34%,rgba(7,7,9,.22) 66%,rgba(7,7,9,.07) 100%)!important;
  backdrop-filter:none!important;filter:none!important;
}
#profit .formula>.fx::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(0,0,0,.16)),radial-gradient(circle at 78% 22%,rgba(255,72,146,.12),transparent 34%)!important;
  mix-blend-mode:screen!important;opacity:.82!important;filter:none!important;
}
#profit .formula>.fx:nth-child(3)::after{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%,rgba(0,0,0,.16)),radial-gradient(circle at 84% 55%,rgba(255,82,150,.10),transparent 28%)!important;}
#profit .formula>.fx:nth-child(4)::after{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%,rgba(0,0,0,.16)),radial-gradient(circle at 72% 35%,rgba(255,76,145,.14),transparent 30%)!important;}
#profit .formula>.fx>*{position:relative!important;z-index:2!important;}
#profit .formula>.fx:hover{box-shadow:0 26px 78px rgba(0,0,0,.28)!important;}
#profit .formula>.fx:nth-child(1):hover,#profit .formula>.fx:nth-child(3):hover{transform:translateY(-3px)!important;}
#profit .formula>.fx:nth-child(2):hover,#profit .formula>.fx:nth-child(4):hover{transform:translateY(31px)!important;}
@media(max-width:760px){
 #profit .formula{grid-template-columns:1fr!important;gap:14px!important;padding-bottom:0!important;}
 #profit .formula>.fx,#profit .formula>.fx:nth-child(1),#profit .formula>.fx:nth-child(2),#profit .formula>.fx:nth-child(3),#profit .formula>.fx:nth-child(4){transform:none!important;min-height:330px!important;aspect-ratio:auto!important;background-position:center!important;}
 #profit .formula>.fx::before{background:linear-gradient(90deg,rgba(7,7,9,.88),rgba(7,7,9,.38) 72%,rgba(7,7,9,.18))!important;}
}


/* ===== 14 : block ===== */


/* ===== v22 overlay text on image with tracing-paper mood ===== */
#profit .formula .brand-card{
  background:#09090b !important;
  min-height:0;
}
#profit .formula .brand-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(6,6,8,.78) 0%, rgba(6,6,8,.48) 28%, rgba(6,6,8,.14) 58%, rgba(6,6,8,.08) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 28%, rgba(5,5,8,.18) 78%, rgba(5,5,8,.38) 100%);
}
#profit .formula .brand-card::after{
  background:linear-gradient(180deg, rgba(255,255,255,.04) 0%, transparent 32%, rgba(6,6,8,.10) 100%) !important;
  z-index:1;
}
#profit .formula .bc-media{
  border-bottom:none !important;
  position:relative;
}
#profit .formula .bc-media img{
  width:100%;
  height:auto;
  display:block;
}
#profit .formula .bc-body{
  position:absolute !important;
  left:26px;
  right:auto;
  bottom:24px;
  z-index:3 !important;
  width:min(72%, 420px);
  padding:22px 22px 20px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%) !important;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 32px rgba(0,0,0,.22);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}
#profit .formula .bc-k{color:rgba(255,255,255,.92) !important;}
#profit .formula .bc-line{margin:14px 0 16px !important; background:rgba(255,255,255,.96) !important;}
#profit .formula .bc-t{font-size:clamp(26px,2.25vw,32px) !important; text-wrap:balance;}
#profit .formula .bc-d{margin-top:14px !important; color:rgba(255,255,255,.82) !important;}
#profit .formula .bc-d .em{margin-top:2px; color:#ff4da0 !important;}
@media (max-width:980px){
  #profit .formula .bc-body{
    left:18px; bottom:18px; width:calc(100% - 36px); max-width:none; padding:18px 18px 17px !important;
  }
}



/* ===== 15 : block ===== */


/* ===== v23 remove frosted panel; keep clean text overlay ===== */
#profit .formula .bc-body{
  position:absolute !important;
  left:30px !important;
  bottom:28px !important;
  width:min(72%, 430px) !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#profit .formula .brand-card::before{
  background:
    linear-gradient(90deg, rgba(6,6,8,.70) 0%, rgba(6,6,8,.42) 30%, rgba(6,6,8,.12) 60%, rgba(6,6,8,.04) 100%),
    linear-gradient(180deg, rgba(5,5,8,.02) 0%, transparent 45%, rgba(5,5,8,.30) 100%) !important;
}
#profit .formula .bc-k,
#profit .formula .bc-t,
#profit .formula .bc-d{
  text-shadow:0 2px 18px rgba(0,0,0,.48);
}
#profit .formula .bc-line{opacity:.88 !important;}
@media (max-width:980px){
  #profit .formula .bc-body{
    left:20px !important;
    bottom:20px !important;
    width:calc(100% - 40px) !important;
  }
}



/* ===== 16 : block ===== */


/* ===== v24 tone-down image + full-bleed cards ===== */
#profit .formula .brand-card{
  background:#08080a !important;
  overflow:hidden !important;
}
#profit .formula .bc-media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  line-height:0 !important;
  z-index:0 !important;
  background:#08080a !important;
}
#profit .formula .bc-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:brightness(.72) saturate(.82) contrast(.96) !important;
  transform:scale(1.015);
}
#profit .formula .brand-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(4,4,6,.72) 0%,rgba(4,4,6,.50) 28%,rgba(4,4,6,.20) 58%,rgba(4,4,6,.08) 100%),
    linear-gradient(180deg,rgba(4,4,6,.06) 0%,rgba(4,4,6,.08) 58%,rgba(4,4,6,.24) 100%) !important;
}
#profit .formula .brand-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 78% 24%,rgba(255,70,148,.09),transparent 30%) !important;
}
#profit .formula .bc-body{
  position:absolute !important;
  left:30px !important;
  bottom:28px !important;
  z-index:3 !important;
  width:min(70%, 410px) !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:0 2px 16px rgba(0,0,0,.58) !important;
}
#profit .formula .bc-k{opacity:.94 !important;}
#profit .formula .bc-line{opacity:.9 !important;}
#profit .formula .bc-t{color:#fff !important;}
#profit .formula .bc-d{color:rgba(255,255,255,.84) !important;}
#profit .formula .bc-d .em{color:#ff4da0 !important;}
#profit .formula .brand-card{
  min-height:420px !important;
}
@media (max-width:980px){
  #profit .formula .brand-card{min-height:360px !important;}
  #profit .formula .bc-body{left:20px !important;bottom:20px !important;width:calc(100% - 40px) !important;}
}



/* ===== 17 : block ===== */


/* ===== v25 PARTNERSHIP responsive editorial timeline ===== */
#roadmap{
  overflow:hidden!important;
  padding-block:104px 116px!important;
}
#roadmap .sec-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.6fr)!important;
  gap:70px!important;
  align-items:end!important;
  margin-bottom:70px!important;
}
#roadmap .sec-note{
  max-width:390px!important;
  margin:0!important;
  padding:0 0 3px 22px!important;
  border-left:1px solid rgba(255,79,155,.42)!important;
  color:rgba(255,255,255,.58)!important;
  line-height:1.9!important;
}
#roadmap .track{display:none!important}
#roadmap .proc{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:1040px!important;
  margin:0 auto!important;
  padding:18px 0 10px!important;
}
#roadmap .proc::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(255,79,155,.12),rgba(255,255,255,.24) 12%,rgba(255,255,255,.15) 88%,rgba(255,79,155,.18))!important;
}
#roadmap .proc-i,
#roadmap .proc-i:nth-child(1),
#roadmap .proc-i:nth-child(2),
#roadmap .proc-i:nth-child(3),
#roadmap .proc-i:nth-child(4){
  display:block!important;
  position:relative!important;
  width:calc(50% - 64px)!important;
  min-height:0!important;
  margin:0 0 58px 0!important;
  padding:26px 28px 27px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008))!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
  text-align:right!important;
}
#roadmap .proc-i:nth-child(2n){
  margin-left:calc(50% + 64px)!important;
  text-align:left!important;
}
#roadmap .proc-i:nth-child(4){margin-bottom:0!important}
#roadmap .proc-i:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(229,0,109,.018))!important;
}
/* center node */
#roadmap .proc-i::before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  top:35px!important;
  right:-75px!important;
  left:auto!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,94,166,.78)!important;
  background:#0a0a0c!important;
  box-shadow:0 0 0 8px rgba(229,0,109,.065), inset 0 0 0 5px #ff4f9b!important;
  opacity:1!important;
  transform:none!important;
}
#roadmap .proc-i:nth-child(2n)::before{
  left:-75px!important;
  right:auto!important;
}
/* horizontal connector */
#roadmap .proc-i::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:45px!important;
  right:-64px!important;
  left:auto!important;
  width:64px!important;
  height:1px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,79,155,.58))!important;
  filter:none!important;
  opacity:1!important;
}
#roadmap .proc-i:nth-child(2n)::after{
  left:-64px!important;
  right:auto!important;
  background:linear-gradient(90deg,rgba(255,79,155,.58),rgba(255,255,255,.12))!important;
}
#roadmap .proc-n{
  position:static!important;
  display:block!important;
  margin:0 0 13px!important;
  font:600 11px/1 'Inter',sans-serif!important;
  letter-spacing:.22em!important;
  color:#ff66ad!important;
}
#roadmap .proc-t,
#roadmap .proc-i:nth-child(1) .proc-t{
  max-width:none!important;
  margin:0!important;
  font-size:clamp(22px,2.2vw,30px)!important;
  line-height:1.28!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
  color:#fff!important;
}
#roadmap .proc-d,
#roadmap .proc-i:nth-child(1) .proc-d,
#roadmap .proc-i:nth-child(4) .proc-d{
  max-width:none!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:13.5px!important;
  line-height:1.65!important;
  color:rgba(255,255,255,.52)!important;
}
@media (max-width:900px){
  #roadmap{padding-block:88px 96px!important}
  #roadmap .sec-head{grid-template-columns:1fr!important;gap:26px!important;margin-bottom:55px!important}
  #roadmap .sec-note{max-width:560px!important}
  #roadmap .proc{max-width:760px!important;padding-left:58px!important}
  #roadmap .proc::before{left:18px!important;transform:none!important}
  #roadmap .proc-i,
  #roadmap .proc-i:nth-child(1),
  #roadmap .proc-i:nth-child(2),
  #roadmap .proc-i:nth-child(3),
  #roadmap .proc-i:nth-child(4){
    width:100%!important;
    margin:0 0 24px 0!important;
    text-align:left!important;
    padding:24px 24px 25px!important;
  }
  #roadmap .proc-i:nth-child(2n){margin-left:0!important}
  #roadmap .proc-i::before,
  #roadmap .proc-i:nth-child(2n)::before{
    left:-50px!important;
    right:auto!important;
    top:31px!important;
  }
  #roadmap .proc-i::after,
  #roadmap .proc-i:nth-child(2n)::after{
    left:-40px!important;
    right:auto!important;
    top:41px!important;
    width:40px!important;
    background:linear-gradient(90deg,rgba(255,79,155,.58),rgba(255,255,255,.12))!important;
  }
}
@media (max-width:560px){
  #roadmap .proc{padding-left:44px!important}
  #roadmap .proc::before{left:12px!important}
  #roadmap .proc-i::before,
  #roadmap .proc-i:nth-child(2n)::before{left:-42px!important;width:16px!important;height:16px!important;box-shadow:0 0 0 6px rgba(229,0,109,.055), inset 0 0 0 4px #ff4f9b!important}
  #roadmap .proc-i::after,
  #roadmap .proc-i:nth-child(2n)::after{left:-32px!important;width:32px!important;top:39px!important}
  #roadmap .proc-i,
  #roadmap .proc-i:nth-child(1),
  #roadmap .proc-i:nth-child(4){padding:22px 20px 23px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(1) .proc-t{font-size:22px!important}
}



/* ===== 18 : block ===== */


/* ===== v26 WHY PICK ME image cards: full-bleed + toned-down ===== */
#profit .formula .brand-card{
  position:relative !important;
  overflow:hidden !important;
  aspect-ratio: 1.28 / 1 !important;
  min-height:0 !important;
  background:#08080a !important;
}
#profit .formula .bc-media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  overflow:hidden !important;
  z-index:0 !important;
}
#profit .formula .bc-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  filter:brightness(.68) saturate(.82) contrast(.96) !important;
  transform:scale(1.012) !important;
}
#profit .formula .brand-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(5,5,7,.80) 0%,rgba(5,5,7,.63) 28%,rgba(5,5,7,.28) 56%,rgba(5,5,7,.10) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.03) 42%,rgba(0,0,0,.30) 100%) !important;
}
#profit .formula .brand-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 80% 22%,rgba(255,74,151,.10),transparent 32%) !important;
  opacity:.9 !important;
}
#profit .formula .bc-body{
  position:absolute !important;
  left:30px !important;
  right:30px !important;
  bottom:28px !important;
  z-index:3 !important;
  width:auto !important;
  max-width:440px !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#profit .formula .bc-k,
#profit .formula .bc-t,
#profit .formula .bc-d{
  text-shadow:0 2px 16px rgba(0,0,0,.55) !important;
}
@media (max-width:980px){
  #profit .formula .brand-card{aspect-ratio: 1.12 / 1 !important; min-height:0 !important;}
  #profit .formula .bc-body{left:22px !important;right:22px !important;bottom:22px !important;max-width:none !important;}
}



/* ===== 19 : block ===== */


/* ===== v27 remove framed feeling / lighter image / true full-bleed ===== */
#profit .formula{gap:22px 22px !important;}
#profit .formula .brand-card{
  position:relative !important;
  overflow:hidden !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:#000 !important;
  aspect-ratio: 1.48 / 1 !important;
}
#profit .formula .brand-card:nth-child(2),
#profit .formula .brand-card:nth-child(4){transform:translateY(28px) !important;}
#profit .formula .bc-media,
#profit .formula .bc-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
#profit .formula .bc-media{
  border:none !important;
  line-height:0 !important;
  background:transparent !important;
}
#profit .formula .bc-media img{
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  transform:scale(1.015) !important;
}
#profit .formula .brand-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(6,6,8,.70) 0%, rgba(6,6,8,.50) 24%, rgba(6,6,8,.18) 55%, rgba(6,6,8,.05) 100%),
    linear-gradient(180deg, rgba(255,255,255,.015) 0%, rgba(255,255,255,0) 28%, rgba(6,6,8,.10) 72%, rgba(6,6,8,.24) 100%) !important;
}
#profit .formula .brand-card::after{
  display:none !important;
}
#profit .formula .bc-body{
  position:absolute !important;
  left:34px !important;
  right:34px !important;
  bottom:32px !important;
  z-index:2 !important;
  width:auto !important;
  max-width:380px !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#profit .formula .bc-k{color:rgba(255,255,255,.80) !important; margin-bottom:18px !important;}
#profit .formula .bc-line{margin:0 0 18px !important; width:36px !important; background:rgba(255,255,255,.92) !important;}
#profit .formula .bc-t{font-size:clamp(28px,2.7vw,44px) !important; line-height:1.14 !important; margin:0 0 16px !important;}
#profit .formula .bc-d{font-size:15px !important; line-height:1.62 !important; color:rgba(255,255,255,.84) !important; margin-top:0 !important; text-shadow:0 1px 10px rgba(0,0,0,.18) !important;}
#profit .formula .bc-d .em{margin-top:4px !important; color:#ff4da0 !important;}
@media (max-width:980px){
  #profit .formula .brand-card:nth-child(2),#profit .formula .brand-card:nth-child(4){transform:none !important;}
  #profit .formula .brand-card{aspect-ratio:1.26/1 !important;}
  #profit .formula .bc-body{left:22px !important; right:22px !important; bottom:22px !important; max-width:300px !important;}
}
@media (max-width:640px){
  #profit .formula .brand-card{aspect-ratio:1.12/1 !important;}
  #profit .formula .bc-t{font-size:clamp(24px,7vw,34px) !important;}
}



/* ===== 20 : block ===== */


/* ===== v28 MOBILE-FOCUSED OVERRIDES ===== */
@media (max-width:760px){
  :root{
    color-scheme:dark;
    --bg:#070709;
    --panel:#0b0b0e;
    --accent:#e5006d;
    --accent-t:#ff4f9b;
  }
  html,body{background:#070709 !important;color:#f5f2f3 !important;overflow-x:hidden !important;}
  body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  .wrap{width:auto !important;max-width:none !important;margin:0 !important;padding-left:20px !important;padding-right:20px !important;}
  section{overflow:hidden;}

  /* header / hero */
  .hd{height:62px !important;background:rgba(7,7,9,.92) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
  .hero{padding:108px 0 64px !important;min-height:auto !important;background:#070709 !important;}
  .hero .wrap{display:block !important;}
  .hero h1{font-size:clamp(42px,12.5vw,62px) !important;line-height:.98 !important;letter-spacing:-.055em !important;}
  .hero p{font-size:15px !important;line-height:1.75 !important;max-width:31em !important;}
  .hero-visual{height:300px !important;margin-top:32px !important;}
  .brand-orbit{width:270px !important;height:270px !important;}

  /* shared section heads */
  .sec-head{display:block !important;margin-bottom:34px !important;}
  .sec-head h2{font-size:clamp(30px,9vw,42px) !important;line-height:1.22 !important;letter-spacing:-.045em !important;}
  .sec-note{margin-top:16px !important;max-width:none !important;font-size:14px !important;line-height:1.75 !important;}
  .eyebrow{font-size:10px !important;letter-spacing:.25em !important;}

  /* hero brand-scene: keep desktop colors stable on mobile */
  .brand-scene{min-height:390px !important;background-position:center !important;background-size:cover !important;filter:none !important;}
  .brand-scene::before,.brand-scene::after{mix-blend-mode:normal !important;filter:none !important;}
  .brand-scene-copy{left:22px !important;right:22px !important;bottom:28px !important;}
  .brand-scene-copy strong{font-size:clamp(35px,10vw,48px) !important;}

  /* WHY PICK ME mobile cards */
  #profit{padding:62px 0 72px !important;background:#070709 !important;}
  #profit .formula{grid-template-columns:1fr !important;gap:18px !important;margin-top:28px !important;padding-bottom:0 !important;}
  #profit .formula .brand-card,
  #profit .formula .brand-card:nth-child(2),
  #profit .formula .brand-card:nth-child(4){
    transform:none !important;
    aspect-ratio:1.12/1 !important;
    border:none !important;
    box-shadow:none !important;
    background:#070709 !important;
  }
  #profit .formula .bc-media img{
    object-fit:cover !important;
    object-position:center !important;
    transform:scale(1.01) !important;
    filter:none !important;
    opacity:1 !important;
  }
  #profit .formula .brand-card::before{
    background:
      linear-gradient(90deg,rgba(7,7,9,.72) 0%,rgba(7,7,9,.47) 32%,rgba(7,7,9,.14) 67%,rgba(7,7,9,.03) 100%),
      linear-gradient(180deg,rgba(7,7,9,.02),rgba(7,7,9,.03) 48%,rgba(7,7,9,.30) 100%) !important;
    mix-blend-mode:normal !important;
  }
  #profit .formula .bc-body{left:22px !important;right:22px !important;bottom:22px !important;max-width:310px !important;padding:0 !important;}
  #profit .formula .bc-k{font-size:9px !important;letter-spacing:.28em !important;margin-bottom:14px !important;}
  #profit .formula .bc-line{width:30px !important;margin-bottom:15px !important;}
  #profit .formula .bc-t{font-size:clamp(26px,8vw,36px) !important;line-height:1.16 !important;margin-bottom:13px !important;}
  #profit .formula .bc-d{font-size:13.5px !important;line-height:1.58 !important;}

  /* support */
  #support{padding:62px 0 !important;background:#09090b !important;}
  #support .sup{display:grid !important;grid-template-columns:1fr !important;gap:0 !important;}
  #support .sup-i{padding:25px 0 27px !important;border-top:1px solid rgba(255,255,255,.10) !important;background:transparent !important;min-height:auto !important;transform:none !important;}
  #support .sup-i::before,#support .sup-i::after{display:none !important;}
  #support .sup-k{font-size:10px !important;letter-spacing:.22em !important;}
  #support .sup-t{font-size:24px !important;margin-top:8px !important;}
  #support .sup-l{margin-top:13px !important;font-size:13px !important;line-height:1.7 !important;}

  /* partnership timeline */
  #roadmap{padding:64px 0 76px !important;background:#070709 !important;}
  #roadmap .track{display:none !important;}
  #roadmap .proc{display:block !important;position:relative !important;padding-left:34px !important;}
  #roadmap .proc::before{content:"";position:absolute;left:8px;top:8px;bottom:12px;width:1px;background:rgba(255,255,255,.16);}
  #roadmap .proc-i{display:block !important;position:relative !important;padding:0 0 34px 0 !important;margin:0 !important;text-align:left !important;border:0 !important;background:none !important;transform:none !important;}
  #roadmap .proc-i::before{content:"";position:absolute;left:-31px;top:5px;width:8px;height:8px;border-radius:50%;background:#ff4f9b;box-shadow:0 0 0 6px rgba(229,0,109,.12);}
  #roadmap .proc-i::after{display:none !important;}
  #roadmap .proc-n{font-size:10px !important;letter-spacing:.18em !important;color:#ff4f9b !important;margin-bottom:8px !important;position:static !important;}
  #roadmap .proc-t{font-size:22px !important;line-height:1.35 !important;margin-bottom:8px !important;}
  #roadmap .proc-d{font-size:13px !important;line-height:1.65 !important;max-width:none !important;}
  #roadmap .proc-i:nth-child(n+5){display:none !important;}

  /* quote/contact/footer spacing */
  .brand-quote{padding:56px 20px !important;}
  .brand-quote strong{font-size:clamp(28px,8vw,38px) !important;line-height:1.25 !important;}
  #contact,.contact{padding-left:20px !important;padding-right:20px !important;}

  /* remove desktop-only visual effects that change color on mobile browsers */
  [style*="mix-blend-mode"],.glow,.orb{mix-blend-mode:normal !important;}
  *{ -webkit-tap-highlight-color:transparent; }
}



/* ===== 21 : block ===== */

/* ===== v30 real data before/after comparison ===== */
#growth.real-data{padding:110px 0 94px;background:linear-gradient(180deg,#09090b 0%,#0b0b0e 44%,#09090b 100%);position:relative;overflow:hidden}
#growth.real-data::before{content:"";position:absolute;left:-10%;bottom:-10%;width:40vw;height:40vw;max-width:520px;max-height:520px;background:radial-gradient(circle,rgba(255,76,145,.12) 0%,rgba(255,76,145,.04) 36%,transparent 70%);pointer-events:none}
#growth.real-data::after{content:"";position:absolute;right:-8%;top:10%;width:34vw;height:34vw;max-width:460px;max-height:460px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 28%,transparent 68%);pointer-events:none}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}
.compare-card{position:relative;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,16,20,.92),rgba(10,10,13,.96));padding:26px 26px 24px;overflow:hidden}
.compare-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%,rgba(255,76,145,.03) 82%,transparent 100%);pointer-events:none}
.compare-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}
.compare-k{font-size:11px;letter-spacing:.26em;color:rgba(255,255,255,.6);text-transform:uppercase;margin-bottom:10px}
.compare-t{font-size:clamp(26px,2.25vw,34px);line-height:1.16;letter-spacing:-.04em;font-weight:300;color:#fff}
.compare-d{margin-top:12px;max-width:420px;font-size:13.5px;line-height:1.68;color:rgba(255,255,255,.72)}
.delta-badge{white-space:nowrap;font-size:13px;line-height:1;padding:11px 13px;border:1px solid rgba(255,91,159,.28);background:rgba(255,91,159,.10);color:#ffd7e7}
.delta-badge.blue{border-color:rgba(158,216,255,.28);background:rgba(158,216,255,.10);color:#dff3ff}
.bars-wrap{position:relative;margin-top:24px;padding:18px 0 0 50px;min-height:340px}
.bars-wrap::before{content:"";position:absolute;left:50px;right:0;bottom:44px;height:1px;background:rgba(255,255,255,.10)}
.bars-axis-y{position:absolute;left:0;top:8px;bottom:54px;width:42px;display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.36);font-size:11px;text-align:left}
.bars-revenue{height:300px;display:flex;align-items:flex-end;justify-content:center;gap:52px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid transparent;padding:0 10px 0 18px}
.bars-revenue::before,.bars-revenue::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.08)}
.bars-revenue::before{top:33.33%}
.bars-revenue::after{top:66.66%}
.bar-col{width:min(42%,180px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.bar{width:100%;max-width:140px;min-width:110px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:14px}
.bar-value{position:absolute;top:-34px;left:50%;transform:translateX(-50%);font-size:13px;line-height:1;white-space:nowrap;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:7px 10px}
.bar-revenue-before{background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.14) 100%);border:1px solid rgba(255,255,255,.18)}
.bar-revenue-after{background:linear-gradient(180deg,rgba(255,91,159,.95) 0%,rgba(255,91,159,.56) 100%);border:1px solid rgba(255,91,159,.65);box-shadow:0 10px 28px rgba(255,91,159,.18)}
.bar-visit-before{background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.14) 100%);border:1px solid rgba(255,255,255,.18)}
.bar-visit-after{background:linear-gradient(180deg,rgba(158,216,255,.95) 0%,rgba(158,216,255,.52) 100%);border:1px solid rgba(158,216,255,.62);box-shadow:0 10px 28px rgba(158,216,255,.16)}
.bar-label{margin-top:16px;font-size:13px;line-height:1.5;text-align:center;color:rgba(255,255,255,.72)}
.compare-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative;z-index:1}
.meta-pill{font-size:12px;padding:8px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)}
.compare-foot{margin-top:18px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.56)}
@media (max-width:980px){
  #growth.real-data{padding:86px 0 72px}
  .compare-grid{grid-template-columns:1fr;gap:18px}
  .bars-wrap{min-height:312px}
  .bars-revenue{height:270px;gap:34px}
  .bar{max-width:128px;min-width:92px}
}
@media (max-width:640px){
  .compare-card{padding:20px 18px 18px}
  .compare-head{display:block}
  .delta-badge{display:inline-block;margin-top:12px}
  .bars-wrap{padding-left:34px;min-height:284px}
  .bars-wrap::before{left:34px;bottom:42px}
  .bars-axis-y{width:28px;font-size:10px}
  .bars-revenue{height:238px;gap:24px;padding-left:12px}
  .bar{max-width:118px;min-width:84px}
  .bar-value{font-size:12px;padding:6px 8px;top:-30px}
  .bar-label{font-size:12px}
}


/* ===== 22 : block ===== */

/* ===== v31 refined revenue percentage graph ===== */
#growth.premium-compare{padding:112px 0 96px;background:linear-gradient(180deg,#09090b 0%,#0b0b0f 42%,#09090b 100%);position:relative;overflow:hidden}
#growth.premium-compare::before{content:"";position:absolute;left:-10%;bottom:-14%;width:42vw;height:42vw;max-width:560px;max-height:560px;background:radial-gradient(circle,rgba(255,76,145,.14) 0%,rgba(255,76,145,.04) 36%,transparent 72%);pointer-events:none}
#growth.premium-compare::after{content:"";position:absolute;right:-7%;top:9%;width:36vw;height:36vw;max-width:500px;max-height:500px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 26%,transparent 66%);pointer-events:none}
.compare-grid.premium{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}
.compare-grid.premium .compare-card{position:relative;padding:30px 30px 26px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(18,18,22,.92),rgba(10,10,13,.98));overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)}
.compare-grid.premium .compare-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%,rgba(255,76,145,.028) 76%,transparent 100%)}
.compare-grid.premium .compare-card::after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);pointer-events:none}
.compare-grid.premium .compare-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}
.compare-grid.premium .compare-k{font-size:11px;letter-spacing:.26em;color:rgba(255,255,255,.58);text-transform:uppercase;margin-bottom:10px}
.compare-grid.premium .compare-t{font-size:clamp(28px,2.45vw,36px);line-height:1.15;letter-spacing:-.04em;font-weight:300;color:#fff}
.compare-grid.premium .compare-d{margin-top:12px;max-width:440px;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.72)}
.compare-grid.premium .delta-badge{white-space:nowrap;font-size:13px;line-height:1;padding:11px 14px;border:1px solid rgba(255,91,159,.24);background:rgba(255,91,159,.10);color:#ffd7e7;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.compare-grid.premium .delta-badge.big{font-size:18px;padding:13px 16px;font-weight:600;letter-spacing:-.02em}
.compare-grid.premium .delta-badge.blue{border-color:rgba(158,216,255,.28);background:rgba(158,216,255,.10);color:#e2f5ff}
.lux-chart{position:relative;margin-top:26px;padding:24px 22px 22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.01));overflow:hidden}
.lux-chart::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.05) 0%,transparent 28%)}
.lux-chart .guide-lines{position:absolute;inset:22px 22px 28px 22px;pointer-events:none}
.lux-chart .guide-lines i{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.08)}
.lux-chart .guide-lines i:nth-child(1){top:18%}
.lux-chart .guide-lines i:nth-child(2){top:48%}
.lux-chart .guide-lines i:nth-child(3){top:78%}
.bar-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(120px,1fr) 180px minmax(120px,1fr);align-items:end;gap:18px;min-height:310px;padding-top:10px}
.bar-col.slim{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bar-col.slim .bar{width:88px;min-width:88px;max-width:88px;border-radius:18px 18px 6px 6px}
.bar-cap{margin-bottom:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.54)}
.bar-cap.accent{color:#ffcfe1}
.mid-growth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-bottom:56px;text-align:center}
.mid-arrow{font-size:32px;line-height:1;color:#ff6aa6;text-shadow:0 6px 22px rgba(255,91,159,.26);margin-bottom:12px}
.mid-copy{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.54);margin-bottom:10px}
.mid-rate{font-size:40px;line-height:1;font-weight:300;letter-spacing:-.05em;color:#fff}
.revenue-card .bar-revenue-before{background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.revenue-card .bar-revenue-after{background:linear-gradient(180deg,#ff6aa6 0%,rgba(255,91,159,.56) 100%);border:1px solid rgba(255,117,171,.70);box-shadow:0 12px 34px rgba(255,91,159,.18), inset 0 1px 0 rgba(255,215,231,.24)}
.compare-grid.premium .bar-label{margin-top:16px;font-size:13px;line-height:1.55;text-align:center;color:rgba(255,255,255,.74)}
.compare-grid.premium .compare-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative;z-index:1}
.compare-grid.premium .meta-pill{font-size:12px;padding:8px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)}
.compare-grid.premium .compare-foot{margin-top:18px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.56)}
/* visitor chart premium */
.premium-visitors{position:relative;margin-top:0;padding:18px 0 0 50px;min-height:320px}
.premium-visitors::before{content:"";position:absolute;left:50px;right:0;bottom:44px;height:1px;background:rgba(255,255,255,.10)}
.premium-visitors .bars-axis-y{position:absolute;left:0;top:8px;bottom:54px;width:42px;display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.36);font-size:11px;text-align:left}
.premium-visitors .bars-revenue{height:286px;display:flex;align-items:flex-end;justify-content:center;gap:52px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-left:1px solid rgba(255,255,255,.08);padding:0 10px 0 18px}
.premium-visitors .bars-revenue::before,.premium-visitors .bars-revenue::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.08)}
.premium-visitors .bars-revenue::before{top:33.33%}
.premium-visitors .bars-revenue::after{top:66.66%}
.premium-visitors .bar-col{width:min(42%,180px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.premium-visitors .bar{width:100%;max-width:140px;min-width:110px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:14px;border-radius:18px 18px 6px 6px}
.premium-visitors .bar-value{position:absolute;top:-34px;left:50%;transform:translateX(-50%);font-size:13px;line-height:1;white-space:nowrap;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:7px 10px}
.premium-visitors .bar-visit-before{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.12) 100%);border:1px solid rgba(255,255,255,.20)}
.premium-visitors .bar-visit-after{background:linear-gradient(180deg,#9ed8ff 0%,rgba(158,216,255,.54) 100%);border:1px solid rgba(158,216,255,.62);box-shadow:0 12px 30px rgba(158,216,255,.15)}
@media (max-width:980px){
 #growth.premium-compare{padding:86px 0 72px}
 .compare-grid.premium{grid-template-columns:1fr;gap:18px}
 .compare-grid.premium .compare-card{padding:24px 22px 20px}
 .bar-stage{grid-template-columns:1fr 136px 1fr;gap:12px;min-height:280px}
 .bar-col.slim .bar{width:74px;min-width:74px;max-width:74px}
 .mid-rate{font-size:34px}
 .premium-visitors{min-height:300px}
 .premium-visitors .bars-revenue{height:258px;gap:34px}
 .premium-visitors .bar{max-width:128px;min-width:92px}
}
@media (max-width:640px){
 .compare-grid.premium .compare-head{display:block}
 .compare-grid.premium .delta-badge,.compare-grid.premium .delta-badge.big{display:inline-block;margin-top:12px}
 .lux-chart{padding:18px 14px 16px}
 .bar-stage{grid-template-columns:1fr;min-height:auto;gap:20px;padding-top:6px}
 .mid-growth{order:-1;padding-bottom:0;padding-top:4px}
 .bar-col.slim{height:180px}
 .bar-col.slim .bar{width:74px;min-width:74px;max-width:74px}
 .mid-arrow{font-size:28px;margin-bottom:8px}
 .mid-rate{font-size:32px}
 .premium-visitors{padding-left:34px;min-height:280px}
 .premium-visitors::before{left:34px;bottom:42px}
 .premium-visitors .bars-axis-y{width:28px;font-size:10px}
 .premium-visitors .bars-revenue{height:232px;gap:24px;padding-left:12px}
 .premium-visitors .bar{max-width:118px;min-width:84px}
 .premium-visitors .bar-value{font-size:12px;padding:6px 8px;top:-30px}
 .compare-grid.premium .bar-label{font-size:12px}
}


/* ===== 23 : block ===== */

/* ===== v32 comparison infographic ===== */
#growth.compare-infographic{padding:110px 0 96px;background:linear-gradient(180deg,#09090b 0%,#0b0b0e 44%,#09090b 100%);position:relative;overflow:hidden}
#growth.compare-infographic::before{content:"";position:absolute;left:-10%;top:8%;width:34vw;height:34vw;max-width:500px;max-height:500px;background:radial-gradient(circle,rgba(255,76,145,.10) 0%,rgba(255,76,145,.04) 32%,transparent 68%);pointer-events:none}
#growth.compare-infographic::after{content:"";position:absolute;right:-12%;bottom:-6%;width:40vw;height:40vw;max-width:520px;max-height:520px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 22%,transparent 62%);pointer-events:none}
.compare-headline{margin-bottom:42px}
.compare-board{position:relative;background:#f5f2ee;color:#1f232a;padding:44px 48px 34px;border-radius:0;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.20)}
.compare-board::before{content:"";position:absolute;inset:0;border:1px solid rgba(20,24,32,.08);pointer-events:none}
.board-top{text-align:center;max-width:860px;margin:0 auto 34px}
.board-title{font-size:46px;line-height:1.05;letter-spacing:.03em;font-weight:800;color:#1d2936}
.board-desc{margin:18px auto 0;font-size:16px;line-height:1.7;color:#4a5563;max-width:760px}
.circle-summary{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px;margin:0 auto 36px}
.circle-item{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 10px}
.circle-ring{width:134px;height:134px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto;background:#fff}
.circle-ring::before{content:"";position:absolute;inset:0;border-radius:50%}
.circle-item.revenue .circle-ring::before{background:conic-gradient(#ff5d74 0 240deg, #ffe2e6 240deg 360deg)}
.circle-item.visitors .circle-ring::before{background:conic-gradient(#f0a11f 0 216deg, #fde7bc 216deg 360deg)}
.circle-ring::after{content:"";position:absolute;inset:16px;border-radius:50%;background:#f5f2ee;box-shadow:inset 0 0 0 1px rgba(31,35,42,.05)}
.circle-ring span{position:relative;z-index:1;font-size:24px;line-height:1;font-weight:800;color:#1d2936;letter-spacing:-.03em;text-align:center}
.circle-copy strong{display:block;font-size:20px;line-height:1.2;color:#1d2936;margin-bottom:8px}
.circle-copy p{font-size:14px;line-height:1.6;color:#5b6672}
.compare-table{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:18px 22px;align-items:center;max-width:980px;margin:0 auto}
.compare-col-head{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#6a7480;font-weight:700;padding-bottom:2px}
.compare-col-head.left{text-align:left}
.compare-col-head.center{text-align:center}
.compare-col-head.right{text-align:right}
.compare-row{display:contents}
.compare-side{display:flex;align-items:center;gap:14px}
.compare-side.left{justify-content:flex-end}
.compare-side.right{justify-content:flex-start}
.value{font-size:30px;line-height:1;font-weight:700;letter-spacing:-.04em;color:#1f2a36;white-space:nowrap}
.value.range{font-size:28px}
.hbar-wrap{width:100%;max-width:310px;height:16px;display:flex;align-items:center}
.compare-side.left .hbar-wrap{justify-content:flex-end}
.hbar{height:12px;border-radius:0;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.hbar.before.revenue{background:#5ea5d5}
.hbar.after.revenue{background:#ff684d}
.hbar.before.visitors{background:#e2ac2b}
.hbar.after.visitors{background:#18a56c}
.compare-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.mid-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:700;border:2px solid currentColor;background:#fff}
.mid-icon.revenue{color:#5e7ccf}
.mid-icon.visitors{color:#20a36f}
.mid-label{font-size:14px;line-height:1.4;text-align:center;color:#45515f;font-weight:700}
.board-note{max-width:980px;margin:28px auto 0;font-size:12.5px;line-height:1.7;color:#67727f;text-align:center}
@media (max-width:980px){
  #growth.compare-infographic{padding:86px 0 72px}
  .compare-board{padding:34px 24px 28px}
  .board-title{font-size:38px}
  .circle-summary{grid-template-columns:1fr;gap:10px}
  .compare-table{grid-template-columns:1fr;gap:18px;max-width:none}
  .compare-col-head.center{display:none}
  .compare-col-head.left,.compare-col-head.right{display:none}
  .compare-row{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 0;border-top:1px solid rgba(31,35,42,.08)}
  .compare-row:first-of-type{border-top:none}
  .compare-side.left,.compare-side.right{justify-content:space-between}
  .compare-mid{order:-1;padding-bottom:2px}
  .compare-side.left .hbar-wrap,.compare-side.right .hbar-wrap{justify-content:flex-start}
  .hbar-wrap{max-width:none}
}
@media (max-width:640px){
  .compare-board{padding:28px 18px 24px}
  .board-top{margin-bottom:24px}
  .board-title{font-size:32px}
  .board-desc{font-size:14px}
  .circle-item{flex-direction:column;gap:14px;text-align:center}
  .circle-ring{width:116px;height:116px}
  .circle-ring::after{inset:14px}
  .circle-ring span{font-size:21px}
  .circle-copy strong{font-size:18px}
  .value{font-size:24px}
  .value.range{font-size:23px}
  .hbar-wrap{height:14px}
  .hbar{height:10px}
}


/* ===== 24 : block ===== */

/* ===== v33 premium graph comparison ===== */
#growth.growth-graph-premium{padding:112px 0 96px;background:linear-gradient(180deg,#09090b 0%,#0b0b0f 42%,#09090b 100%);position:relative;overflow:hidden}
#growth.growth-graph-premium::before{content:"";position:absolute;left:-10%;bottom:-12%;width:42vw;height:42vw;max-width:540px;max-height:540px;background:radial-gradient(circle,rgba(255,76,145,.12) 0%,rgba(255,76,145,.04) 36%,transparent 72%);pointer-events:none}
#growth.growth-graph-premium::after{content:"";position:absolute;right:-7%;top:9%;width:34vw;height:34vw;max-width:480px;max-height:480px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 28%,transparent 68%);pointer-events:none}
.gcompare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}
.gcompare-card{position:relative;padding:30px 30px 26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,16,20,.92),rgba(10,10,13,.98));overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04)}
.gcompare-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%,rgba(255,76,145,.025) 78%,transparent 100%)}
.gcompare-card::after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)}
.gcompare-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}
.gcompare-k{font-size:11px;letter-spacing:.26em;color:rgba(255,255,255,.58);text-transform:uppercase;margin-bottom:10px}
.gcompare-t{font-size:clamp(28px,2.4vw,36px);line-height:1.15;letter-spacing:-.04em;font-weight:300;color:#fff}
.gcompare-d{margin-top:12px;max-width:440px;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.72)}
.gcompare-badge{white-space:nowrap;font-size:15px;line-height:1;padding:12px 14px;border:1px solid rgba(255,91,159,.24);background:rgba(255,91,159,.10);color:#ffd7e7;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);font-weight:600;letter-spacing:-.02em}
.gcompare-badge.blue{border-color:rgba(158,216,255,.24);background:rgba(158,216,255,.10);color:#dff3ff;font-weight:500}
.graph-frame{position:relative;margin-top:24px;padding:0 0 0 44px}
.y-guide{position:absolute;left:0;top:22px;bottom:38px;width:36px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.34);pointer-events:none}
.trend-svg{display:block;width:100%;height:auto;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.06)}
.gline{stroke:rgba(255,255,255,.10);stroke-width:1}
.gvline{stroke:rgba(255,255,255,.08);stroke-width:1}
.line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.line.rev-shadow{stroke:rgba(255,91,159,.12);stroke-width:10}
.line.rev{stroke:#ff5b9f;stroke-width:4}
.line.visit-shadow{stroke:rgba(158,216,255,.10);stroke-width:10}
.line.visit{stroke:#9ed8ff;stroke-width:4}
.area.rev{fill:url(#revAreaGrad)}
.point{fill:#fff}
.point.rev{stroke:#ff5b9f;stroke-width:3}
.point.visit{stroke:#9ed8ff;stroke-width:3}
.xlabel{fill:rgba(255,255,255,.58);font-size:12px;letter-spacing:.02em}
.value-note{fill:#fff;font-size:14px;font-weight:700}
.value-note.left{text-anchor:start}
.value-note.right{text-anchor:start}
.range-band.before{fill:rgba(255,255,255,.16);stroke:rgba(255,255,255,.32);stroke-width:1.5}
.range-band.after{fill:rgba(158,216,255,.20);stroke:rgba(158,216,255,.55);stroke-width:1.5}
.band-label{fill:#fff;font-size:14px;font-weight:700}
.gcompare-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:1}
.meta-pill{font-size:12px;padding:8px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)}
.gcompare-foot{margin-top:18px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.56)}
@media (max-width:980px){
  #growth.growth-graph-premium{padding:86px 0 72px}
  .gcompare-grid{grid-template-columns:1fr;gap:18px}
  .gcompare-card{padding:24px 22px 20px}
}
@media (max-width:640px){
  .gcompare-head{display:block}
  .gcompare-badge{display:inline-block;margin-top:12px}
  .graph-frame{padding-left:32px}
  .y-guide{width:24px;font-size:10px}
  .gcompare-t{font-size:clamp(24px,7vw,32px)}
  .gcompare-card{padding:20px 18px 18px}
  .meta-pill{font-size:11px}
}


/* ===== 25 : block ===== */

/* ===== v34 visitor graph label alignment fix ===== */
.band-label{text-anchor:middle !important; dominant-baseline:alphabetic;}


/* ===== 26 : block ===== */

/* ===== v35 visitor graph percentage update ===== */
.area.visit-pct{fill:url(#visitAreaGradPct)}


/* ===== 27 : id="support-readability-boost-20260916" ===== */

/* OUR STRENGTH — six-topic readability boost */
#support .sup-k{
  color:#FF6AA9!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.17em!important;
}
#support .sup-t{
  color:#FFFFFF!important;
  font-size:clamp(27px,2.25vw,33px)!important;
  font-weight:550!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
}
#support .sup-l li{
  color:rgba(245,242,245,.88)!important;
  font-size:15.5px!important;
  font-weight:400!important;
  line-height:1.82!important;
  letter-spacing:-.006em!important;
}
#support .sup-i{
  border-top-color:rgba(255,255,255,.17)!important;
}
@media(max-width:760px){
  #support .sup-k{font-size:10.5px!important;letter-spacing:.18em!important;}
  #support .sup-t{font-size:26px!important;line-height:1.25!important;}
  #support .sup-l li{font-size:14.5px!important;line-height:1.78!important;}
}


/* ===== 28 : id="global-polish-20260916" ===== */

/* ===== Global polish: keep mood, improve readability & section consistency ===== */
:root{
  --muted:#dfdade!important;
  --dim:#b7b0b8!important;
  --line-soft:rgba(255,255,255,.11)!important;
}

body{
  text-rendering:optimizeLegibility;
  letter-spacing:-.002em;
}

.hero h1{
  line-height:1.28!important;
}
.hero-sub,
.sec-note,
.note,
.note.dim,
.c-side p,
.c-list li,
.f-note,
.result pre{
  color:rgba(238,234,238,.88)!important;
  font-size:15.8px!important;
  line-height:1.92!important;
  font-weight:400!important;
  letter-spacing:-.006em!important;
}
.note.dim{
  font-size:14px!important;
  color:rgba(214,208,214,.78)!important;
}
.eyebrow, .proc-n, .sup-k, .card-n, .kpi-k, .fx-k, .disc-n{
  color:#ff6aa9!important;
}

h2{
  line-height:1.28!important;
  letter-spacing:-.03em!important;
}

/* unified panel rhythm */
.card,.g,.kpi,.tbox,.fx{
  background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.018))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.card-t,.g-t,.kpi-t,.tbox-t,.fx-t,.disc-t,.proc-t{
  color:#fff!important;
  font-weight:540!important;
  letter-spacing:-.02em!important;
}
.card-d,.g-d,.kpi-d,.tbox-d,.fx-d,.disc-d,.proc-d,.fn-d{
  color:rgba(236,232,236,.84)!important;
  font-size:15px!important;
  line-height:1.8!important;
  font-weight:400!important;
}

/* profit section */
#profit .formula{
  gap:18px!important;
}
#profit .fx{
  padding:26px 22px 24px!important;
  border-radius:4px!important;
}
#profit .fx-t{
  font-size:20px!important;
}

/* support section */
#support .sup{
  gap:18px!important;
  align-items:stretch!important;
}
#support .sup-i{
  padding:28px 28px 30px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:4px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
#support .sup-t{
  margin-top:14px!important;
}
#support .sup-l{
  margin-top:18px!important;
}
#support .sup-l li{
  padding:7px 0 7px 16px!important;
}

/* roadmap section */
#roadmap .proc{
  gap:18px!important;
  margin-top:22px!important;
}
#roadmap .proc-i{
  padding:28px 26px 30px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
#roadmap .proc-t{
  font-size:20px!important;
  line-height:1.38!important;
}
#roadmap .proc-d{
  font-size:15px!important;
}
#roadmap .track{
  margin-top:6px!important;
  margin-bottom:18px!important;
}

/* quote & contact */
.brand-quote p{
  line-height:1.38!important;
}
.cwrap{
  border-color:rgba(255,255,255,.12)!important;
}
label{
  color:rgba(220,214,220,.82)!important;
}
input,select,textarea{
  font-size:16px!important;
  border-bottom-color:rgba(255,255,255,.2)!important;
}
input::placeholder,textarea::placeholder{
  color:rgba(181,173,181,.7)!important;
}

/* mobile refinement */
@media(max-width:760px){
  .hero-sub,.sec-note,.note,.c-side p,.c-list li,.result pre{
    font-size:15px!important;
    line-height:1.84!important;
  }
  #support .sup,
  #roadmap .proc,
  #profit .formula{
    gap:14px!important;
  }
  #support .sup-i,
  #roadmap .proc-i,
  #profit .fx{
    padding:24px 22px 25px!important;
  }
  #support .sup-t{font-size:25px!important;}
  #roadmap .proc-t{font-size:18px!important;}
}


/* ===== 29 : id="premium-readability-v2-20260916" ===== */

/* ===== PICK ME — premium refinement / readability v2 ===== */
:root{
  --muted:#e2dde1!important;
  --dim:#bcb5bc!important;
  --line:rgba(255,255,255,.22)!important;
  --line-soft:rgba(255,255,255,.105)!important;
}
body{
  background:
    radial-gradient(circle at 82% 5%,rgba(229,0,109,.09),transparent 26%),
    #070709!important;
}
section{isolation:isolate}
.wrap{max-width:1320px}

/* typography: premium = larger contrast, quieter decoration */
h2{font-weight:300!important;letter-spacing:-.038em!important;line-height:1.24!important}
h2 em{color:#ff67a9!important}
.eyebrow{font-size:11.5px!important;letter-spacing:.23em!important;color:#ff69aa!important}
.sec-note,.hero-sub,.note,.c-side p{
  color:rgba(239,235,239,.87)!important;
  font-weight:400!important;
}

/* premium surfaces */
.card,.g,.kpi,.tbox,.fx,#support .sup-i,#roadmap .proc-i{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 22px 55px rgba(0,0,0,.22)!important;
}
.card:hover,.g:hover,#roadmap .proc-i:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 28px 70px rgba(0,0,0,.28)!important;
}

/* support: retain current layout, sharpen the reading hierarchy */
#support .sup-k{color:#ff73b1!important;font-weight:600!important;opacity:.96!important}
#support .sup-t{color:#fff!important;font-weight:520!important;text-shadow:0 1px 12px rgba(0,0,0,.24)}
#support .sup-l li{color:rgba(247,244,247,.90)!important;font-weight:400!important}
#support .sup-l li::before{background:#ff69aa!important;width:6px!important}

/* ===== PARTNERSHIP roadmap: readability first, premium finish ===== */
#roadmap{
  padding-block:126px 136px!important;
  background:
    radial-gradient(circle at 84% 15%,rgba(229,0,109,.075),transparent 27%),
    radial-gradient(circle at 15% 88%,rgba(255,255,255,.025),transparent 24%),
    linear-gradient(180deg,#08080a 0%,#0b0a0d 100%)!important;
}
#roadmap::before{
  color:rgba(255,255,255,.012)!important;
  font-weight:200!important;
}
#roadmap .sec-head{
  margin-bottom:68px!important;
  padding-bottom:36px!important;
  border-bottom-color:rgba(255,255,255,.13)!important;
}
#roadmap .sec-note{
  color:rgba(239,235,239,.88)!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:400!important;
  border-left-color:rgba(255,103,169,.72)!important;
}
#roadmap .track{
  height:1px!important;
  margin:0 0 22px!important;
  background:rgba(255,255,255,.09)!important;
}
#roadmap .track i{
  background:linear-gradient(90deg,#ff5fa5,rgba(255,95,165,.20))!important;
}
#roadmap .proc{gap:16px!important}
#roadmap .proc-i{
  position:relative!important;
  border-color:rgba(255,255,255,.14)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.013) 64%),
    rgba(12,11,14,.72)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
#roadmap .proc-i:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,103,169,.34)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(229,0,109,.028) 70%),
    rgba(12,11,14,.78)!important;
}
#roadmap .proc-n{
  position:relative!important;
  z-index:3!important;
  color:#ff73b1!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.20em!important;
  text-shadow:0 1px 14px rgba(0,0,0,.35)!important;
}
#roadmap .proc-t{
  position:relative!important;
  z-index:3!important;
  color:#fff!important;
  font-weight:520!important;
  letter-spacing:-.03em!important;
  line-height:1.36!important;
  text-shadow:0 1px 18px rgba(0,0,0,.32)!important;
}
#roadmap .proc-d{
  position:relative!important;
  z-index:3!important;
  color:rgba(244,240,244,.84)!important;
  font-size:15px!important;
  line-height:1.78!important;
  font-weight:400!important;
  letter-spacing:-.006em!important;
  text-shadow:0 1px 12px rgba(0,0,0,.30)!important;
}
#roadmap .proc-i:nth-child(1) .proc-d{font-size:15.5px!important;color:rgba(246,242,246,.88)!important}
#roadmap .proc-i:nth-child(4) .proc-d{border-left-color:rgba(255,255,255,.16)!important}

/* watermark numerals no longer compete with copy */
#roadmap .proc-i::before{
  z-index:1!important;
  color:rgba(255,255,255,.018)!important;
  font-weight:200!important;
  filter:blur(.15px)!important;
}
#roadmap .proc-i:nth-child(1)::before{color:rgba(255,255,255,.016)!important}
#roadmap .proc-i::after{opacity:.58!important;z-index:0!important}

/* subtle premium accent on cards */
#roadmap .proc-i > *{position:relative;z-index:3}
#roadmap .proc-i:nth-child(1){border-color:rgba(255,255,255,.17)!important}
#roadmap .proc-i:nth-child(1)::after{
  background:rgba(229,0,109,.085)!important;
  filter:blur(74px)!important;
}

/* CTA/contact polish */
#contact .cwrap{
  background:
    linear-gradient(135deg,rgba(229,0,109,.075),transparent 38%),
    rgba(255,255,255,.012)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 3px 0 0 rgba(229,0,109,.88),0 30px 80px rgba(0,0,0,.23)!important;
}
#contact label{color:rgba(226,220,226,.80)!important}
#contact input,#contact select,#contact textarea{color:#fff!important}
#contact .f-actions{margin-top:12px!important}

/* footer quieter, more luxurious */
footer{border-top-color:rgba(255,255,255,.08)!important}
.ft-r,.ft-l small{color:rgba(196,188,196,.72)!important}

@media(max-width:900px){
  #roadmap .proc-d{font-size:14.8px!important}
  #roadmap .proc-t{font-size:22px!important}
}
@media(max-width:600px){
  #roadmap{padding-block:86px 94px!important}
  #roadmap .sec-head{margin-bottom:44px!important}
  #roadmap .proc-i,#roadmap .proc-i:nth-child(1),#roadmap .proc-i:nth-child(4){padding:28px 24px!important}
  #roadmap .proc-n{font-size:10.5px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(1) .proc-t{font-size:21px!important;line-height:1.38!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(1) .proc-d{font-size:14.7px!important;line-height:1.75!important}
}


/* ===== 30 : id="roadmap-fix-20260916" ===== */

/* ===== Roadmap complete rebuild: premium + readable + no overlap ===== */
#roadmap{padding-top:98px!important;padding-bottom:110px!important;overflow:hidden!important}
#roadmap .sec-head{margin-bottom:54px!important}
#roadmap .track{display:none!important}
#roadmap::before{opacity:.16!important}
#roadmap .proc{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:34px 84px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:18px auto 0!important;
  padding:12px 10px!important;
  border:0!important;
  background:none!important;
}
#roadmap .proc::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:6px!important;
  bottom:6px!important;
  width:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,79,155,.58),rgba(255,255,255,.08))!important;
  box-shadow:0 0 0 1px rgba(255,79,155,.06), 0 0 24px rgba(229,0,109,.12)!important;
}
#roadmap .proc-i,#roadmap .proc-i:nth-child(n){
  position:relative!important;
  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:min(100%,470px)!important;
  min-height:auto!important;
  margin:0!important;
  padding:30px 34px 32px!important;
  align-self:start!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(20,20,24,.92),rgba(10,10,14,.92))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;
  overflow:visible!important;
  transform:none!important;
}
#roadmap .proc-i:nth-child(odd){grid-column:1!important;justify-self:end!important}
#roadmap .proc-i:nth-child(even){grid-column:2!important;justify-self:start!important}

/* cancel previous decorative blobs / giant numerals */
#roadmap .proc-i::before,
#roadmap .proc-i::after,
#roadmap .proc-i:nth-child(n)::before,
#roadmap .proc-i:nth-child(n)::after{content:""!important}

/* connector line from card to center */
#roadmap .proc-i:nth-child(odd)::before{
  position:absolute!important;
  right:-42px!important;left:auto!important;top:50%!important;bottom:auto!important;
  width:42px!important;height:1px!important;transform:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,79,155,.68))!important;
  box-shadow:none!important;border-radius:0!important;filter:none!important;
}
#roadmap .proc-i:nth-child(even)::before{
  position:absolute!important;
  left:-42px!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:42px!important;height:1px!important;transform:none!important;
  background:linear-gradient(90deg,rgba(255,79,155,.68),rgba(255,255,255,.12))!important;
  box-shadow:none!important;border-radius:0!important;filter:none!important;
}
/* center node */
#roadmap .proc-i:nth-child(odd)::after{
  position:absolute!important;
  right:-52px!important;left:auto!important;top:calc(50% - 9px)!important;bottom:auto!important;
  width:18px!important;height:18px!important;border-radius:999px!important;
  background:rgba(7,7,10,.96)!important;border:3px solid #ff4f9b!important;
  box-shadow:0 0 0 3px rgba(229,0,109,.12), 0 0 18px rgba(229,0,109,.28)!important;filter:none!important;
}
#roadmap .proc-i:nth-child(even)::after{
  position:absolute!important;
  left:-52px!important;right:auto!important;top:calc(50% - 9px)!important;bottom:auto!important;
  width:18px!important;height:18px!important;border-radius:999px!important;
  background:rgba(7,7,10,.96)!important;border:3px solid #ff4f9b!important;
  box-shadow:0 0 0 3px rgba(229,0,109,.12), 0 0 18px rgba(229,0,109,.28)!important;filter:none!important;
}

#roadmap .proc-n,
#roadmap .proc-i:nth-child(n) .proc-n{
  position:static!important;
  display:block!important;
  margin:0 0 16px!important;
  padding:0!important;
  font-family:'Inter','Noto Sans KR',sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.20em!important;
  font-weight:600!important;
  color:#ff6cab!important;
  text-transform:uppercase!important;
}
#roadmap .proc-t,
#roadmap .proc-i:nth-child(n) .proc-t{
  position:static!important;
  margin:0!important;
  max-width:none!important;
  font-size:clamp(28px,2vw,32px)!important;
  line-height:1.26!important;
  letter-spacing:-.035em!important;
  font-weight:560!important;
  color:#fff!important;
}
#roadmap .proc-d,
#roadmap .proc-i:nth-child(n) .proc-d{
  position:static!important;
  display:block!important;
  max-width:none!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:15.4px!important;
  line-height:1.72!important;
  font-weight:400!important;
  color:rgba(235,231,235,.84)!important;
}

/* slightly richer hover without motion mess */
#roadmap .proc-i:hover{
  border-color:rgba(255,105,173,.28)!important;
  background:linear-gradient(180deg,rgba(23,23,28,.96),rgba(11,11,15,.96))!important;
  transform:translateY(-2px)!important;
}

/* small screens */
@media(max-width:980px){
  #roadmap .proc{gap:24px 54px!important}
  #roadmap .proc-i,#roadmap .proc-i:nth-child(n){width:min(100%,420px)!important;padding:28px 28px 30px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{font-size:26px!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{font-size:14.8px!important}
}
@media(max-width:760px){
  #roadmap{padding-top:82px!important;padding-bottom:92px!important}
  #roadmap .proc{grid-template-columns:1fr!important;gap:18px!important;padding:10px 0 0 26px!important}
  #roadmap .proc::before{left:8px!important;transform:none!important}
  #roadmap .proc-i,#roadmap .proc-i:nth-child(n){grid-column:auto!important;justify-self:stretch!important;width:100%!important;max-width:none!important}
  #roadmap .proc-i::before,#roadmap .proc-i:nth-child(n)::before{left:-18px!important;right:auto!important;width:18px!important;background:linear-gradient(90deg,rgba(255,79,155,.72),rgba(255,255,255,.14))!important}
  #roadmap .proc-i::after,#roadmap .proc-i:nth-child(n)::after{left:-27px!important;right:auto!important;top:calc(50% - 8px)!important;width:16px!important;height:16px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{font-size:23px!important;line-height:1.3!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{font-size:14.6px!important;line-height:1.68!important}
}


/* ===== 31 : id="roadmap-zigzag-restore-20260916" ===== */

/* ===== Restore original zigzag roadmap layout while keeping text readable ===== */
#roadmap{overflow:hidden!important}
#roadmap .track{display:none!important}
#roadmap .sec-head{margin-bottom:52px!important}
#roadmap .proc{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:40px 84px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:22px auto 0!important;
  padding:12px 0!important;
  background:none!important;
  border:0!important;
}
#roadmap .proc::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  bottom:8px!important;
  width:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,79,155,.62),rgba(255,255,255,.08))!important;
  box-shadow:0 0 22px rgba(229,0,109,.12)!important;
}
#roadmap .proc-i,
#roadmap .proc-i:nth-child(n){
  position:relative!important;
  display:block!important;
  grid-row:auto!important;
  grid-column:auto!important;
  justify-self:stretch!important;
  align-self:start!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:28px 32px 30px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(18,18,22,.94),rgba(10,10,14,.94))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
  overflow:visible!important;
  transform:none!important;
}
#roadmap .proc-i:nth-child(odd){
  grid-column:1!important;
  margin-right:42px!important;
}
#roadmap .proc-i:nth-child(even){
  grid-column:2!important;
  margin-left:42px!important;
}

/* wipe broken decorative overrides */
#roadmap .proc-i:nth-child(n)::before,
#roadmap .proc-i:nth-child(n)::after{
  content:""!important;
  position:absolute!important;
  transform:none!important;
  filter:none!important;
}

/* connector + center node */
#roadmap .proc-i:nth-child(odd)::before{
  right:-42px!important;
  left:auto!important;
  top:50%!important;
  width:42px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,79,155,.74))!important;
}
#roadmap .proc-i:nth-child(even)::before{
  left:-42px!important;
  right:auto!important;
  top:50%!important;
  width:42px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,79,155,.74),rgba(255,255,255,.12))!important;
}
#roadmap .proc-i:nth-child(odd)::after{
  right:-52px!important;
  left:auto!important;
  top:calc(50% - 9px)!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#09090c!important;
  border:3px solid #ff4f9b!important;
  box-shadow:0 0 0 3px rgba(229,0,109,.12),0 0 18px rgba(229,0,109,.28)!important;
}
#roadmap .proc-i:nth-child(even)::after{
  left:-52px!important;
  right:auto!important;
  top:calc(50% - 9px)!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#09090c!important;
  border:3px solid #ff4f9b!important;
  box-shadow:0 0 0 3px rgba(229,0,109,.12),0 0 18px rgba(229,0,109,.28)!important;
}

#roadmap .proc-n,
#roadmap .proc-i:nth-child(n) .proc-n{
  position:static!important;
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.2em!important;
  color:#ff6cab!important;
  text-transform:uppercase!important;
}
#roadmap .proc-t,
#roadmap .proc-i:nth-child(n) .proc-t{
  position:static!important;
  margin:0!important;
  font-size:31px!important;
  line-height:1.24!important;
  font-weight:560!important;
  letter-spacing:-.034em!important;
  color:#fff!important;
  max-width:none!important;
}
#roadmap .proc-d,
#roadmap .proc-i:nth-child(n) .proc-d{
  position:static!important;
  display:block!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:15.4px!important;
  line-height:1.72!important;
  font-weight:400!important;
  color:rgba(235,231,235,.84)!important;
  max-width:none!important;
}
#roadmap .proc-i:hover{
  border-color:rgba(255,105,173,.3)!important;
  background:linear-gradient(180deg,rgba(23,23,28,.96),rgba(11,11,15,.96))!important;
  transform:translateY(-2px)!important;
}

@media(max-width:980px){
  #roadmap .proc{gap:24px 56px!important}
  #roadmap .proc-i:nth-child(odd){margin-right:30px!important}
  #roadmap .proc-i:nth-child(even){margin-left:30px!important}
  #roadmap .proc-i,#roadmap .proc-i:nth-child(n){padding:26px 26px 28px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{font-size:26px!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{font-size:14.8px!important}
}
@media(max-width:760px){
  #roadmap .proc{grid-template-columns:1fr!important;gap:18px!important;padding:10px 0 0 26px!important}
  #roadmap .proc::before{left:8px!important;transform:none!important}
  #roadmap .proc-i:nth-child(odd),#roadmap .proc-i:nth-child(even){grid-column:auto!important;margin:0!important}
  #roadmap .proc-i::before,#roadmap .proc-i:nth-child(n)::before{left:-18px!important;right:auto!important;width:18px!important;background:linear-gradient(90deg,rgba(255,79,155,.74),rgba(255,255,255,.12))!important}
  #roadmap .proc-i::after,#roadmap .proc-i:nth-child(n)::after{left:-27px!important;right:auto!important;top:calc(50% - 8px)!important;width:16px!important;height:16px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{font-size:23px!important;line-height:1.3!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{font-size:14.6px!important;line-height:1.68!important}
}


/* ===== 32 : id="roadmap-zigzag-exact-20260916" ===== */

/* ===== Exact zigzag restoration: one card per row alternating left/right ===== */
#roadmap .proc{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:28px 92px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:18px auto 0!important;
  padding:10px 0 8px!important;
  background:none!important;
  border:0!important;
}
#roadmap .proc::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  bottom:0!important;
  width:2px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,79,155,.72),rgba(255,255,255,.12))!important;
  box-shadow:0 0 18px rgba(229,0,109,.14)!important;
}

#roadmap .proc-i,#roadmap .proc-i:nth-child(n){
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:440px!important;
  min-height:0!important;
  margin:0!important;
  padding:26px 30px 28px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(18,18,22,.94),rgba(10,10,14,.94))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
  overflow:visible!important;
  transform:none!important;
  justify-self:stretch!important;
  align-self:start!important;
}

/* one row per card */
#roadmap .proc-i:nth-child(1){grid-column:1!important;grid-row:1!important;justify-self:end!important}
#roadmap .proc-i:nth-child(2){grid-column:2!important;grid-row:2!important;justify-self:start!important}
#roadmap .proc-i:nth-child(3){grid-column:1!important;grid-row:3!important;justify-self:end!important}
#roadmap .proc-i:nth-child(4){grid-column:2!important;grid-row:4!important;justify-self:start!important}
#roadmap .proc-i:nth-child(5){grid-column:1!important;grid-row:5!important;justify-self:end!important}
#roadmap .proc-i:nth-child(6){grid-column:2!important;grid-row:6!important;justify-self:start!important}
#roadmap .proc-i:nth-child(7){grid-column:1!important;grid-row:7!important;justify-self:end!important}
#roadmap .proc-i:nth-child(8){grid-column:2!important;grid-row:8!important;justify-self:start!important}

/* cancel old decorative junk */
#roadmap .proc-i:nth-child(n)::before,
#roadmap .proc-i:nth-child(n)::after{content:""!important;position:absolute!important;transform:none!important;filter:none!important}

/* connector stems */
#roadmap .proc-i:nth-child(odd)::before{
  right:-46px!important;
  left:auto!important;
  top:50%!important;
  width:46px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,79,155,.78))!important;
}
#roadmap .proc-i:nth-child(even)::before{
  left:-46px!important;
  right:auto!important;
  top:50%!important;
  width:46px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,79,155,.78),rgba(255,255,255,.14))!important;
}
/* center dots */
#roadmap .proc-i:nth-child(odd)::after{
  right:-57px!important;
  left:auto!important;
  top:calc(50% - 10px)!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#09090c!important;
  border:3px solid #ff4f9b!important;
  box-shadow:0 0 0 3px rgba(229,0,109,.12),0 0 18px rgba(229,0,109,.28)!important;
}
#roadmap .proc-i:nth-child(even)::after{
  left:-57px!important;
  right:auto!important;
  top:calc(50% - 10px)!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#09090c!important;
  border:3px solid #ff4f9b!important;
  box-shadow:0 0 0 3px rgba(229,0,109,.12),0 0 18px rgba(229,0,109,.28)!important;
}

#roadmap .proc-n,#roadmap .proc-i:nth-child(n) .proc-n{
  position:static!important;
  display:block!important;
  margin:0 0 12px!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.20em!important;
  color:#ff6cab!important;
  text-transform:uppercase!important;
}
#roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{
  position:static!important;
  margin:0!important;
  font-size:30px!important;
  line-height:1.24!important;
  font-weight:560!important;
  letter-spacing:-.034em!important;
  color:#fff!important;
  max-width:none!important;
}
#roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{
  position:static!important;
  display:block!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:15.2px!important;
  line-height:1.72!important;
  font-weight:400!important;
  color:rgba(235,231,235,.84)!important;
  max-width:none!important;
}

@media(max-width:980px){
  #roadmap .proc{gap:22px 62px!important}
  #roadmap .proc-i,#roadmap .proc-i:nth-child(n){max-width:380px!important;padding:24px 24px 26px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{font-size:25px!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{font-size:14.6px!important}
}
@media(max-width:760px){
  #roadmap .proc{grid-template-columns:1fr!important;gap:18px!important;padding:10px 0 0 26px!important}
  #roadmap .proc::before{left:8px!important;transform:none!important}
  #roadmap .proc-i:nth-child(n){grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;max-width:none!important}
  #roadmap .proc-i::before,#roadmap .proc-i:nth-child(n)::before{left:-18px!important;right:auto!important;top:50%!important;width:18px!important;background:linear-gradient(90deg,rgba(255,79,155,.78),rgba(255,255,255,.14))!important}
  #roadmap .proc-i::after,#roadmap .proc-i:nth-child(n)::after{left:-27px!important;right:auto!important;top:calc(50% - 8px)!important;width:16px!important;height:16px!important}
  #roadmap .proc-t,#roadmap .proc-i:nth-child(n) .proc-t{font-size:22px!important;line-height:1.3!important}
  #roadmap .proc-d,#roadmap .proc-i:nth-child(n) .proc-d{font-size:14.4px!important;line-height:1.68!important}
}


/* ===== 33 : id="roadmap-node-fill-20260916" ===== */

/* Fill roadmap nodes so the center axis feels solid again */
#roadmap .proc-i:nth-child(odd)::after,
#roadmap .proc-i:nth-child(even)::after{
  background:radial-gradient(circle at 50% 50%, #ff77b4 0 26%, #ff4f9b 27% 62%, rgba(9,9,12,.96) 63% 100%)!important;
  border:2px solid #ff4f9b!important;
  box-shadow:0 0 0 2px rgba(229,0,109,.16), 0 0 16px rgba(229,0,109,.26)!important;
}
@media(max-width:760px){
  #roadmap .proc-i:nth-child(odd)::after,
  #roadmap .proc-i:nth-child(even)::after{
    background:radial-gradient(circle at 50% 50%, #ff77b4 0 24%, #ff4f9b 25% 60%, rgba(9,9,12,.96) 61% 100%)!important;
  }
}


/* ===== 34 : id="header-readability-20260916" ===== */

/* ===== Header readability upgrade ===== */
header .hd{
  height:90px!important;
}
header .brand-logo img{
  width:172px!important;
  height:auto!important;
}
header nav{
  gap:32px!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.11em!important;
  color:rgba(245,241,245,.82)!important;
}
header nav a{
  line-height:1!important;
}
header nav a:hover{
  color:#ff6aa9!important;
}
@media(max-width:980px){
  header .hd{height:84px!important}
  header .brand-logo img{width:158px!important}
  header nav{gap:24px!important;font-size:13px!important;letter-spacing:.095em!important}
}
@media(max-width:760px){
  header .hd{height:72px!important}
  header .brand-logo img{width:148px!important}
}


/* ===== 35 : id="header-readability-larger-20260916" ===== */

/* Header — one more step larger */
header .hd{
  height:96px!important;
}
header .brand-logo img{
  width:194px!important;
  height:auto!important;
}
header nav{
  gap:38px!important;
  font-size:15.5px!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
  color:rgba(248,244,248,.88)!important;
}
header nav a{
  line-height:1!important;
}
@media(max-width:980px){
  header .hd{height:88px!important}
  header .brand-logo img{width:174px!important}
  header nav{
    gap:27px!important;
    font-size:14px!important;
    letter-spacing:.09em!important;
  }
}
@media(max-width:760px){
  header .hd{height:76px!important}
  header .brand-logo img{width:158px!important}
}


/* ===== 36 : id="header-logo-branch-final-20260916" ===== */

/* Header logo visibility + branch guide */
header .hd{
  height:108px!important;
  gap:28px!important;
}
header .brand-logo{
  flex:0 0 auto!important;
}
header .brand-logo img{
  width:245px!important;
  height:auto!important;
}
header nav{
  gap:38px!important;
  font-size:16.5px!important;
  font-weight:600!important;
  letter-spacing:.095em!important;
  color:rgba(248,244,248,.9)!important;
}
header nav a{
  white-space:nowrap!important;
}
.header-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
.branch-menu{
  position:relative!important;
}
.branch-trigger{
  min-width:118px!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.branch-chevron{
  display:inline-block!important;
  font-size:15px!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
  transition:transform .25s ease!important;
}
.branch-menu:hover .branch-chevron,
.branch-menu:focus-within .branch-chevron{
  transform:translateY(-1px) rotate(180deg)!important;
}
.branch-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  width:230px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:8px!important;
  background:rgba(12,12,15,.96)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.36)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-6px)!important;
  transition:opacity .22s ease,transform .22s ease,visibility .22s!important;
  z-index:120!important;
}
.branch-menu:hover .branch-dropdown,
.branch-menu:focus-within .branch-dropdown,
.branch-menu.open .branch-dropdown{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.branch-dropdown a{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 14px!important;
  border-radius:6px!important;
  color:#fff!important;
  transition:background .2s ease!important;
}
.branch-dropdown a:hover{
  background:rgba(255,79,155,.09)!important;
}
.branch-dot{
  width:8px!important;
  height:8px!important;
  flex:none!important;
  border-radius:999px!important;
  background:#ff4f9b!important;
  box-shadow:0 0 14px rgba(255,79,155,.38)!important;
}
.branch-dropdown b{
  display:block!important;
  font-size:14.5px!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}
.branch-dropdown small{
  display:block!important;
  margin-top:3px!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
  color:rgba(226,218,226,.52)!important;
}
@media(max-width:1120px){
  header .brand-logo img{width:220px!important}
  header nav{gap:24px!important;font-size:14.5px!important}
  .header-actions{gap:8px!important}
  .header-actions .btn{padding-inline:18px!important}
}
@media(max-width:900px){
  header .brand-logo img{width:205px!important}
  header nav{font-size:13.5px!important;gap:18px!important}
}
@media(max-width:760px){
  header .hd{height:86px!important}
  header .brand-logo img{width:185px!important}
  .header-actions .btn.fill{display:none!important}
  .branch-trigger{min-width:auto!important;padding:10px 15px!important}
  .branch-dropdown{right:0!important;width:210px!important}
}


/* ===== 37 : id="branch-click-only-polish-20260916" ===== */

/* Header action buttons — unified */
.header-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.header-action-btn{
  min-height:44px!important;
  padding:12px 21px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
}
.header-action-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  font-size:13px!important;
  line-height:1!important;
  transform:translateY(-.5px)!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1)!important;
}
.header-action-btn:hover .header-action-icon{
  transform:translate(2px,-2px)!important;
}

/* Branch dropdown — click only */
.branch-menu{
  position:relative!important;
}
.branch-menu:hover .branch-dropdown,
.branch-menu:focus-within .branch-dropdown{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-8px) scale(.985)!important;
}
.branch-menu.open .branch-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.branch-dropdown{
  top:calc(100% + 14px)!important;
  transform-origin:top right!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-8px) scale(.985)!important;
  transition:
    opacity .24s ease,
    transform .34s cubic-bezier(.22,1,.36,1),
    visibility 0s linear .34s!important;
}
.branch-menu.open .branch-dropdown{
  transition:
    opacity .22s ease,
    transform .36s cubic-bezier(.22,1,.36,1),
    visibility 0s linear 0s!important;
}

/* Rotate icon subtly when open */
.branch-menu.open .branch-chevron{
  transform:rotate(45deg)!important;
}
.branch-menu.open .branch-trigger:hover .branch-chevron{
  transform:rotate(45deg)!important;
}

@media(max-width:1120px){
  .header-action-btn{
    padding:11px 17px!important;
    font-size:12px!important;
  }
}
@media(max-width:760px){
  .header-action-btn{
    padding:10px 14px!important;
    min-height:40px!important;
  }
}


/* ===== 38 : id="branch-premium-panel-20260916" ===== */

/* Remove arrow/icon treatment completely */
.header-action-icon,
.branch-chevron{
  display:none!important;
}
.header-action-btn{
  gap:0!important;
}

/* Premium branch popover */
.branch-dropdown.branch-panel{
  width:336px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(229,0,109,.14),transparent 34%),
    linear-gradient(160deg,rgba(19,19,23,.985),rgba(8,8,11,.985))!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.branch-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 38%)!important;
}
.branch-panel-head{
  position:relative!important;
  z-index:1!important;
  padding:25px 26px 20px!important;
}
.branch-panel-eyebrow{
  display:block!important;
  margin-bottom:12px!important;
  font-family:'Inter',sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  color:#ff6cab!important;
}
.branch-panel-head strong{
  display:block!important;
  font-size:21px!important;
  line-height:1.25!important;
  letter-spacing:-.03em!important;
  font-weight:560!important;
  color:#fff!important;
}
.branch-panel-head p{
  margin-top:7px!important;
  font-size:12.5px!important;
  line-height:1.65!important;
  letter-spacing:-.01em!important;
  color:rgba(224,218,224,.62)!important;
}
.branch-panel-line{
  height:1px!important;
  margin:0 26px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,79,155,.22),transparent)!important;
}
.branch-card{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:14px!important;
  padding:20px 20px 18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;
  color:#fff!important;
  transition:
    transform .32s cubic-bezier(.22,1,.36,1),
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease!important;
}
.branch-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,79,155,.30)!important;
  background:
    linear-gradient(145deg,rgba(255,79,155,.075),rgba(255,255,255,.018))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
}
.branch-card-top{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:22px!important;
}
.branch-card-mark{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:#ff4f9b!important;
  box-shadow:0 0 0 3px rgba(255,79,155,.10),0 0 12px rgba(255,79,155,.34)!important;
}
.branch-card-label{
  font-family:'Inter',sans-serif!important;
  font-size:9.5px!important;
  font-weight:600!important;
  letter-spacing:.19em!important;
  color:rgba(255,163,202,.90)!important;
}
.branch-card-copy b{
  display:block!important;
  font-size:22px!important;
  line-height:1.25!important;
  letter-spacing:-.035em!important;
  font-weight:580!important;
  color:#fff!important;
}
.branch-card-copy small{
  display:block!important;
  margin-top:7px!important;
  font-family:'Inter',sans-serif!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  letter-spacing:.14em!important;
  color:rgba(220,213,220,.50)!important;
}
.branch-card-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-top:22px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.branch-card-foot>span:first-child{
  font-size:12px!important;
  font-weight:500!important;
  color:rgba(240,236,240,.78)!important;
}
.branch-card-enter{
  font-family:'Inter',sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
  color:#ff70ad!important;
}

/* opening feels softer and more premium */
.branch-dropdown{
  transform:translateY(-9px) scale(.975)!important;
  filter:blur(2px)!important;
  transition:
    opacity .22s ease,
    transform .38s cubic-bezier(.22,1,.36,1),
    filter .26s ease,
    visibility 0s linear .38s!important;
}
.branch-menu.open .branch-dropdown{
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
  transition:
    opacity .22s ease,
    transform .40s cubic-bezier(.22,1,.36,1),
    filter .24s ease,
    visibility 0s linear 0s!important;
}

/* Keep click-only opening despite legacy hover rules */
.branch-menu:hover .branch-dropdown,
.branch-menu:focus-within .branch-dropdown{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.branch-menu.open .branch-dropdown,
.branch-menu.open:hover .branch-dropdown,
.branch-menu.open:focus-within .branch-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

@media(max-width:760px){
  .branch-dropdown.branch-panel{
    width:min(320px,calc(100vw - 30px))!important;
    right:0!important;
  }
  .branch-panel-head{padding:22px 22px 18px!important}
  .branch-panel-line{margin-inline:22px!important}
  .branch-card{margin:12px!important;padding:18px!important}
}


/* ===== 39 : id="key-copy-readability-20260916" ===== */

/* ===== Key copy readability boost ===== */

/* Hero description */
.hero-sub{
  font-size:17px!important;
  line-height:2!important;
  font-weight:400!important;
  letter-spacing:-.012em!important;
  color:rgba(244,240,244,.88)!important;
  max-width:760px!important;
}

/* Four promise descriptions */
.promise .pi-d{
  font-size:16.3px!important;
  line-height:1.82!important;
  font-weight:400!important;
  letter-spacing:-.012em!important;
  color:rgba(238,233,238,.84)!important;
  margin-top:12px!important;
}

/* WHY PICK ME / OUR STRENGTH explanatory copy */
#profit .sec-note,
#support .sec-note{
  font-size:17px!important;
  line-height:1.92!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
  color:rgba(242,238,242,.88)!important;
  max-width:470px!important;
}

/* Give Korean copy a little more breathing room */
#profit .sec-head,
#support .sec-head{
  column-gap:54px!important;
}

/* Desktop: keep promise text from feeling cramped */
.promise .pi{
  padding-top:54px!important;
  padding-bottom:54px!important;
}

/* Tablet */
@media(max-width:1080px){
  .hero-sub{
    font-size:16.3px!important;
    line-height:1.94!important;
  }
  .promise .pi-d{
    font-size:15.8px!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:16.2px!important;
    line-height:1.88!important;
  }
}

/* Mobile */
@media(max-width:760px){
  .hero-sub{
    font-size:15.7px!important;
    line-height:1.9!important;
  }
  .promise .pi-d{
    font-size:15.2px!important;
    line-height:1.78!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:15.5px!important;
    line-height:1.82!important;
    max-width:none!important;
  }
  .promise .pi{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}


/* ===== 40 : id="copy-layout-polish-20260916" ===== */

/* ===== Bigger type overall + cleaner line breaks ===== */

/* Global section copy scale up */
.hero-sub{
  font-size:18px!important;
  line-height:2.02!important;
  max-width:790px!important;
}
.promise .pi-d{
  font-size:17px!important;
  line-height:1.86!important;
}
#profit .sec-note,
#support .sec-note{
  font-size:18px!important;
  line-height:1.9!important;
  letter-spacing:-.016em!important;
}
#profit h2,
#support h2{
  font-size:clamp(52px,5vw,74px)!important;
  line-height:1.16!important;
  letter-spacing:-.04em!important;
}
#profit .eyebrow,
#support .eyebrow{
  font-size:12px!important;
}
#support .sup-t{
  font-size:clamp(29px,2.3vw,35px)!important;
}
#support .sup-l li{
  font-size:16px!important;
  line-height:1.82!important;
}

/* Screenshot 1: keep this as one clean line on desktop */
#profit .sec-note.profit-note-one-line{
  max-width:none!important;
  white-space:nowrap!important;
}

/* Screenshot 2: make this intentionally two-line and balanced */
#support .sec-note.support-note-two-line{
  max-width:640px!important;
}
#support .sec-note.support-note-two-line span{
  display:block!important;
}
#support .sec-note.support-note-two-line span + span{
  margin-top:2px!important;
}

/* Slightly more room between heading and copy */
#profit .sec-head,
#support .sec-head{
  column-gap:60px!important;
}

/* Responsive */
@media(max-width:1180px){
  #profit h2,
  #support h2{
    font-size:clamp(46px,4.8vw,66px)!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:17px!important;
  }
  .hero-sub{
    font-size:17px!important;
  }
}
@media(max-width:900px){
  #profit .sec-note.profit-note-one-line{
    white-space:normal!important;
  }
  #profit h2,
  #support h2{
    font-size:clamp(40px,7vw,56px)!important;
  }
  .hero-sub{
    font-size:16.4px!important;
    line-height:1.92!important;
  }
  .promise .pi-d{
    font-size:15.8px!important;
    line-height:1.78!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:16px!important;
    line-height:1.82!important;
  }
}
@media(max-width:760px){
  #profit .sec-head,
  #support .sec-head{
    row-gap:16px!important;
  }
  #profit h2,
  #support h2{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.18!important;
  }
  #profit .sec-note.profit-note-one-line{
    white-space:normal!important;
  }
  .hero-sub{
    font-size:15.7px!important;
    line-height:1.88!important;
  }
  .promise .pi-d{
    font-size:15.2px!important;
    line-height:1.74!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:15.6px!important;
    line-height:1.78!important;
  }
  #support .sup-t{
    font-size:27px!important;
  }
  #support .sup-l li{
    font-size:14.8px!important;
    line-height:1.72!important;
  }
}


/* ===== 41 : id="subcopy-only-correction-20260916" ===== */

/* ===== Correction: keep main headings at original size, enlarge subcopy only ===== */

/* Restore main copy / section heading sizes to the original design */
#profit h2,
#support h2{
  font-size:clamp(27px,3.4vw,44px)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
}

/* Keep only the subcopy larger and easier to read */
#profit .sec-note,
#support .sec-note{
  font-size:18px!important;
  line-height:1.9!important;
  font-weight:400!important;
  letter-spacing:-.016em!important;
  color:rgba(242,238,242,.90)!important;
}

/* WHY PICK ME subcopy: one line on desktop */
#profit .sec-note.profit-note-one-line{
  max-width:none!important;
  white-space:nowrap!important;
}

/* OUR STRENGTH subcopy: intentional two-line layout */
#support .sec-note.support-note-two-line{
  max-width:640px!important;
}
#support .sec-note.support-note-two-line span{
  display:block!important;
}
#support .sec-note.support-note-two-line span + span{
  margin-top:2px!important;
}

/* Hero main copy stays untouched; only hero subcopy gets a modest bump */
.hero-sub{
  font-size:17px!important;
  line-height:1.98!important;
  font-weight:400!important;
  color:rgba(244,240,244,.88)!important;
}

/* Four promise descriptions only */
.promise .pi-d{
  font-size:16.5px!important;
  line-height:1.84!important;
  font-weight:400!important;
  color:rgba(238,233,238,.86)!important;
}

/* Keep support card titles and main titles as before */
#support .sup-t{
  font-size:31px!important;
}

/* Responsive */
@media(max-width:900px){
  #profit h2,
  #support h2{
    font-size:clamp(27px,3.4vw,44px)!important;
    line-height:1.25!important;
  }
  #profit .sec-note.profit-note-one-line{
    white-space:normal!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:16.4px!important;
    line-height:1.84!important;
  }
  .hero-sub{
    font-size:16.2px!important;
    line-height:1.92!important;
  }
  .promise .pi-d{
    font-size:15.6px!important;
    line-height:1.78!important;
  }
}
@media(max-width:760px){
  #profit h2,
  #support h2{
    font-size:clamp(27px,3.4vw,44px)!important;
    line-height:1.25!important;
  }
  #profit .sec-note,
  #support .sec-note{
    font-size:15.7px!important;
    line-height:1.8!important;
  }
  .hero-sub{
    font-size:15.7px!important;
    line-height:1.88!important;
  }
  .promise .pi-d{
    font-size:15px!important;
    line-height:1.74!important;
  }
}


/* ===== 42 : id="hero-meta-readability-20260916" ===== */

/* Hero meta — make the four brand keywords easier to notice */
.hero-meta{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:44px!important;
  padding-top:0!important;
  border-top:0!important;
  font-size:12.5px!important;
  letter-spacing:.12em!important;
  color:rgba(255,255,255,.88)!important;
}
.hero-meta span{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.hero-meta span::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  margin-right:10px!important;
  flex:none!important;
  border-radius:999px!important;
  background:#ff4f9b!important;
  box-shadow:0 0 10px rgba(255,79,155,.26)!important;
}
@media(max-width:1080px){
  .hero-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    font-size:12px!important;
  }
}
@media(max-width:760px){
  .hero-meta{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:34px!important;
    font-size:10.8px!important;
    letter-spacing:.08em!important;
  }
  .hero-meta span{
    min-height:42px!important;
    padding:0 12px!important;
  }
  .hero-meta span::before{
    width:5px!important;
    height:5px!important;
    margin-right:8px!important;
  }
}


/* ===== 43 : id="hero-meta-original-layout-bigger-type-20260916" ===== */

/* Restore original hero-meta layout, only increase type/readability */
.hero-meta{
  display:flex!important;
  gap:30px!important;
  flex-wrap:wrap!important;
  margin-top:58px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(240,236,240,.78)!important;
}
.hero-meta span{
  display:inline!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.hero-meta span::before{
  content:none!important;
  display:none!important;
}

@media(max-width:1080px){
  .hero-meta{
    font-size:12.8px!important;
    gap:24px!important;
  }
}
@media(max-width:760px){
  .hero-meta{
    display:flex!important;
    gap:14px 18px!important;
    margin-top:38px!important;
    padding-top:20px!important;
    font-size:11.3px!important;
    letter-spacing:.11em!important;
  }
}


/* ===== 44 : id="header-button-soft-gradient-20260916" ===== */

/* Header CTA buttons — softer, more premium tone */
.header-actions{
  gap:12px!important;
}
.header-actions .header-action-btn,
.header-actions .branch-trigger,
.header-actions .btn.sm.fill{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    linear-gradient(135deg, rgba(255,73,154,.82) 0%, rgba(255,24,120,.72) 52%, rgba(198,0,88,.74) 100%)!important;
  color:#fff!important;
  box-shadow:
    0 10px 26px rgba(178,0,83,.16),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background .24s ease,
    border-color .24s ease,
    opacity .24s ease!important;
}

/* Slightly lower visual intensity */
.header-actions .header-action-btn{
  opacity:.94!important;
  padding:12px 21px!important;
}

.header-actions .header-action-btn:hover,
.header-actions .branch-trigger:hover,
.header-actions .btn.sm.fill:hover{
  transform:translateY(-1px)!important;
  opacity:1!important;
  border-color:rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg, rgba(255,90,165,.86) 0%, rgba(255,31,124,.77) 54%, rgba(205,0,91,.78) 100%)!important;
  box-shadow:
    0 14px 30px rgba(178,0,83,.18),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* Subtle separation from the nav */
.header-actions::before{
  content:""!important;
  width:1px!important;
  height:28px!important;
  margin-right:4px!important;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0))!important;
  align-self:center!important;
}

@media(max-width:760px){
  .header-actions::before{
    display:none!important;
  }
  .header-actions .header-action-btn{
    padding:10px 16px!important;
  }
}


/* ===== 45 : id="header-gradient-dropdown-refine-20260916" ===== */

/* ===== Header CTA buttons: richer gradient, still premium ===== */
.header-actions .header-action-btn,
.header-actions .branch-trigger,
.header-actions .btn.sm.fill{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:
    linear-gradient(135deg,
      rgba(255,106,178,.96) 0%,
      rgba(255,60,144,.94) 38%,
      rgba(228,9,112,.92) 68%,
      rgba(173,0,81,.92) 100%)!important;
  box-shadow:
    0 12px 28px rgba(176,0,84,.18),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -10px 20px rgba(118,0,51,.10)!important;
}
.header-actions .header-action-btn::before,
.header-actions .branch-trigger::before,
.header-actions .btn.sm.fill::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 42%)!important;
  pointer-events:none!important;
}
.header-actions .header-action-btn:hover,
.header-actions .branch-trigger:hover,
.header-actions .btn.sm.fill:hover{
  background:
    linear-gradient(135deg,
      rgba(255,116,185,.98) 0%,
      rgba(255,73,155,.96) 40%,
      rgba(235,18,119,.94) 70%,
      rgba(180,0,86,.94) 100%)!important;
  box-shadow:
    0 16px 34px rgba(176,0,84,.22),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -10px 20px rgba(118,0,51,.12)!important;
}

/* ===== Dropdown panel: more isolated and elegant ===== */
.branch-dropdown{
  top:calc(100% + 16px)!important;
  z-index:250!important;
}
.branch-dropdown.branch-panel{
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 85% 0%, rgba(229,0,109,.12), transparent 36%),
    linear-gradient(165deg, rgba(17,17,22,.985), rgba(8,8,11,.99))!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* ===== Prevent visual overlap with hero by creating breathing room on open ===== */
.hero{
  transition:padding-top .38s cubic-bezier(.22,1,.36,1)!important;
}
@media(min-width:761px){
  body.branch-open .hero{
    padding-top:230px!important;
  }
}
@media(max-width:760px){
  body.branch-open .hero{
    padding-top:160px!important;
  }
}

/* Optional soft divider under header when panel is open */
body.branch-open header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0))!important;
  pointer-events:none!important;
}


/* ===== 46 : id="branch-daegu-only-alignment-20260916" ===== */

/* Keep the official homepage area as-is; only center the DAEGU label */
.branch-card-top{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.branch-card-mark{
  margin:0!important;
  transform:none!important;
  flex:none!important;
}

.branch-card-label{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  min-height:18px!important;
  transform:none!important;
}


/* ===== 지점 개설 문의 허니팟 (2026-09-17) =====
   자동 등록 프로그램만 채우는 숨은 칸. display:none 은 일부 프로그램이 건너뛰므로 화면 밖으로 뺀다. */
#ff .hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* ===== 모바일 정리 (2026-09-17) =====
   ① 「06 AREAS · ONE STANDARD」 — 제목 아래에 ::after 글자로 붙인 장식. 모바일에서는 제목과 겹쳐 보여 숨긴다
      (OUR STRENGTH · ROLE DIVISION 두 제목에 다 붙어 있다)
   ② 구매(6번째) 카드 — PC용 가로 배치(align-items:end)가 모바일까지 남아 내용이 오른쪽으로 쏠리고
      목록 폭이 178px로 좁아졌다. 운영 등 다른 카드와 같게 왼쪽 정렬 · 가로 꽉 차게 되돌린다.
   ⚠ 앞쪽 규칙들이 전부 !important 라 여기도 !important 로 덮는다. 반드시 파일 맨 끝에 둔다. */
@media(max-width:760px){
  #support .sec-head::after{display:none!important;content:none!important}
  #support .sup-i:nth-child(6){align-items:stretch!important;text-align:left!important}
  #support .sup-i:nth-child(6) .sup-k,
  #support .sup-i:nth-child(6) .sup-t,
  #support .sup-i:nth-child(6) .sup-l{align-self:stretch!important;width:auto!important;text-align:left!important}
  /* 목록 들여쓰기·줄 간격도 운영 등 다른 카드와 같게(구매만 4px 0 으로 덮여 있었다) */
  #support .sup-i:nth-child(6) .sup-l li{padding:7px 0 7px 16px!important}
}