:root{--orange:#f36b21;--orange2:#ff8a3d;--ink:#111417;--ink2:#191d21;--paper:#f3f1ec;--white:#fff;--muted:#aab0b5;--line:rgba(255,255,255,.13);--radius:22px;--shadow:0 30px 80px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}a{text-decoration:none;color:inherit}img,video{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:1000;padding:18px 0;transition:.3s}.site-header.scrolled{background:rgba(17,20,23,.92);backdrop-filter:blur(18px);padding:10px 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;color:#fff}.brand img{width:62px;height:62px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.18)}.brand span{display:grid}.brand strong{font-family:Oswald,sans-serif;font-size:1.35rem;letter-spacing:.08em}.brand small{font-size:.72rem;color:#c8cbd0;text-transform:uppercase;letter-spacing:.12em}.main-nav{display:flex;align-items:center;gap:25px;color:#fff;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.main-nav>a:not(.nav-cta){position:relative;padding:10px 0}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--orange);transition:.25s}.main-nav>a:hover:after,.main-nav>a.active:after{width:100%}.nav-cta{padding:12px 18px;border-radius:999px;background:var(--orange);color:#111}.menu-toggle{display:none;color:#fff;background:none;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:1.2rem}.hero{min-height:920px;position:relative;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 78% 25%,rgba(243,107,33,.18),transparent 29%),linear-gradient(120deg,#0e1114 0%,#15191d 54%,#20252a 100%);padding:150px 0 100px;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -15% -42% 36%;height:720px;background:var(--orange);transform:rotate(-11deg);opacity:.95}.hero-noise{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#d8dadd}.eyebrow span{display:block;width:38px;height:2px;background:var(--orange)}.eyebrow.dark{color:#555c62}.hero h1,.section h2,.quote-section h2{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.hero h1{font-size:clamp(4.2rem,7vw,7.3rem);line-height:.9;margin:0;max-width:720px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:1.16rem;line-height:1.8;color:#c5c9cd;max-width:660px;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 25px;border-radius:999px;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--orange);color:#151515}.btn-secondary{border:1px solid rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.05)}.hero-trust{display:flex;gap:38px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}.hero-trust div{display:grid}.hero-trust strong{font-size:.98rem}.hero-trust span{font-size:.76rem;color:#949ba1;text-transform:uppercase;letter-spacing:.1em}.hero-media{position:relative}.media-frame{position:relative;border-radius:30px;overflow:hidden;background:#000;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14)}.media-frame:before{content:"";display:block;padding-top:112%}.media-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.65))}.media-badge{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:rgba(16,19,22,.76);backdrop-filter:blur(12px);font-size:.78rem;color:#d7dade}.media-badge i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:#111}.media-badge strong{color:#fff}.accent-card{position:absolute;right:-38px;top:45px;width:180px;padding:22px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);transform:rotate(3deg)}.accent-card span{font-family:Oswald;font-size:3.7rem;color:var(--orange);line-height:1}.accent-card strong,.accent-card small{display:block}.accent-card small{margin-top:8px;font-size:.68rem;color:#697076}.scroll-cue{position:absolute;z-index:3;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fff}.scroll-cue i{color:var(--orange)}.strip{background:#0d1012;color:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip span{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 14px;border-right:1px solid var(--line);font-size:.86rem;font-weight:700}.strip span:last-child{border-right:0}.strip i{color:var(--orange)}.section{padding:120px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:60px}.section h2{font-size:clamp(3rem,5vw,5rem);line-height:1;margin:0;max-width:800px}.section-head>p,.services-intro>p{color:#62686e;line-height:1.8;margin:0}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{position:relative;background:#fff;border-radius:var(--radius);padding:34px 28px;min-height:310px;box-shadow:0 14px 35px rgba(30,35,40,.06);transition:.28s;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(30,35,40,.12)}.feature-card:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:.3s}.feature-card:hover:after{transform:scaleX(1)}.card-number{position:absolute;right:22px;top:18px;font-family:Oswald;font-size:2.5rem;color:#ece9e3}.feature-card i{font-size:2rem;color:var(--orange);margin:34px 0 45px}.feature-card h3{font-size:1.15rem;margin:0 0 12px}.feature-card p{color:#70767b;line-height:1.7;margin:0;font-size:.9rem}.services-section{background:var(--ink);color:#fff}.services-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.services-intro{position:sticky;top:130px;align-self:start}.services-intro h2{margin-bottom:28px}.services-intro>p{color:#aeb4b9}.text-link{display:inline-flex;gap:12px;align-items:center;margin-top:30px;color:var(--orange);font-weight:800}.service-row{display:grid;grid-template-columns:58px 1fr 34px;gap:20px;align-items:center;padding:28px 4px;border-bottom:1px solid var(--line);transition:.25s}.service-row:hover{padding-left:16px;color:var(--orange)}.service-row>span{font-family:Oswald;font-size:1.2rem;color:#777f85}.service-row h3{font-size:1.22rem;margin:0 0 8px}.service-row p{color:#92999f;margin:0;font-size:.88rem}.process-section{background:#e7e3dc}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c8c3ba;border:1px solid #c8c3ba}.process-step{background:#e7e3dc;padding:35px;min-height:260px}.process-step b{display:inline-grid;place-items:center;width:50px;height:50px;border:1px solid #aaa49b;border-radius:50%;font-family:Oswald;color:var(--orange)}.process-step h3{font-size:1.15rem;margin:42px 0 12px}.process-step p{color:#656a6e;line-height:1.7;font-size:.9rem}.quote-section{background:var(--orange);padding:90px 0;color:#111}.quote-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.quote-section .eyebrow{color:#3c271b}.quote-section .eyebrow span{background:#111}.quote-section h2{font-size:clamp(3rem,5vw,5rem);margin:0 0 16px}.quote-section p{max-width:710px;line-height:1.7}.quote-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-light{background:#111;color:#fff}.btn-outline-light{border:1px solid rgba(17,17,17,.5)}.site-footer{background:#0d1012;color:#fff;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr .7fr;gap:65px}.footer-brand img{width:110px;border-radius:16px;margin-bottom:20px}.footer-brand p{color:#8f979d;line-height:1.7;max-width:300px}.site-footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:#737b82;margin:0 0 20px}.site-footer div>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start}.site-footer a{color:#d4d7da;margin:7px 0;font-size:.9rem}.site-footer a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);font-size:.75rem;color:#777f85}.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:1050px){.main-nav{gap:15px}.nav-cta{display:none}.hero-grid{gap:40px}.accent-card{right:-15px}.cards-grid{grid-template-columns:repeat(2,1fr)}.services-layout{gap:55px}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:820px){.shell{width:min(100% - 28px,1180px)}.site-header{padding:12px 0}.brand img{width:50px;height:50px}.menu-toggle{display:block}.main-nav{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px;background:#11171b;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a{padding:14px!important}.nav-cta{display:block;text-align:center;margin-top:6px}.hero{min-height:auto;padding:125px 0 75px}.hero-grid,.section-head,.services-layout,.quote-inner{grid-template-columns:1fr}.hero-copy{order:1}.hero-media{order:2;max-width:600px}.hero h1{font-size:clamp(3.8rem,14vw,6rem)}.lead{font-size:1rem}.hero-trust{gap:18px;justify-content:space-between}.accent-card{right:10px}.scroll-cue{display:none}.strip-grid{grid-template-columns:repeat(2,1fr)}.strip span:nth-child(2){border-right:0}.strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:85px 0}.section-head{gap:25px}.services-intro{position:static}.quote-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:560px){.brand small{display:none}.hero-actions .btn{width:100%}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-trust strong{font-size:.8rem}.hero-trust span{font-size:.62rem}.accent-card{position:relative;right:auto;top:auto;width:100%;margin-top:12px;transform:none}.strip-grid,.cards-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.strip span{border-right:0!important;border-bottom:1px solid var(--line)!important;justify-content:flex-start}.section h2{font-size:2.75rem}.service-row{grid-template-columns:42px 1fr 22px}.quote-actions .btn{width:100%}.footer-bottom{gap:20px;align-items:flex-start;flex-direction:column}}

/* =========================================================
   PAGINI INTERIOARE
   ========================================================= */

.page-hero {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 30%, rgba(238, 104, 35, .2), transparent 32%),
        linear-gradient(135deg, #111820 0%, #17222d 58%, #0d1319 100%);
}

.page-hero::after {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    right: -170px;
    bottom: -250px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(255, 255, 255, .025),
        0 0 0 140px rgba(255, 255, 255, .018);
}

.page-hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 70px 70px;
    mask-image: linear-gradient(to bottom, black, transparent 90%);
}

