@font-face{font-family:Plex;src:url('/assets/fonts/ibm-plex-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}

@font-face{font-family:HostomIcons;src:url('/assets/fonts/hostom-icons.ttf') format('truetype');font-display:block}

:root{--base:#24262D;--surface:#30343F;--text:#F5F7FC;--muted:#BDC3D0;--accent:#FFC247;--accent-hover:#F1A62F;--accent-ink:#875400;--soft:#FFF3D5;--line:#717785}

*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--text);color:var(--base);font:400 16px/1.7 Plex,sans-serif}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.2}h2{font-size:40px;letter-spacing:-1.4px}h3{font-size:23px}p{margin-top:18px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.frame{width:100%;margin:auto;padding:0 15px;max-width:1200px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;padding:10px 20px;background:var(--accent);color:var(--base);z-index:999}

.button{display:inline-flex;min-height:56px;justify-content:center;align-items:center;gap:12px;border:0;border-radius:30px;padding:14px 32px;background:var(--accent);color:var(--base);font-size:14px;line-height:1.5;font-weight:600;text-align:center;text-decoration:none}.button:hover{background:var(--accent-hover);text-decoration:none}.button:focus-visible,.carousel-control:focus-visible{outline:3px solid var(--base);outline-offset:4px}.main-footer .button:focus-visible,.service-two a:focus-visible{outline-color:var(--text)}

.icon{font-family:HostomIcons!important;font-weight:400;line-height:1;font-style:normal}.icon-dedicated:before,.icon-server:before{content:'\e91b'}.icon-residential:before{content:'\e91e'}.icon-storage:before{content:'\e91c'}.icon-data:before{content:'\e92c'}.icon-chip:before{content:'\e904'}.icon-network:before{content:'\e92e'}.icon-transfer:before{content:'\e908'}.icon-search:before{content:'\e900'}.wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:24px;font-weight:600;letter-spacing:-.9px;white-space:nowrap}.wordmark span{color:var(--accent)}

