/* Pagina de prezentare: aceleași culori ca aplicația, fără JavaScript. */
body.site{background:var(--paper);font-size:16px;line-height:1.55}
.s-wrap{width:min(1180px,calc(100% - 2.5rem));margin:0 auto}
.btn-mare{padding:.75rem 1.25rem;font-size:1rem;border-radius:10px}
.s-btn-alb{background:#fff;border-color:var(--line-strong)}

.s-top{position:sticky;top:0;z-index:10;background:rgba(243,246,241,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.s-top-in{display:flex;align-items:center;gap:1.5rem;height:68px}
.s-top .brand{text-decoration:none;color:var(--ink)}
.s-nav{display:flex;gap:1.4rem;margin-left:1rem}
.s-nav a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.95rem}
.s-nav a:hover{color:var(--accent)}
.s-top-act{margin-left:auto;display:flex;gap:.5rem}

.s-hero{background:radial-gradient(1200px 500px at 85% 0%,#dff5ec 0%,transparent 60%),linear-gradient(180deg,#f3f6f1,#eef4ef);padding:4.5rem 0 4rem}
.s-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3rem;align-items:center}
.s-eticheta{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5d7a12;margin-bottom:.7rem}
.s-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.03em}
.s-hero h1 span{color:var(--accent)}
.s-lead{font-size:1.12rem;color:var(--ink-2);margin-top:1.1rem;max-width:36rem}
.s-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem}
.s-bife{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;color:var(--ink-2);font-size:.92rem}
.s-bife li::before{content:"✓";color:#5d7a12;font-weight:800;margin-right:.4rem}
.s-hero-img{margin:0;position:relative}
.s-hero-img img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(10,52,55,.35),0 8px 20px rgba(10,52,55,.08)}
.s-pret-badge{position:absolute;left:-1.2rem;bottom:-1.2rem;background:var(--petrol-dark);color:#fff;border-radius:16px;padding:.8rem 1.1rem;display:flex;align-items:baseline;gap:.35rem;box-shadow:0 12px 30px rgba(10,52,55,.3)}
.s-pret-badge b{font-size:1.7rem;color:var(--lime);letter-spacing:-.02em}

.s-sec{padding:5rem 0}
.s-sec h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.02em;max-width:40rem}
.s-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:2.2rem}
.s-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:var(--umbra)}
.s-card h3{font-size:1.1rem;margin:.9rem 0 .4rem}
.s-card p{color:var(--ink-2);font-size:.97rem}
.s-ico{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.s-ico svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.s-sec-inchis{background:var(--petrol-dark);color:#d7e8e4}
.s-sec-inchis h2{color:#fff}
.s-sec-inchis .s-eticheta{color:var(--lime)}
.s-pasi{list-style:none;counter-reset:p;padding:0;margin:2.2rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.s-pasi li{counter-increment:p;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.5rem;display:grid;gap:.4rem}
.s-pasi li::before{content:"0" counter(p);font-weight:800;font-size:1.6rem;color:var(--lime)}
.s-pasi b{color:#fff;font-size:1.1rem}
.s-nota{margin-top:1.6rem;color:#b8d0cc}

.s-pret{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:3rem;align-items:center}
.s-pret-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:2rem;box-shadow:0 24px 50px -24px rgba(10,52,55,.35);display:grid;gap:.6rem}
.s-pret-plan{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.s-pret-suma b{font-size:3rem;letter-spacing:-.03em;color:var(--accent)}
.s-pret-suma span{color:var(--ink-2);margin-left:.3rem}
.s-oferte{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.6rem 0}
.s-oferte div{background:#f1fbcf;border-radius:12px;padding:.75rem .85rem;display:grid}
.s-oferte b{font-size:1.25rem}
.s-oferte span{font-size:.85rem;color:var(--ink-2)}
.s-lista{list-style:none;padding:0;margin:.3rem 0 .8rem;display:grid;gap:.35rem}
.s-lista li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:.5rem}

.s-sec-alb{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s-faq{max-width:820px}
.s-faq h2{margin-bottom:1.6rem}
.s-faq details{border-bottom:1px solid var(--line);padding:1rem 0}
.s-faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary::after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}
.s-faq details[open] summary::after{content:"−"}
.s-faq details p{color:var(--ink-2);margin-top:.6rem}

.s-final{background:var(--lime);padding:3.5rem 0}
.s-final-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.s-final h2{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em}
.s-final .btn-lime{background:var(--petrol-dark);border-color:var(--petrol-dark);color:#fff}

.s-jos{background:var(--petrol-dark);color:#b8d0cc;padding:2.5rem 0}
.s-jos-in{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}
.s-jos .brand{color:#fff}
.s-jos nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.s-jos a{color:#d7e8e4;text-decoration:none}
.s-jos a:hover{color:var(--lime)}
.s-mic{width:100%;font-size:.85rem;color:#8fb3ae}

@media (max-width:980px){
  .s-hero-in,.s-pret{grid-template-columns:minmax(0,1fr)}
  .s-grid,.s-pasi{grid-template-columns:minmax(0,1fr)}
  .s-nav{display:none}
  .s-pret-badge{left:.8rem}
}
@media (max-width:520px){.s-top-act .btn-ghost{display:none}.s-oferte{grid-template-columns:1fr}}

/* Bifa lunar / anual, fără JavaScript */
.s-perioada{position:relative;display:inline-flex;background:#eef3ef;border-radius:99px;padding:.25rem;gap:.2rem;justify-self:start}
.s-perioada input{position:absolute;opacity:0;pointer-events:none}
.s-perioada label{padding:.45rem .95rem;border-radius:99px;font-weight:700;font-size:.92rem;cursor:pointer;color:var(--ink-2);display:flex;gap:.4rem;align-items:center}
.s-perioada label em{font-style:normal;font-size:.72rem;background:var(--lime);color:var(--ink);border-radius:99px;padding:.1rem .45rem}
.s-perioada input:checked+label{background:var(--accent);color:#fff}
.s-perioada input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.s-lunar{display:none}
.s-pret-card:has(#p-lunar:checked) .s-lunar{display:block}
.s-pret-card:has(#p-lunar:checked) .s-anual{display:none}
.s-pret-badge span:first-child{font-size:.85rem;color:#b8d0cc}

/* Prima secțiune după machetă: laptop, card e-Factura, oferte */
.s-btn-contur{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}
.s-btn-contur:hover{background:var(--accent-soft)}
.s-hero{padding:3.5rem 0 3rem;background:radial-gradient(700px 520px at 88% 30%,#cdeee2 0%,transparent 65%),radial-gradient(500px 400px at 100% 90%,#dff5ec 0%,transparent 70%),#f3f6f1}
.s-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.5rem}
.s-hero h1{font-size:clamp(2.4rem,5vw,4rem);color:var(--ink)}
.s-hero h1 span{color:inherit}
.s-subliniat{position:relative;display:inline-block}
.s-subliniat::after{content:"";position:absolute;left:0;right:-.2em;bottom:-.18em;height:.22em;background:var(--lime);border-radius:99px;transform:rotate(-2deg)}
.s-lead b{color:var(--ink)}
.s-bife-mari{list-style:none;padding:0;margin:1.3rem 0 0;display:grid;gap:.55rem;font-size:1.05rem}
.s-bife-mari li{display:flex;align-items:center;gap:.6rem}
.s-bife-mari svg{width:1.45rem;height:1.45rem;flex:none}
.s-hero-vizual{position:relative;aspect-ratio:1.18/1;min-height:0}
.s-laptop{position:absolute;right:8%;top:-3%;width:70%;transform-style:preserve-3d;transform:perspective(1500px) rotateY(-26deg) rotateX(6deg) rotateZ(-1deg);transform-origin:60% 50%}
.s-laptop-ecran{background:var(--petrol-dark);border-radius:18px 18px 6px 6px;padding:12px 12px 16px;box-shadow:0 30px 60px -18px rgba(10,52,55,.45)}
.s-ec-bara{display:flex;align-items:center;gap:.45rem;color:#fff;font-weight:700;font-style:italic;font-size:.95rem;padding:.2rem .3rem .7rem}
.s-ec-bara .brand-mark{width:1.5rem;height:1.5rem}
.s-ec-factura{background:#fff;border-radius:10px;padding:1rem 1.1rem;display:grid;gap:.55rem;font-size:.8rem}
.s-ec-antet{display:flex;justify-content:space-between;align-items:flex-start}
.s-ec-antet b{display:block;font-size:1.15rem}
.s-ec-antet small{color:var(--ink-2);font-style:italic}
.s-ec-emisa{background:var(--lime);color:var(--ink);font-weight:800;border-radius:8px;padding:.2rem .6rem}
.s-ec-rand{display:flex;justify-content:space-between}
.s-ec-rand i,.s-ec-tabel i{display:block;height:7px;border-radius:4px;background:#dde5e1}
.s-ec-tabel{display:grid;gap:5px;border:1px solid #e3eae6;border-radius:6px;padding:7px}
.s-ec-tabel i{height:6px}
.s-ec-total{display:flex;justify-content:space-between;background:var(--accent);color:#fff;border-radius:6px;padding:.35rem .55rem}
.s-ec-spv{color:var(--ok);font-weight:700;font-size:.75rem}
.s-laptop-baza{position:relative;height:120px;margin:0 -6% 0;transform-origin:top center;transform:rotateX(74deg);border-radius:4px 4px 22px 22px;
  background:linear-gradient(#f1f4f2,#cfd8d4);box-shadow:inset 0 2px 0 #fff,0 30px 40px -10px rgba(10,52,55,.35)}
.s-laptop-baza::before{content:"";position:absolute;left:9%;right:9%;top:10%;height:52%;border-radius:6px;
  background:repeating-linear-gradient(90deg,#b9c4bf 0 9%,transparent 9% 10%),repeating-linear-gradient(0deg,transparent 0 20%,#e9eeeb 20% 25%);opacity:.9}
.s-laptop-baza::after{content:"";position:absolute;left:36%;right:36%;bottom:9%;height:20%;border-radius:6px;background:#dfe6e2;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.s-dash{position:absolute;left:-4%;bottom:-2%;width:47%;z-index:2;background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 26px 50px -16px rgba(10,52,55,.45);overflow:hidden;transform:rotateZ(-2deg)}
.s-dash-bara{display:flex;gap:5px;padding:7px 9px;background:#eef3ef;border-bottom:1px solid var(--line)}
.s-dash-bara i{width:8px;height:8px;border-radius:50%;background:#c9d4cc}
.s-dash img{display:block;width:100%;height:auto}
.s-card-efact{position:absolute;right:0;top:30%;z-index:3;background:#fff;border-radius:20px;padding:1.1rem 1.3rem;display:grid;justify-items:center;gap:.15rem;box-shadow:0 20px 40px -12px rgba(10,52,55,.35);min-width:170px}
.s-card-efact-ico svg{width:3.2rem;height:3.2rem}
.s-card-efact b{font-size:1.45rem;letter-spacing:-.02em}
.s-card-efact span:last-child{color:var(--ink-2);font-weight:600}
.s-card-efact::before{content:"";position:absolute;right:-14px;top:-14px;width:34px;height:34px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4L18 8' fill='none' stroke='%230c4a4f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.s-incredere{list-style:none;padding:0;margin:2.2rem 0 0;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;justify-content:center;color:var(--ink-2);font-weight:600}
.s-incredere li{display:flex;align-items:center;gap:.5rem}
.s-incredere svg{width:1.4rem;height:1.4rem;color:var(--accent)}
.s-oferte-mari{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.8rem}
.s-of{border-radius:22px;padding:1.3rem 1.5rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:1rem;transition:transform .15s}
.s-of:hover{transform:translateY(-2px)}
.s-of svg{width:3rem;height:3rem;flex:none}
.s-of span{display:grid}
.s-of b{font-size:1.7rem;letter-spacing:-.02em;line-height:1.1}
.s-of em{font-style:normal;color:var(--ink-2)}
.s-of-inchis{background:var(--petrol-dark);color:#fff;display:grid;gap:0}
.s-of-inchis small{color:var(--lime);font-weight:700;font-size:1rem}
.s-of-inchis b{font-size:2.6rem}
.s-of-inchis b span{font-size:1.4rem;display:inline}
.s-of-inchis em{color:#cfe3df}
.s-of-lime{background:#e9f9b4;color:var(--accent)}
.s-of-menta{background:#d6f1e7;color:var(--accent)}
.s-of-lime b,.s-of-menta b{color:var(--ink)}
@media (max-width:980px){.s-hero-vizual{max-width:620px}.s-card-efact{min-width:0;padding:.7rem .9rem}.s-card-efact b{font-size:1.1rem}.s-oferte-mari{grid-template-columns:minmax(0,1fr)}}

/* Pagini legale */
.s-legal{max-width:820px;padding:3rem 0 4rem}
.s-legal h1{font-size:2.2rem;margin-bottom:.3rem}
.s-legal h2{font-size:1.2rem;margin:2rem 0 .5rem}
.s-legal p,.s-legal li{color:var(--ink-2)}
.s-legal ul{padding-left:1.2rem;display:grid;gap:.35rem}
.s-legal table{margin:.6rem 0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
mark.de-completat{background:#ffe08a;color:#5e4300;padding:0 .2rem;border-radius:3px}

/* Pagini de prezentare și instrumente */
.s-pag-antet{padding:3.5rem 0 1.5rem;background:radial-gradient(700px 400px at 90% 0%,#cdeee2 0%,transparent 65%),#f3f6f1}
.s-pag-antet h1{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.03em;line-height:1.08}
.s-pag{padding:2rem 0 4rem;display:grid;gap:1.6rem}
.s-pag h2{font-size:1.5rem;letter-spacing:-.02em;margin-top:1rem}
.s-faq-pag{max-width:none}
.s-preturi-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.s-pret-recomandat{outline:3px solid var(--lime)}
.s-oferte-pag{margin-top:0}
.s-card-link{text-decoration:none;color:inherit;transition:transform .15s}
.s-card-link:hover{transform:translateY(-2px);border-color:var(--accent)}
.s-unealta{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;box-shadow:var(--umbra);display:grid;gap:1rem}
.s-unealta-rand{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}
.s-unealta-rand .field{flex:1;min-width:200px}
.s-unealta input,.s-unealta select{padding:.7rem .8rem;font-size:1.05rem}
.s-rezultat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.s-rezultat div{background:#f1fbcf;border-radius:12px;padding:.9rem 1rem;display:grid}
.s-rezultat div:last-child{background:var(--petrol-dark);color:#fff}
.s-rezultat small{color:inherit;opacity:.75}
.s-rezultat b{font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s-cui-rez{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;box-shadow:var(--umbra)}
.s-cui-rez dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.2rem;margin:.8rem 0}
.s-cui-rez dt{color:var(--ink-2)}
.s-cui-rez dd{margin:0}
.s-da{color:var(--ok)} .s-nu{color:var(--err)}
@media (max-width:760px){.s-preturi-2,.s-rezultat{grid-template-columns:minmax(0,1fr)}}