/* ============================================================
   PHI EMC pro — HOMEPAGE (propunere)
   Sistem: „Light tehnic” · colțuri drepte · mișcare subtilă
   Tokens partajate cu brandbook.html (secțiunea 12).
   ============================================================ */
@layer tokens, base, layout, components, motion, print;

/* Fundal de pagină — nestratificat și cu specificitate mai mare, ca stilurile externe
   (editoare, preview) să nu-l poată face transparent peste un backdrop întunecat. */
:root{color-scheme:only light;background:#fff;}
:root body{background:#fff;}

@layer tokens{
  :root{
    /* Brand */
    --phi-blue:#0060A8; --phi-blue-dark:#004077; --phi-accent:#1E9BD7;
    --gray-arrow:#8A9199; --gray-arrow-2:#A8A8A8;
    --text:#1E2A33; --text-soft:#5A6771; --bg:#F5F7F9; --white:#FFFFFF; --line:#E2E7EC;
    /* Suprafețe derivate (oklch, din PHI Blue) */
    --blue-04:color-mix(in oklch,var(--phi-blue) 4%,white);
    --blue-08:color-mix(in oklch,var(--phi-blue) 8%,white);
    --blue-16:color-mix(in oklch,var(--phi-blue) 18%,white);
    --blue-on:#D6E6F3; /* text secundar pe fundal PHI Blue — 5.2:1 */
    /* Tipografie */
    --font-head:"Montserrat","Segoe UI",Arial,sans-serif;
    --font-body:"Inter","Segoe UI",Arial,sans-serif;
    --font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,Menlo,monospace;
    --fs-display:clamp(2.625rem,1.5rem + 4.6vw,5.5rem);
    --fs-h2:clamp(1.875rem,1.25rem + 2.2vw,3rem);
    --fs-h3:clamp(1.125rem,1rem + .5vw,1.375rem);
    --fs-lead:clamp(1.0625rem,1rem + .4vw,1.3125rem);
    --fs-body:1.0625rem; --fs-small:.875rem; --fs-mono:.75rem;
    /* Spațiere 8px */
    --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
    --gutter:clamp(20px,4vw,48px); --maxw:1200px; --header-h:84px;
    /* Geometrie: colțuri drepte */
    --r:0;
    --shadow-sm:0 1px 2px rgba(30,42,51,.08);
    --shadow-md:0 8px 24px rgba(30,42,51,.08);
    --shadow-lg:0 20px 48px rgba(0,96,168,.12);
    --ease:cubic-bezier(.22,.61,.36,1); --dur:.7s;
  }
}

@layer base{
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%;}
  body{margin:0;background:var(--white);color:var(--text);font:400 var(--fs-body)/1.65 var(--font-body);-webkit-font-smoothing:antialiased;}
  h1,h2,h3,h4{margin:0;font-family:var(--font-head);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:var(--text);text-wrap:balance;}
  p{margin:0;text-wrap:pretty;}
  a{color:var(--phi-blue);text-decoration:none;}
  a:hover{color:var(--phi-blue-dark);}
  img,svg{display:block;max-width:100%;}
  ul{margin:0;padding:0;list-style:none;}
  button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
  :focus-visible{outline:2px solid var(--phi-accent);outline-offset:3px;}
  ::selection{background:var(--phi-blue);color:#fff;}
  .skip{position:absolute;left:var(--s2);top:-100px;background:var(--phi-blue);color:#fff;padding:10px 16px;z-index:200;font-weight:600;}
  .skip:focus{top:var(--s2);}
  .mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;font-weight:500;}
  .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
}

@layer layout{
  .wrap{width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto;}
  section{padding-block:clamp(72px,9vw,var(--s8));border-top:1px solid var(--line);position:relative;}
  .sec-head{display:grid;grid-template-columns:auto 1fr;gap:var(--s3) var(--s5);align-items:start;margin-bottom:clamp(40px,5vw,64px);}
  .sec-head .num{font:500 clamp(40px,6vw,72px)/1 var(--font-mono);color:var(--blue-16);letter-spacing:-.04em;padding-top:4px;}
  .sec-head .kicker{margin-bottom:var(--s2);}
  .sec-head h2{font-size:var(--fs-h2);max-width:22ch;}
  .sec-head .lede{margin-top:var(--s2);color:var(--text-soft);font-size:var(--fs-lead);max-width:58ch;}
  .sec-head .aside{grid-column:2;display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:end;}
  @media (max-width:720px){.sec-head{grid-template-columns:1fr;} .sec-head .num{font-size:40px;} .sec-head .aside{grid-column:1;}}
}

@layer components{
  /* ---- Kicker / marcaj tehnic ---- */
  .kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--phi-blue);}
  .kicker::before{content:"";width:10px;height:10px;background:var(--phi-accent);flex:none;}

  /* ---- Butoane ---- */
  .btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;font:600 13px/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--phi-blue);background:var(--phi-blue);color:#fff;text-decoration:none;cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);}
  .btn .arr{transition:translate .3s var(--ease);}
  .btn:hover{background:var(--phi-blue-dark);border-color:var(--phi-blue-dark);color:#fff;}
  .btn:hover .arr{translate:4px 0;}
  .btn:active{translate:0 1px;}
  .btn-secondary{background:transparent;color:var(--phi-blue);}
  .btn-secondary:hover{background:var(--phi-blue);color:#fff;border-color:var(--phi-blue);}
  .btn-ghost{background:transparent;border-color:transparent;color:var(--text);padding-inline:0;}
  .btn-ghost:hover{background:transparent;border-color:transparent;color:var(--phi-blue);}
  .btn-light{background:#fff;border-color:#fff;color:var(--phi-blue);}
  .btn-light:hover{background:var(--blue-08);border-color:var(--blue-08);color:var(--phi-blue-dark);}

  /* ---- Badge ---- */
  .badge{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:5px 10px;background:var(--blue-08);color:var(--phi-blue);}

  /* ---- Placeholder foto (striat, etichetat) ---- */
  .ph{position:relative;overflow:hidden;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#E3E8ED 0 12px,#ECF0F3 12px 24px);border:1px solid var(--line);min-height:200px;}
  .ph.dark{background:repeating-linear-gradient(45deg,#26333D 0 12px,#2E3D48 12px 24px);}
  .ph > span{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-soft);background:rgba(255,255,255,.9);padding:6px 10px;text-align:center;max-width:80%;}
  .ph.dark > span{color:#CDD6DD;background:rgba(0,0,0,.4);}

  /* ---- Colțare tehnice ---- */
  .corner{position:relative;}
  .corner::before,.corner::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--phi-blue);pointer-events:none;z-index:2;}
  .corner::before{top:-8px;left:-8px;border-right:0;border-bottom:0;}
  .corner::after{bottom:-8px;right:-8px;border-left:0;border-top:0;}

  /* ---- Header ---- */
  .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);border-top:3px solid var(--phi-blue);transition:box-shadow .3s var(--ease);}
  .site-header.scrolled{box-shadow:var(--shadow-md);}
  .header-inner{display:flex;align-items:center;gap:var(--s4);min-height:var(--header-h);}
  .brand img{height:clamp(48px,4vw,56px);width:auto;}
  .nav{margin-left:auto;}
  .nav ul{display:flex;gap:4px;}
  .nav a{position:relative;display:block;padding:10px 12px;font:600 12.5px/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);}
  .nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--phi-blue);scale:0 1;transform-origin:left;transition:scale .3s var(--ease);}
  .nav a:hover,.nav a[aria-current="true"]{color:var(--phi-blue);}
  .nav a:hover::after,.nav a[aria-current="true"]::after{scale:1 1;}
  .header-cta{padding:13px 22px;}
  .nav-toggle{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;align-items:center;margin-left:auto;}
  .nav-toggle span{width:22px;height:2px;background:var(--text);transition:translate .3s var(--ease),rotate .3s var(--ease);}
  .site-header.open .nav-toggle span:first-child{translate:0 4px;rotate:45deg;}
  .site-header.open .nav-toggle span:last-child{translate:0 -4px;rotate:-45deg;}
  @media (max-width:900px){
    .nav-toggle{display:flex;}
    .header-cta{display:none;}
    .nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);display:none;padding:var(--s2) var(--gutter) var(--s3);}
    .site-header.open .nav{display:block;}
    .nav ul{flex-direction:column;gap:0;}
    .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;}
    .nav a::after{display:none;}
    .nav .btn{margin-top:var(--s2);width:100%;justify-content:center;}
  }
  @media (min-width:901px){.nav .btn{display:none;}}

  /* ---- Hero ---- */
  .hero{border-top:0;padding-block:clamp(56px,7vw,112px) 0;overflow:clip;isolation:isolate;
    background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 45%,var(--white) 100%);}
  /* Fundal: cele două fulgere semicirculare din logo, ca filigran care încadrează conținutul */
  .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--phi-blue);opacity:.11;
    -webkit-mask:url("/brandbook/assets/logo-symbol.png") center/contain no-repeat;mask:url("/brandbook/assets/logo-symbol.png") center/contain no-repeat;}
  .hero > .wrap{position:relative;z-index:1;}
  .hero-inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center;}
  .hero h1{font-size:var(--fs-display);margin-top:var(--s3);letter-spacing:-.03em;line-height:1.02;}
  .hero h1 .line{display:block;}
  .hero h1 .soft{color:var(--phi-blue);}
  .hero .lead{margin-top:var(--s3);font-size:var(--fs-lead);color:var(--text-soft);max-width:52ch;}
  .cta-row{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4);}
  .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:clamp(40px,5vw,64px);padding-top:var(--s3);border-top:1px solid var(--line);}
  .hero-facts li{font-size:var(--fs-small);color:var(--text);line-height:1.45;}
  .hero-facts .mono{display:block;color:var(--phi-blue);margin-bottom:6px;}
  .hero-media{margin:0;position:relative;}
  .hero-media .ph{aspect-ratio:4/5;min-height:320px;}
  .media-tag{position:absolute;left:var(--s3);bottom:var(--s3);background:#fff;padding:12px 16px;box-shadow:var(--shadow-md);font-size:13px;display:flex;gap:10px;align-items:center;max-width:calc(100% - 2*var(--s3));}
  .media-tag .mono{color:var(--phi-blue);}
  .bolt{position:absolute;left:-40px;top:-36px;width:clamp(60px,7vw,96px);height:auto;stroke:var(--phi-accent);fill:none;stroke-width:2;stroke-linejoin:miter;z-index:3;}
  .refs{margin-top:clamp(48px,6vw,88px);padding-block:var(--s3);border-top:1px solid var(--line);display:flex;gap:var(--s3) var(--s4);align-items:center;flex-wrap:wrap;}
  .refs .mono{color:var(--text-soft);}
  .refs ul{display:flex;flex-wrap:wrap;gap:8px var(--s3);}
  .refs li{font:600 13px/1.4 var(--font-head);color:var(--text);letter-spacing:.01em;}
  .refs li + li::before{content:"/";color:var(--gray-arrow-2);margin-right:var(--s3);font-weight:400;}
  @media (max-width:900px){
    .hero-inner{grid-template-columns:1fr;}
    .hero-media .ph{aspect-ratio:16/10;min-height:240px;}
    .bolt{left:auto;right:-20px;top:-40px;}
  }
  @media (max-width:600px){.hero-facts{grid-template-columns:1fr;gap:var(--s2);} .hero-facts .mono{display:inline;margin-right:10px;}}

  /* ---- Servicii ---- */
  .svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
  .svc{background:#fff;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:var(--s2);min-height:260px;transition:background .3s var(--ease);position:relative;}
  .svc:hover{background:var(--blue-04);}
  .svc .ico{width:36px;height:36px;stroke:var(--phi-blue);fill:none;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;transition:stroke .3s;}
  .svc:hover .ico{stroke:var(--phi-accent);}
  .svc .idx{position:absolute;top:var(--s3);right:var(--s3);color:var(--gray-arrow-2);}
  .svc h3{font-size:var(--fs-h3);margin-top:var(--s1);}
  .svc p{color:var(--text-soft);font-size:15px;flex:1;}
  .svc .more{display:inline-flex;gap:8px;align-items:center;font:600 12.5px/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--phi-blue);}
  .svc .more .arr{transition:translate .3s var(--ease);}
  .svc:hover .more .arr{translate:4px 0;}

  /* ---- Despre ---- */
  .about{background:var(--bg);}
  .about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center;}
  .about-grid .ph{aspect-ratio:4/3;}
  .about h2{font-size:var(--fs-h2);margin-top:var(--s2);}
  .about .lede{margin-top:var(--s3);color:var(--text-soft);font-size:var(--fs-lead);}
  .values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:var(--s4);}
  .values li{background:#fff;padding:var(--s3);}
  .values .mono{color:var(--phi-blue);display:block;margin-bottom:8px;}
  .values b{display:block;font:700 15px/1.3 var(--font-head);}
  .values p{font-size:14px;color:var(--text-soft);margin-top:6px;}
  @media (max-width:900px){.about-grid{grid-template-columns:1fr;}}
  @media (max-width:520px){.values{grid-template-columns:1fr;}}

  /* ---- Proiecte ---- */
  .filters{display:flex;flex-wrap:wrap;gap:8px;}
  .filters .badge{background:transparent;color:var(--text-soft);border:1px solid var(--line);padding:7px 12px;}
  .filters .badge.on{background:var(--phi-blue);color:#fff;border-color:var(--phi-blue);}
  .pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);}
  .pf{container-type:inline-size;}
  .pf.wide{grid-column:span 2;}
  .pf a{display:block;color:inherit;height:100%;}
  .pf-media{aspect-ratio:16/10;min-height:0;}
  .pf.wide .pf-media{aspect-ratio:16/8.2;}
  .pf-media > span{transition:opacity .3s;}
  .pf-body{padding:var(--s2) 0 0;display:grid;gap:8px;}
  .pf-body h3,.pf-body .pf-title{font-size:var(--fs-h3);transition:color .25s;}
  .pf a:hover h3{color:var(--phi-blue);}
  .pf .loc{font-size:14px;color:var(--text-soft);display:flex;gap:8px;align-items:center;}
  .pf .loc::before{content:"";width:14px;height:1px;background:var(--gray-arrow);}
  .pf-inner{position:relative;overflow:hidden;}
  .pf-inner .ph{transition:scale .6s var(--ease);}
  .pf a:hover .pf-inner .ph{scale:1.03;}
  /* Container query: cardul lat primește caption suprapus */
  @container (min-width:560px){
    .pf-body{position:absolute;inset:auto 0 0 0;padding:var(--s4) var(--s3) var(--s3);background:linear-gradient(180deg,rgba(30,42,51,0),rgba(30,42,51,.92) 70%);color:#fff;}
    .pf-body h3,.pf-body .pf-title,.pf a:hover h3,.pf a:hover .pf-title{color:#fff;}
    .pf .loc{color:var(--blue-on);}
    .pf .badge{background:#fff;color:var(--phi-blue);width:max-content;}
  }
  @media (max-width:900px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media (max-width:600px){.pf-grid{grid-template-columns:1fr;} .pf.wide{grid-column:auto;}}

  /* ---- Bandă încredere ---- */
  .band{background:var(--phi-blue);color:#fff;border-top:0;overflow:hidden;}
  .band::before{content:"";position:absolute;inset:0;opacity:.14;background:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22><path d=%22M40 6 L28 34 L36 34 L30 58%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.4%22/></svg>');}
  .band .wrap{position:relative;}
  .band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);}
  .stat{border-left:1px solid rgba(255,255,255,.35);padding-left:var(--s3);}
  .stat b{display:block;font:700 clamp(40px,5vw,64px)/1 var(--font-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
  .stat span{display:block;margin-top:10px;color:var(--blue-on);font-size:14px;}
  .band .note{margin-top:var(--s4);color:var(--blue-on);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;}
  @media (max-width:800px){.band-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s3);}}

  /* ---- Cariere ---- */
  .careers{background:var(--bg);}
  .careers-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start;}
  .careers h2{font-size:var(--fs-h2);margin-top:var(--s2);}
  .careers .lede{margin-top:var(--s3);color:var(--text-soft);font-size:var(--fs-lead);max-width:50ch;}
  .jobs{border-top:1px solid var(--line);}
  .jobs li a{display:grid;grid-template-columns:1fr auto auto;gap:var(--s3);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--line);color:var(--text);transition:padding-left .3s var(--ease);}
  .jobs li a:hover{padding-left:12px;color:var(--phi-blue);}
  .jobs b{font:600 16px/1.3 var(--font-head);}
  .jobs .mono{color:var(--text-soft);}
  .jobs .arr{color:var(--phi-blue);}
  @media (max-width:900px){.careers-grid{grid-template-columns:1fr;}}

  /* ---- Contact ---- */
  .contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start;}
  .contact h2{font-size:var(--fs-h2);margin-top:var(--s2);}
  .contact .lede{margin-top:var(--s3);color:var(--text-soft);font-size:var(--fs-lead);}
  .cdata{margin-top:var(--s4);border-top:1px solid var(--line);}
  .cdata div{display:grid;grid-template-columns:110px 1fr;gap:var(--s2);padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;}
  .cdata .mono{color:var(--text-soft);padding-top:3px;}
  .cdata a{font-weight:500;}
  .map{margin-top:var(--s4);aspect-ratio:16/9;}
  .form{background:#fff;border:1px solid var(--line);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);}
  .field{display:grid;gap:8px;}
  .field.full{grid-column:1/-1;}
  .field label{font:600 12.5px/1 var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--text);}
  .field label small{font:500 11px/1 var(--font-mono);color:var(--text-soft);letter-spacing:.04em;text-transform:none;margin-left:6px;}
  .field input,.field select,.field textarea{width:100%;padding:14px 16px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:400 16px/1.4 var(--font-body);transition:border-color .2s,box-shadow .2s,background .2s;}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--phi-blue);background:#fff;box-shadow:0 0 0 3px rgba(0,96,168,.14);}
  .field textarea{min-height:140px;resize:vertical;}
  .field:has(:user-invalid) label{color:#B02020;}
  .field:has(:user-invalid) :is(input,select,textarea){border-color:#B02020;}
  .consent{grid-column:1/-1;display:flex;gap:12px;align-items:start;font-size:14px;color:var(--text-soft);}
  .consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--phi-blue);flex:none;}
  .form-foot{grid-column:1/-1;display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;justify-content:space-between;}
  .form-foot .hint{font-size:13px;color:var(--text-soft);}
  .form .sent{grid-column:1/-1;display:none;padding:var(--s3);background:var(--blue-08);border-left:3px solid var(--phi-blue);font-size:15px;}
  .form.is-sent .sent{display:block;}
  .form.is-sent :is(.field,.consent,.form-foot){display:none;}
  @media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}
  @media (max-width:600px){.form{grid-template-columns:1fr;} .field.full{grid-column:auto;} .consent,.form-foot,.form .sent{grid-column:auto;} .cdata div{grid-template-columns:1fr;gap:4px;}}

  /* ---- Footer ---- */
  .site-footer{background:var(--text);color:#C9D3DB;padding-block:var(--s6) var(--s4);border-top:3px solid var(--phi-blue);}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:var(--s5) var(--s4);}
  .foot-grid img{height:40px;width:auto;}
  .foot-grid p{margin-top:var(--s3);font-size:14px;max-width:34ch;color:#A9B6C0;}
  .foot-grid h4,.foot-grid .foot-title{color:#fff;font:600 12px/1 var(--font-head);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s3);}
  .foot-grid li{margin-bottom:10px;font-size:14.5px;}
  .foot-grid a{color:#C9D3DB;}
  .foot-grid a:hover{color:#fff;}
  .foot-bottom{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);justify-content:space-between;font-size:12.5px;color:#A9B6C0;}
  .foot-bottom ul{display:flex;gap:var(--s3);flex-wrap:wrap;}
  .foot-bottom a{color:#A9B6C0;}
  @media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:520px){.foot-grid{grid-template-columns:1fr;}}
}

@layer motion{
  /* Reveal la scroll — IntersectionObserver adaugă .in; fără JS, totul e vizibil */
  html.js .reveal{opacity:0;translate:0 18px;transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease);transition-delay:var(--d,0s);}
  html.js .reveal.in{opacity:1;translate:0 0;}
  /* Intrare hero */
  html.js .hero .kicker,html.js .hero h1 .line,html.js .hero .lead,html.js .hero .cta-row,html.js .hero-facts,html.js .hero-media{animation:rise .9s var(--ease) both;}
  html.js .hero h1 .line:nth-child(2){animation-delay:.08s;}
  html.js .hero .lead{animation-delay:.18s;} html.js .hero .cta-row{animation-delay:.26s;} html.js .hero-facts{animation-delay:.34s;} html.js .hero-media{animation-delay:.2s;}
  @keyframes rise{from{opacity:0;translate:0 20px;}to{opacity:1;translate:0 0;}}
  /* Fulgerele din fundal apar lent, cu o ușoară contracție */
  html.js .hero::before{animation:bolts 1.8s var(--ease) both;}
  @keyframes bolts{from{opacity:0;scale:1.04;}to{opacity:.11;scale:1;}}
  /* Fulgerul se desenează */
  html.js .bolt path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 1.6s var(--ease) .5s forwards;}
  @keyframes draw{to{stroke-dashoffset:0;}}
  /* Parallax subtil pe media (scroll-driven, unde e suportat) */
  @supports (animation-timeline: view()){
    .pf-inner .ph > span{animation:none;}
    .hero-media .ph{animation:par linear both;animation-timeline:view();animation-range:entry 0% exit 100%;}
    @keyframes par{from{translate:0 12px;}to{translate:0 -12px;}}
  }
  @media (prefers-reduced-motion:reduce){
    html.js .reveal{opacity:1;translate:none;transition:none;}
    html.js .hero *{animation:none !important;}
    html.js .hero::before{animation:none;}
    html.js .bolt path{stroke-dashoffset:0;animation:none;}
    .hero-media .ph{animation:none !important;}
    html{scroll-behavior:auto;}
  }
}

@layer print{
  @media print{
    .site-header,.nav-toggle,.bolt,.form-foot,.skip{display:none !important;}
    section{padding-block:24px;break-inside:avoid;}
    .band,.site-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    a{color:var(--text);}
  }
}