.hero-one{position:relative;isolation:isolate;background:var(--base);color:var(--text);padding:155px 0 155px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.hero-content{margin-bottom:30px;position:relative;z-index:2}.hero-subtitle{color:var(--accent);font-size:22px;line-height:1.4;font-weight:500;margin:0 0 18px}.hero-content h1{color:var(--text);font-size:60px;font-weight:700;line-height:120%;letter-spacing:-2.4px;max-width:504px;width:100%;}.hero-copy{max-width:500px;color:var(--muted);font-size:16px;line-height:1.8}.hero-content .button{margin-top:42px;padding:19px 40px}.hero-art{position:relative;height:508px;isolation:isolate}.hero-server{width:341px;height:508px;object-fit:contain;margin-left:auto}.hero-trace,.hero-points{position:absolute;max-width:none;z-index:-1;pointer-events:none;filter:grayscale(1) sepia(1) saturate(2.4);opacity:.9}.hero-trace{right:-45%;bottom:-32%;width:1331px}.hero-points{right:-45%;bottom:0;width:908px}.hero-shapes{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.20;filter:grayscale(1)}.hero-shapes img{position:absolute;max-width:none}.hero-shapes img:nth-child(1){left:0;top:0}.hero-shapes img:nth-child(2){right:0;top:0}.hero-shapes img:nth-child(3){right:0;bottom:0}

.eyebrow{color:var(--base);font-size:16px;font-weight:600;margin:0 0 15px}.eyebrow:before{content:'';display:inline-block;width:16px;height:8px;background:var(--accent);border-radius:9px;margin-right:8px}.service-one{position:relative;padding:65px 0 125px;background:var(--soft) url('/assets/img/hostom-family-pattern.webp') center/cover}.family-layout{display:grid;grid-template-columns:minmax(0,calc((100% + 30px)*5/12 - 30px)) minmax(0,1fr);gap:30px;align-items:center}.family-layout>div:first-child{padding-right:25px}.family-layout .button{margin-top:30px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.family-card{max-width:300px;margin-left:auto;margin-right:auto;width:100%;position:relative;border-radius:10.811px;overflow:hidden;background:var(--text);z-index:1;display:flex;flex-direction:column;}.family-image{

  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 630.000000 447.000000"> <g transform="translate(0.000000,447.000000) scale(0.100000,-0.100000)"> <path d="M0 2240 c0 -2121 1 -2230 18 -2221 9 5 37 27 62 48 25 21 65 54 90 73 43 33 82 66 119 101 9 8 36 30 61 49 25 19 56 44 70 56 30 26 378 315 475 394 37 30 75 62 84 71 9 8 36 30 61 49 43 33 83 67 119 101 9 8 43 36 76 62 33 25 157 127 275 226 244 205 220 194 389 167 126 -21 245 -37 336 -46 44 -5 104 -13 134 -19 29 -6 74 -11 100 -11 25 0 62 -5 82 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 99 -14 120 -14 21 0 73 -7 116 -15 43 -8 100 -15 125 -15 26 0 63 -5 83 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 101 -14 125 -14 24 0 63 -5 88 -11 25 -6 86 -14 135 -19 92 -9 169 -20 331 -45 49 -8 110 -15 135 -15 24 -1 73 -7 109 -15 36 -8 71 -14 78 -15 9 0 12 370 12 1820 l0 1820 -3150 0 -3150 0 0 -2230z"/> </g> </svg>');

  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 630.000000 447.000000"> <g transform="translate(0.000000,447.000000) scale(0.100000,-0.100000)"> <path d="M0 2240 c0 -2121 1 -2230 18 -2221 9 5 37 27 62 48 25 21 65 54 90 73 43 33 82 66 119 101 9 8 36 30 61 49 25 19 56 44 70 56 30 26 378 315 475 394 37 30 75 62 84 71 9 8 36 30 61 49 43 33 83 67 119 101 9 8 43 36 76 62 33 25 157 127 275 226 244 205 220 194 389 167 126 -21 245 -37 336 -46 44 -5 104 -13 134 -19 29 -6 74 -11 100 -11 25 0 62 -5 82 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 99 -14 120 -14 21 0 73 -7 116 -15 43 -8 100 -15 125 -15 26 0 63 -5 83 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 101 -14 125 -14 24 0 63 -5 88 -11 25 -6 86 -14 135 -19 92 -9 169 -20 331 -45 49 -8 110 -15 135 -15 24 -1 73 -7 109 -15 36 -8 71 -14 78 -15 9 0 12 370 12 1820 l0 1820 -3150 0 -3150 0 0 -2230z"/> </g> </svg>');

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-position: top center;

  mask-position: top center;

  -webkit-mask-size: auto;

  mask-size: auto;

height:150px;background:var(--surface);mask-size:100% 100%;-webkit-mask-size:100% 100%;}.family-image img{object-fit:cover;width:100%;height:100%;}.family-card:nth-child(2) .family-image img{object-fit:cover;filter:grayscale(1) sepia(1) saturate(2.8)}.family-icon{position:absolute;top:91px;left:25px;width:56px;height:56px;border-radius:500px;background:var(--accent);display:flex;justify-content:center;align-items:center;font-size:30px;color:var(--base);transition:none;}.family-card>div:last-child{padding:15px 17px 22px;flex:1;}.family-card h3{font-size:18px;letter-spacing:-.3px}.family-card h3 a{display:flex;align-items:center;min-height:44px}.family-card p{font-size:14px;line-height:1.5;margin-top:10px}

.domain-name{background:var(--text)}.finder{position:relative;z-index:1;margin-top:-60px;padding:35px 30px;border-radius:30px;background:var(--text);box-shadow:0 4px 30px #24262D12;overflow:hidden;}.finder form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.finder label,.filters label{display:flex;flex-direction:column;gap:8px;font-weight:500}.finder select,select{background:var(--text);color:var(--base);border:1px solid var(--line);border-radius:7px;padding:12px;min-height:56px;width:100%}.finder-speeds{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;margin-top:30px;font-weight:600}.finder-speeds a{min-height:44px;display:flex;align-items:center}

.package-one{padding:65px 0}.section-title{text-align:center;margin-bottom:35px}.section-title p:not(.eyebrow){max-width:690px;margin:22px auto 0}.pricing-controls{display:flex;gap:20px;align-items:center;justify-content:center;margin:0 0 25px}.pricing-controls p{margin:0}.carousel-control{border:1px solid var(--line);border-radius:50%;background:var(--text);color:var(--base);font-size:24px;width:50px;height:50px}.carousel-control:disabled{opacity:.45;cursor:default}.hm-record-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/3);grid-template-rows:repeat(9,auto);gap:0 30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 0 12px}.hm-record{border-radius:30px;position:relative;overflow:hidden;max-width:370px;margin-left:auto;margin-right:auto;scroll-snap-align:start;background:var(--text);display:grid;grid-template-rows:subgrid;grid-row:span 9;min-width:0;width:100%;border:1px solid var(--muted);}.package-card-head{background:var(--base);color:var(--text);text-align:center;height:208px;padding:25px 15px 55px;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 370 208' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M370 208C217.161 164.447 59.6503 189.853 0 208V0H370V208Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}.package-card-head img{margin:auto;filter:grayscale(1) sepia(1) saturate(2);width:70px;height:70px;object-fit:contain}.package-card-head h3{font-size:24px;margin-top:8px;letter-spacing:-.96px}.package-card-body{padding:8px 30px 25px;display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:0}.record-name{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;line-height:1.4}.hm-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 0}.amount{font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.8px}.hm-price .amount{color:var(--accent-ink)}.hm-price>span:last-child{font-size:14px;font-weight:500}.stock{display:block;margin-top:12px;font-size:14px}.stock:before{content:'•';margin-right:6px}.stock.available:before{color:var(--base)}.hm-record dl{margin:18px 0 12px;display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}.hm-record dl>div{border-top:1px solid var(--muted);padding:10px 0;align-content:start}.hm-record dt{font-size:12px;font-weight:500}.hm-record dd{margin:0;font-size:14px;line-height:1.4}.hm-record small{display:block;font-size:12px}.hm-record-bottom{display:flex;flex-direction:column;gap:8px;align-self:end}.record-link{display:flex;min-height:44px;align-items:center;font-weight:500}.hm-record-bottom .button{padding:13px 12px}.results-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:14px}.results-band p{margin:0}.results-band a{display:flex;align-items:center;min-height:44px;font-weight:500}

.about-three{padding:0 0 65px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-images{position:relative;padding-bottom:0}.about-images>img{width:100%;border-radius:30px;object-fit:cover}.about-images>img:first-child{height:auto;aspect-ratio:520/335;object-fit:cover}.about-images>img:nth-child(2){margin-top:20px;height:auto;aspect-ratio:521/257;object-fit:cover}.inventory-badge{position:absolute;left:60px;right:60px;top:49%;transform:translateY(-50%);border:1px solid var(--muted);border-radius:25px;background:var(--base);color:var(--text);padding:18px 25px;display:flex;gap:16px;align-items:center;justify-content:center}.inventory-badge strong{font-size:48px;line-height:1;color:var(--accent)}.inventory-badge span{font-size:14px;line-height:1.5}.coverage-list{margin-top:25px}.coverage-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px;border-bottom:1px solid var(--muted);font-size:15px}.coverage-list small{display:block;font-size:13px;color:var(--surface)}.hm-counts{position:relative;z-index:2;margin-bottom:-60px}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.count-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--accent);border-radius:30px;padding:35px 20px;height:230px}.count-grid .icon{font-size:44px;margin-bottom:16px}.count-grid strong{font-size:45px;line-height:1.2}.count-grid span:last-child{font-size:15px;font-weight:500}

