/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--bg:#0b0d11;--bg-2:#11141a;--card:#151922;--line:rgba(236,232,224,0.12);--line-2:rgba(236,232,224,0.22);--text:#ece8e0;--soft:#d6d2ca;--muted:#a5a29b;--dim:#7d7a74;--cream:#ece8e0;--blue:#2e9ad8;--radius:4px;--wrap:1180px;--head:"Outfit","Helvetica Neue",Arial,sans-serif;--body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;}*{box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;}a{color:inherit;text-decoration:none;}img,svg{display:block;max-width:100%;height:auto;}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px;}@media (min-width:720px){.wrap{padding:0 24px;}}.visually-hidden,.hp-field{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}.skip-link{position:absolute;left:16px;top:-60px;z-index:50;background:var(--cream);color:#111;padding:10px 16px;border-radius:999px;}.skip-link:focus{top:12px;}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}h1,h2,h3{font-family:var(--head);font-weight:300;line-height:1.08;margin:0;letter-spacing:-0.01em;}h1 b,h2 b,h3 b{font-weight:600;}h1{font-size:clamp(38px,6vw,62px);}h2{font-size:clamp(30px,4.4vw,46px);}h3{font-size:clamp(22px,2.4vw,28px);}.eyebrow{font:500 12.5px/1.4 var(--body);letter-spacing:0.24em;text-transform:uppercase;color:var(--muted);margin:0 0 20px;}.lead{color:#dcd8d0;font-size:18.5px;max-width:680px;margin:22px 0 0;}.small{color:var(--dim);font-size:14px;}p a,li a,td a{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;}p a:hover,li a:hover,td a:hover{text-decoration-color:var(--text);}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 22px;font:500 15.5px/1 var(--body);border:1px solid var(--line-2);color:var(--text);background:transparent;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;text-decoration:none;cursor:pointer;}.pill:hover{border-color:var(--text);}.pill--solid{background:var(--cream);color:#111;border-color:var(--cream);}.pill--solid:hover{background:#fff;}.pill--glass{background:rgba(11,13,17,0.35);backdrop-filter:blur(8px);border-color:rgba(236,232,224,0.4);}.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}.top{position:sticky;top:0;z-index:30;background:rgba(11,13,17,0.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}.top__in{display:flex;align-items:center;gap:16px;height:76px;}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;}.logo__mark{width:40px;height:40px;}.logo__name{display:block;font:600 18px/1 var(--head);letter-spacing:0.03em;}.logo__by{display:block;font:400 11px/1 var(--body);letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-top:6px;}.seg{display:none;margin:0 auto;border:1px solid var(--line-2);border-radius:999px;padding:4px;}.seg a{display:inline-block;padding:9px 16px;border-radius:999px;font-size:14px;color:#cfcbc3;white-space:nowrap;}.seg a:hover,.seg a.is-active{background:rgba(236,232,224,0.08);color:var(--text);}.top__right{display:flex;align-items:center;gap:14px;margin-left:auto;}.top__phone{display:none;color:#cfcbc3;font-size:15px;align-items:center;gap:8px;white-space:nowrap;}.top__phone svg{flex-shrink:0;}.top__cta{display:none;}.burger{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:none;color:var(--text);cursor:pointer;padding:0;}.burger span{display:block;width:16px;height:1.5px;background:currentColor;box-shadow:0 5px 0 currentColor;transform:translateY(-2.5px);}@media (min-width:1020px){.seg,.top__cta{display:inline-flex;}}@media (min-width:1260px){.top__phone{display:inline-flex;}}.drawer{display:none;border-top:1px solid var(--line);padding:20px 0 28px;max-height:calc(100vh - 76px);overflow-y:auto;}.nav-open .drawer{display:block;}.drawer__list{list-style:none;margin:0;padding:0;}.drawer a,.areas a,.crumbs a{text-decoration:none;}.drawer__list > li{border-bottom:1px solid var(--line);}.drawer__link{display:block;padding:14px 0;font:300 24px/1.2 var(--head);}.drawer__sub{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}.drawer__sub a{display:inline-block;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font-size:14.5px;color:var(--soft);text-decoration:none;}.drawer__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}.phero{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);}.phero--tall{min-height:min(86vh,760px);}.phero__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;}.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,17,0.25) 0%,rgba(11,13,17,0.45) 40%,rgba(11,13,17,0.92) 82%,var(--bg) 100%),linear-gradient(90deg,rgba(11,13,17,0.65) 0%,rgba(11,13,17,0) 70%);}.phero__in{width:100%;padding-top:120px;padding-bottom:56px;}@media (min-width:720px){.phero__in{padding-bottom:72px;}}.phero h1{max-width:860px;text-shadow:0 2px 30px rgba(0,0,0,0.35);}.crumbs{font-size:14px;color:var(--soft);margin:0 0 18px;}.crumbs a{text-decoration:none;color:var(--soft);}.crumbs a:hover{color:var(--text);}.section{padding:88px 0;border-top:1px solid var(--line);}.phero + .section,.features + .section{border-top:0;}.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;}.section__head > div:last-child:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:18px;}.section__head p{color:var(--muted);max-width:460px;margin:0;}.section__head h2{max-width:760px;}.features{display:grid;gap:14px;grid-template-columns:1fr;padding-top:14px;padding-bottom:88px;}@media (min-width:820px){.features{grid-template-columns:1fr 1fr;}}.pgrid{display:grid;gap:14px;grid-template-columns:1fr;}@media (min-width:640px){.pgrid{grid-template-columns:1fr 1fr;}}@media (min-width:1000px){.pgrid--3{grid-template-columns:repeat(3,1fr);}}.pcard{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius);min-height:380px;display:flex;align-items:flex-end;border:1px solid var(--line);text-decoration:none;}.pcard--big{min-height:480px;}@media (min-width:820px){.pcard--big{min-height:560px;}}.pcard__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}.pcard:hover .pcard__img{transform:scale(1.04);}.pcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,17,0.3) 0%,rgba(11,13,17,0.72) 45%,rgba(11,13,17,0.96) 100%);}.pcard__body{padding:28px 26px;}@media (min-width:720px){.pcard__body{padding:34px 32px;}.pcard--big .pcard__body{padding:42px 40px;}}.pcard .eyebrow{color:#cfcbc3;margin-bottom:14px;}.pcard h3{font-size:clamp(26px,2.8vw,32px);}.pcard--big h3{font-size:clamp(32px,3.6vw,44px);}.pcard p:not(.eyebrow){color:var(--soft);margin:12px 0 20px;max-width:460px;font-size:16px;}.pcard__foot{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:11px 20px;background:var(--cream);color:#111;font:500 15px/1 var(--body);}.split{display:grid;gap:40px;grid-template-columns:1fr;}@media (min-width:900px){.split{grid-template-columns:1.15fr 0.85fr;gap:72px;}}.prose h2{margin-bottom:22px;}.prose p{color:var(--soft);margin:0 0 18px;}.proof{border-left:2px solid var(--blue);padding-left:18px;}.ticks{list-style:none;padding:0;margin:0 0 24px;}.ticks li{padding:13px 0;border-bottom:1px solid var(--line);color:var(--soft);display:flex;gap:14px;}.ticks li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:9px;flex-shrink:0;}.pricebox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;}.pricebox p:not(.eyebrow):not(.small){font:300 22px/1.35 var(--head);color:var(--text);}.price-table{width:100%;border-collapse:collapse;font-size:16px;}.price-table th{text-align:left;font:500 12.5px/1.4 var(--body);letter-spacing:0.2em;text-transform:uppercase;color:var(--dim);padding:0 0 14px;border-bottom:1px solid var(--line-2);}.price-table td{padding:16px 0;border-bottom:1px solid var(--line);color:var(--soft);vertical-align:top;}.price-table td:last-child,.price-table th:last-child{text-align:right;padding-left:16px;white-space:nowrap;color:var(--text);}@media (max-width:520px){.price-table td:last-child{white-space:normal;}}.steps{display:grid;gap:0;grid-template-columns:1fr;counter-reset:s;border-top:1px solid var(--line);}@media (min-width:820px){.steps{grid-template-columns:repeat(4,1fr);border-top:0;}.steps--5{grid-template-columns:repeat(5,1fr);}}.step{padding:28px 0;border-bottom:1px solid var(--line);}@media (min-width:820px){.step{padding:0 24px;border-bottom:0;border-left:1px solid var(--line);}.step:first-child{border-left:0;padding-left:0;}}.step::before{counter-increment:s;content:"0" counter(s);display:block;font:300 44px/1 var(--head);color:var(--blue);margin-bottom:16px;}.step h3{font-size:22px;font-weight:400;}.step p{color:var(--muted);font-size:15.5px;margin:10px 0 0;}.areas{display:flex;flex-wrap:wrap;gap:10px;}.areas a{border:1px solid var(--line-2);border-radius:999px;padding:10px 18px;font-size:15px;color:var(--soft);text-decoration:none;}.areas a:hover{border-color:var(--text);color:var(--text);}.regions{display:grid;gap:34px;}.region h3{font-size:22px;font-weight:400;margin-bottom:14px;color:var(--muted);}.faq{display:grid;gap:14px;grid-template-columns:1fr;}@media (min-width:820px){.faq{grid-template-columns:1fr 1fr;}}.faq__item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;}.faq__item h3{font-size:21px;font-weight:400;line-height:1.25;}.faq__item p{color:var(--soft);font-size:16px;margin:12px 0 0;}.section--cta{padding:64px 0;}.cta p{font:300 clamp(24px,3vw,32px)/1.3 var(--head);margin:0;max-width:900px;}.cta a{color:var(--text);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:5px;}.section--form{background:var(--bg-2);}.quote{display:grid;gap:40px;grid-template-columns:1fr;}@media (min-width:960px){.quote{grid-template-columns:0.9fr 1.1fr;gap:64px;}}.quote__list{list-style:none;padding:0;margin:28px 0 0;}.quote__list li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--soft);display:flex;gap:14px;}.quote__list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:9px;flex-shrink:0;}.quote__call{color:var(--muted);margin-top:24px;}.formcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;}@media (min-width:560px){.formcard{padding:34px 32px;}}.formcard form,.plain form{display:grid;gap:18px;}.form-row{display:grid;gap:18px;grid-template-columns:1fr;}@media (min-width:560px){.form-row{grid-template-columns:1fr 1fr;}}.form-item{margin:0;}.form-item label,fieldset legend,.fieldset-legend{display:block;font-size:13.5px;color:var(--muted);margin-bottom:7px;font-weight:400;}fieldset{border:0;padding:0;margin:0;min-width:0;}input.form-text,input.form-email,input.form-tel,select.form-select,textarea.form-textarea,input[type="password"],input[type="search"]{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line-2);border-radius:10px;padding:13px 14px;font:16px var(--body);}select.form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px;}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);}.form-checkboxes{display:flex;flex-wrap:wrap;gap:8px;}.form-checkboxes .form-item{margin:0;}.form-checkboxes .form-item label{margin:0;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:9px 15px;color:var(--soft);font-size:14.5px;cursor:pointer;}.form-checkboxes .form-item{display:inline-flex;align-items:center;position:relative;}.form-checkboxes input[type="checkbox"]{position:absolute;left:14px;accent-color:var(--blue);}.form-checkboxes .form-item label{padding-left:38px;}.form-type-checkbox:not(.form-checkboxes .form-item){display:flex;gap:10px;align-items:flex-start;}.form-type-checkbox:not(.form-checkboxes .form-item) label{margin:0;font-size:14px;}.form-type-checkbox input{accent-color:var(--blue);margin-top:4px;}.form-actions{margin:6px 0 0;}.form-submit,.button{display:inline-flex;width:100%;justify-content:center;border-radius:999px;padding:16px 22px;background:var(--cream);color:#111;border:1px solid var(--cream);font:500 16px/1 var(--body);cursor:pointer;}.form-submit:hover,.button:hover{background:#fff;}.form-item--error-message,.form-item .error{color:#f08a7a;font-size:14px;}input.error,select.error,textarea.error{border-color:#f08a7a;}.description{color:var(--dim);font-size:13.5px;margin-top:6px;}.form-required::after{content:" *";color:var(--blue);}.messages{background:var(--card);border:1px solid var(--line-2);border-left:3px solid var(--blue);border-radius:var(--radius);padding:16px 20px;margin:0 0 16px;color:var(--soft);}.messages--error{border-left-color:#f08a7a;}.tabs{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px;}.tabs a{display:inline-block;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font-size:14px;}.plain{padding:64px 16px 88px;}.plain__title h1{margin-bottom:28px;}.plain p,.plain li{color:var(--soft);}.foot{border-top:1px solid var(--line);padding:64px 0 40px;color:var(--muted);font-size:15px;}.foot__grid{display:grid;gap:36px;grid-template-columns:1fr;}@media (min-width:640px){.foot__grid{grid-template-columns:1fr 1fr;}}@media (min-width:1000px){.foot__grid{grid-template-columns:1.3fr 1fr 1.2fr 0.9fr;}}.foot__about{margin:20px 0 10px;max-width:320px;}.foot__psa{margin:0;font-size:14px;color:var(--dim);}.foot__h{font:500 12.5px/1 var(--body);letter-spacing:0.22em;text-transform:uppercase;color:var(--dim);margin:0 0 18px;}.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}.foot ul a{text-decoration:none;}.foot__cols{grid-template-columns:1fr 1fr;column-gap:16px;}.foot a:hover{color:var(--text);}.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:13.5px;color:var(--dim);}.node__content > div,.field--name-body{display:contents;}.highlighted{padding-top:0;}.highlighted:has(.messages){padding-top:20px;}.hidden{display:none;}.brands{display:grid;gap:14px;grid-template-columns:1fr;}@media (min-width:640px){.brands{grid-template-columns:repeat(3,1fr);}}.brands__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:120px;padding:28px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s;}.brands__item:hover{border-color:var(--line-2);}.brands__item img{height:34px;width:auto;max-width:80%;}.brands__item span{font:500 12.5px/1.4 var(--body);letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}.product{margin:0;background:radial-gradient(ellipse at center,#1c212b 0%,var(--card) 70%);border:1px solid var(--line);border-radius:var(--radius);padding:40px 32px 28px;}.product > img{width:100%;max-width:420px;margin:0 auto;}.product figcaption{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;font:500 12.5px/1.4 var(--body);letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}.product__logo{height:18px;width:auto;}.brandcards{display:grid;gap:14px;grid-template-columns:1fr;}@media (min-width:760px){.brandcards{grid-template-columns:1fr 1fr;}}.brandcard{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:36px 32px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s;}.brandcard:hover{border-color:var(--line-2);}.brandcard > img{height:30px;width:auto;}.brandcard h3{font-size:26px;}.brandcard p{margin:0;color:var(--soft);}.pricebox__logo{height:26px;width:auto;margin-bottom:22px;}@media (min-width:640px){.brands__item{min-height:150px;}}.brands__item--dahua img{height:46px;}.brandcard--dahua > img{height:40px;}