*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0b1d3a;background:#fff}.topbar{background:#061a38;color:#fff;padding:10px 6%;display:flex;justify-content:space-between;gap:20px;font-size:14px}.topLeft{display:flex;gap:28px;flex-wrap:wrap}.topRight{color:#7fc8ff}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;box-shadow:0 2px 15px #0001;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#071b3b}.brand img{width:120px;height:66px;object-fit:contain}.brand b{font-size:20px;display:block}.brand small{display:block;letter-spacing:2px;font-size:10px;color:#1457ad;margin-top:4px}.navlinks{display:flex;gap:26px;align-items:center}.navlinks a{color:#0b1d3a;text-decoration:none;font-weight:700}.loginbtn,.primary{background:#ff6a00!important;color:#fff!important;padding:13px 20px;border-radius:8px}.hero{min-height:560px;background:url('assets/skyti-home-hero.png') center/cover;position:relative;color:#fff;display:flex;align-items:center;padding:70px 6%;overflow:hidden}.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,#031329f5 0%,#031329d9 38%,#03132970 72%,#03132990)}.heroContent{position:relative;max-width:720px;z-index:2}.eyebrow{color:#ff6a00;font-weight:800;letter-spacing:2px;font-size:15px}.hero h1{font-size:58px;line-height:1.03;margin:15px 0}.hero h1 span{color:#18a9ff}.hero p{font-size:19px;line-height:1.6;color:#eaf3ff}.actions{display:flex;gap:14px;margin-top:25px}.outline{padding:12px 20px;border:2px solid #fff;border-radius:8px;color:#fff;text-decoration:none;font-weight:700}.heroBadges{display:flex;gap:25px;margin-top:32px;flex-wrap:wrap;font-weight:700}.heroSide{position:absolute;right:6%;top:120px;display:flex;flex-direction:column;gap:0;width:220px;z-index:2}.heroSide b{color:#ff6a00;margin-bottom:10px}.heroSide span{padding:15px 0;border-bottom:1px solid #18a9ff;font-weight:700}.serviceStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 5%;margin-top:-45px;position:relative;z-index:5}.serviceCard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #071b3b22}.serviceCard img{width:100%;height:145px;object-fit:cover}.serviceCard>div{padding:18px;position:relative}.serviceCard .icon{width:42px;height:42px;border-radius:8px;background:#092450;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;float:left;margin-right:12px}.serviceCard h3{margin:3px 0 8px;font-size:20px;text-transform:uppercase}.serviceCard p{margin:0;line-height:1.45;color:#52627b}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8%;border-bottom:1px solid #eee}.values div{display:flex;align-items:center;gap:12px;justify-content:center;border-right:1px solid #ddd}.values div:last-child{border:0}.values b{font-size:28px;color:#0965cc}.section{padding:80px 7%}.sectionHead{max-width:850px;margin:auto;text-align:center}.section h2{font-size:40px;margin:10px 0 15px}.sectionHead p{font-size:17px;color:#5d6b7f;line-height:1.6}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}.feature{padding:30px;background:#f4f8fc;border-radius:12px;border-top:4px solid #0875df}.feature .big{font-size:36px}.feature h3{font-size:22px}.feature p{color:#5d6b7f;line-height:1.5}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#f5f8fc}.aboutImage{min-height:420px;background:url('assets/skyti-home-hero.png') center/cover;border-radius:18px}.aboutText h2{font-size:42px}.aboutText p{font-size:18px;color:#52627b;line-height:1.7}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks span:before{content:'✓';color:#ff6a00;font-weight:bold;margin-right:9px}.contact{background:#061a38;color:#fff}.contact h2{font-size:42px}.contactGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.contactGrid div{padding:18px;border:1px solid #ffffff2a;border-radius:10px;background:#ffffff08}.contactGrid b{display:block;color:#72c8ff;margin-bottom:7px}.contactGrid span,.contactGrid a{color:#fff;text-decoration:none}.wide{grid-column:1/-1}.contactActions{display:flex;gap:15px;margin-top:28px}.footer{background:#020c1d;color:#b9c7d9;text-align:center;padding:24px}.whatsapp{position:fixed;right:22px;bottom:22px;background:#19b65a;color:#fff;padding:15px 20px;border-radius:30px;text-decoration:none;font-weight:700;z-index:30}@media(max-width:900px){.nav{height:auto;padding:15px 5%;flex-direction:column;gap:15px}.navlinks{flex-wrap:wrap;justify-content:center;gap:13px}.hero{min-height:650px}.hero h1{font-size:42px}.heroSide{display:none}.serviceStrip,.features,.values{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.topbar{flex-direction:column}.contactGrid{grid-template-columns:1fr}}@media(max-width:560px){.serviceStrip,.features,.values{grid-template-columns:1fr}.hero{padding:55px 6%}.heroBadges{flex-direction:column;gap:10px}.brand img{width:95px}.brand b{font-size:16px}.section{padding:55px 6%}}

/* SKYTI professional print layout */
.print-head{margin:0 0 22px;text-align:center}.print-company{display:flex;align-items:center;justify-content:center;gap:18px}.print-company img{width:105px;height:72px;object-fit:contain}.print-company>div{text-align:center}.print-company h1{margin:0 0 5px;font-size:26px}.print-company b{display:block;margin-bottom:6px}.print-rule{border-bottom:3px solid #0b5db7;margin-top:16px}.doc-details{display:grid;grid-template-columns:1fr 1fr;border:1px solid #222;margin:12px 0 24px}.doc-details div{display:flex;justify-content:space-between;gap:15px;padding:9px 12px;border-bottom:1px solid #bbb}.doc-details div:nth-child(odd){border-right:1px solid #bbb}.doc-details div:nth-last-child(-n+2){border-bottom:0}.doc-details span{font-weight:600;text-align:right}@media print{body{margin:0;padding:12mm;background:#fff}.print-head{margin-bottom:22px}.print-company img{width:95px;height:65px}.doc-details{margin-bottom:24px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #222;padding:7px;text-align:left}th{font-weight:700}.print-rule{border-bottom:2px solid #111}}