.service-two{padding:115px 0 65px;position:relative;background:var(--base);color:var(--text);overflow:hidden}.service-two .eyebrow{color:var(--accent)}.technical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.technical-grid article{display:flex;align-items:start;gap:22px}.technical-grid .icon{color:var(--accent);font-size:45px;flex-shrink:0}.technical-grid h3{font-size:20px}.technical-grid p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:15px}

.help{padding:65px 0}.help-grid{display:grid;grid-template-columns:5fr 7fr;gap:45px;align-items:start}.help-grid>div:first-child>p:not(.eyebrow){max-width:390px}.help-grid .button{margin-top:30px}.help-group{font-size:18px;margin:0 0 16px}.help-group:not(:first-child){margin-top:30px}.help-item{border:1px solid var(--muted);border-radius:15px;padding:0 25px;margin-bottom:15px}.help-item summary{list-style:none;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:500;line-height:1.5;padding:10px 0}.help-item summary:after{content:'+';font-size:24px;flex-shrink:0}.help-item[open] summary:after{content:'−'}.help-item p{margin:0;padding:0 0 22px;font-size:15px;line-height:1.8}

.main-footer{background:var(--base);color:var(--text)}.footer-top{padding-top:35px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:4fr 2fr 2fr 3fr;gap:35px;padding-top:35px;padding-bottom:35px;align-items:start}.footer-grid h2{font-size:25px;letter-spacing:-.5px}.footer-grid h3{font-size:20px;margin-bottom:14px}.footer-grid p{font-size:15px;color:var(--muted);line-height:1.7}.footer-grid a:not(.button){min-height:44px;display:flex;align-items:center;font-size:15px;color:var(--muted)}.footer-grid .button{margin-top:18px}.footer-grid small{display:block;color:var(--muted);margin-top:15px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);font-size:14px;color:var(--muted);padding:16px 0;text-align:center}

