<section class="eagle-evo70">
<style>
.eagle-evo70{
--evo-void:#180827;
--evo-deep:#2B0E4D;
--evo-primary:#7C3AED;
--evo-accent:#C084FC;
--evo-glow:#E9D5FF;
--evo-paper:#FBF8FF;
--evo-card:#FFFFFF;
--evo-ink:#241435;
--evo-muted:#6E5C86;
--evo-line:#E4D9F7;
--evo-display:'Source Sans 3', sans-serif;
--evo-body:'Source Sans 3', sans-serif;
--evo-mono:'Source Sans 3', sans-serif;
font-family: var(--evo-body);
font-size: 16px;
line-height: 1.5;
color: var(--evo-ink);
background: var(--evo-paper);
overflow-x: hidden;
position: relative;
}
.eagle-evo70 *,
.eagle-evo70 *::before,
.eagle-evo70 *::after{ box-sizing: border-box; margin:0; padding:0; }
.eagle-evo70 img{ max-width:100%; display:block; }
.eagle-evo70 button{ font-family:inherit; cursor:pointer; }
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');
/* ---------- shared bits ---------- */
.eagle-evo70 .evo-wrap{
max-width: 1180px;
margin: 0 auto;
padding: 0 clamp(20px, 5vw, 56px);
}
.eagle-evo70 .evo-eyebrow{
font-family: var(--evo-mono);
font-size: 13px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--evo-accent);
display:flex;
align-items:center;
gap:10px;
}
.eagle-evo70 .evo-eyebrow::before{
content:"";
width:22px; height:1px;
background: var(--evo-accent);
display:inline-block;
}
.eagle-evo70 h2.evo-title{
font-family: var(--evo-display);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.01em;
}
.eagle-evo70 p.evo-lead{
color: var(--evo-muted);
font-size: clamp(17px, 1.3vw, 19px);
line-height: 1.65;
max-width: 54ch;
}
/* ---------- hero ---------- */
.eagle-evo70 .evo-hero{
position: relative;
background:
radial-gradient(120% 140% at 85% -10%, rgba(192,132,252,0.35), transparent 60%),
linear-gradient(160deg, var(--evo-void) 0%, var(--evo-deep) 60%, #3B1466 100%);
color: #F4ECFF;
padding: clamp(48px, 8vw, 88px) 0 clamp(56px, 8vw, 96px);
overflow: hidden;
}
.eagle-evo70 .evo-hero::after{
content:"";
position:absolute; inset:0;
background-image: radial-gradient(rgba(233,213,255,0.12) 1px, transparent 1px);
background-size: 26px 26px;
opacity: .5;
pointer-events:none;
}
.eagle-evo70 .evo-hero-grid{
position: relative;
display:grid;
grid-template-columns: 1.15fr 0.85fr;
gap: clamp(32px, 5vw, 64px);
align-items:center;
}
.eagle-evo70 .evo-hero-copy .evo-eyebrow{ color: var(--evo-glow); margin-bottom:18px; }
.eagle-evo70 .evo-hero-copy .evo-eyebrow::before{ background: var(--evo-glow); }
.eagle-evo70 .evo-hero h1{
font-family: var(--evo-display);
font-weight: 600;
font-size: clamp(38px, 4.6vw, 58px);
line-height: 1.03;
letter-spacing: -0.015em;
}
.eagle-evo70 .evo-hero h1 em{
font-style: normal;
background: linear-gradient(100deg, var(--evo-glow), var(--evo-accent));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.eagle-evo70 .evo-hero p.evo-lead{
color: rgba(244,236,255,0.78);
margin-top: 18px;
}
.eagle-evo70 .evo-stat-row{
display:grid;
grid-template-columns: repeat(4, auto);
gap: clamp(18px, 3vw, 34px);
margin-top: 40px;
}
.eagle-evo70 .evo-stat b{
display:block;
font-family: var(--evo-mono);
font-size: clamp(24px, 2.6vw, 32px);
color: #fff;
}
.eagle-evo70 .evo-stat span{
display:block;
font-size: 13px;
color: rgba(244,236,255,0.6);
margin-top: 4px;
max-width: 12ch;
}
/* signature: real profile photo */
.eagle-evo70 .evo-profile-shot{
position: relative;
border-radius: 24px;
padding: 18px;
background: linear-gradient(150deg, rgba(192,132,252,0.18), rgba(91,33,182,0.35));
border: 1px solid rgba(233,213,255,0.25);
box-shadow: 0 30px 70px -30px rgba(76,29,149,0.6);
}
.eagle-evo70 .evo-profile-shot img{
border-radius: 14px;
width: 100%;
}
/* ---------- feature section ---------- */
.eagle-evo70 .evo-section{ padding: clamp(44px, 6vw, 68px) 0; }
.eagle-evo70 .evo-section-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap: 32px;
margin-bottom: clamp(32px, 5vw, 48px);
flex-wrap: wrap;
}
.eagle-evo70 .evo-section-head > div:first-child{ max-width: 30ch; }
.eagle-evo70 .evo-section-head .evo-eyebrow{ margin-bottom: 12px; }
.eagle-evo70 .evo-section-head h2.evo-title{ margin-bottom: 0; }
.eagle-evo70 .evo-section-head p.evo-lead{ margin-top: 10px; }
.eagle-evo70 .evo-section-head h2.evo-title{ font-size: clamp(28px, 3.2vw, 38px); }
.eagle-evo70 .evo-feature-grid{
display:grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(28px, 4vw, 48px);
}
.eagle-evo70 .evo-feature-col h3{
font-family: var(--evo-mono);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--evo-primary);
margin-bottom: 18px;
padding-bottom: 12px;
border-bottom: 1px solid var(--evo-line);
}
.eagle-evo70 .evo-feature-col ul{ list-style:none; }
.eagle-evo70 .evo-feature-col li{
display:flex;
gap: 14px;
padding: 15px 0;
border-bottom: 1px dashed var(--evo-line);
font-size: 17px;
line-height: 1.55;
}
.eagle-evo70 .evo-feature-col li:last-child{ border-bottom:none; }
.eagle-evo70 .evo-dot{
flex: none;
width: 8px; height: 8px;
border-radius: 50%;
margin-top: 7px;
background: var(--evo-accent);
box-shadow: 0 0 0 3px rgba(124,58,237,0.15);
}
/* ---------- colors ---------- */
.eagle-evo70 .evo-color-strip{
display:grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
margin-top: 8px;
}
.eagle-evo70 .evo-swatch{ text-align:center; }
.eagle-evo70 .evo-swatch .evo-chip{
width:100%;
aspect-ratio: 1/1;
border-radius: 16px;
border: 1px solid rgba(0,0,0,0.08);
margin-bottom: 10px;
box-shadow: inset 0 -8px 18px rgba(0,0,0,0.08);
}
.eagle-evo70 .evo-swatch span{
font-size: 14px;
color: var(--evo-muted);
font-weight: 700;
}
/* ---------- specs ---------- */
.eagle-evo70 .evo-spec-grid{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: var(--evo-line);
border-radius: 18px;
overflow:hidden;
border: 1px solid var(--evo-line);
}
.eagle-evo70 .evo-spec{
background: var(--evo-card);
padding: 24px 20px;
}
.eagle-evo70 .evo-spec b{
display:block;
font-family: var(--evo-mono);
font-size: 26px;
color: var(--evo-primary);
}
.eagle-evo70 .evo-spec span{
font-size: 14px;
color: var(--evo-muted);
display:block;
margin-top: 6px;
}
/* ---------- CTA ---------- */
.eagle-evo70 .evo-cta{
background: linear-gradient(135deg, var(--evo-deep), #4C1D6B);
border-radius: 24px;
padding: clamp(32px, 5vw, 52px);
display:flex;
align-items:center;
justify-content:space-between;
gap: 24px;
flex-wrap: wrap;
color: #F4ECFF;
}
.eagle-evo70 .evo-cta h3{
font-family: var(--evo-display);
font-size: clamp(22px, 2.6vw, 28px);
font-weight: 600;
max-width: 30ch;
}
.eagle-evo70 .evo-btn{
background: #fff;
color: var(--evo-deep);
border:none;
border-radius: 999px;
padding: 16px 32px;
font-weight: 800;
font-size: 16px;
white-space:nowrap;
transition: transform .2s ease;
}
.eagle-evo70 .evo-btn:hover{ transform: translateY(-2px); }
.eagle-evo70 .evo-btn:focus-visible{
outline: 2px solid var(--evo-accent);
outline-offset: 2px;
}
/* ---------- responsive ---------- */
@media (max-width: 860px){
.eagle-evo70 .evo-hero-grid{ grid-template-columns: 1fr; }
.eagle-evo70 .evo-profile-shot{ max-width: 340px; margin: 0 auto; }
.eagle-evo70 .evo-stat-row{ grid-template-columns: repeat(2, auto); }
.eagle-evo70 .evo-feature-grid{ grid-template-columns: 1fr; }
.eagle-evo70 .evo-color-strip{ grid-template-columns: repeat(3, 1fr); }
.eagle-evo70 .evo-spec-grid{ grid-template-columns: repeat(2, 1fr); }
}
</style>
<!-- ============ HERO ============ -->
<div class="evo-hero">
<div class="evo-wrap evo-hero-grid">
<div class="evo-hero-copy">
<h1><em>Eagle Evolution 70</em></h1>
<p class="evo-lead">Profil PVC cu 6 camere izolatoare și lățime de 70 mm, gândit pentru ferestre și uși cu izolație termică și fonică ridicată și feronerie robustă din oțel zincat.</p>
<div class="evo-stat-row">
<div class="evo-stat"><b>70mm</b><span>lățime profil</span></div>
<div class="evo-stat"><b>6</b><span>camere izolatoare</span></div>
<div class="evo-stat"><b>1,4</b><span>Uf W/m²K</span></div>
<div class="evo-stat"><b>34dB</b><span>izolație fonică Rw</span></div>
</div>
</div>
<div class="evo-profile-shot">
<img src="https://i.ibb.co/MDN9Ffmz/Eagle-Evolution-70.png" alt="Secțiune profil PVC Eagle Evolution 70, 6 camere izolatoare">
</div>
</div>
</div>
<!-- ============ CARACTERISTICI / AVANTAJE ============ -->
<div class="evo-section">
<div class="evo-wrap">
<div class="evo-section-head">
<div>
<p class="evo-eyebrow">De ce ?</p>
<h2 class="evo-title">Caracteristici & avantaje</h2>
</div>
<p class="evo-lead">Un profil construit pentru confort pe termen lung: etanșeitate, izolație și un design cu linii rotunjite, moderne.</p>
</div>
<div class="evo-feature-grid">
<div class="evo-feature-col">
<h3>Caracteristici tehnice</h3>
<ul>
<li><span class="evo-dot"></span>Profil PVC cu 6 camere izolatoare</li>
<li><span class="evo-dot"></span>Lățimea profilelor: 70 mm</li>
<li><span class="evo-dot"></span>Armături din oțel zincat</li>
<li><span class="evo-dot"></span>2 garnituri de etanșare</li>
<li><span class="evo-dot"></span>Grosime vitrare: 4 / 24 / 32 / 42 mm</li>
</ul>
</div>
<div class="evo-feature-col">
<h3>Avantaje</h3>
<ul>
<li><span class="evo-dot"></span>Design modern, cu fețe rotunjite</li>
<li><span class="evo-dot"></span>Etanșeitate ridicată la umezeală și praf</li>
<li><span class="evo-dot"></span>Protecție fonică și termică foarte bună</li>
<li><span class="evo-dot"></span>Coeficient de izolație termică Uf = 1,4 W/m²K</li>
<li><span class="evo-dot"></span>Coeficient de izolație fonică Rw = 34(-2,-6) dB</li>
</ul>
</div>
</div>
</div>
</div>
<!-- ============ CULORI ============ -->
<div class="evo-section" style="padding-top:0;">
<div class="evo-wrap">
<div class="evo-section-head">
<div>
<p class="evo-eyebrow">Finisaje</p>
<h2 class="evo-title">Gama de culori standard</h2>
</div>
</div>
<div class="evo-color-strip">
<div class="evo-swatch"><div class="evo-chip" style="background:#F5F3F0; border-color:#ddd;"></div><span>Alb</span></div>
<div class="evo-swatch"><div class="evo-chip" style="background:linear-gradient(160deg,#C98A4B,#8A5A2B);"></div><span>Stejar</span></div>
<div class="evo-swatch"><div class="evo-chip" style="background:linear-gradient(160deg,#8A5A2E,#4E3016);"></div><span>Nuc</span></div>
<div class="evo-swatch"><div class="evo-chip" style="background:linear-gradient(160deg,#8C3B2E,#5A1E17);"></div><span>Mahon</span></div>
<div class="evo-swatch"><div class="evo-chip" style="background:linear-gradient(160deg,#5B4A2E,#2E2415);"></div><span>Wenge</span></div>
<div class="evo-swatch"><div class="evo-chip" style="background:linear-gradient(160deg,#4A4750,#201E26);"></div><span>Antracit</span></div>
</div>
</div>
</div>
<!-- ============ SPECIFICAȚII ============ -->
<div class="evo-section" style="background:var(--evo-card); padding-top:0;">
<div class="evo-wrap">
<div class="evo-spec-grid">
<div class="evo-spec"><b>70 mm</b><span>lățime profil</span></div>
<div class="evo-spec"><b>6</b><span>camere izolatoare</span></div>
<div class="evo-spec"><b>4–42 mm</b><span>grosime vitrare</span></div>
<div class="evo-spec"><b>Uf 1,4</b><span>W/m²K izolație termică</span></div>
</div>
</div>
</div>
<!-- ============ CTA ============ -->
<div class="evo-section" style="padding-top:0;">
<div class="evo-wrap">
<div class="evo-cta">
<h3>Vrei ferestre sau uși pe profilul Eagle Evolution 70?</h3>
<a href="https://glass-design.ro/contact" style="text-decoration: none;">
<button class="evo-btn" type="button">Cere consultanță</button>
</a>
</div>
</div>
</div>
</section>