/* ============================================================================
   BACK TO YOURSELF — Design System v0.5 (Reference Visual Language)
   Grid exact (28) + straturi atmosferice din referințe (27/29): dots, glow,
   orb-uri, rule de accent, stat rail, numerale-fundal. Zero stock, zero
   invenție de text (21). Tokens: 03.
   ========================================================================== */

/* ---------- 1. TOKENS -------------------------------------------------- */
:root {
  --font-main: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-white:#FFFFFF; --color-black:#111112; --color-ink-2:#161719;
  --color-off-white:#F4F4F2; --color-text:#111112;
  --color-text-muted:#6a6a6e; --color-text-soft:#9a9a9e;
  --color-border:rgba(17,17,18,0.11); --color-border-dark:rgba(255,255,255,0.14);

  --accent:#6EE8A2; --accent-light:#E8FFF3; --accent-gradient-start:#6EE8A2; --accent-gradient-end:#5361FF; --accent-ink:#062318;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px; --space-11:160px;

  --section-y-tight:clamp(56px,7vw,88px);
  --section-y:clamp(88px,9vw,140px);
  --section-y-large:clamp(112px,12vw,190px);

  /* grid exact (28) */
  --page-max:1180px; --page-pad:48px; --grid-gap:32px;
  --text-measure:700px;

  --radius-sm:12px; --radius-md:20px; --radius-lg:32px; --radius-xl:44px; --radius-pill:999px;
  --shadow-soft:0 24px 80px rgba(17,17,18,0.08);
  --shadow-card:0 34px 90px rgba(17,17,18,0.28);

  --text-xs:clamp(12px,0.8vw,13px); --text-sm:clamp(13px,0.95vw,15px);
  --text-base:clamp(16px,1.05vw,18px); --text-lg:clamp(18px,1.3vw,22px);
  --text-xl:clamp(23px,2vw,30px); --text-2xl:clamp(30px,3.4vw,48px);
  --text-3xl:clamp(40px,5.2vw,74px); --text-hero:clamp(52px,7.5vw,104px);
  --text-mega:clamp(120px,20vw,300px);

  --lh-tight:0.9; --lh-heading:1.02; --lh-subheading:1.16; --lh-body:1.62; --lh-relaxed:1.78;
  --button-height:54px; --button-padding-x:30px;
  --transition-fast:160ms ease; --transition:260ms cubic-bezier(.2,.7,.3,1);
}
[data-palette="relatii"]      { --accent:#FEAFE8; --accent-light:#FEF0FA; --accent-gradient-start:#FEAFE8; --accent-gradient-end:#E8B4FF; --accent-ink:#3a1130; }
[data-palette="autocunoastere"]{ --accent:#FFD13A; --accent-light:#FFF8DC; --accent-gradient-start:#FFD13A; --accent-gradient-end:#FD8D2E; --accent-ink:#3a2a00; }
[data-palette="performanta"]  { --accent:#6EE8A2; --accent-light:#E8FFF3; --accent-gradient-start:#6EE8A2; --accent-gradient-end:#5361FF; --accent-ink:#062318; }
[data-palette="comunicare"]   { --accent:#5361FF; --accent-light:#EEF0FF; --accent-gradient-start:#5361FF; --accent-gradient-end:#8B9FFF; --accent-ink:#ffffff; }

/* ---------- 2. BASE --------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-main);font-size:var(--text-base);line-height:var(--lh-body);
  color:var(--color-text);background:var(--color-white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%;display:block;} a{color:inherit;}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-0.025em;} p{margin:0;} em{font-style:italic;} strong{font-weight:680;}
ul{margin:0;padding:0;list-style:none;}

.container{width:min(calc(100% - var(--page-pad)*2), var(--page-max));margin-inline:auto;}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);}
.section{padding-block:var(--section-y);position:relative;overflow:hidden;}
.section--tight{padding-block:var(--section-y-tight);}
.surface-soft{background:var(--color-off-white);}
@media (max-width:820px){ :root{--page-pad:22px;} .grid12{grid-template-columns:repeat(4,1fr);} }

/* ---------- ATMOSPHERE (referință) ------------------------------------ */
.atmo{position:absolute;pointer-events:none;z-index:0;}
.glow{border-radius:50%;filter:blur(26px);}
.orb{border-radius:50%;filter:blur(4px);}
.dots{background-image:radial-gradient(currentColor 1.2px,transparent 1.2px);background-size:22px 22px;}
.section > .container,.hero__grid,.final-cta__inner{position:relative;z-index:1;}

/* ---------- 3. BUTTON ------------------------------------------------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  min-height:var(--button-height);padding-inline:var(--button-padding-x);border-radius:var(--radius-pill);
  font-size:15px;font-weight:600;text-decoration:none;background:var(--color-black);color:#fff;border:1px solid var(--color-black);
  cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast);}
.button:hover{opacity:.9;transform:translateY(-2px);}
.button--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);}
.button--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text);}
.hero--dark .button--ghost{border-color:var(--color-border-dark);color:#fff;}
.button--lg{min-height:60px;padding-inline:40px;font-size:16px;}

/* ---------- C01 · NAVIGATION ------------------------------------------ */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--color-border);}
.site-header__inner{width:min(calc(100% - var(--page-pad)*2), var(--page-max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;height:70px;}
.brand{font-weight:700;letter-spacing:-0.03em;text-decoration:none;font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-2);}
.brand::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);}
.site-nav{display:flex;gap:var(--space-6);}
.site-nav a{text-decoration:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast);}
.site-nav a:hover{color:var(--color-text);}
.nav-cta{font-size:14px;min-height:44px;padding-inline:22px;}
@media (max-width:720px){.site-nav{display:none;}}