.page-header{padding:145px 0 65px;background:linear-gradient(#24262De6,#24262De6),url('/assets/img/hostom-page-header.jpg') center/cover;background-color:var(--base);color:var(--text);text-align:center}.page-header h1{font-size:50px;line-height:1.2;letter-spacing:-1.5px;max-width:900px;margin:18px auto 0}.page-header .eyebrow{color:var(--accent)}.page-header p{max-width:790px;margin:25px auto 0;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;align-items:center;justify-content:center}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--text)}.matrix-section{padding-top:50px;padding-bottom:50px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:end;border-radius:30px;background:var(--muted);padding:35px}.filter-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filter-actions a{min-height:44px;display:flex;align-items:center}.matrix-shell{margin-top:30px;overflow-x:auto;border:1px solid var(--muted);border-radius:20px}.matrix{border-collapse:collapse;width:100%;text-align:left;table-layout:fixed;font-size:13px;line-height:1.6}.matrix th,.matrix td{border-bottom:1px solid var(--muted);padding:18px 12px;vertical-align:top;overflow-wrap:anywhere}.matrix thead{background:var(--base);color:var(--text)}.matrix th:first-child{width:22%}.matrix th:last-child{width:15%}.matrix tbody th{font-weight:500}.matrix .family-label{display:block;margin-bottom:7px;font-size:12px}.matrix a{display:flex;align-items:center;min-height:44px}.secondary{display:block;font-weight:400;font-size:12px}.matrix .amount{font-size:24px}.matrix .row-action a{line-height:1.4}.matrix .row-action .enquiry-link{padding:9px 12px;border-radius:20px;background:var(--accent);color:var(--base);margin-top:10px;font-size:12px}.matrix tr:nth-child(even){background:#BDC3D026}.pagination,.catalogue-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px}.pagination p{font-size:14px;margin:0}.catalogue-end a{display:flex;align-items:center;min-height:44px}.snapshot-note{border-left:5px solid var(--accent);margin-top:45px;padding:20px 25px;background:#BDC3D030}.snapshot-note p{margin-top:10px}.empty-state{padding:50px 25px;text-align:center}.empty-state .button{margin-top:25px}

.specification{padding:50px 15px 25px}.section-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.section-bar h2{font-size:30px}.record-reference{font-size:13px}.record-price{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:35px}.record-price .stock{margin:0}.record-price .amount{color:var(--accent);font-size:48px}.spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--muted);border-radius:25px;overflow:hidden;margin:30px 0 0}.spec-list>div{padding:20px 25px;border-bottom:1px solid var(--muted);background:#BDC3D015}.spec-list>div:nth-child(4n+2),.spec-list>div:nth-child(4n+3){background:#BDC3D033}.spec-list dt{font-size:13px;font-weight:500}.spec-list dd{margin:8px 0 0;font-size:17px;overflow-wrap:anywhere}.record-enquiry{margin:30px 0;padding:30px;border-radius:30px;background:var(--base);color:var(--text);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.record-enquiry .eyebrow{color:var(--accent)}.record-enquiry h2{font-size:30px}.record-enquiry p{font-size:15px;color:var(--muted)}.record-enquiry .button:focus-visible{outline-color:var(--text)}.record-body{padding-bottom:60px}

@media(min-width:1200px){}

@media(max-width:1199px){.frame{max-width:960px}.hero-one{padding-top:112px}.family-layout{grid-template-columns:1fr;gap:40px}.family-layout>div:first-child{padding-right:0;max-width:600px}.family-grid{gap:20px}.family-image{height:190px}.family-icon{top:146px}.about-grid{gap:40px}.inventory-badge{left:0;padding:20px 25px}.footer-grid{gap:30px}.technical-grid{gap:35px 22px}.technical-grid article{gap:14px}.technical-grid .icon{font-size:36px}}

@media(max-width:991px){.frame{max-width:720px}h2{font-size:35px}.hero-grid{grid-template-columns:1fr}.hero-one{padding-top:112px;padding-bottom:150px}.hero-content{margin-bottom:30px;max-width:550px}.hero-content h1{font-size:55px}.hero-art{height:508px;max-width:570px;width:100%;margin:auto}.hero-server{margin:auto}.hero-trace{right:auto;left:-40%}.hero-points{right:0}.service-one{padding:55px 0 115px}.finder{padding:60px 30px}.finder form{grid-template-columns:1fr 1fr}.finder button{grid-column:1/-1}.package-one{padding:55px 0}.hm-record-grid{grid-auto-columns:calc((100% - 30px)/2)}.about-grid{grid-template-columns:1fr}.about-images{max-width:570px;margin:auto;width:100%}.about-three{padding-bottom:55px}.count-grid{grid-template-columns:repeat(2,1fr)}.hm-counts{margin-bottom:-70px}.service-two{padding-top:105px;padding-bottom:55px}.technical-grid{grid-template-columns:1fr 1fr}.help{padding:55px 0}.help-grid{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:repeat(2,1fr)}.matrix{font-size:12px}.matrix th,.matrix td{padding:14px 8px}.matrix .amount{font-size:20px}.matrix .row-action .enquiry-link{padding:10px 8px}.record-enquiry{grid-template-columns:1fr;gap:25px}.record-enquiry .button{justify-self:start}}

@media(max-width:767px){.frame{max-width:540px}.hero-content h1{font-size:50px}.hero-copy{font-size:15px}.hero-art{height:360px}.hero-server{height:360px;width:auto}.hero-trace{width:920px;bottom:-28%}.hero-points{width:630px}.family-grid{grid-template-columns:1fr;gap:30px}.family-card{max-width:300px;width:100%;margin:auto}.family-image{height:200px}.family-icon{top:141px}.finder{padding:30px 25px}.finder form{grid-template-columns:1fr}.finder-speeds{justify-content:flex-start;column-gap:30px}.package-one{padding:45px 0}.hm-record-grid{grid-auto-columns:100%}.package-card-body{padding-left:35px;padding-right:35px}.about-three{padding-bottom:45px}.count-grid{gap:20px}.count-grid>div{padding:25px 15px;height:210px}.count-grid strong{font-size:40px}.technical-grid{grid-template-columns:1fr;gap:35px}.service-two{padding-top:100px;padding-bottom:45px}.help{padding:45px 0}.filters{grid-template-columns:1fr;padding:25px}.matrix-shell{border:0;overflow:visible}.matrix,.matrix tbody{display:block}.matrix thead{display:none}.matrix tr{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--muted);border-radius:25px;margin-bottom:25px;overflow:hidden;background:var(--text)!important}.matrix th,.matrix td{display:block;width:auto!important;padding:15px;font-size:14px;border-bottom:1px solid var(--muted)}.matrix tbody th,.matrix .row-action{grid-column:1/-1}.matrix tbody th{background:var(--base);color:var(--text);padding:22px}.matrix td:before{content:attr(data-label);font-size:12px;display:block;font-weight:500;margin-bottom:7px}.matrix .row-action{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.matrix .row-action:before{display:none}.matrix .row-action .enquiry-link{font-size:14px;min-height:44px;margin:0}.matrix .amount{font-size:26px}.matrix td.price{grid-column:1/-1}.matrix .stock:before{display:none}.page-header{padding:75px 0}.page-header h1{font-size:40px}.spec-list{grid-template-columns:1fr}.specification{padding-top:40px}.record-price .amount{font-size:40px}.record-enquiry{padding:30px}.footer-grid{column-gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-top{padding-top:30px;align-items:center;flex-wrap:wrap}.footer-top .wordmark{font-size:23px}}

@media(max-width:575px){.frame{max-width:none}h2{font-size:30px;letter-spacing:-1px}.wordmark{font-size:21px}.hero-one{padding:38px 0 95px}.hero-subtitle{font-size:18px}.hero-content h1{font-size:40px;letter-spacing:-1.6px}.hero-content .button{margin-top:28px}.hero-art{height:300px}.hero-server{height:300px}.hero-trace{width:785px;left:-72%;bottom:-32%}.hero-points{width:540px;right:-34%}.service-one{padding:45px 0 105px}.finder{margin-top:-60px}.finder select{font-size:16px}.finder button{padding:14px 20px}.family-layout{gap:35px}.section-title{margin-bottom:35px}.section-title p:not(.eyebrow){font-size:15px}.pricing-controls{gap:15px;margin-bottom:25px}.pricing-controls p{font-size:13px}.hm-record-grid{gap:0 20px}.inventory-badge{padding:15px 25px}.inventory-badge strong{font-size:45px}.count-grid>div{height:200px;border-radius:22px}.count-grid .icon{font-size:35px}.count-grid strong{font-size:35px}.count-grid span:last-child{font-size:14px}.help-item{padding:0 20px}.help-group{font-size:17px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid>div:first-child{grid-column:auto}.page-header h1{font-size:35px;letter-spacing:-1px}.page-header p{font-size:15px}.breadcrumbs ol{gap:3px 15px}.matrix-section{padding-top:40px;padding-bottom:40px}.matrix td{padding:15px 12px}.catalogue-end{gap:10px}.spec-list>div{padding:18px 20px}.spec-list dd{font-size:16px}.record-enquiry{padding:25px}.record-enquiry h2{font-size:26px}.section-bar h2{font-size:26px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* D-059: navigation composition specific to this domain; superseded header rules removed. */

.main-header{position:absolute;inset:0 0 auto;z-index:30;color:var(--text);border-bottom:1px solid var(--line)}.header-container{max-width:1440px;width:100%;margin:auto;padding:18px 30px;display:flex;align-items:center;gap:32px;min-height:86px}.main-header .wordmark{font-size:26px}.header-contact{margin-left:auto;min-height:44px;padding:11px 27px;white-space:nowrap}.mobile-menu{position:relative}.mobile-menu>summary{display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 20px;border:1px solid var(--accent);color:var(--accent);cursor:pointer;list-style:none;font-size:15px;font-weight:600}.family-nav{position:absolute;left:0;top:calc(100% + 12px);width:340px;max-height:70vh;overflow:auto;padding:16px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);display:flex;flex-direction:column;align-items:stretch;gap:6px;box-shadow:0 15px 30px #0005}.mobile-menu:not([open])>.family-nav{display:none}.family-nav>a,.nav-group>summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--text)}.nav-group>summary{list-style:none;justify-content:space-between;cursor:pointer}.nav-group>summary:after{content:'+';color:var(--accent)}.nav-group[open]>summary:after{content:'−'}.nav-dropdown{position:static;padding:8px 12px 18px;border-top:1px solid var(--line)}.nav-dropdown strong{display:block;color:var(--accent);font-weight:600;margin-top:12px}.nav-dropdown a{display:inline-flex;align-items:center;min-height:44px;padding:4px 10px;color:var(--text)}.nav-dropdown>a{display:flex}.family-nav [aria-current]{color:var(--accent)}.family-nav .mobile-contact{display:none}.main-header :focus-visible{outline-color:var(--accent)}
@media(max-width:1199px){.main-header{position:relative;background:var(--base)}.header-container{min-height:76px;padding:14px 24px;gap:24px}.hero-one{padding-top:72px}}
@media(max-width:767px){.header-container{padding:14px 15px;gap:12px;justify-content:space-between}.main-header .wordmark{font-size:22px}.header-contact{display:none}.mobile-menu>summary{padding:10px 12px}.mobile-menu>summary span:first-child{display:none}.family-nav{left:auto;right:0;width:min(340px,calc(100vw - 30px))}.family-nav .mobile-contact{display:flex}.hero-one{padding-top:38px}}

/* D-066.04: approved local vector mark geometry; no text sizing applied to images. */
.main-header .wordmark{min-width:0}.main-header .wordmark .brand-logo{display:block;width:245px;max-width:100%;height:auto}.main-footer .footer-brand-link{display:inline-flex;align-items:center;gap:10px;max-width:100%}.main-footer .footer-brand-link .brand-logo{display:block;width:220px;max-width:calc(100% - 42px);height:auto;min-width:0}.main-footer .footer-favicon{width:32px;height:32px;flex-shrink:0;background:transparent;border-radius:3px;padding:2px}
@media(max-width:767px){.main-header .wordmark .brand-logo{width:205px}}

/* D-069: product dropbar — families on the bar, each opens a country × port matrix. */
.nav-matrix{display:grid;gap:4px}.matrix-all{font-weight:600;color:var(--accent)!important}.matrix-row{display:grid;grid-template-columns:minmax(110px,1fr) repeat(var(--matrix-speeds),minmax(64px,auto));align-items:stretch;gap:4px;padding:4px 0;border-top:1px dashed var(--line)}.matrix-row strong{margin:0;align-self:center;color:var(--accent)}.nav-matrix .matrix-row a{justify-content:center;padding:4px 8px;border:1px solid var(--line);border-radius:4px;font-size:14px;white-space:nowrap}.nav-matrix .matrix-row a:hover{background:var(--accent);border-color:var(--accent);color:var(--base);text-decoration:none}.matrix-gap{border:1px dashed #71778566;border-radius:4px;min-height:44px}
@media(min-width:1200px){.mobile-menu{position:static}.mobile-menu>summary{display:none}.family-nav{position:static;width:auto;max-height:none;overflow:visible;padding:0;background:none;border:0;box-shadow:none;flex-direction:row;align-items:center;gap:6px}.family-nav>a,.nav-group>summary{font-weight:600;padding:8px 14px;border-radius:22px}.nav-group>summary{gap:12px}.nav-group[open]>summary{background:var(--surface);color:var(--accent)}.nav-group{position:relative}.main-header .nav-dropdown{position:absolute;left:0;top:calc(100% + 18px);width:max-content;max-width:calc(100vw - 60px);padding:16px 18px 18px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:0 20px 40px #0007;z-index:40}.main-header .nav-dropdown::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:22px}}
@media(max-width:1199px){.nav-matrix{padding-inline:4px}}
@media(max-width:420px){.matrix-row{grid-template-columns:1fr 1fr;}.matrix-row strong{grid-column:1/-1}.matrix-gap{display:none}}
