/* Site-ul de prezentare Hard Rock Geo Solutions: simplu, text mare, fonturi locale. */
:root{
  --fond:#f6f4ef; --alb:#ffffff; --text:#1c2128; --text-slab:#4a5260; --linie:#d9d4c8;
  --albastru:#1f3a52; --albastru-inchis:#152a3c; --accent:#c1622b; --accent-inchis:#9c4318; --verde:#3c6a2b;
  --raza:14px; --lat:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:84px;}
body{margin:0; background:var(--fond); color:var(--text); font-family:'Space Grotesk', system-ui, sans-serif; font-size:18px; line-height:1.6;}
img{max-width:100%; height:auto; display:block;}
a{color:var(--albastru);}
.lat{max-width:var(--lat); margin:0 auto; padding:0 20px;}
h1,h2,h3{line-height:1.2; margin:0 0 .5em;}
h2{font-size:clamp(28px, 4vw, 38px); color:var(--albastru);}
h3{font-size:21px;}
.nota{font-size:14px; color:var(--text-slab);}

/* bara de sus: subțire, fixă */
.sus{position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid var(--linie); backdrop-filter:blur(6px);}
.sus-rand{display:flex; align-items:center; gap:20px; min-height:68px;}
.marca{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--albastru); font-size:19px; white-space:nowrap;}
.marca b{font-weight:700;}
.marca img{height:55px; width:auto; display:block;}
.marca [hidden]{display:none;}
.meniu{display:flex; gap:22px; margin-left:auto;}
.meniu a{text-decoration:none; color:var(--text); font-weight:600; white-space:nowrap;}
.meniu a:hover{color:var(--accent-inchis);}

