/* HERO - full width, centered */
.hero{background:#0D1B2E;padding:80px 48px 60px;text-align:center;}
.hero-since{display:inline-flex;align-items:center;gap:8px;background:rgba(245,166,35,0.12);color:#F5A623;font-size:12px;font-weight:700;letter-spacing:2px;padding:7px 20px;border-radius:20px;border:1px solid rgba(245,166,35,0.25);margin-bottom:28px;}
.hero h1{font-size:52px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:18px;max-width:720px;margin-left:auto;margin-right:auto;}
.hero h1 span{color:#F5A623;}
.hero-sub{font-size:18px;color:#6A8CAA;line-height:1.7;max-width:580px;margin:0 auto 36px;}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-primary{background:#F5A623;color:#0D1B2E;padding:14px 32px;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block;}
.btn-outline{background:transparent;color:#fff;padding:14px 32px;border-radius:9px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid #243550;display:inline-block;}

/* STATS CARDS below hero */
.stats-bar{background:#fff;padding:40px 48px;border-bottom:1px solid #E4ECF7;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.stat-card{background:#F7F9FC;border-radius:16px;padding:24px 20px;text-align:center;border:1.5px solid #E4ECF7;}
.stat-num{font-size:38px;font-weight:900;color:#1B4F8A;line-height:1;margin-bottom:6px;}
.stat-num.gold{color:#F5A623;}
.stat-label{font-size:14px;font-weight:600;color:#0D1B2E;margin-bottom:4px;}
.stat-desc{font-size:12px;color:#94A3B8;line-height:1.5;}

/* SECTIONS */
.sec{padding:70px 48px;}
.sec.dark{background:#0D1B2E;}
.sec.light{background:#fff;}
.sec.soft{background:#F7F9FC;}
.sec.blue{background:#F0F5FF;}
.stag{font-size:11px;font-weight:700;letter-spacing:3px;color:#F5A623;text-transform:uppercase;margin-bottom:10px;}
.sec.dark .stag{color:#F5A623;}

/* WHO WE ARE - two col */
.who-wrap{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;}
.who-content h2{font-size:36px;font-weight:800;color:#0D1B2E;margin-bottom:22px;line-height:1.2;}
.who-content p{font-size:16px;color:#4A5E75;line-height:1.85;margin-bottom:16px;}
.who-image-col{position:relative;}
.resume-mock{background:#fff;border-radius:16px;border:1.5px solid #D8E8F8;padding:24px 22px;box-shadow:0 12px 40px rgba(27,79,138,0.10);}
.rm-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #1B4F8A;}
.rm-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1B4F8A,#F5A623);flex-shrink:0;}
.rm-name{height:10px;background:#0D1B2E;border-radius:4px;width:110px;margin-bottom:6px;}
.rm-title{height:7px;background:#D8E8F8;border-radius:4px;width:80px;}
.rm-section-label{height:7px;background:#1B4F8A;border-radius:3px;width:70px;margin:14px 0 10px;}
.rm-line{height:6px;background:#EEF4FF;border-radius:3px;margin-bottom:7px;}
.rm-line.short{width:65%;}
.rm-line.med{width:82%;}
.rm-skill-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.rm-skill{background:#EEF4FF;color:#1B4F8A;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;}
.rm-skill.gold{background:#FFF8EE;color:#C47D0A;}
.rm-badge{position:absolute;top:-14px;right:-14px;background:#F5A623;color:#0D1B2E;font-size:11px;font-weight:800;padding:8px 16px;border-radius:20px;box-shadow:0 4px 14px rgba(245,166,35,0.35);white-space:nowrap;}
.rm-ats{position:absolute;bottom:-16px;left:-16px;background:#fff;border:1.5px solid #D8E8F8;border-radius:14px;padding:10px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.rm-ats-dot{width:10px;height:10px;border-radius:50%;background:#22C55E;flex-shrink:0;}
.rm-ats-text{font-size:12px;font-weight:700;color:#0D1B2E;}
.rm-ats-sub{font-size:11px;color:#94A3B8;}
.who-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;}
.who-card{background:#F0F5FF;border-radius:14px;padding:22px;border:1px solid #D8E8F8;}
.who-card-icon{font-size:26px;margin-bottom:12px;}
.who-card h3{font-size:15px;font-weight:700;color:#0D1B2E;margin-bottom:8px;}
.who-card p{font-size:13px;color:#5A6B7E;line-height:1.65;}

/* PERFORMANCE */
.perf-wrap{margin-top:36px;background:#F0F5FF;border-radius:18px;padding:32px;}
.perf-title{font-size:15px;font-weight:700;color:#0D1B2E;margin-bottom:22px;}
.perf-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.perf-label{font-size:13px;color:#4A5E75;width:140px;flex-shrink:0;}
.perf-track{flex:1;height:10px;background:#D8E8F8;border-radius:5px;overflow:hidden;}
.perf-fill{height:100%;border-radius:5px;background:#1B4F8A;}
.perf-fill.gold{background:#F5A623;}
.perf-pct{font-size:13px;font-weight:700;color:#1B4F8A;width:40px;text-align:right;}
.perf-pct.gold{color:#C47D0A;}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.svc{background:#fff;border-radius:18px;padding:30px 24px;border:1.5px solid #E4ECF7;position:relative;overflow:hidden;transition:transform 0.2s,border-color 0.2s;}
.svc:hover{transform:translateY(-4px);border-color:#1B4F8A;}
.svc-top{position:absolute;top:0;left:0;right:0;height:4px;background:#1B4F8A;border-radius:18px 18px 0 0;}
.svc-top.gold{background:#F5A623;}
.svc-icon{width:50px;height:50px;border-radius:13px;background:#EEF4FF;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;}
.svc h3{font-size:17px;font-weight:700;color:#0D1B2E;margin-bottom:10px;}
.svc p{font-size:14px;color:#6B7E99;line-height:1.7;}
.svc-badge{display:inline-block;margin-top:14px;background:#EEF4FF;color:#1B4F8A;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;}
.svc-badge.gold{background:#FFF8EE;color:#C47D0A;}

/* WHY */
.why-intro{max-width:680px;margin-bottom:44px;}
.why-intro h2{font-size:34px;font-weight:800;color:#fff;margin-bottom:14px;line-height:1.2;}
.why-intro p{font-size:16px;color:#5A7A9A;line-height:1.75;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.why-card{background:#111D2C;border-radius:18px;padding:28px;border:1px solid #1A2E44;}
.why-num{font-size:11px;font-weight:700;color:#F5A623;letter-spacing:2px;margin-bottom:12px;}
.why-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;}
.why-card p{font-size:14px;color:#5A7A9A;line-height:1.7;}

/* PROCESS */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:48px;}
.process-steps::before{content:'';position:absolute;top:27px;left:12%;right:12%;height:2px;background:#E4ECF7;}
.step{text-align:center;padding:0 14px;position:relative;}
.step-num{width:54px;height:54px;border-radius:50%;background:#1B4F8A;color:#fff;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.step h4{font-size:15px;font-weight:700;color:#0D1B2E;margin-bottom:8px;}
.step p{font-size:13px;color:#6B7E99;line-height:1.6;}

/* TEMPLATES */
.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.tpl{background:#fff;border-radius:18px;overflow:hidden;border:1.5px solid #E4ECF7;transition:transform 0.2s;}
.tpl:hover{transform:translateY(-4px);}
.tpl-preview{height:186px;padding:22px 20px;position:relative;display:flex;flex-direction:column;gap:5px;}
.tpl-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;padding:4px 11px;border-radius:20px;}
.bar{height:5px;border-radius:3px;background:#E4ECF7;}
.bar.nv{background:#1B4F8A;} .bar.gd{background:#F5A623;} .bar.dk{background:#0D1B2E;}
.tpl-foot{padding:14px 20px;border-top:1px solid #F0F4FC;display:flex;align-items:center;justify-content:space-between;}
.tpl-foot h4{font-size:14px;font-weight:700;color:#0D1B2E;}
.tpl-foot p{font-size:12px;color:#94A3B8;margin-top:2px;}
.tpl-link{font-size:12px;font-weight:700;color:#1B4F8A;text-decoration:none;}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.testi{background:#F7F9FC;border-radius:18px;padding:26px;border:1px solid #E4ECF7;}
.testi-stars{color:#F5A623;font-size:14px;margin-bottom:12px;}
.testi p{font-size:14px;color:#4A5E75;line-height:1.75;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:12px;margin-top:18px;}
.av{width:38px;height:38px;border-radius:50%;background:#1B4F8A;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;}
.author-name{font-size:14px;font-weight:700;color:#0D1B2E;}
.author-role{font-size:12px;color:#94A3B8;}

/* PRICING */
.pc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px;}
.pc{background:#fff;border-radius:18px;padding:26px 18px;border:1.5px solid #E4ECF7;text-align:center;transition:transform 0.2s;}
.pc:hover{transform:translateY(-4px);}
.pc.hot{border-color:#1B4F8A;position:relative;}
.pc.hot::before{content:'Most Popular';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#1B4F8A;color:#fff;font-size:10px;font-weight:700;padding:4px 14px;border-radius:20px;white-space:nowrap;}
.pc-label{font-size:11px;font-weight:700;color:#94A3B8;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.pc-price{font-size:32px;font-weight:900;color:#0D1B2E;line-height:1;}
.pc-price sup{font-size:16px;vertical-align:top;margin-top:5px;display:inline-block;}
.pc-desc{font-size:12px;color:#94A3B8;margin:8px 0 16px;line-height:1.5;}
.pc-features{text-align:left;margin-bottom:20px;}
.pc-features li{font-size:12px;color:#4A5E75;padding:5px 0;list-style:none;display:flex;gap:8px;line-height:1.4;}
.pc-features li::before{content:'✓';color:#1B4F8A;font-weight:700;flex-shrink:0;}
.pc-btn{display:block;padding:11px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;background:#F0F5FF;color:#1B4F8A;border:1.5px solid #D0DDEF;}
.pc.hot .pc-btn{background:#1B4F8A;color:#fff;border-color:#1B4F8A;}

/* FAQ + CONTACT */
.faq-contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px;align-items:start;}
.faq-list{display:flex;flex-direction:column;gap:10px;}
.faq-item{background:#F7F9FC;border-radius:12px;border:1px solid #E4ECF7;overflow:hidden;cursor:pointer;}
.faq-q{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:#0D1B2E;user-select:none;}
.faq-q .arr{font-size:18px;color:#1B4F8A;transition:transform 0.25s;flex-shrink:0;}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s;}
.faq-a p{padding:0 20px 18px;font-size:14px;color:#5A6B7E;line-height:1.7;}
.faq-item.open .arr{transform:rotate(45deg);}
.faq-item.open .faq-a{max-height:200px;}

/* CONTACT FORM */
.contact-form{background:#fff;border-radius:18px;padding:32px;border:1.5px solid #E4ECF7;}
.contact-form h3{font-size:20px;font-weight:700;color:#0D1B2E;margin-bottom:6px;}
.contact-form p{font-size:14px;color:#6B7E99;margin-bottom:24px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:13px;font-weight:600;color:#4A5E75;margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border-radius:9px;border:1.5px solid #E4ECF7;font-size:14px;color:#0D1B2E;background:#F7F9FC;font-family:inherit;outline:none;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1B4F8A;background:#fff;}
.form-group textarea{resize:none;height:80px;}
.form-submit{width:100%;background:#1B4F8A;color:#fff;padding:13px;border-radius:9px;font-size:15px;font-weight:700;border:none;cursor:pointer;margin-top:4px;}
.form-submit:hover{background:#174272;}