:root{--dark:#0d6359;--teal:#1ca18c;--bright:#29c39f;--mint:#3ee6b3;--text:#123f3a;--muted:#617572;--light:#f4f0ef;--white:#fff;--border:rgba(13,99,89,.12);--shadow:0 12px 35px rgba(13,99,89,.08);--primary-dark:#0d6359;--primary:#1ca18c;--bg:#f4f0ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font-family:Inter,sans-serif;color:var(--text);line-height:1.7;font-size:15px}a{text-decoration:none}.top-bar{background:var(--dark);color:#fff;font-size:11px;position:sticky;top:0;z-index:1040}.top-bar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-contact,.top-social{display:flex;align-items:center;gap:18px}.top-contact span,.top-contact a,.top-social a{color:#fff;text-decoration:none}
.top-contact a:hover,.top-social a:hover{color:var(--mint)}.top-contact i{margin-right:5px}.main-navbar{background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);box-shadow:0 5px 20px rgba(0,0,0,.04);top:36px;z-index:1030}
.main-navbar .navbar-toggler{border-color:rgba(13,99,89,.18);padding:6px 8px}
.main-navbar .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(28,161,140,.12)}
.main-navbar .navbar-toggler-icon{width:1.35em;height:1.35em}.navbar-brand img{width:150px;height:58px;object-fit:contain}.navbar-nav{gap:10px}.nav-link{color:var(--text)!important;font-size:13px;font-weight:700;padding:27px 12px!important;position:relative}.nav-link:after{content:"";position:absolute;height:2px;width:0;left:12px;bottom:17px;background:var(--teal);transition:.25s}.nav-link:hover:after,.nav-link.active:after{width:calc(100% - 24px)}.btn-brand{background:var(--dark);border:1px solid var(--dark);color:#fff;border-radius:8px;padding:11px 22px;font-weight:700;font-size:13px}.btn-brand:hover{background:var(--teal);border-color:var(--teal);color:#fff}.btn-outline-brand{color:var(--dark);border:1px solid var(--dark);border-radius:8px;padding:11px 22px;font-weight:700;font-size:13px}.btn-outline-brand:hover{background:var(--dark);color:#fff}
.hero-section{min-height:610px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(62,230,179,.18),transparent 28%),linear-gradient(135deg,#fff,#f8fcfb 55%,#effaf7);padding:70px 0}.eyebrow{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:3px;margin-bottom:10px}.hero-section h1{font-size:clamp(42px,5vw,66px);line-height:1.08;font-weight:800;margin:0 0 22px;color:#092e2b}.hero-section h1 span,.section-heading h2 span,.about-title span{color:var(--teal)}.hero-text{color:var(--muted);max-width:600px;font-size:16px}.hero-buttons{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.hero-features{display:flex;gap:28px;flex-wrap:wrap;color:var(--text);font-size:12px;font-weight:700}.hero-features i{color:var(--teal);font-size:20px;vertical-align:middle;margin-right:5px}.hero-visual{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center}.device{background:#101615;border-radius:10px;padding:10px;box-shadow:0 20px 45px rgba(0,0,0,.2);position:absolute}.device-screen{background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.device-screen img{width:75%;height:75%;object-fit:contain}.device-monitor{width:70%;height:260px;left:8%;top:55px}.device-monitor .device-screen{width:100%;height:100%}.device-tablet{width:27%;height:210px;right:10%;bottom:18px;border-radius:14px}.device-tablet .device-screen{width:100%;height:100%}.device-phone{width:14%;height:145px;right:0;bottom:5px;border-radius:13px}.device-phone .device-screen{width:100%;height:100%}.success-note{position:absolute;right:0;top:12px;color:var(--dark);font-size:14px;font-style:italic;line-height:1.3;transform:rotate(-3deg)}.success-note i{display:block;font-size:28px;text-align:right}
.section-padding{padding:90px 0}.packages-section,.process-section{background:#fbfdfc}.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading h2{font-size:clamp(30px,4vw,43px);line-height:1.2;margin:0 0 10px;font-weight:800}.section-heading p{color:var(--muted);margin:0;font-size:15px}
/* Services */
.services-section{background:#fff}.service-card{height:100%;padding:30px 25px 25px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--dark),var(--mint));transform:scaleX(0);transform-origin:left;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 48px rgba(13,99,89,.14);border-color:rgba(28,161,140,.28)}.service-card:hover:before{transform:scaleX(1)}.service-number{position:absolute;right:20px;top:18px;font-size:11px;font-weight:800;color:#9ab3af;letter-spacing:1px}.service-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(28,161,140,.12),rgba(62,230,179,.18));color:var(--dark);display:grid;place-items:center;font-size:26px;margin-bottom:18px}.service-card h3{font-size:19px;font-weight:800;line-height:1.3;margin:0 0 12px}.service-card p{font-size:13px;color:var(--muted);margin-bottom:16px;min-height:62px}.service-list{list-style:none;padding:0;margin:0 0 20px}.service-list li{font-size:12px;color:#506763;margin-bottom:8px}.service-list li i{color:var(--teal);font-size:13px;margin-right:7px}.service-link{color:var(--dark);font-size:12px;font-weight:800}.service-link i{transition:margin-left .2s}.service-link:hover i{margin-left:5px}
.featured-package{border:2px solid rgba(28,161,140,.3);box-shadow:0 18px 50px rgba(13,99,89,.13)}.check-list{list-style:none;padding:0;margin:0 0 20px}.check-list li{font-size:12px;color:var(--muted);margin-bottom:8px}.check-list li:before{content:"✓";color:#1fbd76;font-weight:900;margin-right:8px}.price{font-size:26px;font-weight:800;margin-top:auto;margin-bottom:18px}.price small{font-size:11px;color:var(--muted);font-weight:500}
.about-image{min-height:420px;border-radius:16px;background:linear-gradient(145deg,#eefaf7,#fff);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid var(--border)}.about-image img{width:62%;max-width:310px;object-fit:contain}.about-badge{position:absolute;left:25px;bottom:25px;background:#fff;padding:15px 20px;border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column}.about-badge span{font-size:11px;color:var(--muted)}.about-title{font-size:38px;line-height:1.2;font-weight:800;margin-bottom:18px}.about-points{display:flex;gap:20px;margin:25px 0}.about-points>div{display:flex;gap:9px;flex:1}.about-points i{color:var(--teal);font-size:25px}.about-points strong,.about-points small{display:block}.about-points strong{font-size:13px}.about-points small{color:var(--muted);font-size:11px;line-height:1.4}.process-grid{display:flex;align-items:center;justify-content:center;gap:12px}.process-item{text-align:center;width:150px}.process-icon{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;color:var(--dark);background:rgba(62,230,179,.13);border:1px solid rgba(28,161,140,.45);font-size:22px}.process-item strong,.process-item span{display:block}.process-item strong{font-size:12px}.process-item span{color:var(--muted);font-size:11px;line-height:1.4}.process-arrow{color:var(--teal)}.cta-section{padding:55px 0;background:linear-gradient(135deg,var(--dark),var(--bright));color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner .eyebrow{color:#d6fff3}.cta-inner h2{font-size:34px;font-weight:800;margin:0 0 5px}.cta-inner p{margin:0;opacity:.9;font-size:15px}.contact-section{background:#fff}.contact-form{padding:30px;max-width:900px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.contact-form label{font-size:12px;font-weight:700;margin-bottom:6px}.form-control,.form-select{border-color:rgba(13,99,89,.15);min-height:48px;font-size:13px}.form-control:focus,.form-select:focus{border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(28,161,140,.12)}.footer{background:#063f3a;color:rgba(255,255,255,.8);padding:65px 0 0}.footer p{font-size:11px;max-width:320px}.footer h4{color:#fff;font-size:14px;font-weight:800;margin-bottom:18px}.footer a{display:block;color:rgba(255,255,255,.72);font-size:11px;margin-bottom:9px}.footer a:hover{color:var(--mint)}.footer-social{display:flex;gap:9px}.footer-social a{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;margin:0}.footer-contact i{color:var(--mint);font-size:15px}.back-to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 10px 25px rgba(13,99,89,.2);display:none;z-index:999}.back-to-top.show{display:grid;place-items:center}
@media(max-width:991px){.top-contact span:nth-child(2),.top-contact span:nth-child(3),.top-social{display:none}.main-navbar{top:36px}.nav-link{padding:12px 0!important}.nav-link:after{display:none}.navbar-collapse{padding:10px 0 18px}.hero-section{padding:55px 0}.hero-visual{margin-top:20px}.about-points{flex-direction:column}.process-grid{flex-wrap:wrap}.process-arrow{display:none}}
@media(max-width:767px){.top-bar{font-size:11px}.top-bar-inner{justify-content:center;min-height:32px}.main-navbar{top:32px}.navbar-brand img{width:125px;height:52px}.hero-section h1{font-size:43px}.hero-visual{min-height:300px;transform:scale(.88)}.device-monitor{height:200px}.device-tablet{height:160px}.device-phone{height:115px}.section-padding{padding:65px 0}.about-title{font-size:30px}.cta-inner,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom a:first-child{margin-left:0}}

/* ================= ATTRACTIVE PACKAGE SECTION ================= */
.packages-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfefe 0%,#f6fbfa 100%)}
.packages-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px);opacity:.55}
.packages-glow-one{width:220px;height:220px;left:-110px;top:-80px;background:radial-gradient(circle,rgba(62,230,179,.24),rgba(62,230,179,0) 70%);animation:packageFloat 7s ease-in-out infinite}
.packages-glow-two{width:260px;height:260px;right:-120px;top:180px;background:radial-gradient(circle,rgba(28,161,140,.14),rgba(28,161,140,0) 70%);animation:packageFloat 9s ease-in-out infinite reverse}
.package-heading{position:relative}
.package-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 18px;border-radius:30px;background:linear-gradient(90deg,rgba(41,195,159,.13),rgba(28,161,140,.08));color:#174c47;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:15px}
.package-kicker span{color:var(--teal)}
.package-heading h2{font-size:clamp(36px,5vw,54px);letter-spacing:-1.3px}
.package-heading h2 span{background:linear-gradient(90deg,var(--dark),var(--bright));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.package-heading p{max-width:800px;margin-left:auto;margin-right:auto}
.package-row{position:relative;z-index:2}
.package-column{display:flex}
.package-card{width:100%;min-height:100%;padding:26px 22px 22px;border-radius:20px;border:1px solid rgba(13,99,89,.10);background:rgba(255,255,255,.96);box-shadow:0 14px 45px rgba(13,99,89,.08);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.package-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--dark),var(--bright));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.package-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(13,99,89,.15);border-color:rgba(28,161,140,.25)}
.package-card:hover:before{transform:scaleX(1)}
.package-top{display:flex;gap:17px;align-items:center;min-height:78px}
.package-icon{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:28px;margin:0;border:1px solid rgba(28,161,140,.10);background:rgba(41,195,159,.1);color:var(--teal)}
.package-icon-basic{background:linear-gradient(145deg,#e6faf5,#f7fffd);color:var(--teal)}
.package-icon-popular{background:#fff;color:var(--teal);box-shadow:0 7px 20px rgba(0,0,0,.10)}
.package-icon-advanced{background:linear-gradient(145deg,#063f3a,#0d6359);color:#fff}
.package-card h3{font-size:21px;line-height:1.2;margin:0 0 5px;font-weight:800;color:#102f35}
.package-subtitle{font-size:12px;line-height:1.45;color:var(--muted);margin:0}
.package-price-box{margin:20px 0 17px;padding:17px 14px 16px;border-radius:15px;background:linear-gradient(135deg,#effaf7,#f8fcfb);text-align:center;border:1px solid rgba(28,161,140,.07)}
.package-price{font-size:42px;line-height:1.05;font-weight:800;letter-spacing:-1px;color:#0d4d49}
.package-price-text{font-size:12px;line-height:1.5;color:#526b67;margin-top:8px}
.package-features{list-style:none;padding:0;margin:0 0 22px;flex:1}
.package-features li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;color:#344e4b;margin:0 0 9px}
.package-features li i{color:#16a98e;font-size:14px;flex:0 0 auto;margin-top:1px}
.package-features small{font-size:11px;color:#70827f}
.package-btn{width:100%;min-height:48px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;transition:all .3s ease;margin-top:auto}
.package-btn i{transition:transform .3s ease}
.package-btn:hover i{transform:translateX(5px)}
.package-btn-outline{border:1.5px solid var(--teal);color:#0b4f4a;background:#fff}
.package-btn-outline:hover{background:var(--dark);border-color:var(--dark);color:#fff;box-shadow:0 10px 24px rgba(13,99,89,.18)}
.package-btn-filled{background:linear-gradient(90deg,var(--dark),var(--teal));border:1px solid var(--teal);color:#fff;box-shadow:0 12px 26px rgba(13,99,89,.20)}
.package-btn-filled:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 32px rgba(13,99,89,.28)}
.package-popular-column{padding-top:0}
.package-popular{border:2px solid #25c9aa;background:linear-gradient(180deg,#0d8990 0%,#0a777d 24%,#fff 24.5%,#fff 100%);box-shadow:0 22px 60px rgba(13,99,89,.18);padding-top:38px;overflow:visible}
.package-popular:after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);pointer-events:none}
.package-popular .package-top{color:#fff}
.package-popular .package-top h3{color:#fff}
.package-popular .package-subtitle{color:rgba(255,255,255,.88)}
.package-popular .package-price-box{background:linear-gradient(135deg,#effcf9,#f8fffd);margin-top:22px}
.popular-badge{position:absolute;z-index:5;top:-16px;left:50%;transform:translateX(-50%);background:#064f5d;color:#fff;padding:9px 22px;border-radius:30px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.popular-badge i{color:#ffd34e;margin-right:5px}
.package-benefits{position:relative;z-index:2;margin-top:42px;padding:20px 10px;display:flex;align-items:center;justify-content:space-around;gap:18px;background:rgba(255,255,255,.72);border:1px solid rgba(13,99,89,.08);border-radius:18px;box-shadow:0 10px 35px rgba(13,99,89,.05);backdrop-filter:blur(8px);animation-delay:.4s}
.package-benefit{display:flex;align-items:center;gap:12px;min-width:0}
.package-benefit>i{font-size:30px;color:var(--teal);flex:0 0 auto}
.package-benefit strong,.package-benefit span{display:block}
.package-benefit strong{font-size:15px;color:#163e3b}
.package-benefit span{font-size:15px;color:var(--muted);line-height:1.35;margin-top:2px}
.benefit-divider{width:1px;height:42px;background:rgba(13,99,89,.13);flex:0 0 auto}
.reveal-up{opacity:1;transform:translateY(0);animation:packageReveal .75s cubic-bezier(.2,.8,.2,1) both}
.package-column:nth-child(1){animation-delay:.08s}.package-column:nth-child(2){animation-delay:.18s}.package-column:nth-child(3){animation-delay:.28s}
@keyframes packageReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes packageFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,18px,0)}}
@media(max-width:991px){.package-popular{margin-top:8px}.package-benefits{display:grid;grid-template-columns:1fr 1fr}.benefit-divider{display:none}.package-benefit{justify-content:center}}
@media(max-width:767px){.package-kicker{font-size:11px;text-align:center;justify-content:center;line-height:1.45}.package-heading h2{font-size:38px}.package-card{padding:24px 19px 20px}.package-top{min-height:auto}.package-price{font-size:36px}.package-features li{font-size:12px}.package-benefits{grid-template-columns:1fr;padding:18px}.package-benefit{justify-content:flex-start}.package-popular{margin-top:18px}
.popular-badge{top:-14px;max-width:calc(100% - 24px);text-align:center}
}
@media(prefers-reduced-motion:reduce){.packages-glow,.reveal-up{animation:none!important}.reveal-up{opacity:1;transform:none}.package-card,.package-btn{transition:none}}


/* SkyTech Software typography: base document size is 16px; component text remains 11px or larger. */
html, body { font-size: 16px; }

/* =========================================================
   SKYTECH SOFTWARE - ABOUT SECTION
   Minimum font-size: 11px
   ========================================================= */

.sky-about-section {
    --sky-dark: #0d6359;
    --sky-primary: #1ca18c;
    --sky-bright: #29c39f;
    --sky-mint: #3ee6b3;
    --sky-text: #123f3a;
    --sky-muted: #607571;
    --sky-light: #f4f0ef;
    --sky-white: #ffffff;

    position: relative;
    overflow: hidden;
    padding: 105px 0;
    background:
        radial-gradient(circle at 8% 20%, rgba(62,230,179,.12), transparent 25%),
        radial-gradient(circle at 92% 85%, rgba(41,195,159,.09), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fcfb 100%);
}

/* Decorative background */
.sky-about-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(1px);
}

.sky-about-shape-one {
    width: 300px;
    height: 300px;
    left: -180px;
    top: 15%;
    background: rgba(62,230,179,.09);
    animation: skyAboutFloat 7s ease-in-out infinite;
}

.sky-about-shape-two {
    width: 240px;
    height: 240px;
    right: -140px;
    bottom: 5%;
    background: rgba(28,161,140,.08);
    animation: skyAboutFloat 8s ease-in-out infinite reverse;
}

/* Content */
.sky-about-content {
    position: relative;
    z-index: 2;
}

.sky-section-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--sky-primary);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 13px;
}

.sky-section-label span {
    width: 28px;
    height: 2px;
    border-radius: 20px;
    background: linear-gradient(90deg, var(--sky-dark), var(--sky-mint));
}

.sky-about-content h2 {
    max-width: 720px;
    margin: 0 0 20px;
    color: #092f2b;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: -.7px;
}

.sky-about-content h2 span {
    color: var(--sky-primary);
}

.sky-about-lead {
    max-width: 720px;
    margin: 0 0 13px;
    color: var(--sky-text);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.sky-about-text {
    max-width: 720px;
    margin: 0;
    color: var(--sky-muted);
    font-size: 14px;
    line-height: 1.8;
}

/* Visual */
.sky-about-visual {
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sky-about-card.main-card {
    position: relative;
    z-index: 3;
    width: min(390px, 88%);
    min-height: 365px;
    padding: 40px 30px 30px;
    border: 1px solid rgba(28,161,140,.16);
    border-radius: 28px;
    background: rgba(255,255,255,.9);
    box-shadow:
        0 28px 70px rgba(13,99,89,.13),
        inset 0 1px 0 rgba(255,255,255,.9);
    text-align: center;
    backdrop-filter: blur(10px);
    animation: skyAboutCardFloat 5s ease-in-out infinite;
}

.sky-logo-wrap {
    width: 175px;
    height: 175px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #ffffff, #edf9f6);
    box-shadow:
        0 15px 35px rgba(13,99,89,.10),
        0 0 0 8px rgba(62,230,179,.06);
}

.sky-logo-wrap img {
    width: 145px;
    height: 145px;
    object-fit: contain;
}

.sky-about-card-title {
    color: var(--sky-dark);
    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .8px;
}

.sky-about-card-subtitle {
    margin-top: 5px;
    color: var(--sky-muted);
    font-size: 11px;
    line-height: 1.5;
}

.sky-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 25px;
}

.sky-mini-stats div {
    padding: 12px 7px;
    border-radius: 12px;
    background: #f3fbf9;
    border: 1px solid rgba(28,161,140,.09);
}

.sky-mini-stats strong,
.sky-mini-stats span {
    display: block;
}

.sky-mini-stats strong {
    color: var(--sky-primary);
    font-size: 13px;
    line-height: 1.4;
}

.sky-mini-stats span {
    margin-top: 2px;
    color: var(--sky-muted);
    font-size: 11px;
    line-height: 1.4;
}

/* Rings */
.sky-about-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(28,161,140,.18);
    pointer-events: none;
}

.ring-one {
    width: 470px;
    height: 470px;
    animation: skyAboutRotate 18s linear infinite;
}

.ring-two {
    width: 410px;
    height: 410px;
    border-style: dashed;
    border-color: rgba(62,230,179,.28);
    animation: skyAboutRotateReverse 24s linear infinite;
}

/* Floating cards */
.sky-floating-card {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 205px;
    padding: 13px 15px;
    border: 1px solid rgba(28,161,140,.13);
    border-radius: 15px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 15px 35px rgba(13,99,89,.12);
    backdrop-filter: blur(8px);
}

.sky-floating-card i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--sky-primary);
    background: rgba(62,230,179,.13);
    font-size: 19px;
}

.sky-floating-card strong,
.sky-floating-card span {
    display: block;
}

.sky-floating-card strong {
    color: var(--sky-text);
    font-size: 12px;
    line-height: 1.5;
}

.sky-floating-card span {
    color: var(--sky-muted);
    font-size: 11px;
    line-height: 1.5;
}

.card-top {
    top: 38px;
    right: 0;
    animation: skyFloatTop 4.5s ease-in-out infinite;
}

.card-bottom {
    bottom: 35px;
    left: 0;
    animation: skyFloatBottom 5s ease-in-out infinite;
}

/* Values */
.sky-about-values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 28px;
}

.sky-value-card {
    min-height: 145px;
    padding: 18px 15px;
    border: 1px solid rgba(13,99,89,.10);
    border-radius: 15px;
    background: rgba(255,255,255,.72);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.sky-value-card:hover {
    transform: translateY(-7px);
    border-color: rgba(28,161,140,.28);
    box-shadow: 0 15px 35px rgba(13,99,89,.10);
}

.sky-value-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--sky-primary);
    background: rgba(62,230,179,.12);
    font-size: 19px;
    transition: transform .3s ease;
}

.sky-value-card:hover .sky-value-icon {
    transform: rotate(-7deg) scale(1.08);
}

.sky-value-card h3 {
    margin: 0 0 6px;
    color: var(--sky-text);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
}

.sky-value-card p {
    margin: 0;
    color: var(--sky-muted);
    font-size: 11px;
    line-height: 1.6;
}

/* Action */
.sky-about-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 27px;
}

.sky-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 21px;
    border-radius: 9px;
    color: #fff;
    background: var(--sky-dark);
    font-size: 13px;
    font-weight: 800;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.sky-about-btn i {
    transition: transform .25s ease;
}

.sky-about-btn:hover {
    color: #fff;
    background: var(--sky-primary);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(13,99,89,.18);
}

.sky-about-btn:hover i {
    transform: translateX(5px);
}

.sky-location {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--sky-muted);
    font-size: 11px;
    line-height: 1.5;
}

.sky-location i {
    color: var(--sky-primary);
    font-size: 16px;
}

/* Reveal animation */
.sky-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22,.61,.36,1);
}

.sky-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.sky-reveal-delay {
    transition-delay: .15s;
}

/* Keyframes */
@keyframes skyAboutCardFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes skyAboutFloat {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(20px, -18px); }
}

@keyframes skyAboutRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes skyAboutRotateReverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes skyFloatTop {
    0%, 100% { transform: translateY(0) rotate(1deg); }
    50% { transform: translateY(-10px) rotate(-1deg); }
}

@keyframes skyFloatBottom {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(10px) rotate(1deg); }
}

/* Responsive */
@media (max-width: 991px) {
    .sky-about-section {
        padding: 80px 0;
    }

    .sky-about-visual {
        min-height: 470px;
        margin-bottom: 10px;
    }

    .sky-about-values {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .sky-about-section {
        padding: 65px 0;
    }

    .sky-about-content h2 {
        font-size: 32px;
    }

    .sky-about-lead {
        font-size: 14px;
    }

    .sky-about-visual {
        min-height: 430px;
        transform: scale(.93);
        margin-left: -3%;
        margin-right: -3%;
    }

    .sky-about-card.main-card {
        width: 78%;
        min-height: 340px;
        padding: 30px 20px 22px;
    }

    .sky-logo-wrap {
        width: 145px;
        height: 145px;
    }

    .sky-logo-wrap img {
        width: 120px;
        height: 120px;
    }

    .ring-one {
        width: 390px;
        height: 390px;
    }

    .ring-two {
        width: 345px;
        height: 345px;
    }

    .sky-floating-card {
        min-width: 175px;
        padding: 10px;
    }

    .card-top {
        right: -3px;
    }

    .card-bottom {
        left: -3px;
    }

    .sky-about-values {
        grid-template-columns: 1fr;
    }

    .sky-value-card {
        min-height: auto;
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .sky-value-icon {
        flex: 0 0 42px;
        margin-bottom: 0;
    }

    .sky-about-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sky-about-section *,
    .sky-about-section *::before,
    .sky-about-section *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}


.sky-process-section {
    --sky-dark: #0d6359;
    --sky-primary: #1ca18c;
    --sky-bright: #29c39f;
    --sky-mint: #3ee6b3;
    --sky-text: #123f3a;
    --sky-muted: #617672;
    --sky-border: rgba(13,99,89,.11);

    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background:
        radial-gradient(circle at 5% 50%, rgba(62,230,179,.10), transparent 24%),
        radial-gradient(circle at 95% 20%, rgba(28,161,140,.08), transparent 25%),
        #f9fcfb;
}

.sky-process-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.sky-process-bg-one {
    width: 300px;
    height: 300px;
    top: -150px;
    right: 8%;
    background: rgba(62,230,179,.07);
    animation: skyProcessFloat 7s ease-in-out infinite;
}

.sky-process-bg-two {
    width: 220px;
    height: 220px;
    bottom: -120px;
    left: 12%;
    background: rgba(28,161,140,.06);
    animation: skyProcessFloat 8s ease-in-out infinite reverse;
}

.sky-process-heading {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.sky-process-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--sky-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.sky-process-label span {
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background: var(--sky-primary);
}

.sky-process-heading h2 {
    margin: 0 0 10px;
    color: #092f2b;
    font-size: clamp(32px, 4vw, 45px);
    line-height: 1.15;
    font-weight: 800;
}

.sky-process-heading h2 strong {
    color: var(--sky-primary);
}

.sky-process-heading p {
    margin: 0 auto;
    max-width: 650px;
    color: var(--sky-muted);
    font-size: 14px;
    line-height: 1.8;
}

/* Desktop process track */
.sky-process-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.sky-process-line {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 49px;
    height: 3px;
    border-radius: 10px;
    background: rgba(28,161,140,.12);
    z-index: 0;
}

.sky-process-line-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--sky-dark), var(--sky-bright), var(--sky-mint));
    transition: width 1.8s cubic-bezier(.22,.61,.36,1);
}

.sky-process-track.is-active .sky-process-line-fill {
    width: 100%;
}

.sky-process-step {
    position: relative;
    z-index: 2;
    min-width: 0;
    text-align: center;
}

.sky-step-number {
    margin-bottom: 8px;
    color: rgba(13,99,89,.48);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sky-step-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    display: grid;
    place-items: center;
    border: 5px solid #f9fcfb;
    border-radius: 50%;
    color: var(--sky-dark);
    background: linear-gradient(145deg, #dffbf3, #ffffff);
    box-shadow:
        0 0 0 1px rgba(28,161,140,.25),
        0 12px 25px rgba(13,99,89,.10);
    font-size: 25px;
    transition: transform .35s ease, background .35s ease, color .35s ease;
}

.sky-process-step:hover .sky-step-icon {
    color: #fff;
    background: linear-gradient(135deg, var(--sky-dark), var(--sky-bright));
    transform: translateY(-7px) rotate(-5deg);
}

.sky-step-content {
    padding: 0 8px;
}

.sky-step-content h3 {
    margin: 0 0 7px;
    color: var(--sky-text);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 800;
}

.sky-step-content p {
    margin: 0;
    color: var(--sky-muted);
    font-size: 11px;
    line-height: 1.65;
}

/* Bottom trust row */
.sky-process-bottom {
    max-width: 980px;
    margin: 55px auto 0;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    border: 1px solid var(--sky-border);
    border-radius: 15px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 12px 35px rgba(13,99,89,.06);
}

.sky-process-bottom div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--sky-text);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.sky-process-bottom i {
    color: var(--sky-primary);
    font-size: 16px;
}

/* Reveal */
.sky-process-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.22,.61,.36,1);
}

.sky-process-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.sky-process-step:nth-child(2) { transition-delay: .05s; }
.sky-process-step:nth-child(3) { transition-delay: .15s; }
.sky-process-step:nth-child(4) { transition-delay: .25s; }
.sky-process-step:nth-child(5) { transition-delay: .35s; }
.sky-process-step:nth-child(6) { transition-delay: .45s; }

/* Keyframes */
@keyframes skyProcessFloat {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(18px, -15px); }
}

/* Tablet */
@media (max-width: 991px) {
    .sky-process-section {
        padding: 80px 0;
    }

    .sky-process-track {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 45px;
    }

    .sky-process-line {
        display: none;
    }

    .sky-process-bottom {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .sky-process-section {
        padding: 65px 0;
    }

    .sky-process-heading {
        margin-bottom: 40px;
    }

    .sky-process-heading p {
        font-size: 13px;
    }

    .sky-process-track {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .sky-process-step {
        display: grid;
        grid-template-columns: 52px 1fr;
        column-gap: 15px;
        text-align: left;
        align-items: center;
        padding: 17px;
        border: 1px solid var(--sky-border);
        border-radius: 16px;
        background: rgba(255,255,255,.78);
        box-shadow: 0 10px 25px rgba(13,99,89,.05);
    }

    .sky-step-number {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        text-align: center;
    }

    .sky-step-icon {
        grid-column: 1;
        grid-row: 2;
        width: 52px;
        height: 52px;
        margin: 0;
        border-width: 3px;
        font-size: 19px;
    }

    .sky-step-content {
        grid-column: 2;
        grid-row: 1 / span 2;
        padding: 0;
    }

    .sky-process-bottom {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-top: 35px;
    }

    .sky-process-bottom div {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sky-process-section *,
    .sky-process-section *::before,
    .sky-process-section *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}


.sky-contact-section{position:relative;overflow:hidden;padding:100px 0;background:radial-gradient(circle at 10% 15%,rgba(62,230,179,.12),transparent 30%),radial-gradient(circle at 90% 85%,rgba(28,161,140,.1),transparent 32%),var(--bg)}
.contact-orb{position:absolute;border-radius:50%;pointer-events:none;animation:floatOrb 7s ease-in-out infinite}
.orb-one{width:220px;height:220px;left:-90px;top:120px;background:rgba(41,195,159,.08)}.orb-two{width:300px;height:300px;right:-130px;bottom:40px;background:rgba(13,99,89,.07);animation-delay:-3s}
.contact-heading{max-width:760px;margin:0 auto 55px;text-align:center}.contact-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid rgba(28,161,140,.2);border-radius:50px;background:rgba(255,255,255,.75);color:var(--primary-dark);font-size:11px;font-weight:800;letter-spacing:1.5px}
.contact-heading h2{margin:18px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:800}.contact-heading h2 span{color:var(--primary)}
.contact-heading p{margin:0 auto;max-width:680px;color:#58716d;font-size:15px;line-height:1.8}
.contact-info-card,.contact-form-card{height:100%;border:1px solid rgba(13,99,89,.13);border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(13,99,89,.09);backdrop-filter:blur(12px)}
.contact-info-card{position:relative;padding:32px;overflow:hidden}.contact-info-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:rgba(62,230,179,.12)}
.contact-brand{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:26px}.contact-brand-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--primary-dark),var(--bright));color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 24px rgba(28,161,140,.25)}
.contact-brand-name{display:flex;flex-direction:column;line-height:1}.contact-brand-name strong{font-size:16px;letter-spacing:1.2px;color:var(--primary-dark);font-weight:900}.contact-brand-name span{margin-top:5px;font-size:11px;letter-spacing:2.4px;color:#6c8580;font-weight:700}
.contact-card-header{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:30px}.contact-main-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:17px;color:#fff;font-size:24px;background:linear-gradient(135deg,var(--primary-dark),var(--bright));box-shadow:0 12px 25px rgba(28,161,140,.25)}
.contact-card-header h3,.form-heading h3{margin:0 0 6px;font-size:24px;font-weight:800}.contact-card-header p,.form-heading p{margin:0;color:#68807b;font-size:13px}
.contact-details{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:15px;text-decoration:none;color:inherit;background:#fafcfb;border:1px solid rgba(13,99,89,.07);transition:.3s}
.contact-item:hover{transform:translateX(5px);border-color:rgba(28,161,140,.25);box-shadow:0 10px 25px rgba(13,99,89,.08)}
.contact-item-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;color:var(--primary-dark);background:rgba(62,230,179,.13);font-size:17px}
.contact-item small{display:block;margin-bottom:3px;color:#78908b;font-size:11px;font-weight:600}.contact-item strong{display:block;color:var(--text);font-size:13px;line-height:1.45}
.contact-note{display:flex;gap:9px;margin-top:25px;padding:14px;border-radius:14px;color:var(--primary-dark);background:rgba(62,230,179,.1);font-size:11px;line-height:1.6;font-weight:600}.contact-note i{color:var(--primary)}
.contact-form-card{padding:34px}.form-heading{margin-bottom:25px}.form-heading h3{font-size:26px}.contact-form-card label{display:block;margin-bottom:8px;color:var(--text);font-size:12px;font-weight:700}
.input-wrap{position:relative}.input-wrap>i{position:absolute;left:15px;top:50%;z-index:2;transform:translateY(-50%);color:var(--primary);font-size:16px;pointer-events:none}
.input-wrap input,.input-wrap select,.input-wrap textarea{width:100%;border:1px solid #dce8e5;outline:0;border-radius:13px;background:#fbfdfc;color:var(--text);font-family:inherit;font-size:13px;transition:.25s}
.input-wrap input,.input-wrap select{height:50px;padding:0 15px 0 44px}.input-wrap textarea{min-height:135px;padding:14px 15px 14px 44px;resize:vertical}.input-wrap input:focus,.input-wrap select:focus,.input-wrap textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(28,161,140,.1)}
.input-wrap select{appearance:none;cursor:pointer}
.contact-submit-btn{position:relative!important;width:100%!important;min-height:52px!important;height:52px!important;border:0!important;border-radius:13px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#fff!important;background:linear-gradient(135deg,var(--primary-dark),var(--primary),var(--bright))!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1!important;text-align:center!important;cursor:pointer!important;box-shadow:0 14px 30px rgba(28,161,140,.23)!important;opacity:1!important;visibility:visible!important;transition:transform .3s ease,box-shadow .3s ease!important}
.contact-submit-btn span{display:inline-block!important;color:#fff!important;font-size:13px!important;font-weight:800!important;visibility:visible!important;opacity:1!important}.contact-submit-btn i{display:inline-block!important;color:#fff!important;font-size:14px!important;visibility:visible!important;opacity:1!important;transition:.3s}.contact-submit-btn:hover{transform:translateY(-3px)!important;box-shadow:0 18px 35px rgba(28,161,140,.3)!important}.contact-submit-btn:hover i{transform:translateX(5px)}
.form-message{display:none;margin-top:14px;padding:12px 14px;border-radius:10px;font-size:12px}.form-message.show{display:block}.form-message.success{color:#126b57;background:rgba(62,230,179,.13)}.form-message.error{color:#9a493f;background:rgba(220,100,90,.08)}
.contact-reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.contact-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media(max-width:991.98px){.sky-contact-section{padding:80px 0}.contact-heading{margin-bottom:42px}}
@media(max-width:575.98px){.sky-contact-section{padding:65px 0}.contact-heading h2{font-size:31px}.contact-heading p{font-size:13px}.contact-info-card,.contact-form-card{padding:22px;border-radius:20px}.contact-card-header h3,.form-heading h3{font-size:21px}.contact-item strong{font-size:12px}.contact-brand-name strong{font-size:15px}}




.sky-footer {
  position: relative;
  overflow: hidden;
  padding: 72px 0 0;
  color: rgba(255, 255, 255, 0.78);
  background:
    radial-gradient(circle at 8% 15%, rgba(62, 230, 179, 0.11), transparent 28%),
    radial-gradient(circle at 92% 75%, rgba(41, 195, 159, 0.08), transparent 30%),
    linear-gradient(145deg, #072B27 0%, #0A3934 48%, #062723 100%);
}

.footer-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(1px);
  animation: footerFloat 8s ease-in-out infinite;
}

.footer-glow-one {
  width: 180px;
  height: 180px;
  top: -80px;
  left: 22%;
  background: rgba(62, 230, 179, 0.08);
}

.footer-glow-two {
  width: 240px;
  height: 240px;
  right: -100px;
  bottom: 100px;
  background: rgba(28, 161, 140, 0.07);
  animation-delay: -3s;
}

.footer-main {
  padding-bottom: 48px;
}

.footer-brand-block {
  max-width: 390px;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  text-decoration: none;
}

.footer-logo {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 12px 28px rgba(41, 195, 159, 0.22);
  filter: none !important;
}

.footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: none !important;
}

.footer-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.footer-brand-text strong {
  font-size: 19px;
  letter-spacing: 1.4px;
  font-weight: 900;
}

.footer-brand-text small {
  margin-top: 6px;
  color: var(--sky-mint);
  font-size: 11px;
  letter-spacing: 3px;
  font-weight: 700;
}

.footer-description {
  margin: 22px 0 22px;
  max-width: 370px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 13px;
  line-height: 1.8;
}

.footer-socials {
  display: flex;
  gap: 9px;
}

.footer-socials a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 11px;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.045);
  text-decoration: none;
  font-size: 15px;
  transition: transform .3s ease, color .3s ease, background .3s ease, border-color .3s ease;
}

.footer-socials a:hover {
  transform: translateY(-4px);
  color: #fff;
  background: rgba(41, 195, 159, 0.18);
  border-color: rgba(62, 230, 179, 0.35);
}

.footer-column h3 {
  position: relative;
  margin: 4px 0 22px;
  padding-bottom: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

.footer-column h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 34px;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--sky-primary), var(--sky-mint));
}

.footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-column li {
  margin-bottom: 11px;
}

.footer-column li a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .25s ease, transform .25s ease;
}

.footer-column li a i {
  color: var(--sky-bright);
  font-size: 9px;
  transition: transform .25s ease;
}

.footer-column li a:hover {
  color: #fff;
  transform: translateX(4px);
}

.footer-column li a:hover i {
  transform: translateX(2px);
}

.footer-contact {
  display: flex;
  flex-direction: column;
}

.footer-contact h3 {
  width: 100%;
}

.footer-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  width: 100%;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.67);
  text-decoration: none;
  transition: color .25s ease, transform .25s ease;
}

.footer-contact-item span {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--sky-mint);
  background: rgba(62, 230, 179, 0.08);
  font-size: 13px;
}