.page-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
    gap: 80px;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 100px;
}

.page-hero-copy h1 {
    max-width: 900px;
    margin: 20px 0 26px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: clamp(3.6rem, 7vw, 7rem);
    line-height: .98;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

.page-hero-copy h1 em {
    display: block;
    color: var(--accent, #ee6823);
    font-style: normal;
}

.page-hero-copy .lead {
    max-width: 740px;
    color: rgba(255, 255, 255, .76);
}

.page-hero-panel {
    padding: 38px;
    color: #fff;
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 28px;
    backdrop-filter: blur(18px);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .28);
}

.panel-label {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--accent, #ee6823);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.page-hero-panel > strong {
    display: block;
    margin-bottom: 28px;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    line-height: 1.35;
}

.page-hero-panel ul,
.check-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-hero-panel li {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 13px 0;
    color: rgba(255, 255, 255, .8);
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.page-hero-panel li i {
    color: var(--accent, #ee6823);
}

.service-overview {
    background: #f4f1ec;
}

.premium-service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 62px;
}

.premium-service-card {
    position: relative;
    min-height: 100%;
    padding: 38px 34px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(17, 24, 32, .09);
    border-radius: 24px;
    box-shadow: 0 18px 55px rgba(17, 24, 32, .07);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.premium-service-card:hover {
    transform: translateY(-8px);
    border-color: rgba(238, 104, 35, .45);
    box-shadow: 0 28px 70px rgba(17, 24, 32, .12);
}

.premium-service-card::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    right: -60px;
    bottom: -65px;
    border-radius: 50%;
    background: rgba(238, 104, 35, .08);
}

.service-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin-bottom: 34px;
    color: var(--accent, #ee6823);
    background: rgba(238, 104, 35, .1);
    border-radius: 18px;
    font-size: 1.55rem;
}

.service-index {
    position: absolute;
    top: 32px;
    right: 32px;
    color: rgba(17, 24, 32, .17);
    font-family: "Oswald", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.premium-service-card h2 {
    margin: 0 0 16px;
    color: #111820;
    font-family: "Oswald", sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.premium-service-card > p {
    min-height: 82px;
    margin-bottom: 24px;
    color: #5f6871;
    line-height: 1.7;
}

.check-list li {
    position: relative;
    margin: 12px 0;
    padding-left: 26px;
    color: #303941;
    font-size: .94rem;
    line-height: 1.55;
}

.check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent, #ee6823);
    font-weight: 900;
}

.execution-section {
    color: #fff;
    background: #111820;
}

.execution-layout {
    display: grid;
    grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
    gap: 90px;
    align-items: start;
}

.execution-copy {
    position: sticky;
    top: 130px;
}

.execution-copy h2 {
    margin: 18px 0 24px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: clamp(2.8rem, 5vw, 5rem);
    line-height: 1;
    text-transform: uppercase;
}

.execution-copy > p {
    color: rgba(255, 255, 255, .68);
    line-height: 1.85;
}

.light-link {
    color: #fff;
}

.execution-steps {
    display: grid;
    gap: 18px;
}

.execution-step {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 24px;
    padding: 30px;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 22px;
}

.execution-step > span {
    color: var(--accent, #ee6823);
    font-family: "Oswald", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
}

.execution-step h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.25rem;
}

.execution-step p {
    margin: 0;
    color: rgba(255, 255, 255, .64);
    line-height: 1.65;
}

.technical-options {
    background: #fff;
}

.technical-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: rgba(17, 24, 32, .12);
    border: 1px solid rgba(17, 24, 32, .12);
    border-radius: 24px;
}

.technical-item {
    padding: 38px;
    background: #fff;
}

.technical-item i {
    margin-bottom: 24px;
    color: var(--accent, #ee6823);
    font-size: 1.8rem;
}

.technical-item h3 {
    margin: 0 0 12px;
    color: #111820;
    font-size: 1.25rem;
}

.technical-item p {
    margin: 0;
    color: #667078;
    line-height: 1.7;
}

.faq-section {
    background: #f4f1ec;
}

.faq-layout {
    display: grid;
    grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
    gap: 90px;
    align-items: start;
}

.faq-intro h2 {
    margin: 18px 0 22px;
    color: #111820;
    font-family: "Oswald", sans-serif;
    font-size: clamp(2.6rem, 4vw, 4.4rem);
    line-height: 1.05;
    text-transform: uppercase;
}

.faq-intro > p {
    color: #657078;
    line-height: 1.75;
}

.faq-list {
    display: grid;
    gap: 14px;
}

.faq-item {
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(17, 24, 32, .1);
    border-radius: 18px;
}

.faq-item summary {
    position: relative;
    padding: 24px 58px 24px 25px;
    cursor: pointer;
    color: #111820;
    font-weight: 800;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    color: var(--accent, #ee6823);
    font-size: 1.7rem;
    font-weight: 500;
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-item p {
    margin: 0;
    padding: 0 25px 25px;
    color: #657078;
    line-height: 1.75;
}

@media (max-width: 1050px) {
    .page-hero-inner,
    .execution-layout,
    .faq-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .page-hero-panel {
        max-width: 700px;
    }

    .premium-service-grid,
    .technical-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .execution-copy {
        position: static;
    }
}

@media (max-width: 700px) {
    .page-hero {
        min-height: auto;
    }

    .page-hero-inner {
        padding-top: 140px;
        padding-bottom: 70px;
    }

    .page-hero-copy h1 {
        font-size: clamp(3rem, 14vw, 4.8rem);
    }

    .page-hero-panel {
        padding: 28px 24px;
    }

    .premium-service-grid,
    .technical-grid {
        grid-template-columns: 1fr;
    }

    .premium-service-card {
        padding: 32px 26px;
    }

    .premium-service-card > p {
        min-height: auto;
    }

    .execution-step {
        grid-template-columns: 48px 1fr;
        padding: 24px 20px;
    }
}

/* =========================================================
   PAGINA DESPRE NOI
   ========================================================= */

.about-intro {
    background: #fff;
}

.about-intro-grid {
    display: grid;
    grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
    gap: 100px;
    align-items: start;
}

.about-intro-copy h2 {
    margin: 18px 0 0;
    color: #111820;
    font-family: "Oswald", sans-serif;
    font-size: clamp(3rem, 5vw, 5.3rem);
    line-height: 1.03;
    text-transform: uppercase;
}

.about-intro-text {
    padding-left: 42px;
    border-left: 1px solid rgba(17, 24, 32, .14);
}

.about-intro-text p {
    margin: 0 0 24px;
    color: #5f6871;
    font-size: 1.06rem;
    line-height: 1.9;
}

.about-intro-text p:first-child {
    color: #222c34;
    font-size: 1.2rem;
    font-weight: 600;
}

.values-section {
    background: #f4f1ec;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 62px;
}

.value-card {
    position: relative;
    min-height: 310px;
    padding: 34px 28px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(17, 24, 32, .09);
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(17, 24, 32, .06);
}

.value-card > span {
    position: absolute;
    top: 24px;
    right: 25px;
    color: rgba(17, 24, 32, .15);
    font-family: "Oswald", sans-serif;
    font-weight: 700;
}

.value-card > i {
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    margin-bottom: 45px;
    color: var(--accent, #ee6823);
    background: rgba(238, 104, 35, .1);
    border-radius: 18px;
    font-size: 1.5rem;
}

.value-card h3 {
    margin: 0 0 14px;
    color: #111820;
    font-size: 1.35rem;
}

.value-card p {
    margin: 0;
    color: #657078;
    line-height: 1.75;
}

.equipment-section {
    color: #fff;
    background: #111820;
}

.equipment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
    gap: 80px;
    align-items: center;
}

.equipment-image {
    position: relative;
    min-height: 580px;
    overflow: hidden;
    background: #0b1015;
    border-radius: 28px;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .35);
}

.equipment-image video {
    width: 100%;
    height: 100%;
    min-height: 580px;
    display: block;
    object-fit: cover;
}

.equipment-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top, rgba(8, 12, 16, .8), transparent 55%);
}

.equipment-caption {
    position: absolute;
    z-index: 2;
    right: 28px;
    bottom: 28px;
    left: 28px;
    padding: 24px;
    background: rgba(17, 24, 32, .8);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 18px;
    backdrop-filter: blur(12px);
}

.equipment-caption span {
    display: block;
    margin-bottom: 5px;
    color: var(--accent, #ee6823);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.equipment-caption strong {
    font-size: 1.25rem;
}

.equipment-copy h2 {
    margin: 18px 0 25px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: 1.02;
    text-transform: uppercase;
}

.equipment-copy > p {
    margin-bottom: 35px;
    color: rgba(255, 255, 255, .68);
    line-height: 1.85;
}

.equipment-list {
    display: grid;
    gap: 14px;
}

.equipment-list > div {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 18px;
    align-items: start;
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.equipment-list i {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: var(--accent, #ee6823);
    background: rgba(238, 104, 35, .11);
    border-radius: 14px;
}

.equipment-list span {
    color: rgba(255, 255, 255, .62);
    line-height: 1.6;
}

.equipment-list strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
}

.approach-section {
    background: #fff;
}

.approach-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 70px;
}

.approach-timeline::before {
    content: "";
    position: absolute;
    top: 28px;
    right: 10%;
    left: 10%;
    height: 1px;
    background: rgba(17, 24, 32, .15);
}

.approach-step {
    position: relative;
    z-index: 1;
}

.approach-step > span {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin-bottom: 28px;
    color: #fff;
    background: #111820;
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(17, 24, 32, .15);
    font-family: "Oswald", sans-serif;
    font-weight: 700;
}

.approach-step h3 {
    margin: 0 0 12px;
    color: #111820;
    font-size: 1.25rem;
}

.approach-step p {
    margin: 0;
    color: #657078;
    line-height: 1.7;
}

.work-types-section {
    color: #fff;
    background:
        radial-gradient(circle at 15% 20%, rgba(238, 104, 35, .15), transparent 30%),
        #17222d;
}

.work-types-layout {
    display: grid;
    grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
    gap: 90px;
    align-items: start;
}

.work-types-copy {
    position: sticky;
    top: 130px;
}

.work-types-copy h2 {
    margin: 18px 0 24px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: 1.02;
    text-transform: uppercase;
}

.work-types-copy > p {
    margin-bottom: 32px;
    color: rgba(255, 255, 255, .67);
    line-height: 1.8;
}

.work-types-list {
    display: grid;
    gap: 12px;
}

.work-type-item {
    display: grid;
    grid-template-columns: 55px 1fr 25px;
    gap: 20px;
    align-items: center;
    padding: 27px 28px;
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px;
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.work-type-item:hover {
    transform: translateX(7px);
    background: rgba(238, 104, 35, .12);
    border-color: rgba(238, 104, 35, .5);
}

.work-type-item span {
    color: var(--accent, #ee6823);
    font-family: "Oswald", sans-serif;
    font-weight: 700;
}

.work-type-item strong {
    font-size: 1.08rem;
}

.work-type-item i {
    color: var(--accent, #ee6823);
}

@media (max-width: 1050px) {
    .about-intro-grid,
    .equipment-layout,
    .work-types-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .values-grid,
    .approach-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .approach-timeline::before {
        display: none;
    }

    .work-types-copy {
        position: static;
    }
}

@media (max-width: 700px) {
    .about-intro-text {
        padding-left: 0;
        border-left: 0;
    }

    .values-grid,
    .approach-timeline {
        grid-template-columns: 1fr;
    }

    .value-card {
        min-height: auto;
    }

    .equipment-image,
    .equipment-image video {
        min-height: 420px;
    }

    .work-type-item {
        grid-template-columns: 38px 1fr 20px;
        gap: 12px;
        padding: 22px 18px;
    }
}

/* =========================================================
   DESIGN PREMIUM HOMEPAGE
   ========================================================= */

.premium-home-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #f3f1ed;
}

.premium-hero-background {
    position: absolute;
    inset: 0 0 0 48%;
    overflow: hidden;
}

.premium-hero-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            #f3f1ed 0%,
            rgba(243, 241, 237, .88) 12%,
            rgba(243, 241, 237, .15) 55%,
            rgba(17, 24, 32, .1) 100%
        );
}

.premium-hero-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.premium-hero-shade {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(255, 255, 255, .95),
            transparent 52%
        );
}

.premium-hero-layout {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 145px;
    padding-bottom: 68px;
}

.premium-hero-content {
    max-width: 720px;
}

.premium-kicker {
    display: flex;
    gap: 13px;
    align-items: center;
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .68);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.premium-kicker span {
    width: 38px;
    height: 2px;
    display: inline-block;
    background: #f26422;
}

.premium-kicker-dark {
    color: #74808a;
}

.premium-hero-content > .premium-kicker {
    color: #69747d;
}

.premium-hero-content h1 {
    margin: 0;
    color: #101820;
    font-family: "Oswald", sans-serif;
    font-size: clamp(4rem, 7vw, 7.3rem);
    font-weight: 700;
    line-height: .92;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

.premium-hero-content h1 strong {
    display: block;
    color: #f26422;
    font-weight: inherit;
}

.premium-hero-description {
    max-width: 650px;
    margin: 27px 0 31px;
    color: #404b54;
    font-size: 1.14rem;
    line-height: 1.75;
}

.premium-hero-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.premium-button {
    min-height: 50px;
    display: inline-flex;
    gap: 11px;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.premium-button:hover {
    transform: translateY(-3px);
}

.premium-button-primary {
    color: #fff;
    background: #f26422;
    box-shadow: 0 14px 35px rgba(242, 100, 34, .27);
}

.premium-button-primary:hover {
    color: #fff;
    background: #d95015;
}

.premium-button-outline {
    color: #111820;
    background: rgba(255, 255, 255, .6);
    border-color: #111820;
}

.premium-button-outline:hover {
    color: #fff;
    background: #111820;
}

.premium-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 48px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(17, 24, 32, .08);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 60px rgba(17, 24, 32, .08);
}

.premium-benefits article {
    display: grid;
    grid-template-columns: 47px 1fr;
    gap: 13px;
    align-items: center;
    min-height: 102px;
    padding: 19px;
    border-right: 1px solid rgba(17, 24, 32, .1);
}

.premium-benefits article:last-child {
    border-right: 0;
}

.premium-benefit-icon {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    color: #111820;
    font-size: 1.4rem;
}

.premium-benefits strong,
.premium-benefits span {
    display: block;
}

.premium-benefits strong {
    margin-bottom: 4px;
    color: #111820;
    font-size: .79rem;
    text-transform: uppercase;
}

.premium-benefits span {
    color: #66717a;
    font-size: .72rem;
    line-height: 1.45;
}

.premium-stats {
    position: relative;
    z-index: 5;
    margin-top: -18px;
}

.premium-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 24px;
    color: #fff;
    background: #0d1923;
    border-radius: 18px;
    box-shadow: 0 25px 65px rgba(13, 25, 35, .22);
}

.premium-stats article {
    display: grid;
    grid-template-columns: 57px 1fr;
    gap: 17px;
    align-items: center;
    padding: 8px 24px;
    border-right: 1px solid rgba(255, 255, 255, .13);
}

.premium-stats article:last-child {
    border-right: 0;
}

.premium-stat-icon {
    display: grid;
    width: 53px;
    height: 53px;
    place-items: center;
    color: #fff;
    background: #f26422;
    border-radius: 50%;
    font-size: 1.25rem;
}

.premium-stats strong,
.premium-stats span {
    display: block;
}

.premium-stats strong {
    margin-bottom: 4px;
    font-family: "Oswald", sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.premium-stats span {
    color: rgba(255, 255, 255, .64);
    font-size: .73rem;
    font-weight: 700;
    text-transform: uppercase;
}

.premium-home-services {
    padding-top: 110px;
    background: #f5f4f1;
}

.premium-section-heading {
    max-width: 850px;
    margin: 0 auto 52px;
    text-align: center;
}

.premium-section-heading .premium-kicker {
    justify-content: center;
}

.premium-section-heading h2 {
    margin: 0 0 15px;
    color: #111820;
    font-family: "Oswald", sans-serif;
    font-size: clamp(2.7rem, 4.5vw, 4.7rem);
    line-height: 1;
    text-transform: uppercase;
}

.premium-section-heading > p {
    margin: 0;
    color: #69747c;
    line-height: 1.7;
}

.premium-image-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.premium-image-card {
    overflow: hidden;
    background: #0d1923;
    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(13, 25, 35, .13);
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.premium-image-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 30px 75px rgba(13, 25, 35, .2);
}

.premium-card-image {
    position: relative;
    height: 250px;
    background-position: center;
    background-size: cover;
}

.premium-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            #0d1923 0%,
            rgba(13, 25, 35, .15) 70%
        );
}

.premium-card-image-industrial {
    background-image:
        linear-gradient(rgba(13, 25, 35, .1), rgba(13, 25, 35, .1)),
        url("/logo.jpg");
}

.premium-card-image-halls {
    background-image:
        linear-gradient(rgba(13, 25, 35, .15), rgba(13, 25, 35, .15)),
        url("/galerie-media/1.jpg");
}

.premium-card-image-platform {
    background-image:
        linear-gradient(rgba(13, 25, 35, .15), rgba(13, 25, 35, .15)),
        url("/galerie-media/2.jpg");
}

.premium-card-image-road {
    background-image:
        linear-gradient(rgba(13, 25, 35, .15), rgba(13, 25, 35, .15)),
        url("/galerie-media/3.jpg");
}

.premium-card-image-workshop {
    background-image:
        linear-gradient(rgba(13, 25, 35, .15), rgba(13, 25, 35, .15)),
        url("/galerie-media/4.jpg");
}

.premium-card-image-exterior {
    background-image:
        linear-gradient(rgba(13, 25, 35, .15), rgba(13, 25, 35, .15)),
        url("/galerie-media/5.jpg");
}

.premium-card-icon {
    position: absolute;
    z-index: 2;
    bottom: 18px;
    left: 20px;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    color: #fff;
    background: #0d1923;
    border: 3px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    font-size: 1.35rem;
}

.premium-card-content {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    padding: 5px 24px 24px;
    color: #fff;
    border-bottom: 4px solid #f26422;
}

.premium-card-content h3 {
    margin: 0 0 13px;
    font-family: "Oswald", sans-serif;
    font-size: 1.75rem;
    line-height: 1.05;
    text-transform: uppercase;
}

.premium-card-content p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.65;
}

