/* Monochrome visual system inspired by the QWINS reference. */
:root{--blue:#171717;--ink:#171717;--muted:#737373;--line:#e5e5e5;--light:#f5f5f5}body{background:#fff;color:var(--ink)}.wrap{max-width:1240px;width:calc(100% - 80px)}.skip-link{position:absolute;left:20px;top:-60px;padding:12px;background:#fff;z-index:20}.skip-link:focus{top:10px}.header{height:110px;border:0;gap:28px}.brand{font-size:22px;letter-spacing:-1px}.brand-dot{color:#939393}.brand-mark{background:linear-gradient(145deg,#fafafa,#bababa);color:#202020;box-shadow:inset 0 2px 3px #fff,0 4px 0 #a5a5a5,0 8px 12px #0001;transform:rotate(-9deg);border-radius:10px;width:38px;height:36px;margin-right:12px}.header nav{gap:27px;font-size:12px;font-weight:500}.header-cta{background:#171717;color:white;border:0;padding:14px 19px;border-radius:10px}.header-cta span{color:white;margin-left:14px}.menu-toggle{background:transparent;border:1px solid #ddd;border-radius:8px;padding:6px 10px}.hero{display:block;min-height:0;padding:62px 0 0;overflow:hidden;text-align:center}.eyebrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8d8d8;border-radius:12px;padding:10px 18px;font-size:11px;font-weight:600;letter-spacing:0;background:#fff}.hero-copy .eyebrow i{width:6px;height:6px;border-radius:50%;background:#22c55e}.hero h1{font-size:clamp(52px,6.5vw,88px);font-weight:600;line-height:1.03;letter-spacing:-5px;margin:25px 0}.hero h1>span{color:#8b8b8b}.hero-copy>p{font-size:14px;line-height:1.8;color:#777}.hero-actions{justify-content:center;margin-top:27px;gap:28px}.button{border-radius:10px;padding:16px 22px;font-size:12px}.primary{background:#171717;color:#fff}.primary:hover{background:#333}.text-link{font-size:12px;font-weight:500}.digital-scene{height:465px;position:relative;margin:34px auto 0;max-width:960px;isolation:isolate}.scene-ring{position:absolute;border:55px solid #f6f6f6;width:910px;height:710px;border-radius:50%;left:50%;top:36px;transform:translateX(-50%);z-index:-1}.ring-two{width:660px;height:520px;top:140px;border-width:47px;border-color:#ededed}.silver-browser{position:absolute;left:50%;top:68px;width:490px;background:linear-gradient(145deg,#fff,#d8d8d8);border:1px solid #dadada;border-radius:22px;padding:12px;transform:translateX(-50%) rotate(-7deg);box-shadow:4px 9px 0 #bcbcbc,10px 27px 32px #0002,inset 0 2px 3px #fff;text-align:left}.silver-toolbar{height:30px;display:flex;justify-content:space-between;align-items:center;color:#929292;font-size:10px;padding:0 10px}.silver-toolbar small{font-size:9px}.silver-content{position:relative;overflow:hidden;background:#f7f7f7;border:1px solid #dedede;border-radius:10px;padding:25px;height:210px}.demo-label{font-size:7px;letter-spacing:1.5px;color:#777}.silver-content strong{display:block;font-size:29px;line-height:1.15;letter-spacing:-1px;margin:12px 0;position:relative;z-index:1}.demo-lines{width:150px;height:15px;background:repeating-linear-gradient(#ccc 0 2px,transparent 2px 7px);margin-bottom:13px}.demo-cta{display:inline-block;padding:9px 12px;border-radius:5px;background:#202020;color:white;font-size:8px}.chrome-orb{position:absolute;width:148px;height:148px;right:17px;top:34px;border-radius:39px;transform:rotate(20deg);background:radial-gradient(circle at 27% 22%,#fff 0,#e9e9e9 18%,#b1b1b1 45%,#eee 64%,#777 95%);box-shadow:12px 17px 25px #0002,inset -5px -6px 12px #7775}.chrome-orb:after{content:'✳';display:grid;place-items:center;height:100%;font-size:105px;color:#555;text-shadow:0 2px 2px white;line-height:1}.silver-bottom{display:flex;justify-content:space-around;padding:14px 0 3px;color:#777;font-size:7px;letter-spacing:1.5px}.silver-tile{position:absolute;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#c6c6c6 55%,#eee);box-shadow:inset 2px 3px 5px #fff,5px 8px 0 #a7a7a7,12px 22px 28px #0002;border-radius:25px;color:#606060;text-shadow:1px 2px 1px #fff;font-weight:600}.tile-code{width:112px;height:112px;left:9%;top:100px;transform:rotate(-17deg);font-size:57px;letter-spacing:-8px;padding-right:8px}.tile-arrow{width:125px;height:125px;right:8%;top:193px;transform:rotate(15deg);font-size:90px}.floating-tag{position:absolute;background:#242424;color:#fff;box-shadow:0 8px 15px #0002;padding:13px 22px;border-radius:30px;font-size:12px;z-index:2}.tag-site{left:11%;top:270px;transform:rotate(-12deg)}.tag-ads{right:9%;top:55px;transform:rotate(9deg)}.scene-notification{position:absolute;left:45%;top:335px;display:flex;align-items:center;gap:13px;background:linear-gradient(#fff,#eee);border:1px solid #ddd;padding:16px 22px;border-radius:16px;box-shadow:0 10px 25px #0001;transform:rotate(3deg);text-align:left;font-size:12px}.scene-notification>span{background:#dedede;border-radius:12px;padding:10px;color:#444}.scene-notification small{display:block;color:#888;font-size:9px;margin-top:4px}.scene-notification i{font-style:normal;font-size:8px;color:#999;margin-left:20px}.hero-foot{position:relative;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid #e9e9e9;font-size:10px;color:#888}.hero-foot>span:last-child{color:#555;font-size:9px;letter-spacing:1px}.hero-foot i{font-style:normal;margin:0 15px;color:#999}.section{padding-block:100px}.section-top{display:block;text-align:center;margin-bottom:55px}.section-top .eyebrow{margin-bottom:18px}h2{font-size:56px;line-height:1.09;letter-spacing:-2.6px;font-weight:550;margin:0}.section-top>p{font-size:13px;line-height:1.8;color:#888;margin-top:22px}.services-grid{gap:20px}.service-card,.blue-card{background:#f7f7f7;border:1px solid #eee;border-radius:24px;padding:30px;color:#171717}.service-icon,.blue-card .service-icon{background:linear-gradient(145deg,#fff,#ccc);box-shadow:0 3px 3px #0002,inset 0 2px 2px #fff;color:#555;width:52px;height:48px;border-radius:13px}.service-card h3{font-size:27px;font-weight:550;letter-spacing:-1px}.service-card p,.blue-card p{color:#777;font-size:12px;min-height:90px}.card-number,.blue-card .card-number{color:#aaa}.tags span,.blue-card .tags span{background:#ebebeb;color:#666}.service-card>a,.blue-card>a{border-color:#ddd;color:#222}.service-card>a>span,.blue-card>a>span{color:#222}.advertising{background:radial-gradient(ellipse at 85% 0,#555 0,transparent 45%),linear-gradient(125deg,#252525,#080808 65%);color:#fff;border:1px solid #444;border-radius:30px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:65px;overflow:hidden}.advertising .eyebrow{color:#ccc;background:#ffffff0c;border-color:#ffffff26}.ads-copy h2{font-size:62px;line-height:1.05;margin:25px 0;letter-spacing:-3px}.ads-copy h2 span{color:#999}.ads-copy p{color:#b2b2b2;font-size:13px;line-height:1.8;max-width:345px}.light-button{background:#fff;color:#151515;margin-top:17px}.light-button:hover{background:#ddd}.ads-copy>small{display:block;max-width:290px;margin-top:20px;color:#999;font-size:10px;line-height:1.7}.ads-visual{padding-top:20px}.search-mock{background:linear-gradient(#fff,#e4e4e4);color:#444;border-radius:13px;display:flex;gap:15px;align-items:center;padding:14px 18px;transform:rotate(-4deg);box-shadow:0 8px 0 #aaa,0 20px 35px #0005;font-size:11px}.ya-letter{font-size:29px;color:#202020}.search-mock b{margin-left:auto;font-size:24px}.search-result{margin:35px 0 25px 20px;padding:25px;background:#ffffff0b;border:1px solid #ffffff25;border-radius:15px;transform:rotate(2deg)}.result-top{display:flex;justify-content:space-between;font-size:9px;color:#a8a8a8}.search-result h3{font-size:20px;font-weight:500;margin:15px 0 10px;letter-spacing:-.7px}.search-result p{font-size:11px;line-height:1.8;color:#aaa}.result-url{font-size:10px;color:#d0d0d0}.ads-items{display:grid;gap:16px;margin-top:32px}.ads-items>div{display:grid;grid-template-columns:155px 1fr;gap:15px;border-bottom:1px solid #ffffff15;padding-bottom:16px}.ads-items b{font-size:11px;font-weight:500}.ads-items span{font-size:10px;line-height:1.6;color:#aaa}.budget-note{font-size:9px;color:#999;line-height:1.7}.projects-section{background:#fff}.projects-section .section{padding-bottom:0}.projects-grid{gap:28px}.project-art{height:340px;border-radius:22px;filter:grayscale(1)}.project-meta{padding-top:21px}.project-meta h3{font-size:17px;font-weight:550}.project-meta>a{border-color:#ddd;color:#222;background:#fff}.project-meta p{color:#888}.bot-art-title{color:#333}.bot-art-title>span{color:#777}.project-phone{border-color:#ddd;box-shadow:0 20px 40px #0002}.steps{gap:25px}.steps article{border-top:1px solid #ddd;padding-top:20px}.steps article>span{border:0;font-size:12px;color:#888}.steps article>span i{color:#777}.steps h3{font-size:23px;font-weight:550}.steps p{font-size:12px;color:#777}.faq-section{padding-block:20px 100px;grid-template-columns:1fr 1.4fr;gap:70px}.faq-section .eyebrow{margin-bottom:25px}.faq-section h2{font-size:48px}.faq-list details{border-bottom:1px solid #ddd;padding:23px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:13px;font-weight:600;line-height:1.5;gap:15px}.faq-list summary span{color:#777;background:#f1f1f1;border-radius:50%;min-width:27px;height:27px;display:grid;place-items:center}.faq-list p{color:#777;font-size:12px}.contact-section{padding:55px;background:#f3f3f3;border-radius:28px;color:#171717;grid-template-columns:1fr 1.15fr;gap:60px}.contact-copy .eyebrow{color:#555;background:transparent;border-color:#ccc;font-size:10px}.contact-copy h2{font-size:49px;line-height:1.13;margin-top:25px;letter-spacing:-2px}.contact-copy h2 span{color:#929292}.contact-copy p{font-size:13px;color:#777;line-height:1.8}.contact-flower{font-size:115px;color:#b7b7b7;text-shadow:0 2px white,0 5px 3px #999;margin:25px 0}.contact-note{color:#888}.contact-section form{padding:30px;border:1px solid #ddd;border-radius:19px;background:#fff;min-width:0}form h3{font-size:20px;font-weight:600}fieldset{min-width:0}.service-options{flex-wrap:wrap;gap:7px}.service-options span{font-size:10px;padding:9px 12px;background:#f7f7f7;border-color:#e5e5e5}.service-options input:checked+span{background:#222;color:#fff;border-color:#222}.service-options input:focus-visible+span{outline:2px solid #555;outline-offset:3px}input:not([type=radio]):not([type=checkbox]),textarea{background:#fafafa;border-color:#ddd;border-radius:8px}input:focus,textarea:focus{outline:2px solid #888;outline-offset:2px}.consent span{font-size:9px;color:#777}.consent button{color:#333}input[type=checkbox]{accent-color:#222}.submit{width:100%}.form-note,.form-note span{color:#888}.success{color:#276541}.error{color:#a52424}footer{padding-block:45px;gap:20px}footer>span{color:#888}footer>a:last-child{color:#333;border-color:#ddd}.dialog-close{color:#333}dialog{border:1px solid #ddd;border-radius:20px;max-width:550px;width:calc(100% - 40px)}dialog h2{font-size:29px;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.8}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #777;outline-offset:5px}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header nav{gap:15px;font-size:11px}.header{gap:18px}.header .brand{font-size:20px}.hero h1{font-size:72px}.advertising{padding:42px;gap:35px}.ads-copy h2{font-size:53px}.contact-section{gap:30px;padding:35px}.contact-copy h2{font-size:42px}.silver-tile.tile-code{left:4%}.silver-tile.tile-arrow{right:3%}.tag-site{left:3%}.tag-ads{right:3%}.service-card{padding:24px}.service-card h3{font-size:24px}.service-card p{min-height:110px}.ads-items>div{grid-template-columns:130px 1fr}}
@media(max-width:850px){.header{height:88px}.header nav{display:none;position:absolute;top:85px;left:24px;right:24px;z-index:10;border:1px solid #ddd;border-radius:15px;padding:24px;background:#fff;box-shadow:0 15px 30px #0001}.header nav.open{display:flex;flex-direction:column;gap:22px}.menu-toggle{display:block}.header-cta{margin-left:auto}.hero{padding-top:48px}.hero h1{font-size:65px;letter-spacing:-3.5px}.digital-scene{transform:scale(.85);transform-origin:top center;margin-bottom:-60px}.hero-foot{gap:20px}.hero-foot>span:last-child{font-size:8px;letter-spacing:0}.hero-foot i{margin:0 7px}.services-grid{grid-template-columns:1fr}.service-card p{min-height:0}.service-card h3 br{display:none}.service-card{padding:30px}.tags{min-height:0}.advertising{gap:25px;padding:35px}.ads-copy h2{font-size:45px}.ads-items>div{grid-template-columns:1fr;gap:7px}.ads-visual{min-width:0}.search-mock{font-size:9px;gap:8px}.search-result{margin-left:0;padding:18px}.search-result h3{font-size:18px}.steps{grid-template-columns:1fr 1fr;gap:30px}.faq-section{gap:35px}.faq-section h2{font-size:39px}.contact-section{grid-template-columns:1fr}.contact-flower{display:none}.contact-note{display:block;margin-top:20px}.contact-copy h2{font-size:48px}.form-row{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.project-art{height:360px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:80px;gap:10px}.header .brand{font-size:19px}.brand-mark{width:30px;height:29px;font-size:20px;margin-right:9px}.header-cta{font-size:0;padding:8px 10px}.header-cta span{font-size:19px;margin:0}.header nav{left:18px;right:18px;top:76px}.hero{display:block;padding:38px 0 0;text-align:center}.hero-copy .eyebrow{font-size:9px;padding:9px 12px}.hero h1{font-size:clamp(37px,9.5vw,56px);letter-spacing:-2.4px;line-height:1.08;margin:23px 0}.hero-copy>p{font-size:11px;line-height:1.9}.hero-copy>p br{display:none}.hero-actions{gap:22px;margin-top:23px}.button{padding:14px 17px;font-size:11px}.text-link{font-size:10px}.digital-scene{transform:none;height:285px;margin:30px -18px 0;width:calc(100% + 36px)}.scene-ring{width:550px;height:420px;border-width:33px;top:30px}.ring-two{width:365px;height:290px;top:110px;border-width:28px}.silver-browser{width:270px;top:57px;border-radius:14px;padding:7px;box-shadow:3px 5px 0 #bbb,8px 16px 25px #0002}.silver-toolbar{height:20px;font-size:7px;padding:0 5px}.silver-toolbar small{font-size:6px}.silver-content{height:128px;padding:13px;border-radius:7px}.demo-label{font-size:4px;letter-spacing:1px}.silver-content strong{font-size:17px;letter-spacing:-.6px;margin:7px 0}.demo-lines{width:80px;height:10px;background-size:auto;margin-bottom:6px}.demo-cta{font-size:5px;padding:5px 8px}.chrome-orb{width:75px;height:75px;right:10px;top:28px;border-radius:22px}.chrome-orb:after{font-size:59px}.silver-bottom{font-size:4px;padding:9px 0 3px}.silver-tile.tile-code{width:57px;height:57px;left:5%;top:39px;border-radius:14px;font-size:29px;letter-spacing:-4px;z-index:2;padding-right:4px}.silver-tile.tile-arrow{width:63px;height:63px;right:4%;top:177px;font-size:48px;border-radius:15px}.floating-tag{font-size:8px;padding:9px 12px}.tag-site{left:5%;top:204px}.tag-ads{right:6%;top:23px}.scene-notification{left:38%;top:231px;gap:6px;padding:9px 12px;font-size:8px;border-radius:10px}.scene-notification>span{padding:5px;border-radius:5px}.scene-notification small{font-size:6px}.scene-notification i{display:none}.hero-foot{flex-direction:column;gap:12px;padding:22px 0;font-size:9px}.hero-foot>span:last-child{font-size:8px}.hero-foot i{margin:0 9px}.section{padding-block:65px}.section-top{margin-bottom:32px}.section-top .eyebrow{font-size:10px;margin-bottom:19px}h2{font-size:37px;letter-spacing:-1.8px;line-height:1.13}.section-top>p{font-size:11px;margin-top:18px}.services-grid{gap:13px}.service-card{padding:25px;border-radius:20px}.service-card h3{font-size:25px;margin-top:22px}.service-card p{font-size:12px}.service-card>a{font-size:11px}.advertising{grid-template-columns:1fr;padding:30px 24px;border-radius:23px;gap:25px}.ads-copy h2{font-size:51px;letter-spacing:-2.5px;margin:23px 0}.ads-copy p{font-size:12px}.ads-copy>small{font-size:9px}.ads-visual{padding-top:0}.search-mock{font-size:10px;padding:10px 13px}.search-result{margin:27px 0 20px 10px;padding:21px}.search-result h3{font-size:20px}.ads-items{gap:15px;margin-top:28px}.ads-items>div{grid-template-columns:125px 1fr;gap:10px}.ads-items b{font-size:10px}.ads-items span{font-size:9px}.project-art{height:290px}.project-meta h3{font-size:13px}.project-meta p{font-size:10px}.project-meta>a{width:31px;height:31px}.steps{gap:28px 20px}.steps h3{font-size:20px}.steps p{font-size:11px}.steps article>span{padding-bottom:6px}.faq-section{padding-block:0 65px;grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:37px}.faq-section h2 br{display:none}.faq-list summary{font-size:12px}.faq-list details{padding-block:20px}.faq-list p{font-size:11px}.contact-section{padding:28px 18px;gap:25px;border-radius:23px}.contact-copy{padding-inline:5px}.contact-copy h2{font-size:39px;letter-spacing:-1.8px}.contact-copy .eyebrow{font-size:8px;padding:9px 11px}.contact-copy p{font-size:12px}.contact-section form{padding:24px 17px;border-radius:14px}form h3{font-size:18px}.form-row{grid-template-columns:1fr;gap:16px}.form-row>label{font-size:11px}.service-options span{font-size:10px;padding:8px 10px}input:not([type=radio]):not([type=checkbox]),textarea{font-size:16px;padding:12px}.consent span{font-size:9px}.form-note{font-size:9px}footer{padding-block:32px;gap:17px}footer .brand{font-size:18px}footer small{font-size:9px}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Match QWINS page width, including its wide-screen breakpoints. */
:root{--page-max:1800px;--page-gutter:clamp(20px,5.2vw,100px)}
.wrap{width:calc(min(100%,var(--page-max)) - var(--page-gutter) * 2);max-width:none}
@media(min-width:1920px){:root{--page-max:1920px;--page-gutter:clamp(100px,6.25vw,140px)}}
@media(min-width:2560px){:root{--page-max:2400px;--page-gutter:clamp(140px,6.25vw,180px)}}
@media(min-width:3200px){:root{--page-max:2920px;--page-gutter:clamp(180px,6.25vw,240px)}}
@media(max-width:1150px){:root{--page-gutter:60px}}
@media(max-width:768px){:root{--page-gutter:30px}}
@media(max-width:480px){:root{--page-gutter:20px}}

/* The header opens the existing lead form in an accessible native dialog. */
html.lead-dialog-open{overflow:hidden;scrollbar-gutter:stable}
#lead-dialog{padding:48px 30px 30px;width:calc(100% - 32px);max-width:590px;max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:22px;box-shadow:0 24px 90px #0003}
#lead-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}
#lead-dialog form{padding:0;border:0;border-radius:0}
#lead-dialog form h3{padding-right:15px}
.lead-dialog-close{position:absolute;right:14px;top:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#eee;color:#222;font-size:25px;line-height:1}
.lead-dialog-close:hover{background:#ddd}
#lead-dialog #form-status{font-size:12px;line-height:1.6}
@media(max-width:600px){#lead-dialog{padding:48px 20px 24px;border-radius:18px}#lead-dialog .form-row{grid-template-columns:1fr}}