:root{--navy:#000948;--blue:#0a7bc4;--sky:#5cb8ff;--pale:#eef2fa;--pale-2:#f6f8fc;--line:#e3e6f0;--text:#2c3152;--muted:#5a5f7a;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max-width:74rem;--radius:16px;--shadow:0 1px 2px #0009480f, 0 8px 24px #00094814;--shadow-lg:0 2px 4px #0009480f, 0 24px 48px #00094824;--glass:#ffffff9e;--glass-border:#fffc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}img{max-width:100%}a{color:var(--blue);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3,h4{color:var(--navy);letter-spacing:-.025em;margin:0 0 .6em;line-height:1.12;text-decoration:none}h1{font-size:clamp(2.3rem,5vw,3.9rem);font-weight:800}h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:760}h3{letter-spacing:-.01em;font-size:1.2rem;font-weight:700}p{margin:0 0 1em}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.9rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.lead{color:var(--muted);max-width:40rem;font-size:1.2rem}.section{padding:5rem 0;position:relative}.section.tint{background:var(--pale-2)}.section-head{max-width:42rem;margin-bottom:2.75rem}.skip{position:absolute;left:-999px}.skip:focus{color:var(--navy);z-index:100;box-shadow:var(--shadow);background:#fff;border-radius:6px;padding:.5rem .75rem;top:.5rem;left:.5rem}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}.aurora{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.aurora i{filter:blur(70px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.aurora i:first-child{background:#bfe0fb;width:34rem;height:34rem;top:-10rem;left:-8rem}.aurora i:nth-child(2){background:#d9d2f7;width:30rem;height:30rem;animation-duration:22s;animation-delay:-6s;top:2rem;right:-6rem}.aurora i:nth-child(3){background:#c4f0e4;width:24rem;height:24rem;animation-duration:26s;animation-delay:-12s;bottom:-12rem;left:40%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(4rem,3rem)scale(1.15)}}.js .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);transform:translateY(24px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.aurora i{animation:none}.js .reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}.float{animation:none!important}}.btn{background:linear-gradient(135deg, var(--navy), #0b1c80);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:650;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #00094840}.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 28px #0009484d}.btn.secondary{background:var(--glass);color:var(--navy);border-color:var(--glass-border);backdrop-filter:blur(10px);box-shadow:var(--shadow);outline:1px solid var(--line)}.btn.small{padding:.55rem 1.15rem;font-size:.95rem}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.strip{background:var(--navy);color:#fff;font-size:.875rem}.strip .container{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:.45rem;padding-bottom:.45rem;display:flex}.strip a{color:#fff;font-weight:650}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px)saturate(1.6);background:#ffffffb8;border-bottom:1px solid #e3e6f0cc;position:sticky;top:0}.site-header .container{align-items:center;gap:1.5rem;min-height:5.25rem;display:flex;position:relative}.logo img{width:auto;height:54px;display:block}.nav{align-items:center;gap:.25rem;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav>li{position:static}.nav>li>a,.nav>li>button{font:inherit;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.35rem;padding:.6rem .85rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.nav>li>a:hover,.nav>li>button:hover,.nav>li:focus-within>button{background:#eef2fae6;text-decoration:none}.nav .chev{flex:none;justify-content:center;align-items:center;width:14px;height:14px;transition:transform .2s;display:inline-flex}.nav .chev svg{stroke-width:2.2px;width:14px;height:14px;display:block}.nav li:hover>button .chev,.nav li:focus-within>button .chev{transform:rotate(180deg)}.header-cta{align-items:center;gap:.75rem;display:flex}.header-phone{color:var(--navy);white-space:nowrap;font-weight:700}.header-phone:hover{color:var(--blue);text-decoration:none}.mega{-webkit-backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--glass-border);width:min(62rem,100vw - 2rem);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;background:#fffffff0;border-radius:20px;gap:1.5rem;padding:1.5rem;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%,10px)}.nav li:hover>.mega,.nav li:focus-within>.mega{opacity:1;visibility:visible;transform:translate(-50%)}.mega:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.mega-solutions{grid-template-columns:1fr 1fr .85fr}.mega-products{grid-template-columns:.9fr 2fr}.mega h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;font-size:.75rem}.mega h4 a{color:inherit}.mega h4 a:hover{color:var(--blue);text-decoration:none}.mega ul{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.mega li a{color:var(--navy);border-radius:10px;padding:.42rem .65rem;font-size:.95rem;font-weight:550;text-decoration:none;transition:background .12s,transform .12s;display:block}.mega li a:hover{background:var(--pale);color:var(--blue);transform:translate(3px)}.mega .cols-3{grid-template-columns:repeat(3,1fr)}.mega-feature{background:linear-gradient(160deg,#eef2faf2,#d9d2f78c);border-radius:16px;padding:1.2rem}.mega-feature p{color:var(--text);margin-bottom:.75rem;font-size:.92rem}.mega-feature strong{color:var(--navy)}.mega-feature .serlix-logo{box-shadow:var(--shadow);background:#fff;border-radius:10px;margin-bottom:.75rem;padding:.6rem .9rem;display:inline-block}.mega-feature .serlix-logo img{height:30px;display:block}.menu-toggle{background:var(--glass);border:1px solid var(--line);color:var(--navy);font:inherit;cursor:pointer;border-radius:12px;margin-left:auto;padding:.5rem .8rem;font-weight:650;display:none}@media (width<=1020px){.menu-toggle{display:inline-flex}.header-cta{display:none}.nav-wrap{backdrop-filter:blur(16px);border-bottom:1px solid var(--line);max-height:calc(100vh - 6rem);box-shadow:var(--shadow-lg);background:#fffffff2;padding:.5rem 1.25rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.nav-wrap.open{display:block}.nav{flex-direction:column;align-items:stretch;margin:0}.nav>li>a,.nav>li>button{justify-content:space-between;width:100%;padding:.8rem .5rem}.mega{opacity:1;visibility:visible;width:auto;box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0 0 .5rem .5rem;display:none;position:static;transform:none;grid-template-columns:1fr!important}.nav li:focus-within>.mega,.nav li:hover>.mega{display:grid;transform:none}.mega:before{display:none}.mega .cols-3{grid-template-columns:1fr}.nav-wrap .mobile-cta{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}}@media (width>=1021px){.nav-wrap .mobile-cta{display:none}.nav-wrap{display:contents}}.hero{background:linear-gradient(180deg, var(--pale-2), #fff 85%);position:relative;overflow:hidden}.hero .container{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:3.5rem;padding-top:5rem;padding-bottom:5rem;display:grid;position:relative}.hero h1 em{background:linear-gradient(120deg, var(--blue), #7c5cff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-shot{position:relative}.frame{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;overflow:hidden}.frame-bar{background:var(--pale-2);border-bottom:1px solid var(--line);gap:6px;padding:.65rem .85rem;display:flex}.frame-bar i{background:#d3d7e6;border-radius:50%;width:10px;height:10px;display:block}.frame img{width:100%;height:auto;display:block}.hero-shot .frame{transition:transform .5s;transform:perspective(1400px)rotateY(-7deg)rotateX(2deg)}.hero-shot:hover .frame{transform:perspective(1400px)rotateY(-2deg)rotateX(0)}.glass-chip{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);color:var(--navy);z-index:2;border-radius:14px;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.92rem;font-weight:650;display:flex;position:absolute}.glass-chip svg{width:20px;height:20px;color:var(--blue)}.glass-chip.a{bottom:2.5rem;left:-1.5rem}.glass-chip.b{top:-1.25rem;right:-.5rem}.float{animation:6s ease-in-out infinite float}.float.delay{animation-delay:-3s}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}.proof{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;display:grid}.proof div{color:var(--navy);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(10px);border-radius:14px;align-items:flex-start;gap:.7rem;padding:.9rem;font-size:.93rem;font-weight:600;line-height:1.35;display:flex}.proof svg{width:22px;height:22px;color:var(--blue);flex:none;margin-top:1px}@media (width<=900px){.hero .container{grid-template-columns:1fr}.hero-shot .frame{transform:none}.proof{grid-template-columns:1fr}.glass-chip.a{left:.5rem}.glass-chip.b{right:.5rem}}.grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#fff;flex-direction:column;gap:.5rem;height:100%;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}a.card:hover{box-shadow:var(--shadow-lg);border-color:#cdd3e6;text-decoration:none;transform:translateY(-4px)}a.card:after{content:"";background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%), #0a7bc414, transparent 40%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}a.card:hover:after{opacity:1}.card h3{margin:0}.card p{color:var(--muted);margin:0;font-size:.97rem}.card .more{color:var(--blue);margin-top:auto;padding-top:.5rem;font-size:.95rem;font-weight:650}.card.glass{background:var(--glass);border-color:var(--glass-border);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}.icon{background:linear-gradient(145deg, #fff, var(--pale));border:1px solid var(--line);width:48px;height:48px;color:var(--navy);border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 4px 10px #0009480f}.icon svg{width:24px;height:24px}.bento{grid-template-columns:repeat(6,1fr);gap:1.25rem;display:grid}.bento>*{grid-column:span 2}.bento>.wide{grid-column:span 3}.bento>.s4{grid-column:span 4}.bento>.s3{grid-column:span 3}.bento>.tall{grid-area:span 2/span 2}@media (width<=900px){.bento{grid-template-columns:1fr 1fr}.bento>*,.bento>.wide,.bento>.tall,.bento>.s4,.bento>.s3{grid-area:auto/span 1}}@media (width<=560px){.bento{grid-template-columns:1fr}}.split{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.panel{border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:22px;padding:2rem}.panel ul{gap:.1rem;margin:1rem 0 1.25rem;padding:0;list-style:none;display:grid}.panel li a{color:var(--navy);border-bottom:1px solid #00094814;justify-content:space-between;padding:.6rem 0;font-weight:600;transition:padding .15s;display:flex}.panel li a:hover{color:var(--blue);padding-left:.4rem;text-decoration:none}.panel li a:after{content:"→";color:var(--blue)}@media (width<=800px){.split{grid-template-columns:1fr}}.tint-grad{background:linear-gradient(180deg, #fff, var(--pale-2) 40%, #fff)}.serlix-band .container{z-index:1;grid-template-columns:1fr 1.15fr;align-items:center;gap:3.5rem;display:grid;position:relative}.serlix-band .mark{box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:1.25rem;padding:.75rem 1.2rem;display:inline-block}.serlix-band .mark img{height:40px;display:block}.shots,.shots .frame.back{position:relative}.shots .phone{width:28%;box-shadow:var(--shadow-lg);background:#fff;border:6px solid #fff;border-radius:22px;position:absolute;bottom:-2rem;right:-1rem;overflow:hidden}.shots .phone img{width:100%;height:auto;display:block}.chips{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.chips a{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(8px);color:var(--navy);border-radius:999px;padding:.38rem .9rem;font-size:.9rem;font-weight:600;transition:transform .15s,color .15s;display:inline-block;box-shadow:0 2px 6px #0009480d}.chips a:hover{color:var(--blue);text-decoration:none;transform:translateY(-2px)}@media (width<=900px){.serlix-band .container{grid-template-columns:1fr}.shots .phone{right:.5rem}}.identity{color:#dfe4ff;background:radial-gradient(900px at 85% 0,#5cb8ff59,#0000 55%),linear-gradient(140deg,#000948,#0a1a75);border-radius:28px;grid-template-columns:1.3fr 1fr;align-items:center;gap:2.5rem;padding:3.5rem;display:grid;position:relative;overflow:hidden}.identity h2{color:#fff}.identity .eyebrow{color:#bfe0fb;background:#ffffff1f;border-color:#ffffff40}.identity .btn{color:var(--navy);box-shadow:none;background:#fff}.identity .btn.secondary{color:#fff;background:#ffffff1f;border-color:#0000;outline-color:#ffffff4d}.identity .glass-stack{gap:.9rem;display:grid}.identity .glass-stack div{backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:center;gap:.8rem;padding:1rem 1.2rem;font-weight:600;display:flex}.identity .glass-stack svg{color:#8fd0ff;flex:none;width:24px;height:24px}@media (width<=860px){.identity{grid-template-columns:1fr;padding:2rem}}.cta-band{border:1px solid var(--glass-border);background:linear-gradient(135deg,#e7eefb,#ece8fb 60%,#e3f4f1);border-radius:28px;grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;padding:3.5rem;display:grid;position:relative;overflow:hidden}.cta-band .btn{width:100%;margin-bottom:.75rem}@media (width<=800px){.cta-band{grid-template-columns:1fr;padding:2rem}}.page-hero{background:linear-gradient(180deg, var(--pale-2), #fff);border-bottom:1px solid var(--line);padding:4rem 0 3.25rem;position:relative;overflow:hidden}.page-hero .container{z-index:1;position:relative}.page-hero h1{margin-bottom:.4em;font-size:clamp(2rem,4.2vw,3.1rem)}.crumbs{color:var(--muted);margin-bottom:.9rem;font-size:.9rem}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--blue)}.prose{max-width:46rem}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table.clean{border-collapse:collapse;background:#fff;width:100%}table.clean th,table.clean td{text-align:left;border-bottom:1px solid var(--line);padding:1rem 1.1rem}table.clean thead th{background:var(--pale-2);color:var(--navy);letter-spacing:.07em;text-transform:uppercase;font-size:.8rem}table.clean tr:last-child td,table.clean tr:last-child th{border-bottom:0}.site-footer{background:var(--pale-2);border-top:1px solid var(--line);margin-top:5rem;padding:3.5rem 0 1.5rem;font-size:.95rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;display:grid}.footer-grid h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem;font-size:.75rem}.footer-grid ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.footer-grid a{color:var(--navy);font-weight:550}.footer-grid a:hover{color:var(--blue)}.footer-legal{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding-top:1.25rem;font-size:.875rem}@media (width<=800px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer-grid{grid-template-columns:1fr}}.form label,.form legend{color:var(--navy);font-size:.95rem;font-weight:600}.form input[type=text],.form input[type=email],.form input[type=tel],.form select{width:100%;color:var(--text);font:inherit;background:#ffffffe6;border:1px solid #cfd4e4;border-radius:12px;margin-top:.3rem;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s;display:block}.form input:focus,.form select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #0a7bc426}@media (width<=600px){.strip .container{justify-content:center}.strip .container span:first-child{display:none}}.story{grid-template-columns:1fr 1.2fr;align-items:center;gap:2.5rem;padding:2.5rem;display:grid}@media (width<=800px){.story{grid-template-columns:1fr;gap:1rem;padding:1.75rem}}.page-layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:3rem;display:grid}.page-aside{gap:1.25rem;display:grid;position:sticky;top:6.5rem}.highlights{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem;margin:2rem 0;display:grid}.page-main ul{padding-left:1.2rem}.page-main li{margin-bottom:.35rem}@media (width<=960px){.page-layout{grid-template-columns:1fr}.page-aside{position:static}}.offer{backdrop-filter:blur(8px);max-width:56rem;box-shadow:var(--shadow);background:#ffffffb3;border:1px solid #0a7bc459;border-radius:18px;margin:0 auto;padding:1.5rem 1.75rem}.offer h2{color:var(--navy);margin:0 0 .5rem;font-size:1.5rem}.offer p{margin:0}.offer .fine{opacity:.8;margin-top:.6rem;font-size:.85rem}.notice{color:var(--navy);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0a7bc44d;border-radius:999px;margin:.25rem 0 1rem;padding:.5rem 1.1rem;font-weight:700;display:inline-block}