.premium-card-content a {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-top: auto;
    color: #f26422;
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.premium-process {
    color: #fff;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(242, 100, 34, .16),
            transparent 30%
        ),
        #111d27;
}

.premium-process-layout {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
    gap: 85px;
    align-items: center;
}

.premium-process-copy h2 {
    margin: 18px 0 22px;
    font-family: "Oswald", sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: 1;
    text-transform: uppercase;
}

.premium-process-copy > p {
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .67);
    line-height: 1.8;
}

.premium-process-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.premium-process-cards article {
    min-height: 210px;
    padding: 26px;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 19px;
}

.premium-process-cards article > span {
    display: block;
    margin-bottom: 38px;
    color: #f26422;
    font-family: "Oswald", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
}

.premium-process-cards h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.25rem;
}

.premium-process-cards p {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    line-height: 1.65;
}

.premium-home-cta {
    padding: 80px 0;
    color: #fff;
    background: #f26422;
}

.premium-home-cta-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 55px;
    align-items: center;
}

.premium-home-cta h2 {
    margin: 15px 0 15px;
    font-family: "Oswald", sans-serif;
    font-size: clamp(2.8rem, 4vw, 4.6rem);
    line-height: 1;
    text-transform: uppercase;
}

.premium-home-cta p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .85);
    line-height: 1.75;
}

