/* Sky High Designs — standalone site navigation (rebuilt, self-contained) */
:root{
  --shd-indigo:#39398f;
  --shd-indigo-900:#262668;
  --shd-pink:#fe0c60;
  --shd-yellow:#ffe501;
  --shd-yellow-600:#e8d000;
  --shd-border:#e5e5e5;
  --shd-text:#171717;
  --shd-muted:#525252;
}
html.dark .shd-header{--shd-border:#404040;--shd-text:#f5f5f5;--shd-muted:#bdbdbd;background:rgba(23,23,23,.94);}
html.dark .shd-mega,
html.dark .shd-mobile-panel{background:#171717;}
html.dark .shd-mega-grid a:hover,
html.dark .shd-mega-simple a:hover{background:#292929;}
html.dark .shd-burger{border-color:var(--shd-border);color:var(--shd-text);}
.shd-header *{box-sizing:border-box;}
.shd-header{
  font-family:Poppins,ui-sans-serif,system-ui,sans-serif;
  position:sticky;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(90deg,#0a1130,#0d1c47);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #25304f;
}
.shd-nav-inner{--shd-border:#25304f;--shd-text:#f5f6fa;--shd-muted:#a9b3cc;}
.shd-header .shd-mobile-panel,
.shd-header .shd-mega{--shd-border:#e5e5e5;--shd-text:#171717;--shd-muted:#525252;}
html.dark .shd-header .shd-mobile-panel,
html.dark .shd-header .shd-mega{--shd-border:#404040;--shd-text:#f5f5f5;--shd-muted:#bdbdbd;}
.shd-header a{text-decoration:none;color:inherit;}
.shd-nav-inner{
  max-width:1280px;margin:0 auto;padding:0 1.25rem;
  display:flex;align-items:center;justify-content:space-between;
  height:72px;position:relative;
}
.shd-logo img{height:34px;width:auto;display:block;}
.shd-nav-links{display:none;align-items:center;gap:1.75rem;}
.shd-nav-links > li{position:relative;}
.shd-nav-links > li > a,
.shd-nav-links > li > button{
  font-size:.9rem;font-weight:600;color:var(--shd-text);
  background:none;border:none;cursor:pointer;
  display:flex;align-items:center;gap:.3rem;padding:.5rem 0;
  font-family:inherit;
}
.shd-nav-links > li > a:hover,
.shd-nav-links > li > button:hover,
.shd-nav-links > li.shd-open > button{color:var(--shd-indigo);}
.shd-caret{width:10px;height:10px;transition:transform .15s ease;}
.shd-nav-links > li.shd-open .shd-caret{transform:rotate(180deg);}

.shd-cta{
  display:none;align-items:center;gap:.9rem;
}
.shd-btn-yellow{
  background:var(--shd-yellow);color:var(--shd-indigo-900);
  font-weight:700;font-size:.85rem;padding:.6rem 1.4rem;border-radius:999px;
  white-space:nowrap;transition:transform .15s ease,background .15s ease;
}
.shd-btn-yellow:hover{background:var(--shd-yellow-600);transform:translateY(-1px);}

.shd-burger{
  display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:10px;border:1px solid var(--shd-border);
  background:none;cursor:pointer;
}
.shd-burger svg{width:22px;height:22px;}
.shd-theme-toggle{
  width:38px;height:38px;border:1px solid var(--shd-border);border-radius:10px;
  display:flex;align-items:center;justify-content:center;color:var(--shd-text);
  background:none;cursor:pointer;font-size:1.05rem;line-height:1;
}
.shd-theme-toggle:hover{border-color:var(--shd-indigo);color:var(--shd-indigo);}

/* Mega menu (desktop) */
.shd-mega{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  background:#fff;border:1px solid var(--shd-border);border-radius:16px;
  box-shadow:0 20px 40px -12px rgba(0,0,0,.15);
  padding:1.5rem;margin-top:12px;
  display:none;z-index:1001;
}
.shd-nav-links > li.shd-open .shd-mega{display:block;}
.shd-mega.shd-mega-wide{
  left:0;transform:none;width:min(720px,calc(100vw - 2rem));
}
.shd-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;}
.shd-mega-grid a{
  display:flex;gap:.75rem;align-items:center;padding:.6rem;border-radius:10px;
}
.shd-mega-grid a:hover{background:#f5f5f7;}
.shd-mega-letter{
  flex-shrink:0;width:32px;height:32px;border-radius:9px;
  background:linear-gradient(135deg,var(--shd-indigo),var(--shd-pink));
  color:#fff;font-weight:700;font-size:.8rem;
  display:flex;align-items:center;justify-content:center;
}
.shd-mega-title{display:block;font-size:.85rem;font-weight:600;color:var(--shd-text);}
.shd-mega-desc{display:block;font-size:.75rem;color:var(--shd-muted);line-height:1.35;margin-top:.15rem;}
.shd-mega-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--shd-border);}
.shd-mega-footer a{font-size:.8rem;font-weight:700;color:var(--shd-indigo);}

.shd-mega-simple{min-width:220px;}
.shd-mega-simple a{display:block;padding:.55rem .6rem;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--shd-text);}
.shd-mega-simple a:hover{background:#f5f5f7;color:var(--shd-indigo);}

/* Mobile menu */
.shd-mobile-panel{
  display:none;position:fixed;inset:0;top:72px;background:#fff;
  z-index:999;overflow-y:auto;padding:1.25rem 1.25rem 3rem;
}
.shd-mobile-panel.shd-mobile-open{display:block;}
.shd-mobile-item{border-bottom:1px solid var(--shd-border);}
.shd-mobile-item > a,.shd-mobile-item > button{
  width:100%;text-align:left;background:none;border:none;font-family:inherit;
  display:flex;justify-content:space-between;align-items:center;
  padding:1rem .1rem;font-size:1rem;font-weight:600;color:var(--shd-text);cursor:pointer;
}
.shd-mobile-sub{display:none;padding:0 .1rem 1rem;}
.shd-mobile-item.shd-open .shd-mobile-sub{display:block;}
.shd-mobile-item.shd-open .shd-caret{transform:rotate(180deg);}
.shd-mobile-sub a{
  display:block;padding:.55rem 0;font-size:.9rem;color:var(--shd-muted);
}
.shd-mobile-sub a:hover{color:var(--shd-indigo);}
.shd-mobile-cta{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;}
.shd-mobile-cta a{text-align:center;padding:.85rem;border-radius:999px;font-weight:700;font-size:.9rem;}
.shd-mobile-theme{display:flex;justify-content:flex-end;padding-top:1rem;}

@media (min-width:1024px){
  .shd-nav-links{display:flex;margin-left:2rem;}
  .shd-cta{display:flex;}
  .shd-burger{display:none;}
  .shd-mobile-panel{display:none !important;}
}

@media (min-width:1024px) and (max-width:1150px){
  .shd-mega-grid{grid-template-columns:1fr;}
}

/* Service icons replacing letter badges */
.shd-mega-letter{font-size:0 !important;line-height:0;}
.shd-mega-letter::before{content:"";display:block;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain;}
a[href$="services/web-design.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE2IiByeD0iMiIvPjxsaW5lIHgxPSIzIiB5MT0iOSIgeDI9IjIxIiB5Mj0iOSIvPjxjaXJjbGUgY3g9IjYuNSIgY3k9IjYuNSIgcj0iMC42IiBmaWxsPSIjZmZmZmZmIi8+PGNpcmNsZSBjeD0iOSIgY3k9IjYuNSIgcj0iMC42IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+");}
a[href$="services/web-development.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iOCw3IDMsMTIgOCwxNyIvPjxwb2x5bGluZSBwb2ludHM9IjE2LDcgMjEsMTIgMTYsMTciLz48bGluZSB4MT0iMTQiIHkxPSI0IiB4Mj0iMTAiIHkyPSIyMCIvPjwvc3ZnPg==");}
a[href$="services/mobile-apps.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNi41IiB5PSIyLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgcng9IjIiLz48bGluZSB4MT0iMTAiIHkxPSIxOSIgeDI9IjE0IiB5Mj0iMTkiLz48L3N2Zz4=");}
a[href$="services/seo.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTAuNSIgY3k9IjEwLjUiIHI9IjYuNSIvPjxsaW5lIHgxPSIxNS4zIiB5MT0iMTUuMyIgeDI9IjIxIiB5Mj0iMjEiLz48cG9seWxpbmUgcG9pbnRzPSI3LjUsMTEuNSA5LjUsOSAxMS4yLDEwLjYgMTMuNSw3LjgiLz48L3N2Zz4=");}
a[href$="services/graphic-design.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgMjFsMy41LTEgMTEtMTFhMiAyIDAgMCAwLTMtM2wtMTEgMTF6Ii8+PHBhdGggZD0iTTEzIDVsMyAzIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOCIgcj0iMi40Ii8+PC9zdmc+");}
a[href$="services/ecommerce.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOSIgY3k9IjIwIiByPSIxLjMiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibm9uZSIvPjxjaXJjbGUgY3g9IjE4IiBjeT0iMjAiIHI9IjEuMyIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJub25lIi8+PHBhdGggZD0iTTIuNSAzaDIuNWwyLjQgMTIuMmEyIDIgMCAwIDAgMiAxLjZoOC4xYTIgMiAwIDAgMCAyLTEuNkwyMSA3LjVINi4yIi8+PC9zdmc+");}
a[href$="services/automation.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjxwYXRoIGQ9Ik0xMiAzdjIuMk0xMiAxOC44VjIxTTQuOSA0LjlsMS42IDEuNk0xNy41IDE3LjVsMS42IDEuNk0zIDEyaDIuMk0xOC44IDEySDIxTTQuOSAxOS4xbDEuNi0xLjZNMTcuNSA2LjVsMS42LTEuNiIvPjwvc3ZnPg==");}
a[href$="services/observability.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iMywxNiA4LDE2IDEwLDggMTQsMTkgMTYsMTIgMTgsMTYgMjEsMTYiLz48L3N2Zz4=");}
a[href$="services/ai.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNyIgeT0iNyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiByeD0iMS41Ii8+PHBhdGggZD0iTTEyIDIuNXYzTTEyIDE4LjV2M00yLjUgMTJoM00xOC41IDEyaDNNNS41IDUuNWwyIDJNMTYuNSAxNi41bDIgMk0xOC41IDUuNWwtMiAyTTcuNSAxNi41bC0yIDIiLz48L3N2Zz4=");}
a[href$="services/web3.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIuOGw4IDQuNHY5LjZsLTggNC40LTgtNC40VjcuMnoiLz48cGF0aCBkPSJNNCA3LjJsOCA0LjQgOC00LjQiLz48bGluZSB4MT0iMTIiIHkxPSIxMS42IiB4Mj0iMTIiIHkyPSIyMS4yIi8+PC9zdmc+");}
a[href$="services/accessibility.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSI1IiByPSIxLjgiLz48cGF0aCBkPSJNNC41IDljMyAxLjEgNSAxLjUgNy41IDEuNVMxNyAxMC4xIDIwIDkiLz48cGF0aCBkPSJNMTIgMTAuNXYzbC0zIDcuNSIvPjxwYXRoIGQ9Ik0xMiAxMy41bDMgNyIvPjxsaW5lIHgxPSIxMiIgeTE9IjEwLjUiIHgyPSIxMiIgeTI9IjEzLjUiLz48L3N2Zz4=");}
a[href$="services/compliance.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDNsNyAzdjUuNWMwIDQuNS0zIDcuNS03IDktNC0xLjUtNy00LjUtNy05VjZ6Ii8+PHBvbHlsaW5lIHBvaW50cz0iOSwxMiAxMSwxNC4yIDE1LDkuOCIvPjwvc3ZnPg==");}
a[href$="services/migrations.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgOGgxMyIvPjxwb2x5bGluZSBwb2ludHM9IjE0LDQuNSAxNy41LDggMTQsMTEuNSIvPjxwYXRoIGQ9Ik0yMCAxNkg3Ii8+PHBvbHlsaW5lIHBvaW50cz0iMTAsMTIuNSA2LjUsMTYgMTAsMTkuNSIvPjwvc3ZnPg==");}
a[href$="services/care.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIwcy03LTQuNC05LjMtOUE1IDUgMCAwIDEgMTIgNi41IDUgNSAwIDAgMSAyMS4zIDExYy0yLjMgNC42LTkuMyA5LTkuMyA5eiIvPjwvc3ZnPg==");}
a[href$="services/training.html"] .shd-mega-letter::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgOC41TDEyIDRsMTAgNC41LTEwIDQuNXoiLz48cGF0aCBkPSJNNiAxMXY1YzAgMS40IDIuNyAyLjUgNiAyLjVzNi0xLjEgNi0yLjV2LTUiLz48bGluZSB4MT0iMjEiIHkxPSI4LjUiIHgyPSIyMSIgeTI9IjE1Ii8+PC9zdmc+");}

/* Hero carousel */
.shd-carousel{position:relative;width:100%;height:100%;border-radius:2rem;overflow:hidden;background:#0d1c47;}
.shd-carousel .shd-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;}
.shd-carousel .shd-slide.is-active{opacity:1;}
.shd-carousel-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2;}
.shd-carousel-dots button{width:9px;height:9px;padding:0;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:width .25s,background .25s;}
.shd-carousel-dots button.is-active{width:24px;background:#fff;}