.footer-contact-item strong {
  padding-top: 5px;
  font-size: 11px;
  line-height: 1.55;
  font-weight: 600;
}

.footer-contact-item:hover {
  color: #fff;
  transform: translateX(3px);
}

.footer-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.10);
}

.footer-bottom {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.footer-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.48);
  font-size: 11px;
}

.footer-bottom p strong {
  color: rgba(255, 255, 255, 0.78);
}

.footer-legal {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-legal a {
  color: rgba(255, 255, 255, 0.50);
  font-size: 11px;
  text-decoration: none;
  transition: color .25s ease;
}

.footer-legal span {
  color: rgba(255, 255, 255, 0.24);
  font-size: 11px;
}

.footer-legal a:hover {
  color: var(--sky-mint);
}

@keyframes footerFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-16px);
  }
}

@media (max-width: 767.98px) {
  .sky-footer {
    padding-top: 58px;
  }

  .footer-main {
    padding-bottom: 35px;
  }

  .footer-column {
    margin-top: 10px;
  }

  .footer-bottom {
    padding: 20px 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .footer-brand-text strong {
    font-size: 17px;
  }

  .footer-description {
    font-size: 12px;
  }

  .footer-socials a {
    width: 36px;
    height: 36px;
  }
}



@media (prefers-reduced-motion: reduce) {
  .sky-contact-section *,
  .sky-contact-section *::before,
  .sky-contact-section *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}


.contact-brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    filter: none !important;
}


