.page-header{border-bottom:1.5px solid var(--border);margin-bottom:48px;padding-bottom:28px}.page-header h1{color:var(--navy);margin-bottom:10px;font-size:1.7rem;font-weight:800}.page-header .tagline{color:var(--blue);font-size:1.05rem;font-weight:600}.intro-block{flex-direction:column;gap:20px;margin-bottom:56px;display:flex}.intro-block p{color:#3a4a5c;font-size:.97rem;line-height:1.85}.intro-block .highlight-quote{border-left:3px solid var(--accent);color:var(--navy);background:#f0a5000f;border-radius:0 10px 10px 0;padding:14px 20px;font-size:.97rem;font-weight:500;line-height:1.75}.section-title{color:var(--navy);margin-bottom:24px;font-size:1.15rem;font-weight:800}.why-box{background:linear-gradient(135deg, var(--blue) 0%, var(--navy) 100%);border-radius:20px;margin-bottom:56px;padding:36px 40px}.why-box h2{color:#fff;margin-bottom:20px;font-size:1.1rem;font-weight:800}.why-list{flex-direction:column;gap:12px;list-style:none;display:flex}.why-list li{color:#ffffffe6;align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.why-list li .check{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.why-list li .check svg{stroke:#fff}.tech-section{margin-bottom:56px}.tech-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.tech-card{background:var(--white);border:1.5px solid var(--border);opacity:0;border-radius:16px;flex-direction:column;gap:12px;padding:28px 24px;transition:opacity .5s,transform .5s,box-shadow .2s,border-color .2s;display:flex;transform:translateY(24px)}.tech-card.visible{opacity:1;transform:translateY(0)}.tech-card:nth-child(2){transition-delay:.1s}.tech-card:nth-child(3){transition-delay:.2s}.tech-card:hover{border-color:var(--sky);box-shadow:0 8px 28px #0b1f3a1a}.tech-card-icon{background:linear-gradient(135deg, var(--sky) 0%, var(--blue) 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tech-card-icon svg{stroke:#fff}.tech-card h3{color:var(--navy);font-size:.9rem;font-weight:700}.tech-card p{color:#4a5568;font-size:.835rem;line-height:1.7}.mv-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:64px;display:grid}.mv-card{border:1.5px solid var(--border);background:var(--white);border-radius:16px;padding:28px 30px}.mv-card .mv-label{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;font-size:.7rem;font-weight:700;display:block}.mv-card p{color:#3a4a5c;font-size:.925rem;line-height:1.75}.closing-quote{text-align:center;border-top:1.5px solid var(--border);padding:40px 20px}.closing-quote p{color:var(--navy);margin-bottom:24px;font-size:1rem;font-weight:500;line-height:1.7}.closing-quote a{background:var(--accent);color:var(--navy);border-radius:10px;align-items:center;gap:8px;padding:13px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.closing-quote a:hover{background:#d4910a;transform:translateY(-1px)}@media (max-width:900px){.tech-cards,.mv-grid{grid-template-columns:1fr}.why-box{padding:28px 24px}}@media (max-width:600px){.hero-section h1{font-size:2.2rem}}
