.service-page { background: var(--paper); }
.subhero { position: relative; min-height: 620px; padding: 168px 0 95px; overflow: hidden; color: white; background: var(--ink); }
.subhero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 35%,rgba(55,214,170,.13),transparent 28%),linear-gradient(120deg,transparent 50%,rgba(202,255,69,.035)); }
.subhero::after { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent,#000); }
.subhero .container { position:relative; z-index:1; }
.breadcrumbs { display:flex; align-items:center; gap:10px; margin-bottom:48px; color:rgba(255,255,255,.65); font:500 11px var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.breadcrumbs a { color:var(--lime); text-decoration:none; }.breadcrumbs span { opacity:.5; }
.subhero-grid { display:grid; grid-template-columns:1.15fr .55fr; gap:110px; align-items:end; }
.subhero h1 { max-width:850px; margin:0; font-size:clamp(46px,6vw,82px); font-weight:500; line-height:1.02; letter-spacing:-.055em; }
.subhero h1 em { color:var(--lime); font-style:normal; }
.subhero-lead { max-width:800px; margin:28px 0 0; color:rgba(255,255,255,.8); font-size:18px; line-height:1.75; }
.subhero-aside { padding:25px; border:1px solid rgba(255,255,255,.2); background:rgba(13,41,34,.72); }
.subhero-aside small { color:var(--teal); font:600 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.subhero-aside strong { display:block; margin:15px 0 8px; font-size:20px; line-height:1.35; }.subhero-aside p { margin:0; color:rgba(255,255,255,.7); font-size:13px; }
.subnav { border-bottom:1px solid var(--line); background:white; }.subnav .container { display:flex; gap:32px; overflow:auto; }.subnav a { flex:none; padding:20px 0; color:var(--muted); font-size:12px; font-weight:700; text-decoration:none; }.subnav a:hover { color:#246a57; }
.service-intro { display:grid; grid-template-columns:.45fr 1.35fr .7fr; gap:60px; align-items:start; }.service-intro h2,.scope-section h2,.faq-section h2 { margin:0; font-size:clamp(38px,4.4vw,62px); line-height:1.06; letter-spacing:-.05em; font-weight:500; }.service-intro h2 em,.scope-section h2 em,.faq-section h2 em { color:#31705e; font-style:normal; }
.service-intro-copy > p { margin:28px 0 0; color:var(--muted); font-size:17px; line-height:1.8; }.service-intro-copy strong { color:var(--ink); }
.service-facts { padding:26px; border-left:3px solid var(--lime-dark); background:var(--paper-2); }.service-facts strong { display:block; margin-bottom:14px; font-size:15px; }.service-facts ul { margin:0; padding:0; list-style:none; }.service-facts li { margin:9px 0; color:var(--muted); font-size:12px; }
.scope-section { background:var(--paper-2); }.scope-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:55px; }.scope-heading > p { max-width:390px; margin:0; color:var(--muted); }
.scope-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.scope-card { min-height:270px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.48); }.scope-card > span { color:#31705e; font:600 11px var(--mono); }.scope-card h3 { margin:55px 0 12px; font-size:19px; }.scope-card p { margin:0; color:var(--muted); font-size:13px; }
.scope-card { position:relative; overflow:hidden; transition:background-color .25s ease; }
.scope-card::after { content:""; position:absolute; top:22px; right:25px; width:76px; height:76px; opacity:.16; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none; transition:opacity .25s ease,transform .25s ease; }
.scope-card:hover { background:rgba(255,255,255,.72); }
.scope-card:hover::after { opacity:.27; transform:translateY(-2px); }
.scope-icon-inspect::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='31' cy='31' r='17'/%3E%3Cpath d='m43 43 16 16M23 31h16M31 23v16'/%3E%3Ccircle cx='31' cy='31' r='4'/%3E%3C/svg%3E"); }
.scope-icon-control::after,.related-card[href*="systemy-bms"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='38' cy='38' r='25'/%3E%3Ccircle cx='38' cy='38' r='12'/%3E%3Ccircle cx='38' cy='38' r='3'/%3E%3Cpath d='M38 13v13M38 50v13M13 38h13M50 38h13M20 20l9 9M47 47l9 9M56 20l-9 9M29 47l-9 9'/%3E%3C/svg%3E"); }
.scope-icon-performance::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 57h52M17 51V40h9v11M33 51V29h9v22M49 51V18h9v33M15 27l12-8 10 5 18-13'/%3E%3Ccircle cx='15' cy='27' r='2'/%3E%3Ccircle cx='27' cy='19' r='2'/%3E%3Ccircle cx='37' cy='24' r='2'/%3E%3Ccircle cx='55' cy='11' r='2'/%3E%3C/svg%3E"); }
.scope-icon-network::after,.related-card[href*="sieci-lan-swiatlowody"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='38' cy='38' r='8'/%3E%3Ccircle cx='15' cy='18' r='5'/%3E%3Ccircle cx='61' cy='18' r='5'/%3E%3Ccircle cx='15' cy='58' r='5'/%3E%3Ccircle cx='61' cy='58' r='5'/%3E%3Cpath d='m19 21 13 12M57 21 44 33M19 55l13-12M57 55 44 43'/%3E%3C/svg%3E"); }
.scope-icon-display::after,.related-card[href*="scada-monitoring-grafana"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='11' y='15' width='54' height='39' rx='2'/%3E%3Cpath d='M18 44 29 33l8 6 13-16 8 7M30 63h16M38 54v9'/%3E%3Ccircle cx='57' cy='22' r='3'/%3E%3C/svg%3E"); }
.scope-icon-design::after,.related-card[href*="projektowanie-instalacji"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='14' width='46' height='48' rx='2'/%3E%3Cpath d='M20 25h20M20 34h14M20 52l10-10 7 7 20-20M50 17l9 9M48 31l14-14 5 5-14 14-7 2 2-7Z'/%3E%3C/svg%3E"); }
.scope-icon-code::after,.related-card[href*="rozwiazania-niestandardowe"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='18' width='40' height='40' rx='4'/%3E%3Cpath d='M27 33l-6 5 6 5M49 33l6 5-6 5M42 28l-8 20M27 10v8M38 10v8M49 10v8M27 58v8M38 58v8M49 58v8M10 27h8M10 38h8M10 49h8M58 27h8M58 38h8M58 49h8'/%3E%3C/svg%3E"); }
.scope-icon-gear::after,.related-card[href*="automatyka-przemyslowa"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='38' cy='38' r='11'/%3E%3Ccircle cx='38' cy='38' r='25'/%3E%3Cpath d='M38 8v9M38 59v9M8 38h9M59 38h9M17 17l7 7M52 52l7 7M59 17l-7 7M24 52l-7 7'/%3E%3C/svg%3E"); }
.scope-icon-panel::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='9' width='44' height='58' rx='2'/%3E%3Cpath d='M24 18h28v15H24zM24 42h8v8h-8zM38 42h14M38 49h14M24 58h28'/%3E%3Ccircle cx='28' cy='25' r='3'/%3E%3Cpath d='M35 25h11'/%3E%3C/svg%3E"); }
.scope-icon-service::after,.related-card[href*="serwis-inzynieria-wsteczna"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M45 17a14 14 0 0 0-17 18L13 50a7 7 0 0 0 10 10l15-15a14 14 0 0 0 18-17l-9 9-8-2-2-8 8-10Z'/%3E%3Ccircle cx='19' cy='55' r='2'/%3E%3C/svg%3E"); }
.scope-icon-power::after,.related-card[href*="instalacje-elektryczne"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='38' cy='38' r='27'/%3E%3Cpath d='m42 12-19 31h14l-4 21 20-34H39l3-18Z'/%3E%3C/svg%3E"); }
.scope-icon-cable::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v16M29 12v16M15 28h19v7a9 9 0 0 1-9 9v5c0 9 7 15 16 15s15-6 15-15V38'/%3E%3Crect x='49' y='25' width='14' height='13' rx='2'/%3E%3Cpath d='M53 20v5M59 20v5'/%3E%3C/svg%3E"); }
.scope-icon-battery::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='23' width='52' height='34' rx='3'/%3E%3Cpath d='M62 33h5v14h-5M20 40h12M26 34v12M42 40h10'/%3E%3C/svg%3E"); }
.scope-icon-meter::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 55a27 27 0 1 1 48 0H14Z'/%3E%3Cpath d='m38 43 13-17M21 47l5-4M55 43l5 4M38 20v7'/%3E%3Ccircle cx='38' cy='43' r='4'/%3E%3C/svg%3E"); }
.scope-icon-document::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 9h25l13 13v45H20V9Z'/%3E%3Cpath d='M45 9v14h13M29 34h20M29 44h20M29 54h13'/%3E%3C/svg%3E"); }
.scope-icon-camera::after,.related-card[href*="systemy-niskopradowe"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22h39v31H12zM51 31l14-7v27l-14-7M20 22l5-9h14l5 9'/%3E%3Ccircle cx='31' cy='37' r='9'/%3E%3C/svg%3E"); }
.scope-icon-access::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='17' width='40' height='45' rx='3'/%3E%3Ccircle cx='23' cy='32' r='6'/%3E%3Cpath d='M15 50c4-8 13-8 17 0M43 35h23M58 35v8M52 35v6'/%3E%3Ccircle cx='39' cy='35' r='4'/%3E%3C/svg%3E"); }
.scope-icon-alarm::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 8 61 17v17c0 16-10 27-23 34-13-7-23-18-23-34V17l23-9Z'/%3E%3Cpath d='M38 24v18M38 51h.01M8 27l-5-4M68 27l5-4'/%3E%3C/svg%3E"); }
.scope-icon-fire::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 8c3 13-8 15-4 27 3-5 7-8 12-10 7 7 12 15 10 25-2 11-11 18-22 18S18 60 16 49c-2-13 7-20 16-29 0 8 3 12 6 15'/%3E%3Cpath d='M39 43c7 6 8 11 5 16-3 5-10 5-13 0-4-6 2-11 8-16Z'/%3E%3C/svg%3E"); }
.scope-icon-audio::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 32h13l17-14v40L24 44H11V32ZM50 29c7 5 7 13 0 18M57 21c14 10 14 24 0 34'/%3E%3C/svg%3E"); }
.scope-icon-intercom::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='8' width='46' height='60' rx='3'/%3E%3Ccircle cx='38' cy='23' r='7'/%3E%3Cpath d='M27 41h22M27 49h22M32 59h12'/%3E%3Ccircle cx='22' cy='41' r='1'/%3E%3Ccircle cx='22' cy='49' r='1'/%3E%3C/svg%3E"); }
.scope-icon-wifi::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M10 27c16-14 40-14 56 0M19 37c11-10 27-10 38 0M28 47c6-5 14-5 20 0'/%3E%3Ccircle cx='38' cy='58' r='3'/%3E%3C/svg%3E"); }
.scope-icon-sensor::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='38' cy='33' r='5'/%3E%3Cpath d='M38 38v28M28 66h20M27 23a15 15 0 0 0 0 20M49 23a15 15 0 0 1 0 20M19 15a27 27 0 0 0 0 36M57 15a27 27 0 0 1 0 36'/%3E%3C/svg%3E"); }
.scope-icon-database::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='38' cy='17' rx='24' ry='9'/%3E%3Cpath d='M14 17v21c0 5 11 9 24 9s24-4 24-9V17M14 38v21c0 5 11 9 24 9s24-4 24-9V38'/%3E%3C/svg%3E"); }
.scope-icon-server::after,.related-card[href*="serwery-kolokacja"]::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='13' y='10' width='50' height='17' rx='2'/%3E%3Crect x='13' y='30' width='50' height='17' rx='2'/%3E%3Crect x='13' y='50' width='50' height='17' rx='2'/%3E%3Ccircle cx='22' cy='18' r='2'/%3E%3Ccircle cx='22' cy='38' r='2'/%3E%3Ccircle cx='22' cy='58' r='2'/%3E%3Cpath d='M31 18h22M31 38h22M31 58h22'/%3E%3C/svg%3E"); }
.scope-icon-layers::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m38 10 27 14-27 14L11 24l27-14Z'/%3E%3Cpath d='m11 38 27 14 27-14M11 51l27 14 27-14'/%3E%3C/svg%3E"); }
.scope-icon-backup::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76' fill='none' stroke='%2331705e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='36' height='36' rx='3'/%3E%3Cpath d='M17 48a24 24 0 1 1 8 10M17 48V34M17 48h14M32 34h16M32 42h16'/%3E%3C/svg%3E"); }
.tech-band { color:white; background:#0d2922; }.tech-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; }.tech-band h2 { margin:32px 0 20px; font-size:clamp(38px,4vw,58px); line-height:1.07; letter-spacing:-.045em; font-weight:500; }.tech-band h2 em { color:var(--lime); font-style:normal; }.tech-band p { color:rgba(255,255,255,.74); }.tech-list { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(255,255,255,.22); }.tech-list span { padding:18px 5px; border-bottom:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.88); font:500 12px var(--mono); }
.faq-layout { display:grid; grid-template-columns:.65fr 1.35fr; gap:100px; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { padding:23px 35px 23px 0; cursor:pointer; font-size:16px; font-weight:700; list-style:none; position:relative; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:"+"; position:absolute; right:4px; color:#31705e; font:22px var(--mono); }.faq-list details[open] summary::after { content:"−"; }.faq-list details p { margin:-4px 45px 24px 0; color:var(--muted); font-size:13px; line-height:1.75; }
.related { padding-top:0; }.related h2 { margin:0 0 34px; font-size:27px; }.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.related-card { position:relative; overflow:hidden; padding:22px; border:1px solid var(--line); background:white; text-decoration:none; transition:transform .2s,border-color .2s; }.related-card::after { content:""; position:absolute; top:17px; right:19px; width:52px; height:52px; opacity:.13; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none; transition:opacity .2s,transform .2s; }.related-card:hover { transform:translateY(-3px); border-color:#31705e; }.related-card:hover::after { opacity:.24; transform:translateY(-2px); }.related-card small { color:#31705e; font:600 9px var(--mono); letter-spacing:.08em; }.related-card strong { display:block; margin-top:25px; padding-right:45px; font-size:16px; }.related-card span { display:block; margin-top:8px; padding-right:45px; color:var(--muted); font-size:12px; }
.page-cta { padding:85px 0; color:white; background:#0d4437; }.page-cta .container { display:flex; align-items:center; justify-content:space-between; gap:50px; }.page-cta h2 { max-width:740px; margin:0; font-size:clamp(35px,4vw,57px); line-height:1.08; letter-spacing:-.045em; font-weight:500; }.page-cta h2 em { color:var(--lime); font-style:normal; }
.directory-footer { padding-top:75px; }.footer-directory { display:grid; grid-template-columns:1.25fr repeat(4,1fr); gap:35px; padding-bottom:65px; }.footer-directory .footer-brand { align-self:start; }.footer-group { display:flex; flex-direction:column; align-items:start; gap:9px; }.footer-group strong { margin-bottom:12px; color:rgba(255,255,255,.55); font:600 10px var(--mono); letter-spacing:.09em; text-transform:uppercase; }.footer-group a { color:rgba(255,255,255,.76); font-size:12px; text-decoration:none; }.footer-group a:hover { color:var(--lime); }
@media(max-width:1020px){.subhero-grid,.tech-layout{grid-template-columns:1fr;gap:45px}.subhero-aside{max-width:520px}.service-intro{grid-template-columns:1fr 2fr}.service-facts{grid-column:2}.scope-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:1fr;gap:45px}.footer-directory{grid-template-columns:repeat(2,1fr)}.footer-directory .footer-brand{grid-column:1/-1}}
@media(max-width:760px){.subhero{min-height:auto;padding:120px 0 75px}.breadcrumbs{margin-bottom:35px}.subhero h1{font-size:clamp(40px,12vw,60px)}.subhero-lead{font-size:16px}.subnav .container{gap:22px}.service-intro{grid-template-columns:1fr;gap:30px}.service-facts{grid-column:auto}.scope-heading{align-items:start;flex-direction:column}.scope-grid,.tech-list,.related-grid{grid-template-columns:1fr}.scope-card{min-height:230px}.page-cta .container{align-items:stretch;flex-direction:column}.footer-directory{grid-template-columns:1fr}.footer-directory .footer-brand{grid-column:auto}}