/* =========================================================
   SKYTECH SOFTWARE - FLOATING WHATSAPP
   ========================================================= */

.whatsapp-float {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 56px;
    height: 56px;
    z-index: 1050;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #25D366;
    color: #fff;
    text-decoration: none;

    font-size: 27px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.18),
        0 0 0 0 rgba(37, 211, 102, 0.45);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

    animation: whatsappPulse 2.2s infinite;
}

.whatsapp-float:hover {
    color: #fff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.23);
}


/* Tooltip */

.whatsapp-tooltip {
    position: absolute;
    right: 68px;

    padding: 8px 12px;

    white-space: nowrap;

    border-radius: 8px;

    background: #123F3A;
    color: #fff;

    font-size: 11px;
    font-weight: 600;

    opacity: 0;
    visibility: hidden;

    transform: translateX(8px);

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease;
}

.whatsapp-float:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


/* Pulse animation */

@keyframes whatsappPulse {

    0% {
        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.18),
            0 0 0 0 rgba(37, 211, 102, 0.45);
    }

    70% {
        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.18),
            0 0 0 13px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.18),
            0 0 0 0 rgba(37, 211, 102, 0);
    }
}


/* Mobile */

@media (max-width: 575.98px) {

    .whatsapp-float {
        width: 52px;
        height: 52px;

        right: 16px;
        bottom: 84px;

        font-size: 25px;
    }

    .whatsapp-tooltip {
        display: none;
    }
}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .whatsapp-float {
        animation: none;
    }
}




