:root { --sid-blue:#1677ff; --sid-blue-dark:#075dcc; --sid-cyan:#53c8ff; --sid-navy:#081a33; --sid-dark:#061222; --sid-soft:#f4f8fd; --sid-border:#e3ebf5; --sid-muted:#657086; --sid-radius:1.15rem; --sid-shadow:0 18px 50px rgba(8,26,51,.09); }
html { scroll-behavior:smooth; }
body { color:#172033; background:#fff; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.65; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6 { color:var(--sid-navy);letter-spacing:-.025em; }
a { transition:color .2s,background-color .2s,border-color .2s,transform .2s; }
::selection { background:var(--sid-blue);color:#fff; }
.bg-sid,.sid-footer { background:var(--sid-dark)!important; }
.sid-topbar { background:#04101f;color:rgba(255,255,255,.62);font-size:.76rem;padding:.48rem 0;border-bottom:1px solid rgba(255,255,255,.06); }
.sid-topbar a { color:rgba(255,255,255,.68);text-decoration:none; }
.sid-topbar a:hover { color:#fff; }
.navbar { min-height:76px;backdrop-filter:blur(16px); }
.sid-navbar { background:rgba(6,18,34,.96)!important;box-shadow:0 8px 30px rgba(0,0,0,.16); }
.navbar-brand { font-size:1.05rem; }
.sid-brand-copy { display:flex;flex-direction:column;line-height:1; }
.sid-brand-copy strong { color:#fff;font-size:1.05rem;letter-spacing:.03em; }
.sid-brand-copy small { color:rgba(255,255,255,.5);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.3rem; }
.sid-brand-mark { display:inline-flex;align-items:center;justify-content:center;background:var(--sid-blue);color:#fff;border-radius:.45rem;padding:.22rem .45rem;letter-spacing:.06em; }
.navbar .nav-link { position:relative;color:rgba(255,255,255,.72);font-weight:600;font-size:.92rem;padding:.8rem .72rem!important; }
.navbar .nav-link:hover,.navbar .nav-link:focus,.navbar .nav-link.active { color:#fff; }
.sid-services-toggle { border:0;background:transparent;width:100%;text-align:left; }
.navbar .nav-link::after { transition:transform .2s,border-color .2s; }
.navbar .nav-link:not(.dropdown-toggle)::before { content:"";position:absolute;left:.72rem;right:.72rem;bottom:.42rem;height:2px;border-radius:2px;background:var(--sid-blue);transform:scaleX(0);transition:transform .2s; }
.navbar .nav-link:hover::before,.navbar .nav-link.active::before { transform:scaleX(1); }
.sid-nav-cta { box-shadow:0 10px 24px rgba(22,119,255,.3);padding:.7rem 1rem; }
.sid-nav-cta:hover { transform:translateY(-1px);box-shadow:0 13px 30px rgba(22,119,255,.38); }
.sid-dropdown { min-width:260px;border:1px solid var(--sid-border);border-radius:.9rem;padding:.6rem;box-shadow:0 20px 50px rgba(6,18,34,.18); }
.sid-dropdown .dropdown-item { border-radius:.55rem;padding:.68rem .75rem;color:#2b3548;font-weight:500; }
.sid-dropdown .dropdown-item i { color:var(--sid-blue);width:1.15rem; }
.sid-dropdown .dropdown-item:hover { background:#edf5ff;color:var(--sid-blue-dark); }
@media (min-width:1200px) { .sid-services-dropdown:hover>.sid-dropdown { display:block; } }
.sid-page-hero,.sid-cta { background:radial-gradient(circle at 80% 15%,rgba(22,119,255,.35),transparent 28%),linear-gradient(135deg,var(--sid-dark),var(--sid-navy)); }
.sid-page-hero { position:relative;overflow:hidden;padding:5.5rem 0 5.8rem;background:linear-gradient(135deg,#061222 0%,#0a2447 60%,#0c3970 100%); }
.sid-page-hero h1 { color:#fff;max-width:850px; }
.sid-page-orb { position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none; }
.sid-page-orb-one { width:360px;height:360px;right:-80px;top:-160px;background:radial-gradient(circle,rgba(83,200,255,.22),transparent 68%); }
.sid-page-orb-two { width:250px;height:250px;right:22%;bottom:-170px;background:radial-gradient(circle,rgba(22,119,255,.25),transparent 68%); }
.sid-breadcrumb { display:flex;align-items:center;gap:.65rem;color:rgba(255,255,255,.5);font-size:.8rem; }
.sid-breadcrumb a { color:#8dc0ff;text-decoration:none; }
.sid-breadcrumb i { font-size:.58rem; }
.sid-hero { position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;background:var(--sid-dark); }
.sid-hero h1 { color:#fff; }
.sid-hero::before { content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,17,35,.98) 0%,rgba(4,17,35,.91) 34%,rgba(4,17,35,.38) 66%,rgba(4,17,35,.1) 100%);pointer-events:none; }
.sid-hero>.container { z-index:2; }
.sid-hero-media { position:absolute;inset:0;display:block;z-index:0; }
.sid-hero-media img { width:100%;height:100%;object-fit:cover;object-position:center; }
.text-white-75 { color:rgba(255,255,255,.76); }
.sid-kicker { display:inline-block;color:#8dc0ff;background:rgba(22,119,255,.15);border:1px solid rgba(141,192,255,.25);border-radius:50rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase; }
.sid-section { padding:5.5rem 0; }
.sid-soft { background:var(--sid-soft); }
.sid-section-heading { max-width:720px; }
.sid-section-heading p { max-width:620px;margin-left:auto;margin-right:auto; }
.sid-card { position:relative;height:100%;border:1px solid var(--sid-border);border-radius:var(--sid-radius);background:#fff;padding:1.75rem;box-shadow:0 12px 35px rgba(8,26,51,.055);transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden; }
.sid-card::before { content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sid-blue),#66b2ff);opacity:0;transition:opacity .2s; }
.sid-card:hover { transform:translateY(-6px);box-shadow:var(--sid-shadow);border-color:#cfe1f7; }
.sid-card:hover::before { opacity:1; }
.sid-icon { width:52px;height:52px;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;background:#eaf3ff;color:var(--sid-blue);font-size:1.35rem;margin-bottom:1rem; }
.sid-check { color:var(--sid-blue);margin-right:.55rem; }
.sid-price { font-size:1.75rem;font-weight:800;color:var(--sid-navy); }
.sid-form { border:1px solid var(--sid-border);border-radius:var(--sid-radius);padding:2.25rem;background:#fff;box-shadow:var(--sid-shadow); }
.form-control,.form-select { border-color:#dbe5f1;border-radius:.65rem; }
.form-control:focus,.form-select:focus { border-color:#72adff;box-shadow:0 0 0 .22rem rgba(22,119,255,.12); }
.sid-honeypot { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
.sid-footer { position:relative;background:linear-gradient(145deg,#04101f,#071a32)!important; }
.sid-footer::before { content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--sid-blue),var(--sid-cyan),var(--sid-blue)); }
.sid-footer h2,.sid-footer h3 { color:#fff; }
.sid-footer h3 { text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;margin-bottom:1.1rem; }
.sid-footer a { display:block;color:rgba(255,255,255,.62);text-decoration:none;margin-bottom:.55rem; }
.sid-footer a:hover { color:#fff; }
.sid-footer .btn { display:inline-block;color:#fff; }
.btn { border-radius:.7rem;font-weight:650;transition:transform .2s,box-shadow .2s,background-color .2s; }
.btn-primary { background:linear-gradient(135deg,var(--sid-blue),#0968df);border-color:var(--sid-blue);box-shadow:0 8px 20px rgba(22,119,255,.18); }
.btn-primary:hover { transform:translateY(-2px);box-shadow:0 12px 26px rgba(22,119,255,.28); }
.sid-hero-points { display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;color:rgba(255,255,255,.7);font-size:.9rem; }
.sid-hero-points i { color:#67d99b;margin-right:.35rem; }
.sid-trust-strip { background:#fff;border-bottom:1px solid #e8eef7;box-shadow:0 10px 30px rgba(8,26,51,.04); }
.sid-trust-item { padding:1.4rem;border-right:1px solid #e8eef7; }
.sid-trust-item:last-child { border-right:0; }
.sid-trust-item strong,.sid-trust-item span { display:block; }
.sid-trust-item strong { color:var(--sid-navy);font-size:1.05rem; }
.sid-trust-item span { color:#6b7485;font-size:.82rem;margin-top:.1rem; }
.sid-image-frame { position:relative;border-radius:1.4rem;overflow:hidden;box-shadow:0 24px 60px rgba(8,26,51,.18); }
.sid-image-frame img { display:block;width:100%;aspect-ratio:1.9/1;object-fit:cover; }
.sid-image-badge { position:absolute;left:1.25rem;bottom:1.25rem;background:rgba(6,18,34,.9);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:.8rem;padding:.75rem 1rem;font-weight:600; }
.sid-service-card { padding:2rem; }
.sid-service-card .sid-icon { width:58px;height:58px;font-size:1.45rem;border-radius:1rem; }
.sid-card-number { position:absolute;top:1.4rem;right:1.5rem;color:#dce9f8;font-size:2rem;font-weight:800;letter-spacing:-.06em; }
.sid-arrow-link { display:inline-flex;align-items:center;gap:.55rem;color:var(--sid-blue);font-weight:700;text-decoration:none;margin-top:.35rem; }
.sid-arrow-link i { transition:transform .2s; }
.sid-arrow-link:hover i { transform:translateX(4px); }
.sid-pricing-card { padding:2rem;min-height:100%; }
.sid-pricing-featured { border:2px solid var(--sid-blue);box-shadow:0 22px 55px rgba(22,119,255,.14); }
.sid-popular-badge { position:absolute;right:1.1rem;top:1rem;background:var(--sid-blue);color:#fff;border-radius:50rem;padding:.35rem .7rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.sid-plan-icon { width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.85rem;background:#edf5ff;color:var(--sid-blue);font-size:1.2rem; }
.sid-price { margin:1rem 0 .8rem;font-size:1.65rem;line-height:1.25; }
.sid-price-divider { height:1px;background:var(--sid-border);margin-bottom:1.25rem; }
.sid-pricing-card li { display:flex;align-items:flex-start;gap:.1rem;margin-bottom:.75rem;color:#4d586c; }
.sid-pricing-note { display:flex;align-items:flex-start;gap:1rem;background:#fff;border:1px solid var(--sid-border);border-radius:1rem;padding:1.25rem 1.4rem;color:#5d687b; }
.sid-pricing-note>i { color:var(--sid-blue);font-size:1.25rem;margin-top:.2rem; }
.sid-cta-section { padding:5rem 0;background:#fff; }
.sid-cta-card { position:relative;overflow:hidden;border-radius:1.5rem;padding:3.2rem;background:radial-gradient(circle at 90% 10%,rgba(83,200,255,.22),transparent 30%),linear-gradient(135deg,#061222,#0c3970);box-shadow:0 25px 65px rgba(6,18,34,.2); }
.sid-cta-card::after { content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-90px;bottom:-170px; }
.sid-cta-card h2 { color:#fff; }
.sid-cta-icon { width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#8dc0ff; }
.sid-portfolio-card { height:100%;overflow:hidden;background:#fff;border:1px solid var(--sid-border);border-radius:var(--sid-radius);box-shadow:0 12px 35px rgba(8,26,51,.06);transition:transform .25s,box-shadow .25s; }
.sid-portfolio-card:hover { transform:translateY(-7px);box-shadow:var(--sid-shadow); }
.sid-portfolio-cover { position:relative;min-height:165px;padding:1.75rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;background:linear-gradient(135deg,var(--portfolio-from),var(--portfolio-to));color:#fff; }
.sid-portfolio-cover::after { content:"";position:absolute;width:190px;height:190px;right:-70px;top:-100px;border:1px solid rgba(255,255,255,.16);border-radius:50%; }
.sid-portfolio-cover i { font-size:1.45rem;margin-bottom:1rem;color:rgba(255,255,255,.78); }
.sid-portfolio-cover strong { position:relative;z-index:1;font-size:1.3rem;letter-spacing:-.02em; }
.sid-portfolio-index { position:absolute;right:1.25rem;bottom:.85rem;color:rgba(255,255,255,.13);font-size:3.8rem;font-weight:900;line-height:1; }
.sid-portfolio-body { padding:1.65rem; }
.sid-portfolio-body p { min-height:72px;font-size:.92rem; }
.sid-portfolio-category { display:inline-flex;padding:.35rem .65rem;border-radius:50rem;background:#edf5ff;color:var(--sid-blue-dark);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.sid-portfolio-credit { display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;border:1px solid var(--sid-border);border-radius:.9rem;background:#fff;color:var(--sid-muted);font-size:.88rem; }
.sid-portfolio-credit>i { color:var(--sid-blue);margin-top:.25rem; }
.sid-portfolio-credit a { color:var(--sid-blue);font-weight:600; }
@media (max-width:991.98px) { .sid-hero::before{background:linear-gradient(90deg,rgba(4,17,35,.97),rgba(4,17,35,.65))}.sid-hero-media img{object-position:62% center} }
@media (max-width:1199.98px) { .navbar-collapse { padding:.8rem 0 1rem; }.sid-nav-cta{margin-top:.45rem;display:inline-block}.sid-dropdown{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.sid-dropdown .dropdown-item{color:rgba(255,255,255,.75)}.sid-dropdown .dropdown-item:hover{background:rgba(255,255,255,.08);color:#fff} }
@media (max-width:767.98px) { .sid-hero{min-height:auto;padding:4.5rem 0}.sid-hero::before{background:rgba(4,17,35,.82)}.sid-hero-media img{object-position:68% center}.sid-page-hero{padding:4rem 0}.sid-section{padding:3.75rem 0}.display-3{font-size:2.55rem}.sid-form{padding:1.35rem}.sid-trust-item:nth-child(2){border-right:0}.sid-trust-item:nth-child(-n+2){border-bottom:1px solid #e8eef7}.sid-image-badge{left:.75rem;bottom:.75rem;font-size:.82rem}.sid-cta-section{padding:3.5rem 0}.sid-cta-card{padding:2rem 1.4rem;border-radius:1.1rem}.sid-pricing-card{padding:1.55rem} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.sid-card,.btn,.sid-arrow-link i{transition:none!important}.sid-card:hover,.btn:hover{transform:none} }