
/* shared rules copied from windows-web-hosting (used by this page, split from pages.css) */
.win-page {font-family:'Inter',sans-serif;color:#1e293b;background:#f8fafc;}
.win-hero {background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#042f2e 100%);padding:100px 40px 120px;text-align:center;position:relative;overflow:hidden;}
.win-hero::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('https://www.transparenttextures.com/patterns/carbon-fibre.png');opacity:0.05;}
.win-badge {display:inline-flex;align-items:center;gap:8px;background:rgba(20,184,166,0.15);border:1px solid rgba(20,184,166,0.3);color:#5eead4;font-size: 14px;font-weight:700;padding:6px 18px;border-radius:30px;margin-bottom:32px;text-transform:uppercase;letter-spacing:1px;}
.win-hero h1 {font-size:3.5rem;font-weight:800;color:#fff;line-height:1.1;margin:0 0 24px;letter-spacing:-0.04em;}
.win-hero h1 span {background:linear-gradient(90deg,#2dd4bf,#5eead4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.win-hero p {font-size:1.25rem;color:rgba(255,255,255,0.7);line-height:1.7;max-width:800px;margin:0 auto 48px;}
.win-hero-cta {display:inline-flex;align-items:center;gap:12px;background:#0f766e;color:#fff;padding:18px 45px;border-radius:12px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .2s;box-shadow:0 12px 30px rgba(20,184,166,0.3);}
.win-hero-cta:hover {background:#115e59;transform:translateY(-2px);color:#fff;}
.win-tech-pill {display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.05);padding:10px 24px;border-radius:30px;color:rgba(255,255,255,0.5);font-size: 14px;font-weight:600;margin-top:40px;border:1px solid rgba(255,255,255,0.1);}
.win-tech-pill i {color:#2dd4bf;}
.win-perf-bar {background:#020617;padding:32px 40px;border-bottom:1px solid rgba(255,255,255,0.05);}
.win-perf-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
.win-pi {text-align:center;}
.win-pi-val {display:block;font-size:1.3rem;font-weight:800;color:#fff;}
.win-pi-lbl {font-size: 14px;color:rgba(255,255,255,0.4);font-weight:700;text-transform:uppercase;margin-top:4px;letter-spacing:1px;}
.win-section-head {text-align:center;margin-bottom:64px;max-width:800px;margin-left:auto;margin-right:auto;}
.win-section-head h2 {font-size:2.8rem;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-0.03em;}
.win-section-head p {font-size:1.15rem;color:#64748b;line-height:1.6;}
.win-features {background:#fff;padding:100px 40px;}
.win-feat-grid {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.win-feat-card {text-align:center;padding:32px 24px;border-radius:20px;transition:all .2s;}
.win-feat-card:hover {background:#f8fafc;}
.win-feat-card i {font-size:32px;color:#14b8a6;margin-bottom:20px;display:block;}
.win-feat-card h4 {font-size:1rem;font-weight:800;color:#0f172a;margin:0 0 10px;}
.win-feat-card p {font-size: 14px;color:#64748b;line-height:1.6;margin:0;}
.win-specs {background:#f8fafc;padding:100px 40px;border-top:1px solid #e2e8f0;}
.win-specs-inner {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:64px;}
.win-specs-list h2 {font-size:2.2rem;font-weight:800;color:#0f172a;margin:0 0 32px;}
.win-spec-row {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;}
.win-spec-item h5 {font-size: 14px;font-weight:800;color:#14b8a6;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;}
.win-spec-item p {font-size:15px;color:#1e293b;font-weight:600;margin:0;}
.win-specs-visual {background:#020617;border-radius:24px;padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.win-specs-visual i.bg-icon {position:absolute;bottom:-20px;right:-20px;font-size:200px;color:rgba(255,255,255,0.03);}
.win-specs-visual h3 {font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 16px;position:relative;}
.win-specs-visual p {font-size:1rem;color:rgba(255,255,255,0.6);line-height:1.7;margin:0 0 32px;position:relative;}
.win-specs-badge {display:inline-flex;align-items:center;gap:8px;background:#15803d;color:#fff;font-size: 14px;font-weight:800;padding:6px 16px;border-radius:20px;position:relative;}
.win-faq {background:#fff;padding:100px 40px;}
.win-faq-inner {max-width:800px;margin:0 auto;}
.win-faq-item {border-bottom:1px solid #f1f5f9;margin-bottom:12px;}
.win-faq-q {padding:24px 0;font-size:1.15rem;font-weight:700;color:#0f172a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.win-faq-q i {color:#94a3b8;transition:transform .2s;}
.win-faq-item.open .win-faq-q i {transform:rotate(180deg);color:#14b8a6;}
.win-faq-a {padding:0 0 24px;font-size:1rem;color:#64748b;line-height:1.75;display:none;}
.win-faq-item.open .win-faq-a {display:block;}
.win-cta-inner {max-width:800px;margin:0 auto;}
.win-pay-strip {background:rgba(255,255,255,0.05);padding:14px 32px;border-radius:40px;display:inline-flex;align-items:center;gap:24px;color:rgba(255,255,255,0.5);font-size: 14px;font-weight:700;margin-top:40px;}
@media(max-width:1024px) {
.win-hero h1 {font-size:2.8rem;}
.win-perf-inner {grid-template-columns:repeat(3,1fr);}
.win-policy-inner,.win-grid,.win-feat-grid,.win-specs-inner {grid-template-columns:1fr;}
}