/* ---------- HERO (1/8 headline · 9/13 stat rail) ---------------------- */
.hero--dark{position:relative;overflow:hidden;background:var(--color-black);color:#fff;padding-block:var(--section-y-large);}
.hero__glow{width:60vw;height:60vw;max-width:720px;max-height:720px;right:-12%;top:-26%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 44%,transparent),transparent 62%);opacity:.6;}
.hero__dots{color:rgba(255,255,255,.16);top:6%;right:4%;width:42%;height:52%;
  -webkit-mask:radial-gradient(circle at 80% 20%,#000,transparent 72%);mask:radial-gradient(circle at 80% 20%,#000,transparent 72%);}
.hero__grid{position:relative;width:min(calc(100% - var(--page-pad)*2), var(--page-max));margin-inline:auto;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);align-items:center;}
.hero__copy{grid-column:1 / 8;}
.hero-title{font-size:var(--text-hero);line-height:var(--lh-tight);letter-spacing:-0.04em;}
.hero-num{color:var(--accent);font-size:1.1em;}
.hero__lead{margin-top:var(--space-6);font-size:var(--text-lg);line-height:var(--lh-subheading);color:rgba(255,255,255,.72);max-width:48ch;}
.hero__actions{margin-top:var(--space-7);display:flex;gap:var(--space-4);flex-wrap:wrap;}
.hero__rail{grid-column:9 / 13;display:grid;gap:var(--space-6);border-left:1px solid var(--color-border-dark);padding-left:var(--space-5);}
.rail b{display:block;font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.03em;color:var(--accent);line-height:1;}
.rail span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.55);margin-top:var(--space-2);display:block;}
@media (max-width:820px){.hero__copy{grid-column:1/-1;}.hero__rail{grid-column:1/-1;border-left:0;border-top:1px solid var(--color-border-dark);padding-left:0;padding-top:var(--space-6);margin-top:var(--space-7);grid-auto-flow:column;justify-content:start;gap:var(--space-8);}.hero__dots{display:none;}}

/* ---------- PROBLEM (1/5 intro · 6/12 cards + orb) ------------------- */
.recognition .intro{grid-column:1 / 5;}
.recognition .intro h2{font-size:var(--text-2xl);line-height:var(--lh-heading);}
.recognition .intro p{margin-top:var(--space-4);color:var(--color-text-muted);}
.recognition__cards{grid-column:6 / 13;display:grid;gap:var(--space-3);position:relative;}
.recognition__orb{width:520px;height:520px;right:-8%;top:-14%;z-index:0;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 66%);}
.rec-card{position:relative;z-index:1;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-7);
  border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-lg);line-height:var(--lh-subheading);background:#fff;}
.rec-card::before{content:"";position:absolute;left:var(--space-5);top:var(--space-4);bottom:var(--space-4);width:3px;background:var(--accent);border-radius:3px;}
@media (max-width:820px){.recognition .intro,.recognition__cards{grid-column:1/-1;}}

