/*
Theme Name: NOXEN
Theme URI: https://noxen.ro
Author: NOXEN
Description: Tema corporate premium NOXEN - design negru mat si auriu discret.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: noxen
*/
:root{--bg:#090a0b;--panel:#111315;--panel2:#151719;--gold:#b99a61;--gold2:#d0b77f;--text:#f2f0eb;--muted:#aaa69d;--line:rgba(185,154,97,.23);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,9,10,.72);backdrop-filter:blur(14px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:27px;font-weight:650;letter-spacing:.22em;color:#fff}.brand span{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d3d0c9}.lang{font-size:12px;color:var(--gold);letter-spacing:.12em}.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,rgba(150,116,57,.19),transparent 32%),linear-gradient(120deg,#08090a 0%,#111416 55%,#08090a 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.96),rgba(7,8,9,.63) 62%,rgba(7,8,9,.4)),repeating-linear-gradient(90deg,transparent 0 115px,rgba(255,255,255,.025) 116px 117px);opacity:.9}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(185,154,97,.2);transform:rotate(35deg);right:8%;top:18%;box-shadow:0 0 0 55px rgba(185,154,97,.025),0 0 0 110px rgba(185,154,97,.018)}.hero-content{position:relative;z-index:1;padding:160px 0 110px;max-width:760px}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:450;margin:0 0 26px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{font-size:17px;color:#c1beb7;max-width:620px;margin:0 0 36px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border:1px solid var(--gold);font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:.2s}.btn-primary{background:var(--gold);color:#111}.btn-primary:hover{background:var(--gold2);color:#111}.btn-outline:hover{background:rgba(185,154,97,.12)}section{padding:105px 0}.section-head{max-width:700px;margin-bottom:48px}.section-head .eyebrow{margin-bottom:15px}.section-head h2{font-size:clamp(32px,4vw,49px);font-weight:450;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}.section-head p{color:var(--muted);margin:0}.services{background:#0d0f10}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{background:#0d0f10;padding:32px;min-height:220px;transition:.2s}.service:hover{background:#151719}.number{font-size:11px;color:var(--gold);letter-spacing:.18em}.service h3{font-size:20px;font-weight:500;margin:27px 0 10px}.service p{font-size:14px;color:var(--muted);margin:0}.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-mark{min-height:390px;border:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle,rgba(185,154,97,.12),transparent 58%),#101213}.about-mark strong{font-size:clamp(55px,8vw,100px);font-weight:500;letter-spacing:.2em;color:rgba(208,183,127,.8)}.about-copy h2{font-size:clamp(32px,4vw,48px);font-weight:450;line-height:1.15}.about-copy p{color:var(--muted)}.feature{background:linear-gradient(110deg,#141515,#0b0c0d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.feature h2{font-size:clamp(34px,4.5vw,55px);line-height:1.1;font-weight:450;margin:0 0 22px}.feature p{color:var(--muted)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{padding:17px 0;border-bottom:1px solid var(--line);color:#d8d4cb}.feature-list li:before{content:"—";color:var(--gold);margin-right:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step{border-top:1px solid var(--gold);padding-top:20px}.step b{font-size:12px;color:var(--gold);letter-spacing:.15em}.step h3{font-weight:500;font-size:18px}.step p{font-size:14px;color:var(--muted)}.contact{background:#0e1011}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.contact-details p{color:var(--muted)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px;background:#17191a;border:1px solid #333;color:#fff;font:inherit;font-size:14px}.contact-form textarea{grid-column:1/-1;min-height:130px}.contact-form .wide{grid-column:1/-1}.contact-form button{cursor:pointer}.notice{grid-column:1/-1;color:var(--gold2);font-size:14px}.site-footer{padding:32px 0;border-top:1px solid var(--line);color:#8e8a82;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mobile-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);padding:8px 12px}
@media(max-width:850px){.main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#0b0c0d;padding:25px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.mobile-toggle{display:block}.grid{grid-template-columns:1fr 1fr}.about-wrap,.feature-inner,.contact-grid{grid-template-columns:1fr;gap:38px}.steps{grid-template-columns:1fr 1fr}.hero{min-height:680px}}
@media(max-width:560px){.container{width:min(100% - 32px,var(--max))}.grid,.steps,.contact-form{grid-template-columns:1fr}.contact-form textarea,.contact-form .wide{grid-column:auto}.hero{min-height:650px}.hero-content{padding-top:145px}.header-inner{height:76px}.brand{font-size:23px}.main-nav{top:76px}section{padding:75px 0}.about-mark{min-height:250px}}