 :root{--primary:#064b63;--primary-dark:#04394d;--accent:#ff9d10;--text:#17232b;--muted:#64727b;--bg:#f5f7f8;--white:#fff;--border:#e4eaee;--shadow:0 24px 60px rgba(3,57,77,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary);font-weight:800;letter-spacing:.3px}.brand img{width:48px;height:42px;object-fit:contain}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text);text-decoration:none;font-weight:600}.nav-links a:hover{color:var(--accent)}.menu-toggle{display:none;border:0;background:var(--primary);color:#fff;border-radius:10px;padding:8px 12px;font-size:20px}.section{max-width:1160px;margin:auto;padding:86px 22px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;min-height:720px}.hero:before{content:"";position:absolute;inset:72px 0 auto 0;height:650px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 58%,#082834 58%,#082834 100%);z-index:-2}.hero:after{content:"";position:absolute;right:0;top:72px;width:34%;height:650px;background:linear-gradient(160deg,var(--accent),#ffbd4a);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);z-index:-1}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:800;font-size:13px}.hero h1{font-size:58px;line-height:1.08;margin:10px 0 20px;color:#fff}.hero-text{color:#dce9ee;font-size:18px;max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:800;transition:.2s}.btn-primary{background:var(--accent);color:#17232b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,157,16,.32)}.btn-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}.hero-card{background:#fff;border-radius:28px;padding:42px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.4)}.hero-card img{width:210px;max-width:100%;margin-bottom:20px}.hero-card h2{margin:0;color:var(--primary);font-size:30px}.hero-card p{margin:4px 0 0;font-weight:800;color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr .85fr;gap:48px;align-items:start}.section h2{font-size:40px;line-height:1.18;margin:8px 0 18px}.profile-box,.card,.contact-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:0 18px 45px rgba(15,35,45,.06)}.profile-box{padding:34px}.profile-box ul{padding:0;margin:0;list-style:none}.profile-box li{padding:12px 0;border-bottom:1px solid var(--border)}.profile-box li:last-child{border-bottom:0}.vision{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vision-item{background:var(--primary);color:#fff;padding:38px;border-radius:30px}.vision-item:nth-child(2){background:#fff;color:var(--text);border:1px solid var(--border)}.section-heading{text-align:center;max-width:720px;margin:0 auto 36px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{padding:28px}.card span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:#fff2df;color:var(--accent);font-weight:900}.card h3{color:var(--primary);margin:18px 0 10px}.values{background:#fff;border-radius:34px;margin-top:24px}.value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-list div{padding:24px;border-left:4px solid var(--accent);background:var(--bg);border-radius:20px}.value-list h3{color:var(--primary);margin-top:0}.brand-preview{display:grid;grid-template-columns:.85fr 1fr;gap:44px;align-items:center}.brand-preview img{width:100%;border-radius:24px;box-shadow:var(--shadow);background:#fff}.contact{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:center;background:linear-gradient(135deg,var(--primary),#082834);color:#fff;border-radius:34px;margin-bottom:60px}.contact h2{color:#fff}.contact-card{padding:32px;display:grid;gap:16px;color:var(--text)}.contact-card a{color:var(--primary);font-weight:800;text-decoration:none}.contact-card .btn-primary{color:#17232b}footer{text-align:center;padding:28px;color:var(--muted);background:#fff;border-top:1px solid var(--border)}@media(max-width:900px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:22px;right:22px;top:76px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow);flex-direction:column}.menu-open .nav-links{display:flex}.hero,.about-grid,.vision,.brand-preview,.contact{grid-template-columns:1fr}.hero{min-height:auto;padding-top:78px}.hero h1{font-size:42px}.hero:before{height:790px}.hero:after{display:none}.cards,.value-list{grid-template-columns:1fr 1fr}.contact{border-radius:0;margin-bottom:0}}@media(max-width:560px){.section{padding:62px 18px}.cards,.value-list{grid-template-columns:1fr}.hero h1{font-size:34px}.section h2{font-size:30px}.brand span{font-size:14px}.hero-card{padding:28px}.navbar{padding:12px 18px}}
