:root { --navy:#071525; --navy-2:#0d2339; --orange:#e8783b; --ink:#172637; --muted:#637386; --line:#dbe2e8; --paper:#f5f7f8; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,Arial,sans-serif; line-height:1.65; }
a { color:inherit; }
.site-header { background:var(--navy); color:var(--white); }
.header-inner { max-width:1180px; margin:auto; padding:1.1rem 1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; }
.brand img { width:180px; height:auto; display:block; }
.nav-links { display:flex; align-items:center; gap:1.35rem; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.nav-links a { text-decoration:none; opacity:.86; }
.nav-links a:hover,.nav-links a:focus-visible { color:var(--orange); opacity:1; }
.lang-links { display:flex; gap:.4rem; margin-left:.5rem; }
.lang-links button { border:1px solid rgba(255,255,255,.28); background:transparent; color:var(--white); border-radius:999px; padding:.25rem .55rem; font-size:.7rem; cursor:pointer; }
.lang-links button.active { background:var(--orange); border-color:var(--orange); }
.hero { background:linear-gradient(135deg,var(--navy),var(--navy-2)); color:var(--white); padding:clamp(4rem,9vw,7rem) 1.5rem 4.5rem; }
.hero-inner { max-width:980px; margin:auto; }
.eyebrow { color:var(--orange); text-transform:uppercase; letter-spacing:.18em; font-size:.7rem; font-weight:800; }
h1 { font-size:clamp(2.5rem,7vw,5.2rem); line-height:1.02; margin:.8rem 0 1.2rem; max-width:780px; letter-spacing:-.045em; }
.hero-intro { max-width:730px; color:rgba(255,255,255,.76); font-size:clamp(1.05rem,2vw,1.25rem); margin:0; }
.page { max-width:1180px; margin:auto; padding:clamp(3rem,7vw,5.5rem) 1.5rem; }
.content-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:4rem; align-items:start; }
h2 { color:var(--navy); font-size:clamp(1.7rem,3.5vw,2.7rem); line-height:1.1; letter-spacing:-.03em; margin:.4rem 0 1.1rem; }
h3 { color:var(--navy); margin:0 0 .35rem; font-size:1.05rem; }
.lead { color:var(--muted); font-size:1.05rem; }
.check-list { list-style:none; padding:0; margin:1.5rem 0 0; display:grid; gap:.85rem; }
.check-list li { position:relative; padding-left:1.6rem; color:var(--ink); }
.check-list li::before { content:'+'; position:absolute; left:0; top:-.12rem; color:var(--orange); font-size:1.35rem; font-weight:700; }
.photo-stack { display:grid; gap:1rem; }
.photo-stack img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border-radius:2px; }
.photo-stack img:nth-child(2) { aspect-ratio:16/10; }
.panel { background:var(--white); border:1px solid var(--line); padding:1.4rem; margin-top:2rem; }
.panel h3 { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }
.cta-band { background:var(--navy); color:var(--white); padding:2rem 1.5rem; }
.cta-inner { max-width:1180px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.cta-inner h2 { color:var(--white); margin:0; font-size:clamp(1.45rem,3vw,2.1rem); }
.actions { display:flex; gap:.7rem; flex-wrap:wrap; justify-content:flex-end; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.72rem 1.1rem; border-radius:2px; text-decoration:none; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; border:1px solid transparent; }
.btn-primary { background:var(--orange); color:var(--white); }
.btn-outline { color:var(--white); border-color:rgba(255,255,255,.45); }
.btn:hover,.btn:focus-visible { transform:translateY(-1px); }
.site-footer { background:#04101d; color:rgba(255,255,255,.68); padding:1.5rem; font-size:.78rem; }
.footer-inner { max-width:1180px; margin:auto; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.footer-inner a { color:var(--white); text-decoration:none; }
.lang-ro { display:none; }
body.ro .lang-en { display:none; }
body.ro .lang-ro { display:inline; }
@media (max-width:760px) { .header-inner { align-items:flex-start; flex-wrap:wrap; } .nav-links { width:100%; overflow:auto; gap:1rem; font-size:.68rem; } .content-grid { grid-template-columns:1fr; gap:2.5rem; } .cta-inner { align-items:flex-start; flex-direction:column; } .actions { justify-content:flex-start; } h1 { font-size:clamp(2.35rem,13vw,4rem); } }