/* ---------- MECHANISM (1/4 spine · 5/11 body) ----------------------- */
.mechanism .m-spine{grid-column:1 / 4;position:sticky;top:110px;align-self:start;display:grid;gap:var(--space-6);}
.mechanism .m-spine .rule{width:3px;height:clamp(90px,14vh,160px);border-radius:3px;background:linear-gradient(var(--accent),transparent);}
.mechanism .m-spine .loop{width:100%;max-width:180px;color:var(--accent);opacity:.9;}
.mechanism .prose{grid-column:5 / 12;max-width:var(--text-measure);}
.prose h3{font-size:var(--text-xl);line-height:var(--lh-subheading);margin-top:var(--space-8);margin-bottom:var(--space-3);letter-spacing:-0.02em;}
.prose h3:first-child{margin-top:0;}
.prose p{margin-top:var(--space-4);line-height:var(--lh-relaxed);}
.pull-quote{margin:var(--space-8) calc(-1 * var(--space-6)) var(--space-8) 0;padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);
  background:var(--color-black);color:#fff;font-size:var(--text-xl);line-height:var(--lh-subheading);font-weight:600;letter-spacing:-0.02em;position:relative;overflow:hidden;}
.pull-quote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);}
.pull-quote::after{content:"";position:absolute;right:-40px;bottom:-40px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 42%,transparent),transparent 64%);filter:blur(16px);opacity:.55;}
.rupture{height:var(--space-9);position:relative;}
.rupture::after{content:"";position:absolute;left:0;top:50%;width:64px;height:2px;background:var(--accent);}
@media (max-width:820px){.mechanism .m-spine{display:none;}.mechanism .prose{grid-column:1/-1;}.pull-quote{margin-right:0;}}

/* ---------- SOLUTION (accent wash + orb, centered ≤760) ------------- */
.bridge{background:linear-gradient(135deg,var(--accent-light),color-mix(in srgb,var(--accent) 15%,#fff));}
.bridge__orb{width:560px;height:560px;right:-6%;bottom:-40%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 62%);opacity:.5;}
.bridge__inner{grid-column:2 / 12;max-width:760px;margin-inline:auto;text-align:center;}
.bridge__inner p{font-size:var(--text-xl);line-height:var(--lh-subheading);}
@media (max-width:820px){.bridge__inner{grid-column:1/-1;}}

/* ---------- CONTENT (1/5 title · 6/12 modules + stat strip) --------- */
.program .p-head{grid-column:1 / 5;}
.program .p-head h2{font-size:var(--text-2xl);line-height:var(--lh-heading);}
.program__modules{grid-column:6 / 13;display:grid;gap:var(--space-3);counter-reset:mod;}
.module-item{position:relative;padding:var(--space-5) var(--space-5) var(--space-5) calc(var(--space-8) + var(--space-3));
  border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);line-height:var(--lh-subheading);background:#fff;}
.module-item::before{counter-increment:mod;content:counter(mod,decimal-leading-zero);position:absolute;left:var(--space-5);top:var(--space-5);
  font-size:var(--text-sm);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;}
.volume-strip{position:relative;margin-top:var(--space-4);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--color-border-dark);border-radius:var(--radius-lg);overflow:hidden;}
.volume-strip .dots{position:absolute;inset:0;color:rgba(255,255,255,.12);opacity:.6;z-index:0;}
.volume-strip .v{position:relative;z-index:1;background:var(--color-black);color:#fff;padding:var(--space-6);text-align:center;}
.volume-strip .v b{display:block;font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em;color:var(--accent);}
.volume-strip .v span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);}
@media (max-width:820px){.program .p-head,.program__modules{grid-column:1/-1;}.program .p-head{margin-bottom:var(--space-5);}}
@media (max-width:560px){.volume-strip{grid-template-columns:1fr;}}

/* ---------- OUTCOMES (motif 1/4 · list 5/12) ------------------------ */
.outcomes__motif{grid-column:1 / 4;position:relative;}
.outcomes__motif .orb{position:absolute;width:260px;height:260px;left:0;top:10%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 66%);opacity:.6;}
.outcome-list{grid-column:5 / 13;display:grid;gap:var(--space-6);counter-reset:oc;}
.outcome-list li{position:relative;padding-left:var(--space-8);font-size:var(--text-xl);line-height:var(--lh-subheading);letter-spacing:-0.01em;}
.outcome-list li::before{counter-increment:oc;content:counter(oc,decimal-leading-zero);position:absolute;left:0;top:0.18em;
  font-size:var(--text-sm);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;}
.outcomes__cta{grid-column:5 / 13;margin-top:var(--space-8);}
@media (max-width:820px){.outcomes__motif{display:none;}.outcome-list,.outcomes__cta{grid-column:1/-1;}}

/* ---------- AUTHORITY (dark · metrics 1/5 · bio 6/12 · bg numerals) - */
.authority{background:var(--color-black);color:#fff;}
.authority__glow{width:60vw;height:60vw;max-width:680px;max-height:680px;left:-16%;bottom:-30%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 62%);opacity:.4;}
.authority__bignum{top:8%;right:3%;font-size:var(--text-mega);font-weight:800;line-height:.8;letter-spacing:-0.06em;
  color:rgba(255,255,255,.04);white-space:nowrap;}