.premium-home-cta-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.premium-button-light {
    color: #111820;
    background: #fff;
}

.premium-button-transparent {
    color: #fff;
    border-color: rgba(255, 255, 255, .7);
}

.premium-button-transparent:hover {
    color: #111820;
    background: #fff;
}

/* Logo header și footer */

.site-header .brand {
    min-width: 220px;
    display: flex;
    gap: 13px;
    align-items: center;
}

.site-header .brand img {
    width: auto !important;
    height: 58px !important;
    max-width: 104px;
    object-fit: contain;
    border-radius: 4px;
}

.site-header .brand span {
    display: flex;
    flex-direction: column;
}

.site-header .brand strong {
    white-space: nowrap;
}

.footer-brand img {
    width: auto !important;
    height: auto !important;
    max-width: 190px;
    max-height: 110px;
    object-fit: contain;
    border-radius: 8px;
}

@media (max-width: 1100px) {
    .premium-hero-background {
        inset: 0 0 0 37%;
    }

    .premium-benefits,
    .premium-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-benefits article:nth-child(2),
    .premium-stats article:nth-child(2) {
        border-right: 0;
    }

    .premium-benefits article:nth-child(-n + 2),
    .premium-stats article:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(17, 24, 32, .1);
    }

    .premium-image-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-process-layout,
    .premium-home-cta-layout {
        grid-template-columns: 1fr;
    }

    .premium-home-cta-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .premium-home-hero {
        min-height: auto;
    }

    .premium-hero-background {
        inset: 0;
        opacity: .23;
    }

    .premium-hero-background::after {
        background: rgba(243, 241, 237, .75);
    }

    .premium-hero-layout {
        padding-top: 130px;
        padding-bottom: 60px;
    }

    .premium-hero-content h1 {
        font-size: clamp(3.4rem, 15vw, 5.3rem);
    }

    .premium-benefits,
    .premium-stats-grid,
    .premium-image-card-grid,
    .premium-process-cards {
        grid-template-columns: 1fr;
    }

    .premium-benefits article,
    .premium-stats article {
        border-right: 0;
        border-bottom: 1px solid rgba(17, 24, 32, .1);
    }

    .premium-benefits article:last-child,
    .premium-stats article:last-child {
        border-bottom: 0;
    }

    .premium-stats {
        margin-top: 0;
        padding-top: 18px;
        background: #f3f1ed;
    }

    .premium-stats-grid {
        border-radius: 15px;
    }

    .premium-card-image {
        height: 230px;
    }

    .site-header .brand {
        min-width: 0;
    }

    .site-header .brand img {
        height: 47px !important;
        max-width: 80px;
    }

    .site-header .brand span {
        display: none;
    }
}