/* butoane mari, cu cuvinte */
.buton{display:inline-block; background:var(--accent); color:#fff; text-decoration:none; font-weight:700; font-size:18px; padding:14px 24px; border-radius:12px; border:2px solid var(--accent); cursor:pointer; font-family:inherit; text-align:center;}
.buton:hover{background:var(--accent-inchis); border-color:var(--accent-inchis);}
.buton.contur{background:transparent; color:inherit; border-color:currentColor;}
.buton.contur:hover{background:rgba(255,255,255,.12);}
.buton.mic{font-size:16px; padding:9px 16px;}
.butoane{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.documente{margin-top:28px; background:var(--alb); border:1px solid var(--linie); border-radius:var(--raza); padding:20px 24px;}
.documente h3{margin:0 0 10px;}
.documente ul{margin:0; padding-left:20px;}
.documente li{margin:8px 0; line-height:1.5;}
.documente a{font-weight:600; overflow-wrap:anywhere;}
:focus-visible{outline:3px solid #e8a33a; outline-offset:3px;}

/* prima imagine: fără fotografii generate, doar culoare și straturi de rocă desenate */
.erou{position:relative; color:#fff; padding:72px 0 120px; overflow:hidden; background:
  linear-gradient(170deg, rgba(21,42,60,.96) 0%, rgba(31,58,82,.93) 55%, rgba(31,58,82,.85) 100%),
  repeating-linear-gradient(-8deg, #2b4a63 0 18px, #24425a 18px 40px, #2f5068 40px 52px);}
.erou h1{font-size:clamp(34px, 4.4vw, 52px); max-width:16em;}
.erou .intro{font-size:clamp(18px, 2.2vw, 22px); max-width:42em; color:#e4e9ee;}
.eticheta{display:inline-block; font-size:14px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); margin:0 0 14px;}
.erou .eticheta{color:#f0b07f; border:1px solid rgba(240,176,127,.6); border-radius:99px; padding:4px 14px;}

/* secțiuni */
.sectiune{padding:72px 0;}
.sub{font-size:19px; color:var(--text-slab); max-width:46em; margin:0 0 32px;}
.carduri{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:18px;}
.card{background:var(--alb); border:1px solid var(--linie); border-radius:var(--raza); padding:24px; box-shadow:0 2px 10px rgba(28,33,40,.05);}
.card .ic{font-size:30px; width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#eef2f6; margin-bottom:14px;}
.card h3{color:var(--albastru);}
.card p{margin:0; color:var(--text-slab);}
.card.accent{border-color:var(--accent); background:#fff8f2;}

.doua{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center;}
.bife{list-style:none; padding:0; margin:18px 0;}
.bife li{padding:6px 0 6px 34px; position:relative;}
.bife li::before{content:"✓"; position:absolute; left:0; top:5px; color:var(--verde); font-weight:700; font-size:20px;}
.pret{background:#f2f6ef; border:1px solid #c9d8bf; border-radius:12px; padding:12px 16px;}
.poze{position:relative; margin:0; padding-bottom:40px;}
.poza-mare{border-radius:12px; border:1px solid var(--linie); box-shadow:0 12px 30px rgba(28,33,40,.15);}
.poza-telefon{position:absolute; right:-6px; bottom:0; width:30%; border-radius:16px; border:4px solid #1c2128; box-shadow:0 12px 30px rgba(28,33,40,.25);}
.poze figcaption{font-size:14px; color:var(--text-slab); margin-top:10px; max-width:65%;}
.harti-galerie{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px; margin:22px 0 8px;}
.harti-galerie figure{margin:0;}
.harti-galerie img{width:100%; height:auto; border-radius:12px; border:1px solid var(--linie); box-shadow:0 10px 26px rgba(28,33,40,.14);}
.harti-galerie figcaption{font-size:15px; color:var(--text-slab); margin-top:10px; line-height:1.45;}

.cifre{list-style:none; padding:0; margin:0; display:grid; gap:14px;}
.cifre li{background:var(--alb); border:1px solid var(--linie); border-left:5px solid var(--accent); border-radius:12px; padding:16px 20px;}
.cifre b{display:block; font-size:22px; color:var(--albastru);}
.cifre span{color:var(--text-slab);}

.contact{background:var(--albastru); color:#fff;}
.contact h2{color:#fff;}
.contact a{color:#fff;}
.date-contact{list-style:none; padding:0; font-size:21px;}
.date-contact li{padding:8px 0;}
.date-contact span{display:inline-block; width:34px;}
.formular{background:var(--alb); color:var(--text); border-radius:var(--raza); padding:26px; display:flex; flex-direction:column;}
.formular label{font-weight:700; margin:12px 0 6px;}
.formular input, .formular textarea{font:inherit; font-size:18px; padding:12px 14px; border:1px solid #b9b3a5; border-radius:10px; width:100%;}
.formular .buton{margin-top:18px;}
.formular .nota{margin:10px 0 0;}

.jos{background:var(--albastru-inchis); color:#d6dde4; padding:30px 0; font-size:16px;}
.jos a{color:#fff;}
.jos p{margin:6px 0;}

/* telefon */
@media (max-width:860px){
  .sus-rand{justify-content:space-between; flex-wrap:wrap; gap:8px 12px; padding-top:8px;}
  .meniu{order:3; width:100%; margin:0; gap:20px; overflow-x:auto; padding-bottom:10px; font-size:16px;}
  .marca span{font-size:16px;}
  .doua{grid-template-columns:1fr; gap:32px;}
  .erou{padding:56px 0 64px;}
  .sectiune{padding:52px 0;}
  .buton{width:100%;}
  .buton.mic{width:auto;}
}
@media (max-width:420px){
  .marca span{display:none;}
}

/* instalarea aplicației */
.pasi{margin:8px 0 0; padding-left:22px; color:var(--text-slab);}
.pasi li{padding:3px 0;}
.buton.contur.albastru{color:var(--albastru);}
.buton.contur.albastru:hover{background:#eef2f6;}

/* prima imagine: textul în stânga, aplicația în dreapta, straturile de rocă jos */
.erou-grila{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; position:relative; z-index:1;}
.erou h1{max-width:12em;}
.erou-vizual{position:relative;}
.erou-logo{background:#fff; border-radius:16px; padding:34px 30px; box-shadow:0 24px 60px rgba(0,0,0,.45);}
.erou-logo img{display:block; width:100%; height:auto;}
.erou-ecran{border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.25); transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);}
.eticheta-plutitoare{position:absolute; display:flex; gap:10px; align-items:center; background:#fff; color:var(--text); border-radius:12px; padding:10px 14px; box-shadow:0 12px 28px rgba(0,0,0,.3); font-size:15px; line-height:1.3;}
.eticheta-plutitoare span{display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#fdeee3; color:var(--accent-inchis); font-weight:700;}
.eticheta-plutitoare.e2 span{background:#e8f1e3; color:var(--verde);}
.eticheta-plutitoare small{display:block; color:var(--text-slab); font-size:13px;}
.e1{left:-22px; top:14%;}
.e2{right:-10px; bottom:6%;}
.straturi{position:absolute; left:0; right:0; bottom:-1px; width:100%; height:90px;}

/* pe scurt, sub prima imagine */
.incredere{background:var(--fond); padding:8px 0 24px;}
.incredere-rand{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;}
.incredere-rand div{background:var(--alb); border:1px solid var(--linie); border-radius:12px; padding:14px 16px;}
.incredere-rand b{display:block; color:var(--albastru); font-size:17px;}
.incredere-rand span{color:var(--text-slab); font-size:15px;}

/* carduri mai vii */
.card{transition:transform .15s ease, box-shadow .15s ease;}
.card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(28,33,40,.10);}
.carduri .card:nth-child(6n+1) .ic{background:#fdeee3;}
.carduri .card:nth-child(6n+2) .ic{background:#e6eef7;}
.carduri .card:nth-child(6n+3) .ic{background:#efe8f6;}
.carduri .card:nth-child(6n+4) .ic{background:#e8f1e3;}
.carduri .card:nth-child(6n+5) .ic{background:#e3f1ee;}

/* cum lucrăm */
.cum{background:var(--alb); border-top:1px solid var(--linie);}
.pasi-mari{list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; counter-reset:pas;}
.pasi-mari li{position:relative; padding:22px 22px 18px; border-radius:var(--raza); background:var(--fond); border:1px solid var(--linie);}
.pasi-mari li > span{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--albastru); color:#fff; font-weight:700; font-size:20px; margin-bottom:12px;}
.pasi-mari h3{color:var(--albastru);}
.pasi-mari p{margin:0; color:var(--text-slab);}

@media (max-width:960px){
  .erou-grila{grid-template-columns:1fr;}
  .erou-vizual{max-width:560px;}
  .e1{left:-6px;} .e2{right:-6px;}
  .incredere-rand{grid-template-columns:1fr 1fr;}
  .pasi-mari{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .eticheta-plutitoare{font-size:13px; padding:8px 10px;}
  .eticheta-plutitoare small{font-size:12px;}
  .erou-ecran{transform:none;}
}

/* formularul de contact */
.capcana{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
.mesaj-formular{margin:0 0 6px; padding:12px 14px; border-radius:10px; font-weight:700;}
.mesaj-formular.ok{background:#e8f1e3; color:#2d5a20;}
.mesaj-formular.eroare{background:#fbe7e4; color:#9e261c;}
@media (max-width:520px){ .marca img{height:40px;} .sus .buton.mic{font-size:15px; padding:8px 12px;} }

/* comparația „fără / cu” */
.comparatie{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0 0 28px;}
.comparatie > div{border-radius:var(--raza); padding:22px 24px; border:1px solid var(--linie);}
.comparatie ul{margin:0; padding-left:22px;}
.comparatie li{padding:4px 0;}
.cmp-inainte{background:#f3f1ec; color:var(--text-slab);}
.cmp-inainte h3{color:var(--text-slab);}
.cmp-cu{background:#f2f6ef; border-color:#c9d8bf !important;}
.cmp-cu h3{color:var(--verde);}
@media (max-width:860px){ .comparatie{grid-template-columns:1fr;} }


/* oferta (în loc de prețuri) */
.oferta{background:#f2f6ef; border:1px solid #c9d8bf; border-radius:12px; padding:14px 18px;}
.oferta > b{display:block; color:var(--albastru);}
.oferta span{display:block; color:var(--text-slab);}

/* recenzii */
.recenzii{background:var(--alb); border-top:1px solid var(--linie);}
.recenzie{margin:0; background:var(--fond); border:1px solid var(--linie); border-radius:var(--raza); padding:24px; display:flex; flex-direction:column; gap:12px;}
.recenzie[hidden]{display:none;}
.recenzie .stele{color:#d9a441; font-size:20px; letter-spacing:2px;}
.recenzie blockquote{margin:0; font-size:18px;}
.recenzie figcaption b{display:block; color:var(--albastru);}
.recenzie figcaption span{color:var(--text-slab); font-size:15px;}
.recenzii-gol{background:var(--fond); border:2px dashed var(--linie); border-radius:var(--raza); padding:22px 24px;}
.recenzii-gol p{margin:0;}
.recenzii-gol .butoane{margin-top:16px;}
.recenzii .carduri:not(:has(.recenzie:not([hidden]))){display:none;}

/* instalarea: alegerea dispozitivului */
.platforme{display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin:0 0 10px;}
.platforma{display:flex; flex-direction:column; align-items:center; gap:2px; text-align:center; text-decoration:none; color:var(--text); background:var(--alb); border:2px solid var(--linie); border-radius:var(--raza); padding:18px 12px;}
.platforma span{font-size:34px;}
.platforma b{font-size:20px; color:var(--albastru);}
.platforma small{color:var(--text-slab); font-size:14px;}
.platforma:hover, .platforma.al-meu{border-color:var(--accent); background:#fff8f2;}
#platformaDetectata{margin:0 0 18px;}
.card.al-meu{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent) inset;}
@media (max-width:520px){ .platforme{grid-template-columns:1fr;} .platforma{flex-direction:row; gap:12px; text-align:left;} .platforma small{margin-left:auto;} }

/* filmul de prezentare */
.film{width:100%; height:auto; border-radius:var(--raza); border:1px solid var(--linie); box-shadow:0 12px 30px rgba(28,33,40,.15); background:#152a3c;}

/* programele de descărcat (Windows .exe, Android .apk) */
.descarcari{display:flex; flex-wrap:wrap; gap:14px; margin:18px 0 8px;}
.buton.mare{display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:16px 22px; font-size:1.1em; min-width:260px;}
.buton.mare small{font-size:0.78em; font-weight:400; opacity:0.9;}
.nota-descarcare{margin:6px 0 18px; line-height:1.5;}
.nota-descarcare summary{cursor:pointer; font-weight:600;}

/* „În curând: aplicație nouă de geologie” */
.aplicatie-noua{background:var(--albastru); color:#fff;}
.aplicatie-noua-panou{display:flex; flex-wrap:wrap; align-items:center; gap:28px;}
.aplicatie-noua h2{color:#fff; margin:0 0 8px;}
.aplicatie-noua .eticheta{color:#f3b98f;}
.aplicatie-noua p{max-width:560px; font-size:18px; line-height:1.55;}
.aplicatie-noua .buton.contur{color:#fff; border-color:#fff;}
.suna{white-space:nowrap;}

/* descărcarea dintr-un clic, în primul ecran: Windows, Android, iPhone / iPad */
.descarca-rapid{margin:26px 0 18px;}
.descarca-titlu{font-size:22px; font-weight:800; margin:0 0 10px; color:#fff;}
.descarca-butoane{display:flex; flex-wrap:wrap; gap:12px;}
.buton.descarca-un{display:inline-flex; flex-direction:column; align-items:center; gap:2px; min-width:150px; padding:14px 20px; font-size:19px;
  background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.75); color:#fff;}
.ic-os{width:1em; height:1em; vertical-align:-.14em; flex:none;}
.buton.descarca-un .ic-os{width:30px; height:30px; margin-bottom:4px;}
.buton.mare .ic-os{width:26px; height:26px; margin-right:6px; vertical-align:-6px;}
.platforma .ic-os, .card .ic .ic-os{width:28px; height:28px;}
.buton.descarca-un small{font-size:13px; font-weight:500; opacity:.9;}
.buton.descarca-un:hover{background:rgba(255,255,255,.2);}
.buton.descarca-un.al-meu{background:var(--accent); border-color:var(--accent); box-shadow:0 10px 26px rgba(193,98,43,.45); animation:respira 2.6s ease-in-out infinite;}
.descarca-nota{color:#e4e9ee; font-size:16px; margin:12px 0 0;}
.erou .buton.contur{color:#fff; border-color:rgba(255,255,255,.7); background:transparent;}
.erou .buton.contur:hover{background:rgba(255,255,255,.12);}
@keyframes respira{0%,100%{transform:scale(1)} 50%{transform:scale(1.035)}}
@media (prefers-reduced-motion:reduce){.buton.descarca-un.al-meu{animation:none;}}
@media (max-width:760px){.descarca-butoane{display:grid; grid-template-columns:1fr;} .buton.descarca-un{width:100%;}}

/* tema luminoasă / întunecată (decizie 15.10.2026): butonul 🌙 / ☀️ din bara de sus */
.tema-buton{border:1px solid var(--linie); background:var(--alb); color:var(--text); border-radius:12px; width:46px; height:46px; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none;}
.tema-buton:hover{border-color:var(--accent);}
.tema-soare{display:none;}
.ascuns{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
html[data-tema="intunecat"]{--fond:#10161d; --alb:#18212b; --text:#e6e9ed; --text-slab:#a9b3bf; --linie:#2c3845; color-scheme:dark;}
html[data-tema="intunecat"] .tema-luna{display:none;}
html[data-tema="intunecat"] .tema-soare{display:inline;}
html[data-tema="intunecat"] .sus{background:rgba(16,22,29,.95);}
html[data-tema="intunecat"] .marca img{background:#fff; border-radius:8px; padding:3px 6px;}
html[data-tema="intunecat"] a{color:#9cc3e6;}
html[data-tema="intunecat"] .meniu a{color:var(--text);}
html[data-tema="intunecat"] h2{color:#cfe0ef;}
html[data-tema="intunecat"] .buton{color:#fff;}
html[data-tema="intunecat"] .buton.contur.albastru{color:#cfe0ef;}
html[data-tema="intunecat"] .buton.contur.albastru:hover{background:#223040;}
html[data-tema="intunecat"] .card .ic, html[data-tema="intunecat"] .carduri .card .ic{background:#223040 !important;}
html[data-tema="intunecat"] .card.accent, html[data-tema="intunecat"] .platforma:hover, html[data-tema="intunecat"] .platforma.al-meu{background:#2a2018;}
html[data-tema="intunecat"] .pret, html[data-tema="intunecat"] .oferta, html[data-tema="intunecat"] .cmp-cu{background:#18261a; border-color:#2f4a2a !important;}
html[data-tema="intunecat"] .cmp-inainte{background:#1c232c;}
html[data-tema="intunecat"] .eticheta-plutitoare{background:#18212b;}
html[data-tema="intunecat"] .mesaj-formular.ok{background:#18261a; color:#bfe3b0;}
html[data-tema="intunecat"] .mesaj-formular.eroare{background:#3a1d1a; color:#f3b6ad;}
html[data-tema="intunecat"] .contact, html[data-tema="intunecat"] .aplicatie-noua{background:#152a3c;}
html[data-tema="intunecat"] .contact a, html[data-tema="intunecat"] .jos a, html[data-tema="intunecat"] .aplicatie-noua a{color:#fff;}
html[data-tema="intunecat"] .erou a.buton{color:#fff;}
html[data-tema="intunecat"] input, html[data-tema="intunecat"] textarea, html[data-tema="intunecat"] select{background:#0f151b; color:var(--text); border-color:var(--linie);}
html[data-tema="intunecat"] .straturi path:last-child{fill:var(--fond);}

/* testele gratuite (aplicația de teste, decizie 27.10.2026) */
.teste{background:#fff8f2; border-top:1px solid var(--linie); border-bottom:1px solid var(--linie);}
.teste-panou > div{border-left:6px solid var(--accent); padding-left:22px;}
.teste h2{margin:0 0 8px;}
.teste p{max-width:640px; font-size:18px; line-height:1.55;}
html[data-tema="intunecat"] .teste{background:#1d2a36;}