.authority .a-head{grid-column:1 / 13;margin-bottom:var(--space-7);position:relative;z-index:1;}
.authority .a-head h2{font-size:var(--text-2xl);line-height:var(--lh-heading);max-width:20ch;}
.metrics{grid-column:1 / 5;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-4);align-content:start;position:relative;z-index:1;}
.metric b{display:block;font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.03em;color:var(--accent);line-height:1;}
.metric span{font-size:var(--text-xs);color:rgba(255,255,255,.62);line-height:1.3;margin-top:var(--space-2);display:block;}
.authority .bio{grid-column:6 / 13;position:relative;z-index:1;}
.authority .bio p{color:rgba(255,255,255,.8);line-height:var(--lh-relaxed);}
.authority .bio p + p{margin-top:var(--space-4);}
@media (max-width:820px){.authority .a-head,.metrics,.authority .bio{grid-column:1/-1;}.metrics{margin-bottom:var(--space-6);}.authority__bignum{display:none;}}

/* ---------- OFFER (dark · value 1/6 · card 8/12, glow) -------------- */
.offer{background:var(--color-ink-2);color:#fff;}
.offer__glow{width:50vw;height:50vw;max-width:560px;max-height:560px;right:2%;top:-10%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent),transparent 60%);opacity:.45;}
.offer__copy{grid-column:1 / 7;align-self:center;position:relative;z-index:1;}
.offer__copy p{font-size:var(--text-lg);line-height:var(--lh-relaxed);color:rgba(255,255,255,.82);}
.offer__card{grid-column:8 / 13;position:relative;z-index:1;background:#fff;color:var(--color-text);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-card);display:grid;gap:var(--space-5);}
.offer__card .button{width:100%;}
@media (max-width:820px){.offer__copy{grid-column:1/-1;margin-bottom:var(--space-6);}.offer__card{grid-column:1/-1;}}

/* ---------- FAQ (motif 1/5 · accordion 6/12) ------------------------ */
.faq__motif{grid-column:1 / 5;position:relative;}
.faq__motif .orb{position:absolute;width:220px;height:220px;left:0;top:0;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 66%);opacity:.6;}
.faq__items{grid-column:6 / 13;}
.faq details{border-bottom:1px solid var(--color-border);}
.faq summary{list-style:none;cursor:pointer;padding:var(--space-5) 0;font-size:var(--text-lg);font-weight:600;display:flex;justify-content:space-between;gap:var(--space-4);letter-spacing:-0.01em;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-weight:400;color:var(--accent);font-size:1.4em;line-height:1;}
.faq details[open] summary::after{content:"−";}
.faq details>div{padding-bottom:var(--space-5);line-height:var(--lh-relaxed);color:var(--color-text-muted);max-width:60ch;}
@media (max-width:820px){.faq__motif{display:none;}.faq__items{grid-column:1/-1;}}

/* ---------- FINAL CTA (dark atmospheric · glow + dots) -------------- */
.final-cta{position:relative;overflow:hidden;background:var(--color-black);color:#fff;text-align:center;padding-block:var(--section-y);}
.final-cta__glow{left:50%;top:50%;transform:translate(-50%,-50%);width:64vw;max-width:620px;height:64vw;max-height:620px;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 42%,transparent),transparent 60%);opacity:.5;}
.final-cta__dots{inset:0;color:rgba(255,255,255,.08);
  -webkit-mask:radial-gradient(circle at 50% 50%,#000,transparent 70%);mask:radial-gradient(circle at 50% 50%,#000,transparent 70%);}
.final-cta__inner{position:relative;z-index:1;max-width:760px;margin-inline:auto;}

/* ---------- FOOTER (wordmark 1/6 · nav 7/12) ----------------------- */
.site-footer{background:var(--color-black);color:rgba(255,255,255,.7);padding-block:var(--space-9) var(--space-7);}
.site-footer .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--space-7);}
.footer-wordmark{grid-column:1 / 7;font-size:var(--text-2xl);font-weight:700;color:#fff;letter-spacing:-0.03em;}
.footer-links{grid-column:7 / 13;display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:flex-end;}
.footer-links a{text-decoration:none;color:rgba(255,255,255,.7);font-size:var(--text-sm);transition:color var(--transition-fast);}
.footer-links a:hover{color:#fff;}
.site-footer .legal{grid-column:1 / 13;border-top:1px solid var(--color-border-dark);padding-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-soft);}
@media (max-width:820px){.footer-wordmark,.footer-links,.site-footer .legal{grid-column:1/-1;}.footer-links{justify-content:flex-start;}}