@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#101216;--deep:#0a0c0e;--paper:#f7f5f0;--yellow:#ffc928;--green:#14884b;--mist:#e9f4ed;--ash:#98a19d;--rule:rgba(247,245,240,.13)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}.grain{position:fixed;z-index:4;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light} main{max-width:1440px;margin:0 auto;padding:0 5.2vw}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}
.logo-lockup{display:block;width:150px;height:50px;overflow:hidden;text-decoration:none}.logo-lockup img{display:block;width:225px;max-width:none;transform:translate(-28px,-10px);mix-blend-mode:screen}.nav-status{font:700 10px/1 'DM Mono',monospace;letter-spacing:1.2px;color:#d7ddd8;display:flex;gap:9px;align-items:center}.nav-status i{height:7px;width:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 6px rgba(255,201,40,.09)}
.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:4vw;padding:76px 0 65px}.eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 19px;color:var(--yellow);font:700 10px/1 'DM Mono',monospace;letter-spacing:1.3px}.eyebrow span{width:30px;height:1px;background:currentColor}.hero h1{font-size:clamp(47px,5.1vw,82px);letter-spacing:-.07em;line-height:1.015;margin:0;max-width:730px}.hero h1 em{font-style:normal;color:var(--yellow)}.lede{color:#c0c7c2;line-height:1.7;font-size:16px;max-width:460px;margin:28px 0 31px}.signal-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--yellow);padding:0 0 11px;color:#fff;text-decoration:none;font-size:13px;font-weight:800;transition:gap .2s}.signal-link:hover{gap:27px}.signal-link b{color:var(--yellow);font-size:19px;font-weight:400}
.product-glimpse{display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center;padding:106px 0 114px;border-top:1px solid var(--rule)}.glimpse-intro h2{font-size:clamp(31px,3.4vw,51px);letter-spacing:-.06em;line-height:1.05;margin:0}.glimpse-intro>p:last-child{max-width:390px;color:#b7c0ba;font-size:14px;line-height:1.8;margin:24px 0 0}.glimpse-phones{height:370px;position:relative;display:flex;justify-content:center;align-items:center}.mini-phone{width:215px;min-height:314px;position:absolute;border:1px solid rgba(247,245,240,.15);border-radius:23px;padding:18px;background:#f7f5f0;color:#172019;box-shadow:0 26px 60px rgba(0,0,0,.32)}.customer-preview{z-index:2;left:12%;transform:rotate(-5deg)}.provider-preview{z-index:1;right:8%;background:#17211c;color:#f7f5f0;transform:rotate(6deg);padding:22px}.mini-top{display:flex;align-items:center;justify-content:space-between}.mini-logo-lockup{display:block;width:64px;height:22px;overflow:hidden;border-radius:2px;background:#080a0b}.mini-logo-lockup img{display:block;width:98px;max-width:none;transform:translate(-12px,-4px)}.mini-bell{height:23px;width:23px;border:1px solid #dbe0d9;border-radius:50%;display:grid;place-items:center;color:#516156}.mini-location{font-size:8px;color:#5b685e;margin:18px 0 13px}.mini-phone h3{font-size:20px;letter-spacing:-.06em;line-height:1.05;margin:0 0 14px}.mini-search{border:1px solid #dce3dd;border-radius:9px;padding:10px;color:#718076;font-size:8px}.mini-services{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0}.mini-services span{height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:10px;background:#ecf3ee;color:#16834a;font-size:16px}.mini-services b{font-size:7px;color:#29342d}.mini-nearby{display:flex;gap:8px;padding:9px;border:1px solid #e0e5e0;border-radius:10px;font-size:8px}.mini-nearby i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#36bb72;box-shadow:0 0 0 4px #e4f6eb}.mini-nearby b,.mini-nearby small,.provider-heading b,.provider-heading small,.availability-row b,.availability-row small{display:block}.mini-nearby small,.provider-heading small,.availability-row small{margin-top:3px;color:#738077;font-size:7px}.provider-brand{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.provider-brand .mini-logo-lockup{box-shadow:0 0 0 1px rgba(247,245,240,.08)}.mini-overline,.mini-label{color:#b9c6bd;font:700 8px 'DM Mono',monospace;letter-spacing:1px;margin:0}.provider-heading{display:flex;align-items:center;gap:8px}.provider-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#d6b29c 0 44%,#496152 45%)}.provider-heading b{font-size:10px}.availability-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 18px;padding:11px;background:#223027;border:1px solid #314238;border-radius:10px}.availability-row b{font-size:9px}.availability-row i{width:26px;height:15px;padding:3px;border-radius:20px;background:#3abe76}.availability-row i:after{content:"";display:block;width:9px;height:9px;margin-left:auto;border-radius:50%;background:#fff}.mini-divider{height:1px;background:#304037;margin:0 0 17px}.service-pills{display:flex;flex-wrap:wrap;gap:6px}.service-pills span{padding:6px 8px;border:1px solid #3b5043;border-radius:20px;color:#dce5de;font-size:7px}.provider-note{margin-top:23px;padding:10px;border-radius:10px;background:linear-gradient(135deg,#dff0e3,#f7f5f0);color:#183b25}.provider-note b,.provider-note span{display:block}.provider-note b{font-size:8px}.provider-note span{font-size:7px;margin-top:3px;color:#497056}
.radar-stage{width:min(100%,535px);height:490px;position:relative;justify-self:end;overflow:hidden;background:radial-gradient(circle at 50% 50%,#263229 0 2%,transparent 2.4%),radial-gradient(circle at 50% 50%,rgba(42,138,77,.24) 0 17%,transparent 17.2%),radial-gradient(circle at 50% 50%,rgba(42,138,77,.15) 0 31%,transparent 31.3%),linear-gradient(135deg,#19211e,#0c0f10 63%);border:1px solid rgba(248,248,240,.1);border-radius:2px}.radar-stage:before,.radar-stage:after{content:"";position:absolute;inset:0;opacity:.25;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.35) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.35) 50%,transparent 50.2%);background-size:62px 62px}.radar-stage:after{background:none;inset:auto;width:400px;height:400px;border:1px solid rgba(255,255,255,.14);border-radius:50%;top:calc(50% - 200px);left:calc(50% - 200px)}.orbital{position:absolute;border-radius:50%;border:1px solid rgba(85,190,116,.32);left:50%;top:50%;transform:translate(-50%,-50%)}.orbital-outer{height:356px;width:356px}.orbital-middle{height:227px;width:227px;border-color:rgba(85,190,116,.45)}.orbital-inner{height:104px;width:104px;border-color:rgba(255,201,40,.52)}.signal-beam{position:absolute;width:255px;height:255px;left:calc(50% - 127.5px);top:calc(50% - 127.5px);background:conic-gradient(from -18deg,rgba(255,201,40,.29),rgba(255,201,40,0) 46deg);border-radius:50%;animation:sweep 7s linear infinite}.stage-pin{position:absolute;left:calc(50% - 22px);top:calc(50% - 50px);height:45px;width:45px;transform:rotate(-45deg);border-radius:50% 50% 50% 0;background:var(--yellow);box-shadow:0 9px 25px #0009;display:grid;place-items:center}.stage-pin:after{content:"";position:absolute;bottom:-17px;left:10px;width:1px;height:29px;background:linear-gradient(var(--yellow),transparent);transform:rotate(45deg)}.stage-pin span{width:13px;height:13px;border-radius:50%;background:var(--ink)}.stage-card{z-index:2;position:absolute;display:flex;align-items:center;gap:10px;background:rgba(247,245,240,.95);color:#13201a;padding:11px 14px;box-shadow:0 20px 42px rgba(0,0,0,.38);font-size:10px}.stage-card b,.stage-card small{display:block}.stage-card b{font-size:11px}.stage-card small{margin-top:2px;color:#68746c}.card-top{right:23px;top:72px}.card-top>i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:8px}.card-bottom{left:25px;bottom:56px}.avatar{height:26px;width:26px;border-radius:50%;background:linear-gradient(145deg,#d6b29c 0 44%,#31483d 45%);position:relative}.avatar:after{content:"";position:absolute;height:11px;width:11px;left:8px;top:5px;border-radius:50%;background:#765642}.pulse-dot{height:8px;width:8px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 6px rgba(255,201,40,.19)}.coordinates{position:absolute;color:rgba(247,245,240,.52);font:9px 'DM Mono',monospace;letter-spacing:1px}.coordinate-one{left:29px;top:25px}.coordinate-two{right:28px;bottom:25px}
.promise-bar{margin:0 -5.2vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.promise-bar p{min-height:124px;margin:0;padding:31px max(5.2vw,22px);display:grid;grid-template-columns:33px auto;grid-template-rows:21px 1fr;column-gap:12px;border-right:1px solid var(--rule)}.promise-bar p:last-child{border:0}.promise-bar b{font-size:11px;letter-spacing:.03em}.promise-bar small{color:#aeb7b0;font-size:12px;align-self:start}.line-icon{grid-row:span 2;width:24px;height:24px;position:relative}.compass{border:1.5px solid var(--yellow);border-radius:50%}.compass:after{content:"";position:absolute;left:9px;top:4px;width:5px;height:12px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}.shield{border:1.5px solid var(--yellow);clip-path:polygon(50% 0,94% 18%,86% 76%,50% 100%,14% 76%,6% 18%)}.shield:after{content:"";position:absolute;width:5px;height:9px;border-right:1.5px solid var(--yellow);border-bottom:1.5px solid var(--yellow);transform:rotate(45deg);left:9px;top:5px}.spark:before,.spark:after{content:"";position:absolute;background:var(--yellow)}.spark:before{height:24px;width:2px;left:11px}.spark:after{height:2px;width:24px;top:11px}
.closer{padding:116px 0 124px;display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:6vw}.closer h2{font-size:clamp(31px,3.4vw,51px);letter-spacing:-.06em;line-height:1.08;margin:0;max-width:670px}.closer-copy{color:#b3bcb6;font-size:15px;line-height:1.8;max-width:410px;margin:0 0 4px}footer{max-width:1440px;margin:0 auto;padding:28px 5.2vw 42px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;color:#8d9790;font:10px 'DM Mono',monospace}footer p{margin:0}.footer-mark{width:102px;height:35px}.footer-mark img{width:154px;transform:translate(-19px,-7px)}footer>a:last-child{color:var(--paper);text-decoration:none}footer>a:last-child span{color:var(--yellow);margin-left:4px}@keyframes sweep{to{transform:rotate(360deg)}}
@media(max-width:780px){main{padding:0 24px}.nav{height:84px}.logo-lockup{width:124px;height:42px}.logo-lockup img{width:186px;transform:translate(-23px,-8px)}.hero{min-height:auto;padding:72px 0 57px;grid-template-columns:1fr;gap:43px}.hero h1{font-size:clamp(46px,13vw,67px)}.lede{font-size:15px;margin:23px 0 28px}.product-glimpse{grid-template-columns:1fr;gap:35px;padding:73px 0 80px}.glimpse-phones{height:330px;margin:0 -6px}.mini-phone{width:194px;min-height:286px;padding:16px}.customer-preview{left:0}.provider-preview{right:0;padding:18px}.radar-stage{height:395px;width:100%;justify-self:stretch}.orbital-outer{height:288px;width:288px}.orbital-middle{height:183px;width:183px}.orbital-inner{height:84px;width:84px}.signal-beam{width:206px;height:206px;left:calc(50% - 103px);top:calc(50% - 103px)}.stage-card{padding:9px 10px}.card-top{right:13px;top:36px}.card-bottom{left:13px;bottom:30px}.coordinates{font-size:8px}.promise-bar{margin:0 -24px;grid-template-columns:1fr}.promise-bar p{min-height:91px;padding:22px 24px;border-right:0;border-bottom:1px solid var(--rule)}.promise-bar p:last-child{border-bottom:0}.closer{padding:77px 0 84px;grid-template-columns:1fr;gap:26px}.closer-copy{font-size:14px}.nav-status{font-size:9px}footer{padding:23px 24px 30px;gap:16px;flex-wrap:wrap}footer p{width:100%;order:3}.footer-mark{width:102px;height:35px}.footer-mark img{width:154px;transform:translate(-19px,-7px)}}
/* The centre of the pin—not its tip—is aligned to the radar origin. */
.stage-pin{left:calc(50% - 22.5px);top:calc(50% - 22.5px);z-index:3}.stage-pin:after{display:none}
.service-signal{z-index:2;position:absolute;display:flex;align-items:center;gap:7px;color:#f7f5f0;font-size:10px;font-weight:800;letter-spacing:.01em;text-shadow:0 1px 8px #000}.service-signal .pro-photo{width:36px;height:36px;display:block;border:2px solid rgba(247,245,240,.95);border-radius:50%;box-shadow:0 5px 16px rgba(0,0,0,.45);background-image:url('assets/trade-pros-contact-sheet.png');background-size:200% 200%}.service-signal i{width:7px;height:7px;margin-left:-4px;margin-top:26px;border:1.5px solid #101216;border-radius:50%;background:#3fc576;box-shadow:0 0 0 2px rgba(63,197,118,.15)}.carpenter{left:17%;top:31%}.carpenter .pro-photo{background-position:0 0}.painter{right:10%;top:33%}.painter .pro-photo{background-position:100% 0}.cleaner{left:22%;bottom:19%}.cleaner .pro-photo{background-position:0 100%}.lawn-care{right:17%;bottom:17%}.lawn-care .pro-photo{background-position:100% 100%}
@media(max-width:780px){.service-signal{gap:5px;font-size:8px}.service-signal .pro-photo{width:31px;height:31px}.service-signal i{width:6px;height:6px;margin-left:-3px;margin-top:22px}.carpenter{left:10%;top:30%}.painter{right:5%;top:31%}.cleaner{left:14%;bottom:16%}.lawn-care{right:11%;bottom:14%}}
/* Product glimpses use handset hardware and transparent approved logo variants. */
.phone-shell{position:absolute;width:230px;height:350px;padding:7px;border:4px solid #373d3a;border-radius:31px;background:#090a0b;box-shadow:0 30px 55px rgba(0,0,0,.48)}.customer-phone{z-index:2;left:10%;transform:rotate(-5deg)}.provider-phone{z-index:1;right:6%;border-color:#3c4b41;transform:rotate(6deg)}.phone-speaker{position:absolute;z-index:4;top:7px;left:50%;width:53px;height:12px;transform:translateX(-50%);border-radius:0 0 9px 9px;background:#090a0b}.phone-shell .mini-phone{position:relative;left:auto;right:auto;width:100%;height:100%;min-height:0;padding:18px;border:0;border-radius:21px;box-shadow:none;transform:none}.phone-shell .customer-preview{background:#f7f5f0}.phone-shell .provider-preview{background:#17211c}.mini-logo-lockup{width:64px;height:23px;overflow:visible;border-radius:0;background:transparent}.mini-logo-lockup img{display:block;width:64px;max-width:none;transform:none}.provider-brand .mini-logo-lockup{box-shadow:none}
.phone-shell .customer-preview .mini-location{margin:14px 0 10px}.phone-shell .customer-preview h3{font-size:18px;margin-bottom:10px}.phone-shell .customer-preview .mini-search{padding:8px}.phone-shell .customer-preview .mini-services{gap:6px;margin:10px 0}.phone-shell .customer-preview .mini-services span{height:45px}.phone-shell .customer-preview .mini-nearby{padding:7px}
@media(max-width:780px){.phone-shell{width:204px;height:320px;padding:6px;border-radius:28px}.customer-phone{left:0}.provider-phone{right:0}.phone-speaker{top:6px;width:46px;height:10px}.phone-shell .mini-phone{padding:15px;border-radius:19px}.mini-logo-lockup,.mini-logo-lockup img{width:57px}.mini-logo-lockup{height:20px}}
/* Phone proportion refinement: true mobile handsets, not tablet-shaped cards. */
.glimpse-phones{height:420px}.phone-shell{width:196px;height:395px}.customer-phone{left:14%}.provider-phone{right:10%}.phone-speaker{width:48px}.phone-shell .mini-phone{padding:15px}
@media(max-width:780px){.glimpse-phones{height:360px}.phone-shell{width:165px;height:340px;padding:6px;border-radius:28px}.customer-phone{left:3px}.provider-phone{right:3px}.phone-speaker{top:6px;width:42px;height:10px}.phone-shell .mini-phone{padding:11px;border-radius:19px}.mini-logo-lockup,.mini-logo-lockup img{width:53px}.mini-logo-lockup{height:19px}.phone-shell .customer-preview h3{font-size:16px}.phone-shell .customer-preview .mini-services span{height:40px}.provider-preview .availability-row{margin:17px 0 14px;padding:9px}.provider-preview .provider-brand{margin-bottom:13px}.provider-preview .provider-note{margin-top:17px;padding:8px}}
/* Compact the page rhythm so the next idea arrives sooner without crowding the content. */
.hero{min-height:560px;padding:56px 0 46px}.radar-stage{width:min(100%,485px);height:440px}.product-glimpse{padding:76px 0 82px}.glimpse-phones{height:390px}.closer{padding:88px 0 96px}
@media(max-width:780px){.hero{padding:56px 0 40px;gap:30px}.radar-stage{height:360px}.product-glimpse{gap:27px;padding:54px 0 60px}.glimpse-phones{height:350px}.closer{padding:62px 0 70px;gap:22px}}
/* Four concise reassurance cues inspired by the service journey, without over-explaining the launch. */
.promise-bar{grid-template-columns:repeat(4,1fr);margin:0 -5.2vw;border-radius:14px;background:linear-gradient(110deg,#171c1d,#111516)}.promise-bar p{min-height:108px;padding:25px max(2.6vw,20px);grid-template-columns:31px auto;grid-template-rows:20px 1fr}.promise-bar b{font-size:10px}.promise-bar small{font-size:11px;line-height:1.45}.bolt{background:var(--yellow);clip-path:polygon(57% 0,100% 0,66% 42%,93% 42%,26% 100%,42% 54%,13% 54%)}.review{border:1.5px solid var(--yellow);border-radius:50%}.review:after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:var(--yellow);font-size:13px}.card{height:17px;margin-top:3px;border:1.5px solid var(--yellow);border-radius:3px}.card:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid var(--yellow)}
@media(max-width:780px){.promise-bar{grid-template-columns:1fr 1fr;margin:0 -24px;border-radius:0}.promise-bar p{min-height:104px;padding:21px 18px;grid-template-columns:28px auto;grid-template-rows:18px 1fr;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.promise-bar p:nth-child(2n){border-right:0}.promise-bar p:nth-last-child(-n+2){border-bottom:0}.promise-bar b{font-size:9px}.promise-bar small{font-size:10px}}
/* Static product cues: suggest the upcoming service-search and trust experience without implying that it is live. */
.service-search-preview{max-width:410px;margin-top:25px;padding:15px;border:1px solid rgba(247,245,240,.14);border-radius:12px;background:linear-gradient(135deg,rgba(32,46,38,.72),rgba(18,23,21,.92));box-shadow:0 16px 35px rgba(0,0,0,.16)}.preview-label{margin:0 0 10px;color:var(--yellow);font:700 8px/1 'DM Mono',monospace;letter-spacing:1px}.search-field{display:grid;grid-template-columns:16px 1fr 18px;align-items:center;gap:7px;padding:10px 11px;border:1px solid rgba(247,245,240,.19);border-radius:8px;background:#f7f5f0;color:#718076;font-size:10px}.search-field b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--yellow);color:#111;font-size:13px}.search-options{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 9px}.search-options span{padding:5px 8px;border:1px solid rgba(112,203,143,.3);border-radius:20px;color:#dce7df;font-size:8px}.service-search-preview small{display:block;color:#9eaaa3;font-size:9px}.closer{align-items:center}.closer-side{max-width:430px}.ratings-preview{margin-top:25px;padding:15px;border:1px solid rgba(247,245,240,.12);border-radius:12px;background:linear-gradient(135deg,rgba(23,33,28,.78),rgba(15,18,17,.92))}.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rating-grid>span{display:grid;grid-template-columns:27px 1fr auto;grid-template-rows:14px 12px;align-items:center;column-gap:7px;padding:8px;border:1px solid rgba(247,245,240,.08);border-radius:8px;background:rgba(247,245,240,.035)}.rating-grid i{grid-row:span 2;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#d3ac96 0 47%,#3f6751 48%);color:#fff;font:700 9px 'DM Mono',monospace}.rating-grid b{font-size:9px}.rating-grid small{color:#91a299;font-size:7px}.rating-grid em{grid-row:span 2;color:var(--yellow);font-size:8px;font-style:normal;white-space:nowrap}
@media(max-width:780px){.service-search-preview{margin-top:21px;padding:13px}.search-options{gap:5px}.search-options span{padding:5px 7px}.closer-side{max-width:none}.ratings-preview{margin-top:20px;padding:13px}.rating-grid{gap:6px}.rating-grid>span{padding:7px;grid-template-columns:24px 1fr auto;column-gap:5px}.rating-grid i{width:22px;height:22px}.rating-grid em{font-size:7px}.rating-grid b{font-size:8px}.rating-grid small{font-size:6px}}
/* The parent-affiliate credit sits quietly below the legal line. */
.footer-legal{text-align:center}.footer-legal p{margin:0}.footer-legal a{display:inline-block;margin-top:6px;color:#aeb7b0;text-decoration:none;font:9px 'DM Mono',monospace}.footer-legal a:hover{color:var(--yellow)}.footer-legal a span{margin-left:3px;color:var(--yellow)}
@media(max-width:780px){.footer-legal{width:100%;order:3;text-align:left}.footer-legal p{width:auto;order:initial}.footer-legal a{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-beam{animation:none}.signal-link{transition:none}}
