:root{--bg:#06080d;--panel:#0d121b;--panel-2:#111926;--text:#f4f7fb;--muted:#9ca8b8;--line:rgba(255,255,255,0.1);--brand:#22d3ee;--brand-2:#57f0b8;--accent:#f3b449;--danger:#ff6b6b;--shadow:0 24px 80px rgba(0,0,0,0.42);--radius:8px;--max:1180px;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;}img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(6,8,13,0.86);backdrop-filter:blur(18px);}.nav{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:var(--max);min-height:74px;padding:0 22px;}.brand{align-items:center;display:inline-flex;gap:10px;font-size:1.08rem;font-weight:800;}.brand-mark{align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:8px;color:#041017;display:inline-flex;font-weight:900;height:36px;justify-content:center;width:36px;}.nav-links{align-items:center;display:flex;gap:22px;}.nav-links a{color:var(--muted);font-size:0.95rem;font-weight:650;}.nav-links a:hover,.nav-links a.active{color:var(--text);}.nav-actions{align-items:center;display:flex;gap:10px;}.contact-strip{align-items:center;border-bottom:1px solid var(--line);color:var(--muted);display:flex;font-size:0.88rem;gap:18px;justify-content:center;min-height:34px;padding:6px 16px;}.contact-strip a{color:#d9e4ef;font-weight:750;}.menu-toggle{display:none;}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:800;gap:9px;justify-content:center;min-height:44px;padding:0 18px;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease;}.btn:hover{transform:translateY(-1px);}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#041017;}.btn-secondary{background:rgba(255,255,255,0.06);border-color:var(--line);color:var(--text);}.btn-whatsapp{background:#25d366;color:#03140a;}.btn-link{background:rgba(255,255,255,0.06);border-color:var(--line);color:#dbe6f2;}.section{padding:86px 22px;}.section.alt{background:#080d14;}.container{margin:0 auto;max-width:var(--max);}.hero{min-height:calc(100vh - 74px);padding:86px 22px 42px;position:relative;}.hero::before{background:linear-gradient(90deg,rgba(6,8,13,0.96) 0%,rgba(6,8,13,0.78) 44%,rgba(6,8,13,0.34) 100%),url("assets/serultra-hero.webp") center right / cover no-repeat;content:"";inset:0;position:absolute;z-index:-2;}.hero::after{background:linear-gradient(180deg,rgba(6,8,13,0) 78%,var(--bg) 100%);content:"";inset:0;position:absolute;z-index:-1;}.hero-grid{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1.04fr) minmax(300px,0.72fr);margin:0 auto;max-width:var(--max);}.eyebrow{color:var(--brand);font-size:0.78rem;font-weight:900;letter-spacing:0.12em;margin:0 0 14px;text-transform:uppercase;}h1,h2,h3{line-height:1.08;margin:0;}h1{font-size:clamp(2.75rem,7vw,5.9rem);max-width:920px;}h2{font-size:clamp(2rem,4vw,3.45rem);}h3{font-size:1.18rem;}.lead{color:#d5dde8;font-size:clamp(1.05rem,2vw,1.28rem);margin:22px 0 0;max-width:720px;}.hero-actions,.section-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}.trust-row{border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-top:52px;padding-top:26px;}.stat strong{display:block;font-size:1.55rem;}.stat span{color:var(--muted);font-size:0.9rem;}.quote-panel,.lead-panel,.service-card,.price-card,.work-card,.testimonial,.faq-item,.legal-card{background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);}.quote-panel,.lead-panel{padding:24px;}.quote-panel p{color:#dbe6f2;font-size:1.03rem;margin:0;}.quote-panel .mini{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:18px;}.section-head{align-items:end;display:grid;gap:22px;grid-template-columns:minmax(0,0.85fr) minmax(260px,0.45fr);margin-bottom:34px;}.section-head p{color:var(--muted);margin:0;}.grid-3{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);}.grid-2{display:grid;gap:22px;grid-template-columns:repeat(2,1fr);}.service-card,.price-card,.work-card,.testimonial,.faq-item,.legal-card{padding:24px;}.icon{align-items:center;background:rgba(34,211,238,0.12);border:1px solid rgba(34,211,238,0.24);border-radius:8px;color:var(--brand);display:inline-flex;height:42px;justify-content:center;margin-bottom:18px;width:42px;}.card-text,.muted{color:var(--muted);}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}.pill{background:rgba(255,255,255,0.07);border:1px solid var(--line);border-radius:999px;color:#cdd8e6;font-size:0.82rem;font-weight:750;padding:6px 10px;}.feature-band{background:linear-gradient(135deg,rgba(34,211,238,0.14),rgba(87,240,184,0.08));border-block:1px solid var(--line);}.split{align-items:center;display:grid;gap:42px;grid-template-columns:0.95fr 1.05fr;}.check-list{display:grid;gap:12px;margin:24px 0 0;padding:0;}.check-list li{color:#dce6f2;list-style:none;padding-left:30px;position:relative;}.check-list li::before{color:var(--brand-2);content:"+";font-weight:900;left:0;position:absolute;}.work-card.featured{grid-column:span 2;}.work-media{aspect-ratio:16 / 9;background:url("assets/serultra-hero.webp") center / cover no-repeat;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;overflow:hidden;}.project-screen{align-items:end;aspect-ratio:16 / 10;background:linear-gradient(135deg,rgba(34,211,238,0.2),rgba(87,240,184,0.08)),url("assets/serultra-hero.webp") center / cover no-repeat;border:1px solid var(--line);border-radius:var(--radius);display:flex;margin-bottom:20px;min-height:220px;overflow:hidden;padding:18px;}.portfolio-grid{display:grid;gap:22px;grid-template-columns:repeat(2,1fr);}.portfolio-card{background:linear-gradient(180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform 180ms ease,border-color 180ms ease;}.portfolio-card:hover{border-color:rgba(34,211,238,0.55);transform:translateY(-4px);}.portfolio-shot{align-items:end;aspect-ratio:16 / 9;background:linear-gradient(135deg,rgba(34,211,238,0.18),rgba(87,240,184,0.08)),url("assets/serultra-hero.webp") center / cover no-repeat;display:flex;padding:18px;}.portfolio-body{padding:24px;}.screen-caption{background:rgba(6,8,13,0.86);border:1px solid var(--line);border-radius:var(--radius);color:#dce6f2;font-weight:850;padding:9px 12px;}.testimonial-head{align-items:center;display:flex;gap:12px;margin-bottom:16px;}.avatar{align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:50%;color:#041017;display:inline-flex;flex:0 0 auto;font-weight:900;height:48px;justify-content:center;width:48px;}.stars{color:var(--accent);font-weight:900;margin-bottom:12px;}.contact-cards{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:24px;}.contact-card{background:rgba(255,255,255,0.055);border:1px solid var(--line);border-radius:var(--radius);padding:18px;}.contact-card strong,.contact-card a{display:block;}.contact-card span{color:var(--muted);display:block;font-size:0.88rem;margin-bottom:6px;}.content-flow h2{margin-top:34px;}.content-flow h2:first-child{margin-top:0;}.content-flow p,.content-flow li{color:var(--muted);}.content-flow ul{margin:12px 0 0;padding-left:20px;}.price{align-items:baseline;display:flex;gap:8px;margin:22px 0;}.price strong{font-size:2.2rem;line-height:1;}.price-card.highlight{border-color:rgba(34,211,238,0.6);position:relative;}.badge{background:var(--accent);border-radius:999px;color:#201200;font-size:0.78rem;font-weight:900;padding:5px 9px;position:absolute;right:18px;top:18px;}.comparison{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}.comparison-row{display:grid;grid-template-columns:1.1fr repeat(4,0.7fr);}.comparison-row>div{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:14px;}.comparison-row>div:last-child{border-right:0;}.comparison-row.head{background:rgba(255,255,255,0.08);font-weight:900;}.newsletter-band{background:linear-gradient(135deg,rgba(34,211,238,0.18),rgba(243,180,73,0.08));border-block:1px solid var(--line);}.newsletter-form{display:flex;gap:10px;margin-top:22px;}.newsletter-form input{flex:1;}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);}.field{display:grid;gap:8px;}.field.full{grid-column:1 / -1;}.spam-field{height:0;left:-10000px;overflow:hidden;position:absolute;width:1px;}label{color:#d9e4ef;font-size:0.88rem;font-weight:750;}input,select,textarea{background:rgba(255,255,255,0.06);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;min-height:46px;padding:12px 13px;width:100%;}textarea{min-height:130px;resize:vertical;}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;}.form-note,.form-status{color:var(--muted);font-size:0.88rem;margin:12px 0 0;}.form-status{border-radius:var(--radius);display:none;line-height:1.45;padding:14px 16px;}.form-status strong,.form-status span{display:block;}.form-status strong{color:var(--text);margin-bottom:4px;}.form-status.loading,.form-status.success,.form-status.error{animation:formMessageIn 220ms ease-out;display:block;}.form-status.loading{background:rgba(34,211,238,0.1);border:1px solid rgba(34,211,238,0.28);}.form-status.success{background:rgba(87,240,184,0.12);border:1px solid rgba(87,240,184,0.34);color:#c8ffe9;}.form-status.error{background:rgba(255,107,107,0.1);border:1px solid rgba(255,107,107,0.3);color:#ffd3d3;}.form-status a{color:var(--brand);font-weight:900;}button[disabled]{cursor:wait;opacity:0.72;}@keyframes formMessageIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}.footer{border-top:1px solid var(--line);padding:42px 22px;}.footer-grid{display:grid;gap:24px;grid-template-columns:1.3fr repeat(3,0.6fr);}.footer a,.legal-links a{color:var(--muted);display:block;margin-top:8px;}.legal-links{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:30px;padding-top:22px;}.page-hero{background:linear-gradient(135deg,rgba(34,211,238,0.14),rgba(87,240,184,0.05));border-bottom:1px solid var(--line);padding:76px 22px 54px;}.page-hero p{color:var(--muted);font-size:1.12rem;max-width:720px;}.blog-hero h1{max-width:980px;}.featured-article{align-items:center;background:linear-gradient(180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:28px;grid-template-columns:1fr 1fr;margin-bottom:34px;overflow:hidden;padding:18px;}.featured-article img,.blog-card img,.related-card img,.article-featured{background:#0b1119;border:1px solid var(--line);border-radius:var(--radius);object-fit:cover;width:100%;}.featured-article img{aspect-ratio:16 / 9;}.blog-tools{align-items:end;display:grid;gap:18px;grid-template-columns:minmax(260px,0.65fr) 1fr;margin:30px 0;}.search-wrap{display:grid;gap:8px;}.filter-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}.filter-btn,.pagination a{background:rgba(255,255,255,0.06);border:1px solid var(--line);border-radius:999px;color:#d9e4ef;cursor:pointer;font:inherit;font-size:0.88rem;font-weight:800;padding:9px 12px;}.filter-btn.active,.pagination a.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#041017;}.blog-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr);}.blog-card{background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform 180ms ease,border-color 180ms ease;}.blog-card:hover{border-color:rgba(34,211,238,0.5);transform:translateY(-4px);}.blog-card img{aspect-ratio:16 / 9;border:0;border-radius:0;}.blog-card-body{padding:20px;}.blog-card h2{font-size:1.28rem;margin:8px 0 10px;}.blog-card p,.featured-article p,.article-meta{color:var(--muted);}.blog-category{color:var(--brand);font-size:0.78rem;font-weight:900;text-transform:uppercase;}.article-meta{display:flex;flex-wrap:wrap;font-size:0.9rem;gap:10px 16px;margin-top:18px;}.article-meta.compact{font-size:0.84rem;margin:14px 0 18px;}.pagination{align-items:center;color:var(--muted);display:flex;gap:14px;margin-top:28px;}.article-page{padding:42px 22px 0;}.article-shell{max-width:1100px;}.breadcrumb{color:var(--muted);display:flex;flex-wrap:wrap;font-size:0.9rem;gap:9px;margin-bottom:34px;}.breadcrumb a{color:#dce6f2;}.article-header{margin-bottom:28px;}.article-featured{aspect-ratio:16 / 9;margin:0 0 34px;}.article-grid{align-items:start;display:grid;gap:34px;grid-template-columns:250px minmax(0,1fr);}.article-sidebar{position:sticky;top:118px;}.toc,.author-box,.article-cta{background:rgba(255,255,255,0.055);border:1px solid var(--line);border-radius:var(--radius);padding:20px;}.toc a{color:var(--muted);display:block;margin-top:10px;}.article-content{font-size:1.04rem;}.article-content a{color:var(--brand);font-weight:800;}.article-content h2{font-size:clamp(1.6rem,3vw,2.25rem);}.article-content h3{margin-top:22px;}.article-cta{background:linear-gradient(135deg,rgba(34,211,238,0.16),rgba(87,240,184,0.08));margin-top:36px;}.author-box{margin-top:22px;}.related-section{padding-left:0;padding-right:0;}.related-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);}.related-card{background:rgba(255,255,255,0.055);border:1px solid var(--line);border-radius:var(--radius);display:block;padding:14px;}.related-card img{aspect-ratio:16 / 9;margin-bottom:12px;}.related-card span{color:var(--brand);display:block;font-size:0.76rem;font-weight:900;text-transform:uppercase;}.related-card strong{display:block;margin-top:5px;}.floating-whatsapp{align-items:center;background:#25d366;border-radius:999px;bottom:20px;box-shadow:var(--shadow);color:#03140a;display:inline-flex;font-weight:900;gap:8px;min-height:48px;padding:0 18px;position:fixed;right:20px;z-index:30;animation:whatsappPulse 2.2s infinite;}@keyframes whatsappPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.42),var(--shadow);}70%{box-shadow:0 0 0 14px rgba(37,211,102,0),var(--shadow);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),var(--shadow);}}@media (max-width:900px){.menu-toggle{align-items:center;background:rgba(255,255,255,0.07);border:1px solid var(--line);border-radius:8px;color:var(--text);display:inline-flex;height:42px;justify-content:center;min-width:58px;padding:0 10px;}.nav-links,.nav-actions{display:none;}.site-header.open .nav-links,.site-header.open .nav-actions{background:rgba(6,8,13,0.98);border-bottom:1px solid var(--line);display:grid;left:0;padding:18px 22px;position:absolute;right:0;top:100%;}.site-header.open .nav-actions{top:calc(100% + 218px);}.hero-grid,.section-head,.split,.footer-grid{grid-template-columns:1fr;}.grid-3,.grid-2,.portfolio-grid,.blog-grid,.featured-article,.blog-tools,.article-grid,.related-grid,.trust-row,.contact-cards{grid-template-columns:1fr;}.filter-row{justify-content:flex-start;}.article-sidebar{position:static;}.comparison{overflow-x:auto;}.comparison-row{min-width:760px;}.work-card.featured{grid-column:auto;}.hero{min-height:auto;}.hero::before{background:linear-gradient(180deg,rgba(6,8,13,0.84),rgba(6,8,13,0.96)),url("assets/serultra-hero.webp") center / cover no-repeat;}}@media (max-width:560px){.section{padding:62px 18px;}.hero{padding:68px 18px 36px;}.form-grid{grid-template-columns:1fr;}.btn{width:100%;}.newsletter-form{flex-direction:column;}.floating-whatsapp{bottom:14px;right:14px;}}