/* ===== Home v4 — matches PC/Mobile mockup, scoped to index.html only ===== */
.home-v4 .logo-type small{letter-spacing:0;font-size:10px}
.home-v4 .header-contact{gap:22px}
.hp-phones{display:grid;gap:2px;text-align:right;white-space:nowrap}
.hp-phones a{font-size:12px;font-weight:800;color:var(--text)}
.hp-phones a b{color:var(--primary);font-weight:900;margin-left:4px}
.hp-phones a span{color:var(--muted);font-weight:700}

.hp-hero{position:relative;overflow:hidden;background:#fff}
.hp-hero-grid{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:720px}
.hp-hero-copy{display:flex;align-items:center;padding:64px 0}
.hp-hero-copy-inner{max-width:500px}
.hp-eyebrow{font-size:12px;letter-spacing:.22em;font-weight:900;color:var(--primary);margin-bottom:20px}
.hp-hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.24;letter-spacing:-.04em;font-weight:850;margin:0 0 22px;color:var(--text)}
.hp-hero h1 b{color:var(--primary);font-weight:900;display:block}
.hp-hero-sub{font-size:16.5px;color:var(--muted);line-height:1.85;margin:0 0 32px;max-width:420px}
.hp-hero-divider{display:flex;align-items:center;gap:14px}
.hp-hero-divider i{width:34px;height:1px;background:var(--line);flex:none}
.hp-hero-divider span{font-size:11px;letter-spacing:.15em;color:var(--muted);font-weight:800;line-height:1.7}
.hp-hero-visual{position:relative;min-height:720px;background:#0c1826}
.hp-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,14,26,.55),rgba(6,14,26,.08) 45%,rgba(6,14,26,.32))}
.hp-hero-caption{position:absolute;right:6%;top:9%;z-index:2;color:#fff;font-size:clamp(20px,2.2vw,28px);font-weight:850;line-height:1.45;text-align:right;text-shadow:0 8px 26px rgba(0,0,0,.4)}
.hp-hero-tag{position:absolute;right:6%;bottom:7%;z-index:2;color:rgba(255,255,255,.85);font-size:11px;letter-spacing:.14em;text-align:right;line-height:1.8}

.hp-features{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.hp-features-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;align-items:center}
.hp-feature{padding:38px 26px;border-right:1px solid var(--line);display:grid;gap:12px}
.hp-feature-icon{width:44px;height:44px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}
.hp-feature-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hp-feature b{font-size:15.5px;letter-spacing:-.01em}
.hp-feature span{font-size:12.5px;color:var(--muted);line-height:1.6}
.hp-features-note{padding:38px 34px}
.hp-features-note i{display:block;width:38px;height:1px;background:var(--line);margin-bottom:16px}
.hp-features-note p{margin:0;font-size:21px;font-weight:850;line-height:1.42;letter-spacing:-.02em}

.hp-video{padding:130px 0;background:linear-gradient(190deg,#071b33 0%,#0a2c57 100%);color:#fff}
.hp-video-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.hp-video-eyebrow{font-size:12px;letter-spacing:.22em;font-weight:900;color:#8fc0ff;margin-bottom:18px}
.hp-video-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.32;margin:0 0 18px;letter-spacing:-.03em}
.hp-video-copy p{color:rgba(255,255,255,.66);font-size:16px;line-height:1.85;margin:0}
.hp-video-frame{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/3;background:#111;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.hp-video-frame video,.hp-video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-video-frame:after{content:"";position:absolute;inset:0;background:rgba(4,10,20,.3)}
.hp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.14);color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.hp-play:hover{background:rgba(255,255,255,.24)}

.hp-case{padding:130px 0}
.hp-case-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.hp-case-head .hp-eyebrow{margin-bottom:12px}
.hp-case-head h2{font-size:clamp(30px,3.2vw,44px);margin:0;letter-spacing:-.04em;line-height:1.3}
.hp-case-more{font-weight:850;color:var(--primary);white-space:nowrap;font-size:14px}
.hp-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hp-case-card .ba{aspect-ratio:4/3;border-radius:20px}
.hp-case-caption{margin-top:16px}
.hp-case-caption b{display:block;font-size:16px}
.hp-case-caption span{color:var(--muted);font-size:13px}

.hp-stats{padding:0 0 130px}
.hp-stats-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:stretch}
.hp-stats-col{display:grid;gap:22px;align-content:center}
.hp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}
.hp-stat{padding:32px 20px;text-align:center;border-right:1px solid var(--line)}
.hp-stat:last-child{border-right:0}
.hp-stat b{display:block;font-size:clamp(28px,2.8vw,40px);color:var(--primary);letter-spacing:-.03em}
.hp-stat span{font-size:12.5px;color:var(--muted);font-weight:750}
.hp-quote{background:var(--soft);border-radius:24px;padding:38px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.hp-quote q{font-size:18px;line-height:1.75;font-weight:750;quotes:none}
.hp-quote cite{font-style:normal;color:var(--muted);font-size:13px}

.hp-cta{position:relative;padding:86px 0;background:linear-gradient(135deg,#082c57,#0754b5);color:#fff;overflow:hidden}
.hp-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 88% 0%,rgba(255,255,255,.14),transparent 60%)}
.hp-cta-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.hp-cta h2{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.55;font-weight:800}
.hp-cta-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hp-cta-phones{display:flex;gap:10px;flex-wrap:wrap}
.hp-cta-phones a{padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;font-size:13px}

.home-v4 .footer .wrap{align-items:flex-end}
.hp-footer-tag{margin-left:auto;text-align:right;font-size:11px;letter-spacing:.14em;color:var(--muted);line-height:1.85}

@media(max-width:1100px){
 .hp-phones{display:none}
 .hp-hero-grid{grid-template-columns:1fr;min-height:auto}
 .hp-hero-copy{padding:64px 34px 40px}
 .hp-hero-visual{min-height:520px}
 .hp-hero-caption{font-size:22px}
 .hp-features-grid{grid-template-columns:repeat(2,1fr)}
 .hp-feature:nth-child(2){border-right:0}
 .hp-feature:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .hp-features-note{grid-column:1/-1;border-top:1px solid var(--line);padding:30px 26px}
 .hp-video-grid{grid-template-columns:1fr;gap:40px}
 .hp-case-grid{grid-template-columns:1fr 1fr}
 .hp-stats-grid{grid-template-columns:1fr}
 .hp-footer-tag{display:none}
}
@media(max-width:680px){
 .hp-hero-copy{padding:44px 20px 34px}
 .hp-hero h1{font-size:32px}
 .hp-hero-sub{font-size:14.5px;margin-bottom:26px}
 .hp-hero-visual{min-height:400px}
 .hp-hero-caption{font-size:18px;top:8%}
 .hp-hero-tag{font-size:10px}
 .hp-features-grid{grid-template-columns:repeat(4,1fr)}
 .hp-feature{padding:20px 8px;border-right:0;border-bottom:1px solid var(--line);text-align:center;justify-items:center;gap:8px}
 .hp-feature b{font-size:11.5px}
 .hp-feature span{display:none}
 .hp-feature:nth-child(-n+4){border-bottom:1px solid var(--line)}
 .hp-features-note{display:none}
 .hp-video{padding:70px 0}
 .hp-video-copy h2{font-size:26px}
 .hp-video-copy p{font-size:14px}
 .hp-play{width:56px;height:56px;font-size:17px}
 .hp-case{padding:76px 0}
 .hp-case-head{display:block}
 .hp-case-head h2{font-size:28px;margin-top:8px}
 .hp-case-more{display:inline-block;margin-top:14px}
 .hp-case-grid{grid-template-columns:1fr}
 .hp-stats{padding:0 0 76px}
 .hp-stat b{font-size:26px}
 .hp-cta{padding:52px 0}
 .hp-cta-row{display:grid;gap:22px}
 .hp-cta-actions{display:grid;gap:14px}
 .hp-cta-phones{display:grid}
 .hp-cta .btn{width:100%}
}