/* =========================================================
   SKYTECH SOFTWARE - LEGAL PAGES
   ========================================================= */

.legal-page {
    min-height: 100vh;
    padding: 80px 0;
    background: #f8fbfa;
    color: #123f3a;
}

.legal-page .container {
    max-width: 950px;
}

.legal-header {
    margin-bottom: 35px;
    text-align: center;
}

.legal-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 14px;

    border-radius: 50px;

    background: rgba(28, 161, 140, 0.10);
    color: #0d6359;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.legal-header h1 {
    margin-bottom: 15px;

    color: #123f3a;

    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
}

.legal-header p {
    max-width: 650px;
    margin: auto;

    color: #617572;

    font-size: 14px;
    line-height: 1.8;
}

.legal-content {
    padding: 40px;

    border: 1px solid rgba(13, 99, 89, 0.10);
    border-radius: 22px;

    background: #fff;

    box-shadow: 0 15px 45px rgba(13, 99, 89, 0.07);
}

.legal-content h2 {
    margin: 30px 0 12px;

    color: #0d6359;

    font-size: 18px;
    font-weight: 800;
}

.legal-content h2:first-child {
    margin-top: 0;
}

.legal-content p,
.legal-content li {
    color: #617572;

    font-size: 13px;
    line-height: 1.9;
}

.legal-content ul {
    padding-left: 20px;
}

.legal-contact {
    margin-top: 15px;
    padding: 18px 20px;

    border-left: 3px solid #1ca18c;
    border-radius: 10px;

    background: rgba(62, 230, 179, 0.07);

    color: #496560;

    font-size: 13px;
    line-height: 1.9;
}

.legal-contact strong {
    color: #0d6359;
}

.legal-back {
    margin-top: 25px;
    text-align: center;
}

.legal-back a {
    color: #0d6359;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;
}

.legal-back a:hover {
    color: #1ca18c;
}

@media (max-width: 575.98px) {

    .legal-page {
        padding: 55px 0;
    }

    .legal-content {
        padding: 25px 20px;
        border-radius: 17px;
    }

    .legal-header h1 {
        font-size: 31px;
    }
}