@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

:root{
  --sc-blue:#087df2;
  --sc-blue-2:#0d96ff;
  --sc-navy:#03264a;
  --sc-navy-2:#061c34;
  --sc-ink:#10233b;
  --sc-muted:#64778a;
  --sc-line:#dce7f0;
  --sc-soft:#f5faff;
  --sc-green:#11b969;
  --sc-white:#fff;
  --sc-shell:1280px;
  --sc-radius:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#fff;
  color:var(--sc-ink);
  font-family:"Poppins",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.scn-skip{position:absolute;left:-9999px}
.scn-skip:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}
.scn-canvas{width:100%;min-height:100vh;background:#fff;overflow:hidden}

/* TOP BAR */
.scn-top{height:30px;background:linear-gradient(90deg,#02264d,#063b70);color:#fff;font-size:10.5px}
.scn-top-inner{max-width:var(--sc-shell);height:30px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.scn-top-left,.scn-top-right{display:flex;align-items:center;gap:18px;white-space:nowrap}
.scn-top span{display:flex;align-items:center;gap:6px}.scn-top .scn-svg-icon{width:12px;height:12px;color:#39aaff}.scn-top-home{opacity:.9}
.scn-top i{font-style:normal;color:#1ea0ff;font-weight:800}

/* HEADER */
.scn-header{height:70px;background:#fff;border-bottom:1px solid #e8eff5;position:relative;z-index:100;box-shadow:0 4px 18px rgba(6,42,76,.05)}
.scn-head{max-width:var(--sc-shell);height:70px;margin:auto;padding:0 24px;display:grid;grid-template-columns:205px minmax(0,1fr) 40px 178px;align-items:center;gap:12px;position:relative}
.scn-logo{display:flex;align-items:center;height:100%}
.scn-logo img{width:190px;max-height:54px;object-fit:contain;object-position:left center}
.scn-nav{height:70px;display:flex;align-items:center;justify-content:center;gap:24px}
.scn-nav>a,.scn-drop-trigger{height:70px;display:flex;align-items:center;position:relative;white-space:nowrap;font-size:12px;font-weight:700;color:#2b4258;transition:.18s}
.scn-nav>a:hover,.scn-drop-trigger:hover{color:var(--sc-blue)}
.scn-nav>a.is-active:after,.scn-drop-trigger:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sc-blue)}
.scn-drop{height:70px;display:flex;align-items:center;position:static}
.scn-drop-trigger{color:var(--sc-blue)}
.scn-drop-trigger span{margin-left:6px;font-size:10px}
.scn-search{width:42px;height:42px;border:1px solid #d5e2ec;border-radius:9px;display:grid;place-items:center;color:#31516f;font-size:20px;background:#fff}
.scn-whatsapp{height:50px;border-radius:10px;background:linear-gradient(180deg,#16c873,#09aa5d);color:#fff;padding:6px 12px;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;box-shadow:0 8px 18px rgba(10,171,95,.18)}
.scn-whatsapp i{width:32px;height:32px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:16px}
.scn-whatsapp small{display:block;font-size:9px;line-height:1}
.scn-whatsapp b{display:block;font-size:12px;line-height:1.2;margin-top:4px}
.scn-mobile-menu{display:none}

/* MEGA MENU */
.scn-mega{position:absolute;top:70px;left:50%;transform:translate(-50%,10px);width:min(1000px,calc(100vw - 56px));min-height:286px;background:#fff;border:1px solid #d7e4ef;border-top:3px solid var(--sc-blue);border-radius:0 0 12px 12px;box-shadow:0 22px 50px rgba(10,45,78,.20);display:grid;grid-template-columns:1.2fr 1fr 1fr 1.08fr;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;overflow:hidden}
.scn-drop:hover .scn-mega,.scn-drop:focus-within .scn-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.scn-mega-col{padding:22px 24px;border-right:1px solid #e6eef4}
.scn-mega-col:last-child{border-right:0;background:#fbfdff}
.scn-mega-col h4{margin:0 0 16px;font-size:14px;color:#0d2d52;display:flex;align-items:center;gap:9px}
.scn-mega-col h4 i{font-style:normal;color:var(--sc-blue);font-size:20px}
.scn-mega-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.scn-mega-col li a{font-size:11px;line-height:1.25;color:#5b6f82;display:flex;align-items:center;gap:8px}
.scn-mega-col li a:before{content:"◉";font-size:8px;color:#2d4f70}
.scn-mega-col li a:hover{color:var(--sc-blue)}
.scn-quick-grid{display:grid;gap:9px}
.scn-quick{min-height:52px;border:1px solid #dfe9f1;border-radius:9px;padding:8px 9px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;background:#fff}
.scn-quick:hover{border-color:#a8d1f6;background:#f8fcff}
.scn-quick>i{width:34px;height:34px;border-radius:8px;background:#eaf4ff;color:var(--sc-blue);display:grid;place-items:center;font-style:normal;font-size:15px}
.scn-quick b{font-size:10px;display:block;color:#163755}
.scn-quick small{font-size:8px;display:block;color:#72879a;margin-top:3px;line-height:1.25}

/* HERO */
.scn-hero{min-height:585px;color:#fff;position:relative;background:#062b52;overflow:hidden}
.scn-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,29,61,.98) 0%,rgba(0,34,70,.94) 32%,rgba(0,37,73,.62) 53%,rgba(0,37,73,.10) 100%),url("https://serviscozumleri.com/wp-content/uploads/2025/02/printer-repair-technician-a-male-handyman-inspect-jpg.webp") center right/cover no-repeat}
.scn-hero:after{content:"";position:absolute;left:-80px;bottom:-40px;width:520px;height:240px;background:linear-gradient(135deg,transparent 0 36%,rgba(0,125,255,.20) 37% 52%,transparent 53% 64%,rgba(0,125,255,.12) 65% 78%,transparent 79%)}
.scn-hero-inner{max-width:var(--sc-shell);min-height:585px;margin:auto;padding:0 24px;position:relative;z-index:2;display:flex;align-items:center}
.scn-hero-copy{width:min(610px,58%);padding:56px 0 96px}
.scn-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:#dceafa;margin-bottom:14px}
.scn-hero h1{margin:0 0 18px;line-height:1;letter-spacing:-.035em;font-weight:800}
.scn-h1-brands{display:block;margin-bottom:8px;font-size:16px;line-height:1.25;letter-spacing:.01em;font-weight:700;color:#dceafa}
.scn-h1-main{display:block;font-size:48px;line-height:1.02;color:#fff}
.scn-h1-accent{display:block;margin-top:3px;font-size:46px;line-height:1.04;color:#1794ff}
.scn-hero-copy>p{margin:0 0 22px;width:min(540px,100%);font-size:15px;line-height:1.6;color:#fff}
.scn-trustrow{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}
.scn-trust{display:grid;grid-template-columns:36px auto;gap:8px;align-items:center}
.scn-trust i{width:36px;height:36px;border:2px solid #1598ff;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#26a8ff;font-size:15px}
.scn-trust span{font-size:10px;font-weight:700;line-height:1.25}
.scn-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.scn-btn{min-height:48px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:800}
.scn-btn-blue{background:var(--sc-blue);color:#fff;box-shadow:0 10px 22px rgba(0,122,255,.23)}
.scn-btn-blue:hover{background:#006ee1}
.scn-btn-outline{border:1px solid rgba(255,255,255,.72);background:rgba(3,29,56,.32);color:#fff}
.scn-hero-rail{position:absolute;right:24px;bottom:48px;width:185px;background:rgba(5,39,73,.86);border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:16px 13px;backdrop-filter:blur(5px)}
.scn-hero-rail h3{margin:0 0 14px;text-align:center;font-size:20px;line-height:1.15;font-style:italic;font-weight:500}
.scn-hero-rail>div{display:grid;gap:8px}
.scn-hero-rail span{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:8px;display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.2}
.scn-hero-rail i{font-style:normal;color:#88ceff}

/* SERVICES - OVERLAP */
.scn-services{position:relative;margin-top:-12px;z-index:6;padding:0 18px 20px}
.scn-services:before{content:"";position:absolute;left:18px;right:18px;top:0;bottom:20px;background:#fff;border:1px solid #e0e9f1;border-radius:14px;box-shadow:0 12px 28px rgba(14,50,82,.08)}
.scn-services-grid{position:relative;z-index:1;max-width:1320px;margin:auto;padding:12px;display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:12px}
.scn-service-card{min-height:225px;background:linear-gradient(135deg,#fff,#f8fcff);border:1px solid #e3ebf2;border-radius:11px;padding:13px;display:grid;grid-template-columns:44% 1fr;gap:14px;overflow:hidden}
.scn-service-card img{width:100%;height:175px;object-fit:contain;align-self:center;filter:drop-shadow(0 8px 12px rgba(19,54,84,.10))}
.scn-service-card h2{font-size:22px;line-height:1.05;margin:12px 0 10px;color:#102b52}
.scn-service-card ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.scn-service-card li{font-size:10px;line-height:1.25;color:#536b80}
.scn-service-card li:before{content:"●";color:var(--sc-blue);font-size:7px;margin-right:7px}
.scn-service-card a{display:inline-flex;margin-top:12px;padding:9px 12px;background:var(--sc-blue);color:#fff;border-radius:7px;font-size:10px;font-weight:800}

/* BRANDS */
.scn-brands{padding:10px 0 5px;background:#fff}
.scn-brand-row{max-width:var(--sc-shell);margin:auto;padding:0 24px;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.scn-brand-row span{font-size:18px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}
.hp{color:#2d6eb3;font-style:italic}.canon{color:#e21d2d}.epson{color:#244b9b}.brother{color:#244b9b}.samsung{color:#1c48a3}.xerox{color:#d81f2a}.lexmark{color:#4f555d}.oki{color:#e3202a}.ricoh{color:#d9232e}.kyo{color:#333}.dell{color:#2071b9}.asus{color:#203e8b}.acer{color:#66a52a}.lenovo{color:#e21f25}

/* DEVICE STRIP */
.scn-devices{padding:8px 0 20px;border-bottom:1px solid #edf2f6}
.scn-device-grid{max-width:var(--sc-shell);margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.scn-device{min-height:86px;border:1px solid #e0e8ef;border-radius:9px;background:#fff;padding:8px;display:grid;grid-template-columns:58px 1fr 16px;align-items:center;gap:8px}
.scn-device:hover{border-color:#afd5f7;box-shadow:0 8px 18px rgba(15,64,106,.06)}
.scn-device img{width:58px;height:58px;object-fit:contain}
.scn-device b{font-size:9px;line-height:1.2;color:#17344f}
.scn-device em{font-style:normal;color:var(--sc-blue);font-size:16px}

/* WHY */
.scn-why{padding:54px 0;background:linear-gradient(90deg,#fff,#f7fbff)}
.scn-why-grid{max-width:var(--sc-shell);margin:auto;padding:0 24px;display:grid;grid-template-columns:360px 1fr;gap:30px;align-items:center}
.scn-kick{font-size:10px;letter-spacing:.08em;color:var(--sc-blue);font-weight:800}
.scn-why-copy h2{font-size:34px;line-height:1.08;margin:8px 0 12px;color:#112b4b}
.scn-why-copy h2 b{display:block;color:var(--sc-blue)}
.scn-why-copy p{font-size:12px;line-height:1.6;color:#677b8e;margin:0 0 18px}
.scn-why-copy>a{display:inline-flex;background:var(--sc-blue);color:#fff;border-radius:7px;padding:11px 15px;font-size:10px;font-weight:800}
.scn-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7eef4;border-left:1px solid #e7eef4}
.scn-benefit{min-height:96px;border-right:1px solid #e7eef4;border-bottom:1px solid #e7eef4;padding:16px 14px;display:grid;grid-template-columns:42px 1fr;gap:10px}
.scn-benefit>i{width:42px;height:42px;border-radius:50%;background:#e9f4ff;color:var(--sc-blue);display:grid;place-items:center;font-style:normal;font-size:18px}
.scn-benefit b{font-size:10px;display:block;color:#153450}
.scn-benefit small{display:block;font-size:8px;line-height:1.35;color:#708397;margin-top:4px}

/* PROCESS */
.scn-process{padding:30px 0;background:#f5faff;border-top:1px solid #e7eef5;border-bottom:1px solid #e7eef5}
.scn-process-grid{max-width:var(--sc-shell);margin:auto;padding:0 24px;display:grid;grid-template-columns:340px 1fr;gap:25px;align-items:center}
.scn-process-copy h2{font-size:25px;line-height:1.1;margin:6px 0 8px}
.scn-process-copy p{font-size:10px;color:#6d8193;margin:0;line-height:1.45}
.scn-steps{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.scn-step{display:grid;grid-template-columns:44px 1fr 16px;gap:8px;align-items:center}
.scn-step>span{width:44px;height:44px;border-radius:50%;background:var(--sc-blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.scn-step b{font-size:10px;display:block}
.scn-step small{font-size:8px;color:#6f8294;display:block;line-height:1.35;margin-top:3px}
.scn-step em{font-style:normal;color:#57aaf5;font-size:18px}

/* REVIEWS */
.scn-reviews{padding:34px 0;background:#fff}
.scn-review-grid{max-width:var(--sc-shell);margin:auto;padding:0 24px;display:grid;grid-template-columns:250px repeat(3,1fr) 34px;gap:12px}
.scn-review-intro h2{font-size:26px;line-height:1.08;margin:6px 0 8px}
.scn-review-intro p{font-size:10px;line-height:1.45;color:#708397;margin:0 0 12px}
.scn-review-intro>a{display:inline-flex;border:1px solid #cfe2f2;border-radius:7px;padding:9px 11px;color:#0b78d8;font-size:9px;font-weight:800}
.scn-review{min-height:150px;border:1px solid #dde7ef;border-radius:9px;padding:12px;background:#fff;box-shadow:0 7px 18px rgba(17,62,101,.04)}
.scn-review-head{display:grid;grid-template-columns:40px 1fr 18px;gap:8px;align-items:center}
.scn-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c7d9e8,#eef4f8);display:grid;place-items:center;font-size:10px;font-weight:800}
.scn-review-head b{font-size:10px}
.scn-review-head small{font-size:8px;color:#8493a0;display:block}
.scn-review-head span{display:block;color:#ff9d00;font-size:9px;letter-spacing:.5px;margin-top:2px}
.scn-review-head i{font-style:normal;font-weight:900;color:#4285f4}
.scn-review p{font-size:9px;line-height:1.5;color:#546a7e;margin:11px 0 0}
.scn-review-arrows{display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center}
.scn-review-arrows span{width:30px;height:30px;border:1px solid #d9e6ef;border-radius:50%;display:grid;place-items:center;color:var(--sc-blue)}

/* AREA */
.scn-area{padding:26px 0;background:#f4faff}
.scn-area-grid{max-width:var(--sc-shell);margin:auto;padding:0 24px;display:grid;grid-template-columns:330px 1fr 190px;gap:18px;align-items:center}
.scn-area-copy h2{font-size:27px;color:var(--sc-blue);margin:5px 0 9px;line-height:1.08}
.scn-area-copy p{font-size:10px;line-height:1.5;color:#687c8f;margin:0 0 12px}
.scn-area-copy>a{display:inline-flex;background:var(--sc-blue);color:#fff;border-radius:7px;padding:10px 13px;font-size:9px;font-weight:800}
.scn-mapart{min-height:150px;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 42% 50%,rgba(0,126,255,.11),transparent 15%),radial-gradient(circle at 66% 50%,rgba(0,126,255,.11),transparent 16%),linear-gradient(135deg,#e9f4fd,#f8fbfe)}
.scn-mapart:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 47%,rgba(83,156,220,.13) 48%,transparent 49%),linear-gradient(25deg,transparent 47%,rgba(83,156,220,.12) 48%,transparent 49%);background-size:65px 44px}
.scn-pin{position:absolute;width:20px;height:20px;border-radius:50% 50% 50% 0;background:var(--sc-blue);transform:rotate(-45deg)}
.scn-pin:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:7px;left:7px}
.scn-pin.p1{left:44%;top:58px}.scn-pin.p2{left:70%;top:64px}
.scn-mapart b{position:absolute;font-size:10px;color:#123553}
.scn-mapart .m1{left:49%;top:62px}.scn-mapart .m2{left:75%;top:68px}
.scn-area-list{display:grid;gap:12px}
.scn-area-list span{font-size:9px;color:#536b80}

/* BLOG */
.scn-blog{padding:28px 0 34px;background:#fff}
.scn-blog-grid{max-width:var(--sc-shell);margin:auto;padding:0 24px;display:grid;grid-template-columns:265px repeat(3,1fr);gap:12px}
.scn-blog-intro h2{font-size:28px;margin:6px 0 9px;line-height:1.08}
.scn-blog-intro p{font-size:10px;line-height:1.5;color:#708397;margin:0}
.scn-post{min-height:132px;border:1px solid #e0e8ef;border-radius:9px;display:grid;grid-template-columns:44% 1fr;overflow:hidden;background:#fff}
.scn-post img{width:100%;height:100%;object-fit:cover}
.scn-post>div{padding:10px}
.scn-post time{font-size:8px;color:#8a9aa7}
.scn-post b{display:block;font-size:10px;line-height:1.25;margin:6px 0}
.scn-post a{font-size:8px;color:var(--sc-blue);font-weight:800}

/* CTA */
.scn-cta{min-height:74px;background:linear-gradient(90deg,#03284c,#06447f);color:#fff;position:relative;overflow:hidden}
.scn-cta:before{content:"";position:absolute;left:0;top:0;bottom:0;width:430px;background:linear-gradient(135deg,transparent 0 27%,rgba(0,131,255,.20) 28% 42%,transparent 43% 55%,rgba(0,131,255,.16) 56% 69%,transparent 70%)}
.scn-cta-grid{max-width:var(--sc-shell);min-height:74px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr 225px 225px;gap:14px;align-items:center;position:relative}
.scn-cta-grid>div>b{font-size:14px;display:block}
.scn-cta-grid>div>small{font-size:9px;color:#c9d9e6;display:block;margin-top:4px}
.scn-cta-grid>a{height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800}
.scn-cta-grid>a.green{background:var(--sc-green)}
.scn-cta-grid>a.blue{background:var(--sc-blue)}

/* FOOTER */
.scn-footer{background:linear-gradient(180deg,#041f39,#03172a);color:#d3e0eb;padding:24px 0 12px;border-top:1px solid #0f3b62}
.scn-footer-inner{max-width:var(--sc-shell);margin:auto;padding:0 24px}
.scn-footer-grid{display:grid;grid-template-columns:280px 135px 170px 230px 205px;gap:24px;justify-content:space-between}
.scn-footer-brand img{width:205px;max-height:68px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.scn-footer-brand p{font-size:9px;line-height:1.5;color:#c0cfdb;max-width:220px}
.scn-social{display:flex;gap:8px;margin-top:12px}
.scn-social-item{width:28px;height:28px;border:1px solid #405d75;border-radius:50%;display:grid;place-items:center;color:#dce8f1;background:rgba(255,255,255,.025)}
.scn-social-item>.scn-svg-icon{width:13px;height:13px}
.scn-footer h4{font-size:11px;color:#fff;margin:0 0 10px}
.scn-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.scn-footer li,.scn-footer a,.scn-footer p{font-size:9px;color:#c5d3de}.scn-footer-contact li{display:flex;align-items:flex-start;gap:7px;line-height:1.35}.scn-footer-contact .scn-svg-icon{width:12px;height:12px;color:#8fc8ff;margin-top:1px}
.scn-mapbox{min-height:108px;border-radius:8px;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),url("https://serviscozumleri.com/wp-content/uploads/2025/02/map-Q676QDA-jpg.webp") center/cover no-repeat;display:flex!important;align-items:flex-end;justify-content:center;padding:0 10px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.scn-mapbox>span{display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:28px;padding:0 12px;background:#fff;border-radius:7px;color:#087df2;font-size:9px;font-weight:800;box-shadow:0 5px 14px rgba(2,31,56,.18)}
.scn-footer-bottom{border-top:1px solid #173850;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#8da3b5}

/* INNER CONTENT */
.scn-content-page{max-width:var(--sc-shell);margin:auto;padding:70px 24px;min-height:60vh}
.scn-content-page article{max-width:900px;margin:auto;font-size:15px;line-height:1.75}
.scn-content-page h1{font-size:46px;line-height:1.05}

/* TABLET */
@media(max-width:1180px){
  .scn-head{grid-template-columns:190px minmax(0,1fr) 42px 170px}
  .scn-nav{gap:17px}.scn-nav>a,.scn-drop-trigger{font-size:12px}
  .scn-whatsapp{padding:6px 9px}.scn-whatsapp b{font-size:11px}
  .scn-service-card{grid-template-columns:40% 1fr}.scn-service-card h2{font-size:19px}
  .scn-brand-row{overflow-x:auto;justify-content:flex-start}
  .scn-device-grid{grid-template-columns:repeat(4,1fr)}
  .scn-review-grid{grid-template-columns:230px repeat(3,1fr)}
  .scn-review-arrows{display:none}
  .scn-area-grid{grid-template-columns:300px 1fr 175px}
}

/* MOBILE */
@media(max-width:900px){
  .scn-top{display:none}
  .scn-header{height:68px;position:sticky;top:0}
  .scn-head{height:68px;grid-template-columns:1fr auto;padding:0 16px}
  .scn-logo img{width:170px;max-height:50px}
  .scn-nav,.scn-search,.scn-whatsapp{display:none}
  .scn-mobile-menu{display:block;position:relative}
  .scn-mobile-menu>summary{list-style:none;width:44px;height:44px;border:1px solid #d5e2ec;border-radius:9px;display:grid;place-items:center;font-size:21px;background:#fff;cursor:pointer}
  .scn-mobile-menu>summary::-webkit-details-marker{display:none}
  .scn-mobile-panel{position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid #dce7ef;border-radius:10px;box-shadow:0 18px 42px rgba(5,37,68,.18);padding:9px;display:grid}
  .scn-mobile-panel a{padding:12px 11px;border-bottom:1px solid #edf2f5;font-size:13px;font-weight:700}
  .scn-hero{min-height:640px}
  .scn-hero:before{background:linear-gradient(180deg,rgba(0,29,61,.98) 0%,rgba(0,29,61,.90) 48%,rgba(0,29,61,.38) 100%),url("https://serviscozumleri.com/wp-content/uploads/2025/02/printer-repair-technician-a-male-handyman-inspect-jpg.webp") 67% center/cover no-repeat}
  .scn-hero-inner{min-height:640px;padding:0 20px;align-items:flex-start}
  .scn-hero-copy{width:100%;padding:58px 0 220px}
  .scn-h1-brands{font-size:13px}.scn-h1-main{font-size:40px}.scn-h1-accent{font-size:38px}
  .scn-hero-copy>p{font-size:14px}
  .scn-hero-rail{right:20px;left:20px;bottom:18px;width:auto}
  .scn-hero-rail>div{grid-template-columns:1fr 1fr}
  .scn-services{margin-top:0;padding:16px 14px}
  .scn-services:before{display:none}
  .scn-services-grid{padding:0;grid-template-columns:1fr}
  .scn-service-card{grid-template-columns:130px 1fr;min-height:190px}
  .scn-service-card img{height:150px}
  .scn-brand-row{padding:0 16px}
  .scn-device-grid{padding:0 16px;grid-template-columns:repeat(2,1fr)}
  .scn-why{padding:42px 0}.scn-why-grid{padding:0 18px;grid-template-columns:1fr}
  .scn-benefits{grid-template-columns:1fr 1fr}
  .scn-process-grid{padding:0 18px;grid-template-columns:1fr;gap:24px}
  .scn-steps{grid-template-columns:1fr 1fr;gap:18px 8px}
  .scn-review-grid{padding:0 18px;grid-template-columns:1fr}
  .scn-review-intro{margin-bottom:4px}
  .scn-area-grid{padding:0 18px;grid-template-columns:1fr}.scn-mapart{min-height:180px}
  .scn-blog-grid{padding:0 18px;grid-template-columns:1fr}.scn-post{min-height:150px}
  .scn-cta-grid{padding:15px 18px;grid-template-columns:1fr;gap:9px}
  .scn-cta-grid>a{width:100%}
  .scn-footer-inner{padding:0 18px}
  .scn-footer-grid{grid-template-columns:1fr 1fr}
  .scn-footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .scn-h1-brands{font-size:12px}.scn-h1-main{font-size:34px}.scn-h1-accent{font-size:32px}
  .scn-eyebrow{font-size:10px}
  .scn-trustrow{gap:12px}.scn-trust{grid-template-columns:32px auto}
  .scn-trust i{width:32px;height:32px}
  .scn-hero-actions{display:grid}.scn-btn{width:100%}
  .scn-service-card{grid-template-columns:105px 1fr;padding:10px}.scn-service-card img{height:120px}.scn-service-card h2{font-size:18px}
  .scn-device-grid{grid-template-columns:1fr}
  .scn-benefits{grid-template-columns:1fr}
  .scn-steps{grid-template-columns:1fr}
  .scn-footer-grid{grid-template-columns:1fr}.scn-footer-brand{grid-column:auto}
  .scn-footer-bottom{flex-direction:column}
}

/* LOCAL LUCIDE SVG ICONS — downloaded 2026-10-06 */
.scn-svg-icon{
  display:inline-block;
  width:1em;
  height:1em;
  flex:0 0 auto;
  background:currentColor;
  -webkit-mask:var(--scn-icon) center/contain no-repeat;
  mask:var(--scn-icon) center/contain no-repeat;
}
.ico-printer{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/printer.svg")}
.ico-monitor{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/monitor.svg")}
.ico-cctv{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/cctv.svg")}
.ico-zap{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/zap.svg")}
.ico-search{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/search.svg")}
.ico-truck{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/truck.svg")}
.ico-package{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/package.svg")}
.ico-message{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/message-circle.svg")}
.ico-whatsapp{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/whatsapp.svg")}
.ico-chevron{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/chevron-down.svg")}
.ico-menu{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/menu.svg")}

.scn-mega-col h4>.scn-svg-icon{width:21px;height:21px;color:var(--sc-blue)}
.scn-drop-trigger>.scn-svg-icon{width:14px;height:14px;margin-left:6px;transition:transform .18s}
.scn-drop:hover .scn-drop-trigger>.scn-svg-icon,.scn-drop:focus-within .scn-drop-trigger>.scn-svg-icon{transform:rotate(180deg)}
.scn-search>.scn-svg-icon{width:19px;height:19px;color:#31516f}
.scn-whatsapp-icon{
  width:32px;height:32px;border:1px solid rgba(255,255,255,.65);
  border-radius:50%;display:grid;place-items:center;color:#fff
}
.scn-whatsapp-icon>.scn-svg-icon{width:17px;height:17px}
.scn-quick-icon{
  width:34px;height:34px;border-radius:8px;background:#eaf4ff;color:var(--sc-blue);
  display:grid;place-items:center
}
.scn-quick-icon>.scn-svg-icon{width:18px;height:18px}
.scn-mobile-menu>summary>.scn-svg-icon{width:23px;height:23px;color:#183c5d}

.scn-quick-whatsapp .scn-quick-icon{
  background:#eafaf2;
  color:#12a85f;
  border:1px solid #c9efdc;
}
.scn-quick-whatsapp:hover{
  border-color:#9bdcbb;
  background:#f7fffb;
}
.scn-whatsapp-icon>.ico-whatsapp{width:19px;height:19px}

.ico-map-pin{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/map-pin-1.svg")}
.ico-clock{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/clock.svg")}
.ico-shield-check{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/shield-check-1.svg")}
.ico-badge-check{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/badge-check-1.svg")}
.ico-phone{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/phone-1.svg")}
.ico-mail{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/mail-1.svg")}
.ico-house{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/house.svg")}
.ico-facebook{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/facebook.svg")}
.ico-instagram{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/instagram.svg")}
.ico-youtube{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/youtube.svg")}
.ico-linkedin{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/linkedin.svg")}

@media(min-width:901px) and (max-width:1180px){
  .scn-top{height:25px;font-size:8.5px}
  .scn-top-inner{height:25px;padding:0 14px;gap:12px}
  .scn-top-left,.scn-top-right{gap:11px}
  .scn-top span{gap:4px}
  .scn-top .scn-svg-icon{width:10px;height:10px}
  .scn-header,.scn-head{height:52px}
  .scn-head{padding:0 14px;grid-template-columns:150px minmax(0,1fr) 32px 142px;gap:8px}
  .scn-logo img{width:145px;max-height:43px}
  .scn-nav{height:52px;gap:12px}
  .scn-nav>a,.scn-drop-trigger{height:52px;font-size:9.5px}
  .scn-drop{height:52px}
  .scn-search{width:32px;height:32px;border-radius:7px}
  .scn-search>.scn-svg-icon{width:15px;height:15px}
  .scn-whatsapp{height:38px;border-radius:7px;padding:4px 7px;grid-template-columns:24px 1fr;gap:6px}
  .scn-whatsapp-icon{width:24px;height:24px}
  .scn-whatsapp-icon>.ico-whatsapp{width:14px;height:14px}
  .scn-whatsapp small{font-size:7px}.scn-whatsapp b{font-size:9px;margin-top:2px}
  .scn-mega{top:52px;width:min(730px,calc(100vw - 34px));min-height:214px}
  .scn-mega-col{padding:14px 15px}
  .scn-mega-col h4{margin-bottom:10px;font-size:10px;gap:6px}
  .scn-mega-col h4>.scn-svg-icon{width:16px;height:16px}
  .scn-mega-col ul{gap:6px}
  .scn-mega-col li a{font-size:8px;gap:5px}
  .scn-quick-grid{gap:6px}
  .scn-quick{min-height:40px;border-radius:7px;padding:5px 6px;grid-template-columns:27px 1fr;gap:6px}
  .scn-quick-icon{width:27px;height:27px;border-radius:6px}
  .scn-quick-icon>.scn-svg-icon{width:14px;height:14px}
  .scn-quick b{font-size:8px}.scn-quick small{font-size:6.5px;margin-top:2px}
  .scn-footer{padding:20px 0 10px}
  .scn-footer-inner{padding:0 18px}
  .scn-footer-grid{grid-template-columns:205px 105px 130px 170px minmax(145px,1fr);gap:14px}
  .scn-footer-brand img{width:160px;max-height:52px}
  .scn-footer-brand p{font-size:8px;max-width:190px}
  .scn-footer h4{font-size:9px;margin-bottom:8px}
  .scn-footer li,.scn-footer a,.scn-footer p{font-size:7.5px}
  .scn-social{gap:6px;margin-top:9px}.scn-social-item{width:24px;height:24px}.scn-social-item>.scn-svg-icon{width:11px;height:11px}
  .scn-mapbox{min-height:96px}
  .scn-footer-bottom{margin-top:14px;padding-top:9px;font-size:7px}
}


/* === v0.5.0 REFERENCE HEADER FOOTER REBUILD === */
@media (min-width:901px){
  .scn-top{height:25px;font-size:8px;line-height:1}
  .scn-top-inner{height:25px;max-width:1180px;padding:0 14px;gap:12px}
  .scn-top-left,.scn-top-right{gap:12px}
  .scn-top span{gap:4px}
  .scn-top .scn-svg-icon{width:9px;height:9px}
  .scn-top-home{display:none}

  .scn-header,.scn-head{height:50px}
  .scn-header{box-shadow:0 2px 8px rgba(4,37,70,.055)}
  .scn-head{max-width:1180px;padding:0 14px;grid-template-columns:154px minmax(0,1fr) 34px 150px;gap:10px}
  .scn-logo img{width:145px;max-height:42px}
  .scn-nav{height:50px;gap:16px;justify-content:center}
  .scn-nav>a,.scn-drop-trigger{height:50px;font-size:10px;font-weight:600}
  .scn-nav>a.is-active:after,.scn-drop-trigger:after{height:2px}
  .scn-drop{height:50px}
  .scn-drop-trigger>.scn-svg-icon{width:11px;height:11px;margin-left:4px}

  .scn-search{width:32px;height:32px;border-radius:7px}
  .scn-search>.scn-svg-icon{width:15px;height:15px}
  .scn-whatsapp{height:38px;border-radius:7px;padding:4px 7px;grid-template-columns:24px 1fr;gap:6px;box-shadow:0 4px 10px rgba(10,171,95,.15)}
  .scn-whatsapp-icon{width:24px;height:24px}
  .scn-whatsapp-icon>.ico-whatsapp{width:14px;height:14px}
  .scn-whatsapp small{font-size:6.5px}
  .scn-whatsapp b{font-size:9px;line-height:1.05;margin-top:2px}

  .scn-mega{top:50px;left:auto;right:0;width:min(730px,calc(100vw - 175px));min-height:214px;transform:translateY(7px);grid-template-columns:178fr 161fr 178fr 213fr;border-radius:0 0 8px 8px;box-shadow:0 14px 34px rgba(7,40,73,.18)}
  .scn-drop:hover .scn-mega,.scn-drop:focus-within .scn-mega{transform:translateY(0)}
  .scn-mega-col{padding:13px 14px}
  .scn-mega-col h4{margin:0 0 9px;font-size:9.5px;gap:6px}
  .scn-mega-col h4>.scn-svg-icon{width:15px;height:15px}
  .scn-mega-col ul{gap:5px}
  .scn-mega-col li a{font-size:7.6px;line-height:1.2;gap:5px}
  .scn-mega-col li a:before{font-size:6px}
  .scn-quick-grid{gap:6px}
  .scn-quick{min-height:39px;border-radius:7px;padding:5px 6px;grid-template-columns:27px 1fr;gap:6px}
  .scn-quick-icon{width:27px;height:27px;border-radius:6px}
  .scn-quick-icon>.scn-svg-icon{width:14px;height:14px}
  .scn-quick b{font-size:7.6px}
  .scn-quick small{font-size:6.2px;margin-top:2px}

  .scn-cta{min-height:60px}
  .scn-cta-grid{max-width:1180px;min-height:60px;padding:0 20px;grid-template-columns:1fr 190px 190px;gap:10px}
  .scn-cta-grid>div>b{font-size:12px}
  .scn-cta-grid>div>small{font-size:8px}
  .scn-cta-grid>a{height:38px;border-radius:7px;font-size:9px}

  .scn-footer{padding:16px 0 10px;background:linear-gradient(180deg,#041d35,#03172a)}
  .scn-footer-inner{max-width:1180px;padding:0 20px}
  .scn-footer-grid{grid-template-columns:1.45fr .72fr .9fr 1.08fr 1fr;gap:18px;align-items:start}
  .scn-footer-brand img{width:150px;max-height:50px}
  .scn-footer-brand p{max-width:210px;margin:8px 0 0;font-size:8px;line-height:1.45}
  .scn-social{gap:6px;margin-top:9px}
  .scn-social-item{width:24px;height:24px}
  .scn-social-item>.scn-svg-icon{width:11px;height:11px}
  .scn-footer h4{margin:1px 0 8px;font-size:9px}
  .scn-footer ul{gap:4px}
  .scn-footer li,.scn-footer a,.scn-footer p{font-size:7.5px;line-height:1.35}
  .scn-footer-contact li{gap:6px}
  .scn-footer-contact .scn-svg-icon{width:11px;height:11px}
  .scn-mapbox{min-height:104px;border-radius:7px;padding:0 8px 8px}
  .scn-mapbox>span{height:27px;min-width:86px;padding:0 10px;border-radius:6px;font-size:8px}
  .scn-footer-bottom{margin-top:13px;padding-top:9px;font-size:7px;gap:12px}
}
@media (min-width:901px) and (max-width:1050px){
  .scn-head{grid-template-columns:145px minmax(0,1fr) 30px 138px;gap:7px}
  .scn-logo img{width:136px}
  .scn-nav{gap:11px}
  .scn-nav>a,.scn-drop-trigger{font-size:9px}
  .scn-whatsapp{grid-template-columns:22px 1fr;padding:4px 6px}
  .scn-whatsapp-icon{width:22px;height:22px}
  .scn-whatsapp small{font-size:6px}
  .scn-whatsapp b{font-size:8px}
  .scn-footer-grid{grid-template-columns:1.35fr .72fr .9fr 1.08fr .95fr;gap:13px}
}


/* === v0.5.1 CENTERED HEADER + READABLE MEGA === */
.ico-menu-droplets{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/droplets.svg")}
.ico-menu-printer{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/printer-1.svg")}
.ico-menu-copy{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/copy.svg")}
.ico-menu-files{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/files.svg")}
.ico-menu-inbox{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/inbox.svg")}
.ico-menu-paperclip{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/paperclip.svg")}
.ico-menu-barcode{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/barcode.svg")}
.ico-menu-keyboard{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/keyboard.svg")}
.ico-menu-laptop{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/laptop.svg")}
.ico-menu-monitor-cog{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/monitor-cog.svg")}
.ico-menu-cpu{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/cpu.svg")}
.ico-menu-hard-drive{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/hard-drive.svg")}
.ico-menu-gauge{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/gauge.svg")}
.ico-menu-camera{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/camera.svg")}
.ico-menu-video{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/video.svg")}
.ico-menu-wrench{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/wrench.svg")}

@media (min-width:901px){
  .scn-top{height:32px;font-size:11.5px;line-height:1.2}
  .scn-top-inner{height:32px;max-width:1280px;padding:0 24px;margin-left:auto;margin-right:auto}
  .scn-top-left,.scn-top-right{gap:20px}
  .scn-top .scn-svg-icon{width:13px;height:13px}

  .scn-header,.scn-head{height:72px}
  .scn-head{
    width:100%;
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
    padding:0 24px;
    grid-template-columns:205px minmax(0,1fr) 42px 190px;
    gap:14px;
  }
  .scn-logo img{width:188px;max-height:56px}
  .scn-nav{height:72px;gap:20px;justify-content:center}
  .scn-nav>a,.scn-drop-trigger{height:72px;font-size:13px;font-weight:650}
  .scn-drop{height:72px}
  .scn-drop-trigger>.scn-svg-icon{width:14px;height:14px;margin-left:6px}
  .scn-search{width:40px;height:40px;border-radius:9px}
  .scn-search>.scn-svg-icon{width:18px;height:18px}
  .scn-whatsapp{
    height:48px;
    border-radius:9px;
    padding:5px 10px;
    grid-template-columns:30px 1fr;
    gap:8px;
  }
  .scn-whatsapp-icon{width:30px;height:30px}
  .scn-whatsapp-icon>.ico-whatsapp{width:17px;height:17px}
  .scn-whatsapp small{font-size:9px;line-height:1}
  .scn-whatsapp b{font-size:12px;line-height:1.15;margin-top:3px}

  .scn-mega{
    top:72px;
    left:50%;
    right:auto;
    width:min(1120px,calc(100vw - 48px));
    min-height:328px;
    transform:translate(-50%,10px);
    grid-template-columns:1.28fr 1fr 1.04fr 1.12fr;
    border-radius:0 0 12px 12px;
    box-shadow:0 20px 48px rgba(7,40,73,.18);
  }
  .scn-drop:hover .scn-mega,.scn-drop:focus-within .scn-mega{transform:translate(-50%,0)}
  .scn-mega-col{padding:22px 22px}
  .scn-mega-col h4{margin:0 0 16px;font-size:15px;line-height:1.25;gap:9px}
  .scn-mega-col h4>.scn-svg-icon{width:21px;height:21px}
  .scn-mega-col ul{gap:10px}
  .scn-mega-col li a{
    font-size:12.5px;
    line-height:1.35;
    gap:9px;
    color:#465f77;
    align-items:center;
  }
  .scn-mega-col li a:before{display:none!important}
  .scn-menu-item-icon{
    width:17px;
    height:17px;
    color:#147ce5;
    opacity:.96;
  }
  .scn-mega-col li a:hover .scn-menu-item-icon{color:#075fb7}
  .scn-quick-grid{gap:10px}
  .scn-quick{
    min-height:58px;
    border-radius:10px;
    padding:8px 10px;
    grid-template-columns:38px 1fr;
    gap:10px;
  }
  .scn-quick-icon{width:38px;height:38px;border-radius:9px}
  .scn-quick-icon>.scn-svg-icon{width:20px;height:20px}
  .scn-quick b{font-size:12.5px;line-height:1.2}
  .scn-quick small{font-size:10.5px;line-height:1.25;margin-top:3px}
}

@media (min-width:901px) and (max-width:1120px){
  .scn-top{font-size:10.5px}
  .scn-top-inner{padding:0 16px}
  .scn-top-left,.scn-top-right{gap:12px}
  .scn-head{
    padding:0 16px;
    grid-template-columns:165px minmax(0,1fr) 36px 160px;
    gap:9px;
  }
  .scn-logo img{width:155px}
  .scn-nav{gap:12px}
  .scn-nav>a,.scn-drop-trigger{font-size:11px}
  .scn-whatsapp small{font-size:8px}
  .scn-whatsapp b{font-size:10px}
  .scn-mega{width:calc(100vw - 28px)}
  .scn-mega-col{padding:18px 16px}
  .scn-mega-col h4{font-size:13px}
  .scn-mega-col li a{font-size:11.5px}
  .scn-menu-item-icon{width:16px;height:16px}
  .scn-quick b{font-size:11.5px}
  .scn-quick small{font-size:10px}
}


/* === v0.6.0 MULTI MEGA MENUS === */
.ico-clipboard-check{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/clipboard-check.svg")}
.ico-circle-check-big{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/circle-check-big.svg")}
.ico-message-square-text{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/message-square-text.svg")}
.ico-book-open{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/book-open.svg")}
.ico-file-text{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/file-text.svg")}
.ico-map-pinned{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/map-pinned.svg")}
.ico-arrow-right{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/arrow-right.svg")}
.ico-route{--scn-icon:url("https://serviscozumleri.com/wp-content/uploads/2026/10/route.svg")}

@media (min-width:901px){
  .scn-mega--brands{grid-template-columns:1fr 1fr .9fr 1.2fr;min-height:330px}
  .scn-mega--process{grid-template-columns:1fr 1.15fr 1.15fr;min-height:350px}
  .scn-mega--about{grid-template-columns:.85fr .9fr 1.15fr 1.1fr;min-height:330px}
  .scn-mega--blog{grid-template-columns:repeat(3,1fr) 1.05fr;min-height:310px;padding:18px;gap:14px}
  .scn-mega--contact{grid-template-columns:1fr 1.1fr 1fr 1.05fr;min-height:320px}

  .scn-brand-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .scn-brand-list--single{grid-template-columns:1fr}
  .scn-brand-list a{display:flex;align-items:center;min-height:34px;padding:7px 9px;border:1px solid #e1ebf3;border-radius:8px;background:#fbfdff;color:#31506d;font-size:12px;font-weight:600;transition:.18s}
  .scn-brand-list a:hover{border-color:#aad4fb;background:#f4faff;color:#087df2;transform:translateY(-1px)}
  .scn-menu-note{margin:14px 0 0;font-size:10.5px;line-height:1.5;color:#6b7f91}
  .scn-menu-text-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:11px;font-weight:700;color:#087df2}
  .scn-menu-text-link .scn-svg-icon{width:13px;height:13px}

  .scn-menu-media{padding:18px;border-left:1px solid #e4edf4;background:linear-gradient(180deg,#fbfdff,#f4f9fe);display:flex;flex-direction:column;justify-content:flex-start}
  .scn-menu-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
  .scn-menu-media-grid img{width:100%;height:76px;object-fit:cover;border-radius:8px}
  .scn-menu-media>b{font-size:14px;line-height:1.3;color:#0b2d52;margin-top:2px}
  .scn-menu-media>p{font-size:10.5px;line-height:1.55;color:#61768a;margin:8px 0 12px}
  .scn-menu-hero-img{width:100%;height:126px;object-fit:cover;border-radius:10px;margin-bottom:12px}
  .scn-menu-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 11px;border-radius:8px;background:#087df2;color:#fff;font-size:10.5px;font-weight:700}
  .scn-menu-cta .scn-svg-icon{width:14px;height:14px}

  .scn-step-list{display:grid;gap:9px}
  .scn-step-list>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;row-gap:2px;padding:9px 10px;border:1px solid #e2ebf2;border-radius:9px;background:#fff}
  .scn-step-list>div>span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#087df2;font-size:10px;font-weight:800}
  .scn-step-list b{font-size:11.5px;color:#173754}
  .scn-step-list small{font-size:9.5px;line-height:1.4;color:#6c7f91}

  .scn-standard-list{display:grid;gap:9px}
  .scn-standard-list>div{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;padding:9px 10px;border:1px solid #e2ebf2;border-radius:9px;background:#fff}
  .scn-standard-list>div>.scn-svg-icon{width:18px;height:18px;color:#087df2;margin:3px auto 0}
  .scn-standard-list b{display:block;font-size:11.5px;line-height:1.3;color:#173754}
  .scn-standard-list small{display:block;margin-top:2px;font-size:9.5px;line-height:1.4;color:#6b7d8e}
  .scn-standard-list--compact>div{padding:8px 9px}

  .scn-clean-links{gap:9px!important}
  .scn-clean-links li a:before{display:none!important}
  .scn-clean-links li a{font-size:12px!important;padding:7px 0;border-bottom:1px solid #edf2f6}
  .scn-clean-links li:last-child a{border-bottom:0}

  .scn-menu-post{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe9f1;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(9,48,84,.06);transition:.18s}
  .scn-menu-post:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(9,48,84,.10)}
  .scn-menu-post-image{display:block;height:112px;overflow:hidden;background:#eaf2f8}
  .scn-menu-post-image img{width:100%;height:100%;object-fit:cover}
  .scn-menu-post-body{display:flex;flex-direction:column;padding:11px 12px;min-height:116px}
  .scn-menu-post-body>small{font-size:8.5px;font-weight:700;color:#1685ef;text-transform:uppercase;letter-spacing:.04em}
  .scn-menu-post-body>b{margin-top:5px;font-size:11.5px;line-height:1.35;color:#173754}
  .scn-menu-post-body>span{display:inline-flex;align-items:center;gap:5px;margin-top:auto;font-size:9.5px;font-weight:700;color:#087df2}
  .scn-menu-post-body .scn-svg-icon{width:12px;height:12px}
  .scn-blog-side{border-left:0;border-radius:10px;background:linear-gradient(145deg,#062b50,#084b82);color:#fff}
  .scn-blog-side>b{color:#fff}
  .scn-blog-side>p{color:#cfe1f0}
  .scn-blog-icon{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;margin-bottom:14px}
  .scn-blog-icon .scn-svg-icon{width:22px;height:22px}

  .scn-contact-actions{display:grid;gap:10px}
  .scn-contact-actions>a{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #e1eaf2;border-radius:9px;background:#fff}
  .scn-contact-actions>a>.scn-svg-icon{width:22px;height:22px;color:#087df2;margin:auto}
  .scn-contact-actions>a:first-child>.scn-svg-icon{color:#12a85f}
  .scn-contact-actions b{display:block;font-size:11.5px;color:#173754}
  .scn-contact-actions small{display:block;margin-top:2px;font-size:9.5px;color:#6d8092}
  .scn-contact-copy{font-size:11px;line-height:1.65;color:#637789;margin:0}
}

@media (min-width:901px) and (max-width:1120px){
  .scn-mega--brands,.scn-mega--about,.scn-mega--contact{grid-template-columns:1fr 1fr 1fr 1fr}
  .scn-mega--blog{padding:12px;gap:9px}
  .scn-menu-media{padding:13px}
  .scn-menu-media-grid img{height:62px}
  .scn-menu-hero-img{height:102px}
  .scn-brand-list a{font-size:10.5px;padding:6px 7px;min-height:30px}
  .scn-step-list b,.scn-standard-list b,.scn-contact-actions b{font-size:10.5px}
  .scn-step-list small,.scn-standard-list small,.scn-contact-actions small{font-size:8.8px}
  .scn-menu-post-image{height:90px}
  .scn-menu-post-body>b{font-size:10.5px}
}

/* === v0.6.1 NAVIGATION REDESIGN === */
@media (min-width:901px){
  .scn-mega{top:72px;min-height:0;border:1px solid #dce7ef;border-top:2px solid #1685ef;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 18px 42px rgba(7,40,73,.15);overflow:hidden}
  .scn-mega-col{padding:22px 24px;border-right:1px solid #edf2f6;background:#fff}
  .scn-mega-col h4{margin:0 0 14px;font-size:13.5px;line-height:1.25;font-weight:750;letter-spacing:-.01em;color:#103657}
  .scn-mega-col h4>.scn-svg-icon{width:18px;height:18px;color:#1685ef}
  .scn-mega-col ul{gap:4px}
  .scn-mega-col li a{min-height:31px;padding:5px 0;font-size:12.5px;line-height:1.32;font-weight:550;color:#466176}
  .scn-mega-col li a:hover{color:#087df2}
  .scn-menu-item-icon{width:15px;height:15px;color:#6d91ad;flex:0 0 15px}
  .scn-mega-col li a:hover .scn-menu-item-icon{color:#087df2}

  .scn-mega--services{width:min(1040px,calc(100vw - 48px));grid-template-columns:1.12fr 1fr 1fr .95fr}
  .scn-mega--services>.scn-mega-col:nth-child(-n+3){padding-top:24px}
  .scn-mega--services .scn-quick-col{padding:20px 18px;background:#f7fafc}
  .scn-quick-grid{gap:0}
  .scn-quick{min-height:0;padding:11px 4px;grid-template-columns:30px 1fr;gap:10px;border:0;border-bottom:1px solid #e4edf3;border-radius:0;background:transparent}
  .scn-quick:last-child{border-bottom:0}
  .scn-quick:hover{background:transparent;transform:none}
  .scn-quick-icon{width:30px;height:30px;border-radius:8px;background:#eaf4ff}
  .scn-quick-icon>.scn-svg-icon{width:16px;height:16px}
  .scn-quick b{font-size:11.5px;line-height:1.25;color:#173754}
  .scn-quick small{font-size:9.5px;line-height:1.35;color:#768899;margin-top:2px}

  .scn-mega--brands{width:min(820px,calc(100vw - 48px));grid-template-columns:1.15fr 1fr .9fr}
  .scn-mega--brands>.scn-menu-media{display:none}
  .scn-brand-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
  .scn-brand-list--single{grid-template-columns:1fr}
  .scn-brand-list a{min-height:30px;padding:5px 0;border:0;border-bottom:1px solid #edf2f6;border-radius:0;background:transparent;font-size:12px;font-weight:600;color:#466176}
  .scn-brand-list a:hover{border-color:#d8e6f1;background:transparent;color:#087df2;transform:none}
  .scn-menu-note{margin-top:11px;font-size:9.5px;line-height:1.45}
  .scn-menu-text-link{margin-top:11px;font-size:10.5px}

  .scn-mega--process{width:min(820px,calc(100vw - 48px));grid-template-columns:1fr 1fr}
  .scn-mega--process>.scn-menu-media{display:none}
  .scn-step-list,.scn-standard-list{gap:0}
  .scn-step-list>div,.scn-standard-list>div{padding:10px 0;border:0;border-bottom:1px solid #edf2f6;border-radius:0;background:transparent}
  .scn-step-list>div:last-child,.scn-standard-list>div:last-child{border-bottom:0}
  .scn-step-list>div>span{width:30px;height:30px;background:#eef6fd;font-size:9.5px}
  .scn-step-list b,.scn-standard-list b{font-size:11.5px}
  .scn-step-list small,.scn-standard-list small{font-size:9.5px}

  .scn-mega--about{width:min(760px,calc(100vw - 48px));grid-template-columns:.9fr 1fr 1.2fr}
  .scn-mega--about>.scn-menu-media{display:none}
  .scn-clean-links{gap:0!important}
  .scn-clean-links li a{min-height:32px;padding:6px 0!important;font-size:11.5px!important}

  .scn-mega--blog{width:min(900px,calc(100vw - 48px));grid-template-columns:repeat(3,1fr);padding:16px;gap:12px}
  .scn-mega--blog>.scn-blog-side{display:none}
  .scn-menu-post{border-color:#e1eaf1;border-radius:10px;box-shadow:none}
  .scn-menu-post:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(9,48,84,.08)}
  .scn-menu-post-image{height:92px}
  .scn-menu-post-body{min-height:102px;padding:10px 11px}
  .scn-menu-post-body>b{font-size:11px}

  .scn-mega--contact{width:min(780px,calc(100vw - 48px));grid-template-columns:1fr 1.05fr .95fr}
  .scn-mega--contact>.scn-contact-map{display:none}
  .scn-contact-actions{gap:0}
  .scn-contact-actions>a{padding:10px 0;border:0;border-bottom:1px solid #edf2f6;border-radius:0;background:transparent}
  .scn-contact-actions>a:last-child{border-bottom:0}
  .scn-contact-actions b{font-size:11.5px}
  .scn-contact-actions small{font-size:9.5px}
  .scn-contact-copy{font-size:10.5px;line-height:1.6}
  .scn-drop-trigger:after{height:2px}
}
@media (min-width:901px) and (max-width:1120px){
  .scn-mega--services{grid-template-columns:1.08fr 1fr 1fr .92fr}
  .scn-mega-col{padding:18px 16px}
  .scn-mega-col h4{font-size:12.5px}
  .scn-mega-col li a{font-size:11.5px}
  .scn-mega--brands{width:calc(100vw - 34px)}
  .scn-mega--process,.scn-mega--about,.scn-mega--contact{width:min(760px,calc(100vw - 34px))}
  .scn-mega--blog{width:min(860px,calc(100vw - 34px))}
}

/* === v0.6.2 BRANDS MEGA VISUAL REDESIGN === */
@media (min-width:901px){
  .scn-mega--brands{width:min(1100px,calc(100vw - 44px));min-height:390px;grid-template-columns:1fr 1fr 1fr 1.05fr;gap:0;padding:0;background:#f8fbfe;border-top:0;border-radius:16px;box-shadow:0 24px 60px rgba(6,35,62,.20)}
  .scn-mega--brands:before{content:"";position:absolute;inset:0 auto auto 0;width:75%;height:4px;background:linear-gradient(90deg,#087df2 0 33.33%,#16a085 33.33% 66.66%,#ef9f27 66.66% 100%);z-index:2}
  .scn-brand-group{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 20px 19px;background:#fff;border-right:1px solid #e5edf4}
  .scn-brand-group--printer{background:linear-gradient(180deg,#f7fbff 0,#fff 42%)}
  .scn-brand-group--computer{background:linear-gradient(180deg,#f5fcfa 0,#fff 42%)}
  .scn-brand-group--camera{background:linear-gradient(180deg,#fffaf3 0,#fff 42%)}
  .scn-brand-group-head{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;margin-bottom:10px}
  .scn-brand-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(10,58,98,.07)}
  .scn-brand-symbol>.scn-svg-icon{width:22px;height:22px}
  .scn-brand-group--printer .scn-brand-symbol{background:#eaf4ff;color:#087df2}
  .scn-brand-group--computer .scn-brand-symbol{background:#e9f8f4;color:#138a70}
  .scn-brand-group--camera .scn-brand-symbol{background:#fff2dd;color:#d88214}
  .scn-brand-group-head small{display:block;margin-bottom:3px;font-size:9px;line-height:1;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#8191a0}
  .scn-brand-group-head b{display:block;font-size:14px;line-height:1.18;color:#102f4d;letter-spacing:-.015em}
  .scn-brand-group>p{margin:0 0 14px;min-height:31px;font-size:10.5px;line-height:1.45;color:#6d8091}
  .scn-brand-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .scn-brand-chip-grid a{height:34px;padding:0 9px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #e0e9f0;border-radius:8px;background:rgba(255,255,255,.94);color:#29465f;font-size:10.5px;line-height:1;font-weight:650;box-shadow:0 2px 6px rgba(8,47,82,.025);transition:.18s ease}
  .scn-brand-chip-grid a .scn-svg-icon{width:11px;height:11px;opacity:0;transform:translateX(-3px);transition:.18s ease}
  .scn-brand-chip-grid a:hover{border-color:#a9d4fb;color:#087df2;transform:translateY(-1px);box-shadow:0 5px 13px rgba(8,125,242,.09)}
  .scn-brand-chip-grid a:hover .scn-svg-icon{opacity:1;transform:none}
  .scn-brand-more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:15px;font-size:10px;font-weight:750;color:#2d597e}
  .scn-brand-more .scn-svg-icon{width:12px;height:12px}
  .scn-brand-group--computer .scn-brand-more{color:#167f6c}
  .scn-brand-group--camera .scn-brand-more{color:#bd7518}
  .scn-brand-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:25px 22px 20px;color:#fff;background:radial-gradient(circle at 83% 15%,rgba(35,151,255,.30),transparent 34%),radial-gradient(circle at 15% 72%,rgba(21,200,153,.16),transparent 38%),linear-gradient(145deg,#062746 0%,#041d35 62%,#03172a 100%)}
  .scn-brand-visual:before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000 0,transparent 72%);pointer-events:none}
  .scn-brand-visual:after{content:"";position:absolute;width:180px;height:180px;right:-92px;bottom:-100px;border:1px solid rgba(87,181,255,.34);border-radius:50%;box-shadow:0 0 0 24px rgba(36,132,208,.04),0 0 0 48px rgba(36,132,208,.025)}
  .scn-brand-visual-kicker{position:relative;z-index:1;display:inline-flex;align-self:flex-start;padding:6px 8px;border:1px solid rgba(139,206,255,.24);border-radius:6px;background:rgba(4,19,34,.28);color:#91cffd;font-size:7.5px;line-height:1;font-weight:800;letter-spacing:.095em}
  .scn-brand-device-stage{position:relative;z-index:1;height:128px;margin:12px 0 8px}
  .scn-brand-device{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(28,132,224,.95),rgba(8,79,140,.86));color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(5px)}
  .scn-brand-device>.scn-svg-icon{width:31px;height:31px}
  .scn-brand-device--printer{left:7px;top:42px;width:63px;height:63px;border-radius:17px;transform:rotate(-6deg)}
  .scn-brand-device--computer{left:80px;top:17px;width:78px;height:78px;border-radius:21px;background:linear-gradient(145deg,#16a085,#0b6d5d)}
  .scn-brand-device--camera{right:5px;top:48px;width:61px;height:61px;border-radius:50%;background:linear-gradient(145deg,#f0a137,#b9650c)}
  .scn-brand-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(116,198,255,.85),rgba(116,198,255,.12))}
  .scn-brand-line--a{left:60px;top:69px;width:70px;transform:rotate(-19deg)}
  .scn-brand-line--b{left:144px;top:69px;width:72px;transform:rotate(19deg)}
  .scn-brand-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#6fc4ff;box-shadow:0 0 0 5px rgba(111,196,255,.11)}
  .scn-brand-pulse--one{left:69px;top:45px}
  .scn-brand-pulse--two{right:56px;top:39px;background:#ffbd62;box-shadow:0 0 0 5px rgba(255,189,98,.10)}
  .scn-brand-visual h4{position:relative;z-index:1;margin:1px 0 8px;font-size:17px;line-height:1.16;letter-spacing:-.025em;color:#fff}
  .scn-brand-visual p{position:relative;z-index:1;margin:0 0 15px;font-size:9.8px;line-height:1.5;color:#c2d7e8}
  .scn-brand-visual-cta{position:relative;z-index:1;margin-top:auto;min-height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(126,199,255,.30);border-radius:9px;background:rgba(20,126,218,.19);color:#fff;font-size:10.5px;font-weight:750;transition:.18s ease}
  .scn-brand-visual-cta:hover{background:rgba(26,145,244,.31);border-color:rgba(126,199,255,.48)}
  .scn-brand-visual-cta .scn-svg-icon{width:13px;height:13px}
}
@media (min-width:901px) and (max-width:1120px){
  .scn-mega--brands{width:calc(100vw - 26px);grid-template-columns:1fr 1fr 1fr .98fr}
  .scn-brand-group{padding:19px 14px 15px}
  .scn-brand-group-head{grid-template-columns:37px 1fr;gap:8px}
  .scn-brand-symbol{width:37px;height:37px;border-radius:10px}
  .scn-brand-symbol>.scn-svg-icon{width:19px;height:19px}
  .scn-brand-group-head b{font-size:12.5px}
  .scn-brand-group>p{font-size:9.5px}
  .scn-brand-chip-grid{gap:5px}
  .scn-brand-chip-grid a{height:30px;padding:0 7px;font-size:9.5px}
  .scn-brand-visual{padding:20px 16px 16px}
  .scn-brand-device-stage{height:116px}
  .scn-brand-device--printer{left:2px}
  .scn-brand-device--computer{left:61px}
  .scn-brand-device--camera{right:2px}
  .scn-brand-visual h4{font-size:15px}
  .scn-brand-visual p{font-size:9px}
}

/* === v0.6.3 BRANDS REFERENCE MATCH === */
@media (min-width:901px){
  .scn-brands-reference{width:min(1540px,calc(100vw - 36px));min-height:520px;grid-template-columns:1.03fr 1fr .93fr 1.13fr;gap:0;padding:14px;border:1px solid #dbe6ef;border-top:0;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 28px 60px rgba(4,31,58,.22);overflow:hidden}
  .scn-brands-reference:before{display:none!important}
  .scn-ref-brand-col{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px 18px 14px 16px;border-right:1px solid #e7eef4;background:#fff}
  .scn-ref-brand-head{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center}
  .scn-ref-brand-icon{width:76px;height:76px;border-radius:19px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(18,62,101,.035)}
  .scn-ref-brand-icon>.scn-svg-icon{width:38px;height:38px}
  .scn-ref-brand-col--printer .scn-ref-brand-icon{background:linear-gradient(145deg,#eaf5ff,#d7ecff);color:#087df2}
  .scn-ref-brand-col--computer .scn-ref-brand-icon{background:linear-gradient(145deg,#e7fbf1,#d9f7e9);color:#0c9b61}
  .scn-ref-brand-col--camera .scn-ref-brand-icon{background:linear-gradient(145deg,#fff0de,#ffe4c8);color:#f06416}
  .scn-ref-brand-title{min-width:0}
  .scn-ref-brand-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .scn-ref-brand-title h4{margin:0;font-size:17px;line-height:1.15;color:#092950;letter-spacing:-.02em}
  .scn-ref-brand-title-row>a{width:31px;height:31px;border:1px solid #e1eaf2;border-radius:50%;display:grid;place-items:center;color:#087df2;background:#fff;flex:0 0 auto}
  .scn-ref-brand-title-row>a .scn-svg-icon{width:15px;height:15px}
  .scn-ref-pill{display:inline-flex;align-items:center;min-height:29px;margin-top:10px;padding:0 12px;border-radius:8px;font-size:10.5px;font-weight:700}
  .scn-ref-brand-col--printer .scn-ref-pill{background:#e8f3ff;color:#087df2}.scn-ref-brand-col--computer .scn-ref-pill{background:#e4f9ed;color:#09925b}.scn-ref-brand-col--camera .scn-ref-pill{background:#fff0e3;color:#ef5c0b}
  .scn-ref-brand-desc{margin:18px 0 20px;min-height:42px;font-size:12.5px;line-height:1.45;color:#425f7e}
  .scn-ref-brand-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}
  .scn-ref-brand-cards>a{min-height:64px;padding:9px 11px;display:grid;grid-template-columns:minmax(58px,1fr) auto;align-items:center;gap:9px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;color:#31506c;box-shadow:0 2px 8px rgba(10,43,74,.025);transition:.18s ease}
  .scn-ref-brand-cards>a:hover{border-color:#a8d3fb;box-shadow:0 7px 18px rgba(8,125,242,.10);transform:translateY(-1px)}
  .scn-ref-brand-cards>a>span:last-child{font-size:10.5px;font-weight:550;white-space:nowrap}
  .scn-ref-mark{display:flex;align-items:center;justify-content:flex-start;min-width:0;font-weight:800;white-space:nowrap;line-height:1}
  .scn-ref-mark--hp{width:42px;height:42px;border-radius:50%;justify-content:center;background:#0878d8;color:#fff;font-size:18px;font-style:italic;text-transform:lowercase}
  .scn-ref-mark--epson{color:#123bbb;font-size:14px;letter-spacing:-.06em}.scn-ref-mark--canon{color:#e00018;font-family:Georgia,serif;font-size:16px;font-style:italic}.scn-ref-mark--brother{color:#1948b5;font-size:14px;letter-spacing:-.07em;text-transform:lowercase}
  .scn-ref-mark--xerox{color:#eb1717;font-size:15px;text-transform:lowercase}.scn-ref-mark--samsung{color:#133db5;font-size:12px;font-style:italic;letter-spacing:-.04em}.scn-ref-mark--lexmark{color:#078453;font-size:22px}
  .scn-ref-mark--ricoh{color:#ef1840;font-size:14px;letter-spacing:.03em}.scn-ref-mark--kyocera{color:#151d2a;font-size:10px}.scn-ref-mark--oki{color:#ef1f28;font-size:17px;letter-spacing:.02em}
  .scn-ref-mark--asus{color:#15498a;font-size:16px;font-style:italic;letter-spacing:-.08em}.scn-ref-mark--acer{color:#72b600;font-size:19px;font-style:italic;font-weight:700}.scn-ref-mark--lenovo{color:#ec1c24;font-size:15px}
  .scn-ref-mark--dell{width:42px;height:42px;border:3px solid #0878d8;border-radius:50%;justify-content:center;color:#0878d8;font-size:10px;letter-spacing:-.06em}.scn-ref-mark--msi{color:#101010;font-size:16px;font-style:italic}
  .scn-ref-mark--hikvision{color:#e31b23;font-size:13px;font-style:italic}.scn-ref-mark--dahua{color:#111;font-size:17px;font-style:italic}.scn-ref-mark--uniview{color:#1260af;font-size:16px}
  .scn-ref-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;margin-left:14px;border-radius:14px;background:#041d35;color:#fff;box-shadow:0 10px 30px rgba(0,32,64,.16)}
  .scn-ref-tech-art{height:285px;background:#031a32}.scn-ref-tech-art svg{display:block;width:100%;height:100%}
  .scn-ref-brand-panel-copy{display:flex;flex-direction:column;flex:1;padding:19px 21px 18px;background:linear-gradient(180deg,#052442,#03182d)}
  .scn-ref-brand-panel-copy h4{margin:0 0 12px;font-size:24px;line-height:1.05;letter-spacing:-.025em;color:#fff}.scn-ref-brand-panel-copy h4 span{color:#35b9ff}
  .scn-ref-brand-panel-copy p{margin:0 0 17px;font-size:11.5px;line-height:1.48;color:#d2deea}
  .scn-ref-brand-panel-copy>a{margin-top:auto;min-height:52px;padding:0 14px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:10px;border-radius:10px;background:linear-gradient(90deg,#0e8af7,#0874e8);color:#fff;font-size:12px;font-weight:750;box-shadow:0 8px 18px rgba(3,126,238,.22)}
  .scn-ref-brand-panel-copy>a .scn-svg-icon{width:17px;height:17px}
}
@media (min-width:901px) and (max-width:1180px){
  .scn-brands-reference{width:calc(100vw - 22px);min-height:458px;padding:10px;grid-template-columns:1.05fr 1fr .94fr 1.08fr}
  .scn-ref-brand-col{padding:11px 12px}.scn-ref-brand-head{grid-template-columns:54px 1fr;gap:9px}.scn-ref-brand-icon{width:54px;height:54px;border-radius:14px}.scn-ref-brand-icon>.scn-svg-icon{width:28px;height:28px}
  .scn-ref-brand-title h4{font-size:13px}.scn-ref-brand-title-row>a{width:26px;height:26px}.scn-ref-pill{min-height:24px;margin-top:6px;padding:0 8px;font-size:8.5px}.scn-ref-brand-desc{margin:12px 0 14px;min-height:36px;font-size:9.6px}
  .scn-ref-brand-cards{gap:7px}.scn-ref-brand-cards>a{min-height:49px;padding:6px 7px;grid-template-columns:minmax(46px,1fr) auto;gap:5px;border-radius:8px}.scn-ref-brand-cards>a>span:last-child{font-size:8.4px}
  .scn-ref-mark--hp,.scn-ref-mark--dell{width:33px;height:33px;font-size:13px;border-width:2px}.scn-ref-mark--epson,.scn-ref-mark--brother,.scn-ref-mark--xerox,.scn-ref-mark--ricoh,.scn-ref-mark--asus,.scn-ref-mark--lenovo,.scn-ref-mark--hikvision{font-size:10px}
  .scn-ref-mark--canon,.scn-ref-mark--oki,.scn-ref-mark--dahua,.scn-ref-mark--uniview,.scn-ref-mark--msi{font-size:11px}.scn-ref-mark--acer{font-size:13px}.scn-ref-mark--samsung{font-size:9px}.scn-ref-mark--kyocera{font-size:7.5px}
  .scn-ref-brand-panel{margin-left:9px}.scn-ref-tech-art{height:230px}.scn-ref-brand-panel-copy{padding:14px}.scn-ref-brand-panel-copy h4{font-size:18px}.scn-ref-brand-panel-copy p{font-size:9px}.scn-ref-brand-panel-copy>a{min-height:42px;font-size:9.5px}
}

/* === v0.6.4 BRANDS PIXEL REFINEMENT === */
@media (min-width:1181px){
  .scn-brands-reference{width:min(1600px,calc(100vw - 34px));min-height:clamp(560px,38vw,620px);padding:14px;border-radius:18px}
  .scn-ref-tech-art{height:320px}
  .scn-ref-brand-panel-copy{padding:21px 23px 20px}
  .scn-ref-brand-panel-copy h4{font-size:26px}
  .scn-ref-brand-panel-copy p{font-size:12px}
}
@media (min-width:901px){
  .scn-drop:has(.scn-brands-reference):hover>.scn-drop-trigger,.scn-drop:has(.scn-brands-reference):focus-within>.scn-drop-trigger{padding:0 18px;background:linear-gradient(180deg,#1088f6,#0871dc);color:#fff;border-radius:9px 9px 0 0;box-shadow:0 6px 16px rgba(8,125,242,.18)}
  .scn-drop:has(.scn-brands-reference):hover>.scn-drop-trigger>.scn-svg-icon,.scn-drop:has(.scn-brands-reference):focus-within>.scn-drop-trigger>.scn-svg-icon{color:#fff}
  .scn-drop:has(.scn-brands-reference):hover>.scn-drop-trigger:after,.scn-drop:has(.scn-brands-reference):focus-within>.scn-drop-trigger:after{content:"";left:50%;right:auto;bottom:-8px;width:0;height:0;transform:translateX(-50%);background:transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #0871dc;z-index:4}
}

/* === v0.6.5 BRANDS REFERENCE GEOMETRY === */
@media (min-width:1181px){
  .scn-brands-reference{width:min(1604px,calc(100vw - 34px));min-height:635px;max-height:635px;padding:14px;grid-template-columns:1.11fr 1.09fr .99fr 1.24fr}
  .scn-ref-brand-col{padding:14px 18px 14px 16px}.scn-ref-brand-head{grid-template-columns:90px minmax(0,1fr);gap:17px}.scn-ref-brand-icon{width:90px;height:90px;border-radius:20px}.scn-ref-brand-icon>.scn-svg-icon{width:42px;height:42px}
  .scn-ref-brand-title h4{font-size:19px;line-height:1.14}.scn-ref-brand-title-row>a{width:34px;height:34px}.scn-ref-brand-title-row>a .scn-svg-icon{width:16px;height:16px}
  .scn-ref-pill{min-height:33px;margin-top:11px;padding:0 13px;border-radius:8px;font-size:11.5px}.scn-ref-brand-desc{margin:19px 0 27px;min-height:43px;font-size:14px;line-height:1.42}
  .scn-ref-brand-cards{gap:12px 13px}.scn-ref-brand-cards>a{min-height:66px;padding:9px 12px;grid-template-columns:minmax(72px,1fr) auto;gap:9px;border-radius:12px}.scn-ref-brand-cards>a>span:last-child{font-size:11.5px}
  .scn-ref-mark--hp{width:44px;height:44px;font-size:19px}.scn-ref-mark--dell{width:44px;height:44px;font-size:10.5px}.scn-ref-mark--epson{font-size:15px}.scn-ref-mark--canon{font-size:17px}.scn-ref-mark--brother{font-size:15px}.scn-ref-mark--xerox{font-size:16px}
  .scn-ref-mark--samsung{font-size:12.5px}.scn-ref-mark--ricoh{font-size:15px}.scn-ref-mark--oki{font-size:18px}.scn-ref-mark--asus{font-size:17px}.scn-ref-mark--acer{font-size:20px}.scn-ref-mark--lenovo{font-size:16px}.scn-ref-mark--msi{font-size:17px}.scn-ref-mark--hikvision{font-size:14px}.scn-ref-mark--dahua{font-size:18px}.scn-ref-mark--uniview{font-size:17px}
  .scn-ref-brand-panel{margin-left:14px;border-radius:14px}.scn-ref-tech-art{height:305px;flex:0 0 305px}.scn-ref-brand-panel-copy{padding:20px 25px 20px}.scn-ref-brand-panel-copy h4{margin-bottom:16px;font-size:30px;line-height:1.02}.scn-ref-brand-panel-copy p{margin-bottom:20px;font-size:14px;line-height:1.5}
  .scn-ref-brand-panel-copy>a{min-height:68px;padding:0 18px;grid-template-columns:24px 1fr 20px;border-radius:11px;font-size:16px}.scn-ref-brand-panel-copy>a .scn-svg-icon{width:19px;height:19px}
}

/* === v0.6.6 BRANDS VISUAL QA PASS === */
@media (min-width:1181px){
  .scn-brands-reference{width:min(1604px,calc(100vw - 34px));min-height:635px;max-height:635px;grid-template-columns:1.115fr 1.082fr .998fr 1.305fr}
  .scn-ref-brand-col{padding-top:19px}
  .scn-ref-brand-title h4{font-size:20px}
  .scn-ref-pill{font-size:12px}
  .scn-ref-brand-desc{margin-top:21px;margin-bottom:36px;min-height:45px;font-size:15px;line-height:1.45}
  .scn-ref-brand-cards>a{min-height:66px}
  .scn-ref-brand-cards>a>span:last-child{font-size:12px}
  .scn-ref-tech-art{height:320px;flex:0 0 320px}
  .scn-ref-brand-panel-copy{padding:20px 25px 20px}
  .scn-ref-brand-panel-copy h4{font-size:30px}
  .scn-ref-brand-panel-copy p{font-size:14px;line-height:1.5}
  .scn-ref-brand-panel-copy>a{min-height:68px;font-size:16px}
}