:root{color-scheme:dark;--bg:#05090d;--bg-deep:#020508;--surface:#091219;--surface-2:#0d1820;--line:#223541;--line-bright:#31505f;--text:#edf5f8;--muted:#8aa0ad;--dim:#526a78;--cyan:#20c9f4;--cyan-soft:#76e8f6;--green:#26dfa3;--red:#ff435b;--amber:#e4b146;--max:1240px;--radius:10px;--shadow:0 35px 90px rgba(0,0,0,.48);font-family:"Segoe UI Variable","Bahnschrift","Segoe UI",sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;background:var(--cyan);color:#021017;font-weight:800}.skip-link:focus{top:16px}.section-shell{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;height:82px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(49,80,95,.6);background:rgba(5,9,13,.88);backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.16em;font-size:14px}.brand-mark{display:block;width:38px;height:38px;background:var(--cyan);-webkit-mask:url('/assets/brand/pullmetric-telemetry-pm.svg') center/contain no-repeat;mask:url('/assets/brand/pullmetric-telemetry-pm.svg') center/contain no-repeat;filter:drop-shadow(0 0 13px rgba(32,201,244,.25))}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:26px}.site-header nav a{font-size:12px;font-weight:680;color:var(--muted);transition:.18s color}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--text)}.site-header .nav-portal{padding-left:26px;border-left:1px solid var(--line)}.site-header .nav-primary{padding:10px 15px;border:1px solid var(--cyan);border-radius:5px;background:var(--cyan);color:#021017}.site-header .nav-primary:hover,.site-header .nav-primary:focus-visible{color:#021017;box-shadow:0 0 26px rgba(32,201,244,.2)}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);border-radius:6px;place-content:center;gap:5px}.menu-toggle>span:not(.sr-only){display:block;width:19px;height:2px;background:currentColor}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.82fr 1.5fr;gap:64px;align-items:center;padding-block:88px 76px;position:relative}.hero:before{content:"";position:absolute;width:56vw;height:56vw;right:-24vw;top:-26vw;border:1px solid rgba(32,201,244,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(32,201,244,.015),0 0 0 150px rgba(32,201,244,.01);pointer-events:none}.hero h1{max-width:590px;margin:0;font-size:clamp(58px,7vw,106px);line-height:.9;letter-spacing:-.075em;text-wrap:balance}.hero-copy>p{max-width:560px;margin:32px 0;color:#a8bac4;font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 20px;border:1px solid var(--line-bright);border-radius:5px;font-size:12px;font-weight:800;letter-spacing:.025em;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#021017}.button.secondary{background:rgba(13,24,32,.72)}.button:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 12px 30px rgba(0,0,0,.25)}.signal-rule{display:flex;align-items:center;gap:5px;height:18px;margin-top:52px}.signal-rule i{width:34px;height:2px;background:var(--cyan)}.signal-rule i:nth-child(2){height:8px}.signal-rule i:nth-child(3){height:16px}.signal-rule i:nth-child(4){height:6px}.signal-rule i:nth-child(5){height:2px;opacity:.3}.product-shot{margin:0;min-width:0}.open-shot{display:block;width:100%;padding:0;border:1px solid var(--line-bright);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);cursor:zoom-in;text-align:inherit;transition:transform .28s,border-color .28s}.open-shot:hover,.open-shot:focus-visible{transform:translateY(-4px);border-color:var(--cyan);outline:none}.product-shot img{width:100%;height:auto}.product-shot figcaption{margin-top:11px;color:var(--dim);font:700 9px/1.5 "Segoe UI",sans-serif;letter-spacing:.15em;text-transform:uppercase}.hero-shot{transform:perspective(1500px) rotateY(-3deg);transform-origin:left center}.section-heading{max-width:790px;margin-bottom:64px}.section-heading>span,.compatibility>div>span{display:block;margin-bottom:18px;color:var(--cyan);font-size:10px;font-weight:850;letter-spacing:.24em}.section-heading h2,.compatibility h2,.closing-cta h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.section-heading p{max-width:690px;margin:24px 0 0;color:var(--muted);font-size:17px}.feature-section{padding-block:150px}.feature-rail{display:grid;gap:134px}.feature-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.feature-row.reverse{grid-template-columns:1.35fr .65fr}.feature-row.reverse .feature-copy{order:2}.feature-copy .index{display:block;color:var(--cyan);font:800 11px/1 "Bahnschrift",sans-serif;letter-spacing:.18em}.feature-copy h3{margin:22px 0 16px;font-size:clamp(30px,3vw,46px);line-height:1.04;letter-spacing:-.045em}.feature-copy p{margin:0;color:#a6b8c2;font-size:17px}.feature-copy small{display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--dim);font-size:11px;line-height:1.6}.band{background:linear-gradient(180deg,rgba(9,18,25,.95),rgba(5,9,13,.95));border-block:1px solid var(--line)}.workflow{padding-block:120px}.section-heading.compact{margin-bottom:54px}.workflow ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;border-top:1px solid var(--line)}.workflow li{min-height:260px;padding:32px 34px;border-right:1px solid var(--line)}.workflow li:last-child{border-right:0}.workflow li>span{color:var(--cyan);font:800 11px "Bahnschrift",sans-serif}.workflow h3{margin:42px 0 12px;font-size:30px;letter-spacing:-.035em}.workflow p,.audience-list p,.trust-list p,.plan-list p{color:var(--muted);margin:0}.audiences{padding-block:150px}.audience-list{border-top:1px solid var(--line)}.audience-list article{display:grid;grid-template-columns:.45fr 1fr;gap:50px;padding:28px 0;border-bottom:1px solid var(--line)}.audience-list h3{margin:0;font-size:26px;letter-spacing:-.035em}.audience-list p{max-width:650px}.trust{padding-block:130px}.trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:center}.trust-list{display:grid;gap:0;border-top:1px solid var(--line)}.trust-list article{padding:22px 0;border-bottom:1px solid var(--line)}.trust-list h3{margin:0 0 6px;font-size:18px}.trust-list p{font-size:13px}.plans{padding-block:150px}.plans .section-heading{text-align:center;margin-inline:auto}.plans .section-heading p{margin-inline:auto}.plan-list{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.plan-list article{min-height:260px;padding:44px;background:var(--surface)}.plan-list article+article{border-left:1px solid var(--line)}.plan-list h3{margin:0 0 20px;font-size:38px;letter-spacing:-.045em}.plan-list small{display:block;margin-top:28px;color:var(--cyan-soft);font-size:11px}.actions.centered{justify-content:center;margin-top:32px}.compatibility{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:85px;border-block:1px solid var(--line)}.compatibility h2{font-size:clamp(36px,4vw,58px)}.compatibility p{margin:0 0 28px;color:var(--muted);font-size:17px}.closing-cta{text-align:center;padding-block:160px}.closing-cta .brand-mark{width:58px;height:58px;margin:0 auto 32px}.closing-cta p{max-width:610px;margin:24px auto 34px;color:var(--muted);font-size:17px}.site-footer{width:min(var(--max),calc(100% - 56px));margin-inline:auto;display:grid;grid-template-columns:1fr auto;gap:30px;padding:58px 0 42px;border-top:1px solid var(--line)}.site-footer p{color:var(--dim);font-size:12px}.footer-links{display:flex;gap:28px;align-items:flex-start;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--cyan)}.site-footer .legal{grid-column:1/-1;max-width:920px;margin-top:20px;line-height:1.65}.site-footer .legal strong{color:var(--amber)}.screenshot-dialog{width:min(94vw,1500px);max-width:none;padding:44px 18px 18px;border:1px solid var(--line-bright);border-radius:var(--radius);background:var(--bg-deep);box-shadow:var(--shadow)}.screenshot-dialog::backdrop{background:rgba(0,3,5,.86);backdrop-filter:blur(8px)}.screenshot-dialog img{width:100%}.screenshot-dialog button{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.reveal-ready .feature-row,.reveal-ready .audience-list article,.reveal-ready .workflow li,.reveal-ready .trust-list article,.reveal-ready .plan-list article{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal-ready .revealed{opacity:1;transform:none}@media(max-width:1050px){.site-header nav{gap:15px}.site-header nav a{font-size:11px}.hero{grid-template-columns:1fr;gap:54px}.hero-copy{max-width:760px}.hero-shot{transform:none}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:34px}.feature-row.reverse .feature-copy{order:0}.trust-grid{grid-template-columns:1fr;gap:52px}.compatibility{gap:42px}}@media(max-width:800px){.site-header{height:70px}.menu-toggle{display:grid}.site-header nav{position:absolute;left:0;right:0;top:70px;display:none;align-items:stretch;padding:16px 28px 24px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.site-header .nav-portal{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}.site-header .nav-primary{text-align:center}.section-shell,.site-footer{width:min(100% - 34px,var(--max))}.hero{min-height:auto;padding-block:72px}.hero h1{font-size:clamp(52px,17vw,78px)}.hero-copy>p{font-size:16px}.feature-section,.audiences,.plans{padding-block:100px}.feature-rail{gap:90px}.section-heading{margin-bottom:44px}.workflow{padding-block:90px}.workflow ol{grid-template-columns:1fr}.workflow li{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.workflow h3{margin-top:20px}.audience-list article{grid-template-columns:1fr;gap:8px}.trust{padding-block:90px}.plan-list{grid-template-columns:1fr}.plan-list article+article{border-left:0;border-top:1px solid var(--line)}.compatibility{grid-template-columns:1fr;gap:24px}.closing-cta{padding-block:110px}.site-footer{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:8px}}@media(max-width:520px){.site-header{padding-inline:17px}.wordmark{font-size:12px}.brand-mark{width:33px;height:33px}.hero{padding-top:58px}.hero h1{font-size:50px}.actions{align-items:stretch}.button{width:100%}.feature-copy h3{font-size:34px}.product-shot figcaption{font-size:8px}.plan-list article{padding:30px}.footer-links{font-size:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.open-shot{transition:none}.reveal-ready .feature-row,.reveal-ready .audience-list article,.reveal-ready .workflow li,.reveal-ready .trust-list article,.reveal-ready .plan-list article{opacity:1;transform:none;transition:none}}
