/* DNS Server — reference-accurate cyber landing page v5. Separate from the operational /tools.html UI. */
:root{color-scheme:dark;--bg:#060917;--panel:#1b2034;--muted:#bcc4d9;--text:#f5f8ff;--cyan:#2af1f0;--mag:#d965ff;--line:#53627f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#050817;color:var(--text);font:15px/1.5 "DM Sans",sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a,button{transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #32f5fb;outline-offset:4px}::selection{background:#36dff0;color:#061026}img{display:block}body::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:900px;pointer-events:none;background:radial-gradient(ellipse at 17% 25%,#11365a41,transparent 55%),radial-gradient(ellipse at 84% 55%,#55135d30,transparent 60%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;z-index:1000;top:-80px;left:20px;background:var(--cyan);color:#061022;padding:10px 16px}.skip:focus{top:20px}
.site-shell{width:min(1070px,calc(100% - 80px));margin:0 auto}
.glass-header{position:relative;z-index:20;height:74px;margin-top:27px;padding:0 18px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #66708759;border-radius:18px;background:linear-gradient(115deg,rgba(30,36,56,.91),rgba(27,27,47,.88));box-shadow:0 13px 36px #0007,inset 0 1px #ffffff16;backdrop-filter:blur(20px)}
.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:700 22px "Space Grotesk",sans-serif;letter-spacing:-.055em}.brand-cube{width:37px;height:39px;display:grid;place-items:center;color:#28ebf7;font-size:36px}.brand-type{background:linear-gradient(90deg,#33f4f1,#69c8f9 53%,#e47afa);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-type span{color:inherit}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:31px;margin-left:auto}.desktop-nav a{font-size:12px;color:#ccd2e2;font-weight:600;white-space:nowrap}.desktop-nav a:hover{color:#5eeafa}.header-right{display:flex;gap:12px;align-items:center}.glow-button{border:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(95deg,#20f2ee 0%,#57d7fa 48%,#dd63f9 100%);color:#07101d;font-weight:800;box-shadow:0 0 20px #32edfa60,0 0 22px #c747f54e}.glow-button:hover{transform:translateY(-2px);box-shadow:0 0 32px #33eeff99,0 0 32px #c747ff7d}.header-button{border-radius:25px;padding:13px 22px;font-size:12px;white-space:nowrap}.hamburger{display:none;height:36px;width:40px;border:1px solid #455574;border-radius:8px;background:#161d34;padding:9px}.hamburger span{display:block;width:100%;height:2px;background:#9af4ff;margin:4px 0}.mobile-nav{display:none}.mobile-nav[hidden],.dialog-backdrop[hidden]{display:none!important}
.hero{margin-top:-5px;position:relative;height:610px;isolation:isolate;display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero-photo{position:absolute;inset:0 -90px 0 -90px;z-index:-3;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;filter:saturate(1.5) contrast(1.13) hue-rotate(5deg) brightness(.78)}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05091a 0%,#091127aa 10%,#0a103090 26%,#0c0f2a50 49%,#070b2045 72%,#070917 100%)}.hero-veils{z-index:-2;position:absolute;inset:0 -90px;background:radial-gradient(ellipse at 50% 39%,rgba(8,14,35,.96) 0%,rgba(8,15,34,.82) 27%,rgba(9,15,35,.16) 62%,transparent 90%),linear-gradient(90deg,#090d23cc,transparent 20%,transparent 80%,#090c20c6)}.hero-orbit{z-index:-1;pointer-events:none;position:absolute;width:410px;height:125px;border:2px solid #31dbfaad;filter:drop-shadow(0 0 5px #24d7f4);border-radius:50%;top:164px;opacity:.75}.orbit-left{left:-70px;transform:rotate(-26deg)}.orbit-right{right:-70px;transform:rotate(21deg);border-color:#d364e5;filter:drop-shadow(0 0 5px #d364ed)}.hero-content{width:100%;padding:68px 15px 0}.micro-intro{font:10px "DM Sans",sans-serif;letter-spacing:.23em;color:#a8c4e3;font-weight:700;margin-bottom:10px}.sparkle{color:#30f6f7;font-size:17px;vertical-align:middle;padding-right:7px}.hero h1{font:800 clamp(60px,7.3vw,94px)/.97 "Space Grotesk",sans-serif;letter-spacing:-.065em;text-shadow:0 4px 30px #061026e0;margin:10px 0 12px;color:#f1f9ff}.hero h1 span{background:linear-gradient(100deg,#20f9f0 0%,#58edf9 30%,#a1b9ff 61%,#e475f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 7px #98b0f144)}.hero-sub{font-size:18px;line-height:1.35;color:#cbd2e6;text-shadow:0 3px 11px #071020;margin:15px 0 30px}.search-glass{margin:0 auto;width:min(690px,100%);min-height:66px;border:1px solid #4ee5f2;border-right-color:#db65f6;border-radius:15px;display:flex;align-items:center;gap:9px;padding:8px 8px 8px 16px;background:linear-gradient(105deg,rgba(26,43,60,.91),rgba(55,33,68,.86));box-shadow:0 0 0 3px #4ed7f51c,0 0 20px #24ebfbe3,0 0 31px #dc48ffb4,inset 0 1px #d5f1ff33;backdrop-filter:blur(20px)}.search-icon{color:#77f7fa;flex:none}.search-glass input{min-width:0;flex:1;background:transparent;border:0;outline:none;color:#f6f8ff;font-size:13px}.search-glass input::placeholder{color:#adbdd1}.search-glass input:focus-visible{outline:0}.search-glass select{max-width:119px;background:#3b3e5a;border:1px solid #6a6987;color:#d7d7ef;border-radius:10px;padding:9px 10px;font-size:12px;min-height:42px;cursor:pointer}.search-button{height:46px;border-radius:9px;padding:0 17px;font-size:12px;white-space:nowrap}.quick-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.quick-tags a{color:#d4dcf0;border:1px solid #6269836b;border-radius:18px;background:linear-gradient(135deg,rgba(46,55,79,.85),rgba(55,43,72,.82));padding:6px 13px;font-size:11px;box-shadow:inset 0 1px #ffffff11}.quick-tags a:hover{border-color:#60def1;box-shadow:0 0 11px #55ddf94a;color:#fff}
.stats-glass{position:relative;z-index:5;margin:0 auto 37px;min-height:91px;width:calc(100% - 34px);border-radius:15px;border:1px solid #369fbf;border-right-color:#be5df1;background:linear-gradient(110deg,rgba(33,59,77,.9),rgba(40,39,67,.87) 58%,rgba(52,33,65,.89));display:flex;align-items:center;justify-content:space-around;padding:13px 21px;box-shadow:0 8px 35px #0007,0 0 20px #35d5f322,inset 0 1px #b2e5ff30;backdrop-filter:blur(18px)}.stat{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:13px}.stat-icon{font-size:36px;line-height:1}.stat-icon.cyan{color:#31f3f6;text-shadow:0 0 15px #0ceffa}.stat-icon.violet{color:#ec76fc;text-shadow:0 0 13px #d25bea}.stat strong{font:800 35px/1.05 "Space Grotesk",sans-serif;color:#fff;display:block;letter-spacing:-.04em}.stat strong span{color:#71ecf6}.stat small{display:block;font-size:12px;color:#d0d7e1;margin-top:3px}.stat-divider{height:52px;width:1px;background:#c8d3e429}
.discover{padding:5px 14px 0;scroll-margin-top:30px}.section-caption{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 21px}.section-caption h2,.guides h2{font:700 27px "Space Grotesk",sans-serif;letter-spacing:-.035em;margin:0}.section-caption p{margin:3px 0 0;color:#8ea3c0;font-size:12px}.see-all{font:700 10px "DM Sans",sans-serif;color:#7ce7f7;letter-spacing:.1em;margin-bottom:5px;white-space:nowrap}
.media-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.media-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.photo-card{position:relative;display:block;min-width:0;overflow:hidden;border:2px solid #42e1f5;border-radius:15px;background:linear-gradient(135deg,#15243e,#251537);box-shadow:0 0 15px #35d5ed52,0 10px 25px #0006;isolation:isolate}.photo-card.cyan-edge{border-color:#3bd8f7;box-shadow:0 0 14px #34d8f668,0 8px 22px #0005}.photo-card.violet-edge{border-color:#b875f9;box-shadow:0 0 14px #c55bee78,0 8px 22px #0005}.photo-card:hover{transform:translateY(-4px);border-color:#cbf9ff;box-shadow:0 0 28px #2ce3ff80}.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.86) saturate(1.45) contrast(1.08);transition:transform .55s ease}.photo-card:hover img{transform:scale(1.06)}.photo-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 17%,#0b102122 46%,#080c19ea 100%),linear-gradient(105deg,#12cfff12,#a64cff16);z-index:1}.overlay-circuit{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,transparent 40%,#46e9ff1f 50%,transparent 60%);mix-blend-mode:screen}.card-copy{position:absolute;bottom:12px;left:14px;right:14px;z-index:2;display:block;color:#f9fbff}.card-copy>strong{display:block;font:700 24px/1.15 "Space Grotesk",sans-serif;letter-spacing:-.04em;text-shadow:0 2px 11px #000}.meta-line{margin-top:7px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.label-pill{font-size:10px;border-radius:11px;padding:2px 7px;background:#333c50ae;border:1px solid #7b88a042;color:#dee8f7;white-space:nowrap}.card-stars{margin-left:auto;font-size:14px;letter-spacing:1px;color:#ffd65b;text-shadow:0 0 9px #ffcd77a3}.large-card{height:310px}.medium-card{height:222px}.small-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-card{height:133px}.mini-card .card-copy>strong{font-size:16px;max-width:190px}.mini-card .card-copy{left:11px;right:11px;bottom:9px}.mini-card .label-pill{font-size:9px}.mini-card .card-stars{font-size:12px}
.guides{padding:50px 14px 46px}.guides h2{font-size:26px;margin-bottom:13px}.guide-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.guide-tile{min-height:78px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #645183;border-radius:12px;background:linear-gradient(125deg,#182f40a8,#271d3ba8);box-shadow:inset 0 1px #c1c5ed12;color:#e8edfa;font-size:13px;line-height:1.3}.guide-tile:hover{transform:translateY(-3px);border-color:#50e9f1;box-shadow:0 0 17px #34c7f53c}.avatar{flex:none;width:51px;height:51px;display:grid;place-items:center;border:2px solid #49dbf6;border-right-color:#d86cf6;border-radius:9px;background:radial-gradient(circle at 30% 30%,#2b8194,#251943 76%);font:700 25px "Space Grotesk",sans-serif;text-shadow:0 0 15px #6acdfb;box-shadow:0 0 9px #a16af54b}.av-b{background:radial-gradient(circle at 30% 30%,#6c51bb,#152953 80%)}.av-c{background:radial-gradient(circle at 30% 30%,#316c86,#311947 80%);font-size:17px}.av-d{background:radial-gradient(circle at 30% 30%,#a658a6,#14223b 80%)}
.cinematic{height:225px;position:relative;border-top:1px solid #285b8d;border-bottom:1px solid #5e4aa2;background:#0f1830;overflow:hidden}.cinematic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(1.35) brightness(.58) contrast(1.13)}.cinematic::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#08122990,#060c1b2a 50%,#11112b97),linear-gradient(180deg,#07112c55,transparent 45%,#071328b0)}.cinematic-lines{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(173deg,transparent 62%,#21f1f93b 63%,transparent 64%),linear-gradient(7deg,transparent 81%,#d869ff35 82%,transparent 83%)}.cinematic-body{position:relative;z-index:2;max-width:1070px;margin:0 auto;height:100%;padding:35px 45px;display:flex;align-items:center;justify-content:center;text-align:center}.cinematic-tag{font:700 10px "DM Sans",sans-serif;letter-spacing:.17em;color:#82f6fe}.cinematic h2{font:800 clamp(36px,5vw,62px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.055em;text-shadow:3px 3px #bd4add70;margin:5px 0;color:#f9fbff}.cinematic p{margin:8px 0;font-size:18px;color:#dde2f2}.play-button{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:63px;height:63px;border-radius:50%;border:1px solid #8b9dbd7c;color:#f5faff;background:linear-gradient(135deg,#68798e9a,#26324a9c);box-shadow:0 0 20px #2e5c8c80;font-size:22px}.play-button:hover{transform:translateY(-50%) scale(1.08);background:#4278a3}
.subscribe{padding:43px 20px 40px;background:#060a18}.subscribe-inner{display:flex;align-items:center;justify-content:center;gap:18px}.subscribe h2{font:800 21px "Space Grotesk",sans-serif;margin:0;letter-spacing:-.02em;white-space:nowrap}.bottom-search{display:flex;gap:7px;border:1px solid #53627c;border-radius:13px;min-width:315px;padding:5px 5px 5px 12px;background:#1c2032}.bottom-search input{border:0;outline:none;min-width:0;flex:1;background:transparent;color:#e9f9ff;font-size:12px}.bottom-search input::placeholder{color:#a4b1c4}.bottom-search button{border-radius:9px;font-size:11px;padding:10px 16px}
.footer-glass{max-width:1090px;width:calc(100% - 80px);margin:0 auto 32px;border-radius:15px;border:1px solid #57637b9e;background:linear-gradient(115deg,#1a2638c7,#1d1d32e3);box-shadow:inset 0 1px #b2c9f815}.footer-top{min-height:93px;padding:13px 23px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-logo .brand{font-size:18px}.footer-logo .brand-cube{font-size:28px;width:28px;height:30px}.social-small{margin-top:5px}.social-small a{font-size:9px;letter-spacing:.09em;color:#99afc9}.footer-links{display:flex;gap:19px;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:11px;color:#bdc7d9}.footer-links a:hover{color:#4df2fc}.footer-top>small{white-space:nowrap;color:#aeb8c9;font-size:11px}
.dialog-backdrop{position:fixed;z-index:100;inset:0;background:#010716cd;backdrop-filter:blur(12px);display:grid;place-items:center;padding:16px}.dialog-panel{position:relative;background:linear-gradient(135deg,#1a3048,#291b3f);border:1px solid #3fd2ec;border-right-color:#bb5ef0;border-radius:20px;width:min(550px,100%);padding:35px;box-shadow:0 0 60px #37bfe45b}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#fff;font-size:28px}.dialog-eyebrow{font-size:10px;letter-spacing:.18em;color:#54eaf6}.dialog-panel h2{font:700 31px "Space Grotesk",sans-serif;margin:13px 0}.dialog-panel ol{list-style:none;padding:0}.dialog-panel li{display:flex;gap:14px;padding:13px 0;border-top:1px solid #5064816b}.dialog-panel li>span{font:700 12px "Space Grotesk",sans-serif;color:#64f0fa;padding-top:4px}.dialog-panel li strong{display:block}.dialog-panel li p{font-size:12px;color:#b6c2d9;margin:5px 0}.dialog-cta{padding:12px 18px;border-radius:10px;font-size:12px;margin-top:10px}
@media(max-width:1050px){.site-shell{width:calc(100% - 50px)}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.header-button{padding:12px 15px}.hero-photo,.hero-veils{left:-50px;right:-50px}.guide-tile{padding:8px;gap:8px}.guide-tile .avatar{width:43px;height:43px;font-size:21px}.guide-tile{font-size:12px}}
@media(max-width:800px){.site-shell{width:calc(100% - 34px)}.glass-header{margin-top:14px;height:65px}.desktop-nav{display:none}.header-right{margin-left:auto}.hamburger{display:block}.mobile-nav{display:flex;position:relative;z-index:30;flex-direction:column;margin:-1px 0 0;padding:7px 15px 14px;background:#171d33;border:1px solid #545d82;border-radius:0 0 14px 14px}.mobile-nav a{padding:11px 8px;font-size:13px}.hero{height:565px}.hero-photo,.hero-veils{left:-35px;right:-35px}.hero-content{padding-top:66px}.hero h1{font-size:clamp(53px,9vw,77px)}.hero-sub{font-size:16px}.stats-glass{width:100%}.media-columns{grid-template-columns:1.2fr 1fr}.large-card{height:275px}.medium-card{height:197px}.mini-card{height:120px}.card-copy>strong{font-size:20px}.mini-card .card-copy>strong{font-size:14px}.guide-row{grid-template-columns:repeat(2,1fr)}.guides{padding-top:32px}.footer-top{flex-wrap:wrap;justify-content:space-between}.footer-links{order:3;width:100%;justify-content:flex-start}}
@media(max-width:600px){.site-shell{width:calc(100% - 20px)}.glass-header{margin-top:9px;padding:0 11px;height:60px;border-radius:13px}.brand{font-size:18px;gap:5px}.brand-cube{width:31px;height:31px}.brand-cube svg{width:31px}.header-button{font-size:10px;padding:10px 12px}.hamburger{height:35px;width:36px}.hero{height:575px}.hero-photo,.hero-veils{left:-10px;right:-10px}.hero-photo img{object-position:50% 60%}.hero-content{padding:76px 8px 0}.micro-intro{font-size:8px;letter-spacing:.16em}.hero h1{font-size:clamp(42px,10.3vw,62px);line-height:1.02;margin-top:20px}.hero-sub{font-size:13px;margin:19px 0 23px}.wide-only{display:none}.search-glass{flex-wrap:wrap;min-height:64px;padding:9px;gap:6px}.search-icon{margin-left:3px}.search-icon svg{width:23px}.search-glass input{flex:1 1 calc(100% - 40px);height:33px;font-size:12px}.search-glass select{flex:1;max-width:none;height:41px;font-size:11px}.search-button{flex:2;height:41px;font-size:11px}.quick-tags{margin-top:15px;gap:6px}.quick-tags a{font-size:10px;padding:6px 10px}.hero-orbit{width:200px;height:75px;top:240px}.orbit-left{left:-90px}.orbit-right{right:-90px}
.stats-glass{width:100%;min-height:82px;padding:10px 6px;margin-bottom:25px;border-radius:11px}.stat{gap:4px;flex-direction:column;text-align:center}.stat-icon{font-size:23px}.stat-icon svg{width:25px;height:25px}.stat strong{font-size:25px}.stat small{font-size:9px;line-height:1.2;margin-top:0}.stat-divider{height:45px}.discover{padding:0 3px}.section-caption{margin-bottom:15px}.section-caption h2{font-size:23px}.section-caption p{font-size:11px}.see-all{font-size:9px;white-space:normal;text-align:right;max-width:80px}
.media-columns{grid-template-columns:1fr;gap:11px}.media-stack{gap:11px}.large-card{height:265px}.small-pair{gap:10px}.mini-card{height:130px}.medium-card{height:205px}.right-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-stack .medium-card{height:175px}.right-stack .card-copy>strong{font-size:16px}.right-stack .card-copy{left:9px;right:9px;bottom:8px}.right-stack .label-pill{font-size:8px}.right-stack .card-stars{font-size:10px}.card-copy>strong{font-size:22px}.mini-card .card-copy>strong{font-size:14px}.mini-card .label-pill{font-size:8px}.label-pill{font-size:9px}
.guides{padding:33px 3px 35px}.guides h2{font-size:23px}.guide-row{gap:9px}.guide-tile{min-height:70px;padding:8px;font-size:11px}.guide-tile .avatar{width:44px;height:44px;font-size:20px}
.cinematic{height:200px}.cinematic-body{padding:20px 18px;justify-content:flex-start;text-align:left}.cinematic-tag{font-size:8px}.cinematic h2{font-size:clamp(28px,7.7vw,40px);max-width:310px}.cinematic p{font-size:12px}.play-button{width:45px;height:45px;right:14px;font-size:17px}
.subscribe{padding:32px 12px}.subscribe-inner{flex-direction:column;gap:13px}.subscribe h2{font-size:17px}.bottom-search{min-width:0;width:min(360px,100%)}.footer-glass{width:calc(100% - 20px);margin-bottom:16px}.footer-top{padding:18px 15px;gap:15px}.footer-top>small{font-size:10px}.footer-links{gap:12px}.footer-links a{font-size:10px}.dialog-panel{padding:24px}
}
@media(max-width:380px){.brand{font-size:16px}.header-button{font-size:9px;padding:9px}.hero h1{font-size:40px}.quick-tags a{font-size:9px}.guide-tile .avatar{width:38px;height:38px}.guide-tile{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

/* Match reference image: full two-line aqua-to-magenta headline. */
.hero h1{background:linear-gradient(95deg,#24f8f1 2%,#66edf7 35%,#abc2ff 63%,#e677fa 98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero h1 span{-webkit-text-fill-color:transparent}
/* Gentle neon orbit movement; disabled for reduced motion. */
@media(prefers-reduced-motion:no-preference){
 .orbit-left{animation:orbitLeft 8s ease-in-out infinite alternate}
 .orbit-right{animation:orbitRight 9s ease-in-out infinite alternate}
 @keyframes orbitLeft{to{transform:translateX(18px) rotate(-23deg);opacity:.56}}
 @keyframes orbitRight{to{transform:translateX(-18px) rotate(18deg);opacity:.54}}
}

/* Reference composition: statistics float across the base of the skyline hero. */
@media(min-width:601px){.stats-glass{margin-top:-55px}}
@media(max-width:600px){.stats-glass{margin-top:-28px}}

/* Official DNS Server logo asset (optimized from the supplied profile artwork). */
.brand-cube img{display:block;width:44px;height:44px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 0 5px #2deafb55)}
.footer-logo .brand-cube img{width:32px;height:32px}
.footer-logo .brand-cube{width:32px;height:32px}
@media(max-width:600px){.brand-cube img{width:35px;height:35px}.brand-cube{width:35px;height:35px}}