/* Pyonair Product v03. Content revision against the supplied Products PDF.
   Keeps the v02 device scene, glass-board photograph and Managed Services footer.
   DM Sans is requested in HTML. No font binaries are distributed. */
:root{--red:#e63946;--action:#cc2636;--ink:#1b1d22;--muted:#616a7b;--line:#e6e8ec;--soft:#f7f8fa;--tint:#fdeced;--font:'DM Sans',Arial,sans-serif;--gutter:clamp(22px,4.55vw,74px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{letter-spacing:-.025em;font-weight:700}h2{font-size:clamp(29px,3.1vw,39px);line-height:1.04;letter-spacing:-.04em}h3{font-size:19px;line-height:1.25}p{color:var(--muted)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{max-width:1320px;width:calc(100% - var(--gutter)*2);margin-inline:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--action);margin-bottom:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--action);color:#fff;border:1px solid var(--action);padding:13px 21px;border-radius:4px;font-size:14px;font-weight:600;min-height:46px;line-height:1.3}.button:hover{background:#ae1e2d}.button-outline{background:#fff;color:var(--ink);border-color:#e79aa2}.button-outline:hover{background:var(--tint)}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.icon{width:33px;height:33px;flex-shrink:0}.icon.arrow{width:17px;height:17px}.button:not(.button-outline) .arrow{filter:brightness(0) invert(1)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--action);outline-offset:5px}.skip{position:absolute;top:-80px;left:12px;background:var(--action);color:#fff;padding:10px;z-index:100}.skip:focus{top:8px}.brand-img{width:125px;height:auto}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:74px}.site-header{background:white;border-bottom:1px solid #f4f5f7;position:relative;z-index:5}.site-header nav{display:flex;gap:29px}.site-header nav a{position:relative;font-size:13px;padding:26px 0}.site-header nav a:hover{color:var(--action)}.site-header nav [aria-current=page]:after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--red);bottom:15px}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .button{font-size:12px;min-height:41px;padding:10px 18px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:4px;width:42px;height:42px;padding:9px}.menu-toggle .icon{width:22px;height:22px}
/* Hero. Separate copy and device columns prevent text from bleeding into the imagery. */
.hero{overflow:hidden;background:linear-gradient(90deg,#fff 30%,#fbfcfd 100%)}.hero-grid{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:490px;padding-top:12px;padding-bottom:15px}.hero-copy{padding:26px 18px 28px 0;max-width:570px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(37px,3.45vw,51px);line-height:1.07;margin-bottom:22px}.hero-copy h1 span{color:var(--red)}.hero-lead{font-size:17px;line-height:1.55;max-width:485px}.hero-positioning{font-size:15px;color:var(--ink);font-weight:600;line-height:1.45;margin:15px 0 23px;max-width:460px}.hero-figure{min-width:0;align-self:center}.hero-figure figcaption{text-align:right;font-size:10px;color:#6b7280;margin-top:5px;padding-right:4px}.device-stage{width:100%;aspect-ratio:544/382;position:relative;overflow:hidden;--device-scale:1}.stage-inner{position:absolute;left:0;top:0;width:544px;height:382px;transform-origin:0 0;transform:scale(var(--device-scale));pointer-events:none}.scene,.phone-housing{position:absolute;inset:0;width:544px;height:382px;max-width:none}.phone-housing{z-index:3;clip-path:polygon(73.6% 36.2%,92.5% 34.3%,98% 37%,98% 96%,94% 100%,70% 100%,69.4% 94%,71.3% 42%)}.laptop-screen{position:absolute;z-index:2;left:0;top:0;width:700px;height:465px;transform-origin:0 0;display:flex;background:#fff;overflow:hidden;font-size:16px;line-height:1.4}.ui-sidebar{width:138px;flex-shrink:0;padding:28px 13px;background:#f5f6f8;display:flex;flex-direction:column;gap:26px}.ui-sidebar .brand-img{width:111px;margin-bottom:10px}.ui-sidebar span,.ui-sidebar b{font-size:14px;font-weight:500}.ui-sidebar b{color:var(--action)}.ui-body{flex:1;padding:24px 27px}.ui-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;color:var(--muted);letter-spacing:.04em}.ui-top b{padding:3px 9px;background:var(--tint);color:var(--action);border-radius:4px;font-weight:500}.ui-body h3{font-size:26px;margin-bottom:5px}.ui-intro{font-size:16px;margin-bottom:14px}.ui-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--line);gap:12px}.ui-row strong{font-size:16px;font-weight:500;display:block}.ui-row small{font-size:13px;display:block;color:var(--action);margin-top:5px}.ui-row>b{font-size:12px;font-weight:500;padding:5px 9px;background:var(--tint);color:var(--action);border-radius:14px;white-space:nowrap}.ui-row>b.human{background:#f0f1f3;color:var(--ink)}.ui-foot{font-size:13px;border-top:1px solid var(--line);padding-top:14px}.phone-screen{position:absolute;left:0;top:0;z-index:4;width:230px;height:469px;transform-origin:0 0;background:#fff;border-radius:0 0 17px 17px;overflow:hidden;padding:25px 17px 17px;line-height:1.35;display:flex;flex-direction:column}.phone-screen .brand-img{width:121px;margin-bottom:25px}.phone-kicker{font-size:10px;letter-spacing:.10em;color:var(--action);font-weight:700;margin-bottom:7px}.phone-screen h3{font-size:24px;line-height:1.14}.phone-sample{font-size:12px;margin:10px 0 16px}.phone-task{padding:16px 13px;background:#f7f8fa;border:1px solid var(--line);border-radius:7px}.phone-task strong,.phone-task span{display:block;font-size:14px}.phone-task span{font-size:12px;color:var(--muted);margin-top:5px}.phone-task b{display:inline-block;color:var(--action);font-size:11px;padding:4px 7px;background:var(--tint);border-radius:20px;margin-top:12px;font-weight:500}.phone-explainer{font-size:13px;margin:13px 0}.phone-review{display:block;margin-top:auto;background:var(--action);color:#fff;border-radius:5px;text-align:center;font-size:13px;padding:13px 4px}
/* A short assurance strip instead of repeating generic feature claims. */
.proof-band{border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px}.proof-grid>div{padding:0 34px;border-right:1px solid var(--line)}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0;padding-right:0}.proof-grid .icon{margin-bottom:11px}.proof-grid h3{font-size:17px;margin-bottom:7px}.proof-grid p{font-size:14px;line-height:1.45;max-width:315px}
.products-section{padding-block:42px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{font-size:14px;line-height:1.55;max-width:390px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.product-card{padding:23px 26px 0;border:1px solid var(--line);border-radius:7px;background:linear-gradient(150deg,#fff 64%,#fbfcfd);overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-no{font-size:12px;letter-spacing:.08em;color:#747d8d}.product-card h3{font-size:21px;margin-bottom:11px}.product-card>p{font-size:15px;line-height:1.5;min-height:68px;max-width:550px}.product-tag{font-size:11px;letter-spacing:.02em;color:#656e7a;padding-top:14px;margin-bottom:16px}.product-details{margin-inline:-26px;border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}.product-details summary{font-size:13px;font-weight:600;color:var(--action);padding:13px 26px}.product-details summary>span,.faq summary>span{font-size:22px;color:var(--red);font-weight:400;line-height:1;transition:transform .15s ease}details[open]>summary>span{transform:rotate(45deg)}.detail-body{padding:2px 26px 23px}.detail-body p{font-size:14px;margin-top:12px}.mode-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:17px;border-top:1px solid var(--line);margin-top:17px;padding-top:3px}.mode-grid strong{color:var(--ink);display:block;margin-bottom:4px}.pipeline{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;margin-top:17px}.pipeline span{background:var(--soft);padding:9px;border-radius:4px}.pipeline b{color:var(--red)}
/* Original knowledge photograph is retained without a new photography direction. */
.knowledge{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfc}.knowledge-grid{display:grid;grid-template-columns:37% 63%;max-width:1470px;margin-inline:auto}.knowledge-photo{width:100%;height:100%;object-fit:cover;min-height:300px}.knowledge-copy{padding:33px clamp(26px,4vw,63px) 30px 34px}.knowledge-copy .eyebrow{margin-bottom:10px}.knowledge-copy h2{margin-bottom:15px}.knowledge-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:650px}.deployment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.deployment-grid>div+div{border-left:1px solid var(--line);padding-left:20px}.deployment-grid h3{font-size:16px;margin-bottom:6px}.deployment-grid p{font-size:13px;line-height:1.5}.service-bridge{background:var(--soft);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:22px 25px;gap:24px;margin-block:25px}.service-bridge>div{display:flex;gap:22px;align-items:center}.service-bridge .eyebrow{font-size:10px;margin-bottom:5px}.service-bridge h3{font-size:20px;margin-bottom:5px}.service-bridge p:not(.eyebrow){font-size:13px;line-height:1.45}.text-link{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;font-size:13px;font-weight:600;color:var(--action)}.text-link:hover{text-decoration:underline}
.faq-section{background:#fcfcfd;border-block:1px solid var(--line);padding-block:32px}.faq-grid{display:grid;grid-template-columns:31% 69%;gap:25px}.faq-grid>div{min-width:0}.faq-grid>div:first-child>p:last-child{font-size:14px;margin-top:15px}.faq-grid .eyebrow{margin-bottom:12px}.faq{border-bottom:1px solid var(--line);background:transparent}.faq:first-child{border-top:1px solid var(--line)}.faq summary{min-height:49px;padding:10px 0;font-size:14px;line-height:1.4;font-weight:500}.faq summary>span{flex-shrink:0}.faq>p{padding:0 30px 18px 0;font-size:14px;line-height:1.55}.testimonial{display:grid;grid-template-columns:38px 1fr 247px;gap:22px;align-items:center;padding-block:26px}.testimonial>.icon{width:33px;height:33px;align-self:start}.testimonial blockquote p{font-style:italic;color:var(--ink);font-size:15px;line-height:1.6;max-width:795px}.quote-attribution{border-left:1px solid var(--line);padding-left:22px;font-size:12px}.quote-attribution strong,.quote-attribution>span{display:block}.quote-attribution>span{color:var(--muted);margin-top:4px}.quote-attribution .draft-label{font-size:10px;color:var(--action);display:inline-block;border-radius:20px;background:var(--tint);padding:5px 8px;margin-top:8px}
.closing{background:#1b1115 url('../assets/backgrounds/red-wave-footer.svg') center center/cover no-repeat;color:white}.closing-inner{display:grid;grid-template-columns:1.35fr 1fr auto;gap:34px;align-items:center;min-height:164px;padding-block:32px}.closing .eyebrow{color:#fff;margin-bottom:13px;font-size:10px;letter-spacing:.20em}.closing h2{font-size:clamp(29px,2.7vw,40px)}.closing-inner>p{color:#fff;font-size:13px;line-height:1.6;border-left:1px solid #ffffff40;padding-left:28px}.closing .button{background:#e5002c;border-color:#e5002c;min-width:148px}.closing .button:hover{background:#b80024}.footer-main{display:flex;gap:23px;align-items:center;padding-block:24px}.footer-main .brand-img{width:113px}.footer-main>span{font-size:10px;color:var(--muted)}.footer-main nav{display:flex;gap:20px;margin-left:auto}.footer-main nav a{font-size:11px}.footer-main nav a:hover{color:var(--action)}.footer-bottom{border-top:1px solid var(--line);padding-block:16px;display:flex;gap:20px;justify-content:space-between;font-size:9px;color:#777f8b}
@media(min-width:1600px){.hero-grid{min-height:550px}.hero-copy h1{font-size:54px}}
@media(max-width:1100px){.site-header nav{gap:21px}.hero-grid{grid-template-columns:47% 53%;min-height:440px}.hero-copy h1{font-size:39px}.hero-lead{font-size:15px}.hero-positioning{font-size:14px}.button{font-size:13px;padding:12px 17px}.hero-copy .eyebrow{margin-bottom:12px}.proof-grid>div{padding-inline:25px}.product-card>p{min-height:88px}.knowledge-grid{grid-template-columns:38% 62%}.knowledge-copy{padding:28px}.knowledge-photo{min-height:330px}.deployment-grid{gap:15px}.service-bridge{padding:20px}.service-bridge>div{gap:16px}.service-bridge .text-link{font-size:12px}.testimonial{grid-template-columns:32px 1fr 205px;gap:16px}.testimonial blockquote p{font-size:14px}.closing-inner{gap:25px;grid-template-columns:1.15fr 1fr auto}.closing-inner>p{font-size:12px}.footer-main nav{gap:15px}}
@media(max-width:800px){.header-inner{min-height:66px;gap:15px}.brand-img{width:112px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;inset:66px 0 auto;background:white;padding:14px var(--gutter);box-shadow:0 15px 25px #10182714;z-index:10}.site-header nav.is-open{display:flex;flex-wrap:wrap;gap:0 27px}.site-header nav a{padding:12px 0}.site-header nav [aria-current=page]:after{bottom:5px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:20px;padding-bottom:14px}.hero-copy{padding:13px 0 24px;max-width:570px}.hero-copy h1{font-size:clamp(37px,5.8vw,47px);margin-bottom:16px}.hero-lead{font-size:16px;max-width:600px}.hero-positioning{font-size:15px;margin:13px 0 21px}.hero-figure{width:100%;max-width:650px;margin-inline:auto}.hero-figure figcaption{text-align:center}.proof-grid{padding-block:23px}.proof-grid>div{padding-inline:18px}.proof-grid h3{font-size:15px}.proof-grid p{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px}.section-heading>p{font-size:14px}.product-card{padding:20px 20px 0}.product-details{margin-inline:-20px}.product-details summary{padding-inline:20px}.detail-body{padding-inline:20px}.product-card h3{font-size:19px}.product-card>p{font-size:14px;min-height:100px}.product-tag{font-size:10px;min-height:44px}.knowledge-grid{grid-template-columns:1fr}.knowledge-photo{min-height:0;height:auto;max-height:420px;object-position:center}.knowledge-copy{padding:28px var(--gutter)}.knowledge-copy h2{font-size:29px}.service-bridge{align-items:flex-start;flex-direction:column;gap:15px}.service-bridge .text-link{margin-left:49px}.faq-grid{grid-template-columns:1fr;gap:23px}.faq-grid h2 br{display:none}.faq-grid>div:first-child>p:last-child{margin-top:8px}.faq-grid>div:first-child>p:last-child br{display:none}.testimonial{grid-template-columns:28px 1fr;gap:15px}.quote-attribution{grid-column:2;border-left:0;padding-left:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quote-attribution>span{margin:0}.quote-attribution .draft-label{margin:0}.closing-inner{grid-template-columns:1fr auto;gap:19px;min-height:200px}.closing-inner>p{grid-column:1;grid-row:2;border:0;padding-left:0}.closing-inner>.button{grid-column:2;grid-row:1/3}.footer-main{flex-wrap:wrap;gap:14px 20px}.footer-main nav{order:3;margin-left:0;width:100%;flex-wrap:wrap}.footer-main>span:last-child{margin-left:auto}.footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:520px){.header-actions>.button{font-size:11px;min-height:39px;padding:9px 12px}.header-actions>.button .arrow{display:none}.hero-copy h1{font-size:36px}.hero-copy h1 br{display:none}.hero-lead{font-size:15px}.hero-positioning{font-size:14px}.hero-copy .button-row{gap:11px}.hero-copy .button{min-height:44px;font-size:12px;padding:12px 14px}.proof-grid{grid-template-columns:1fr;gap:18px}.proof-grid>div{padding:0 0 17px 45px!important;border:0;border-bottom:1px solid var(--line);position:relative}.proof-grid>div:last-child{padding-bottom:0!important;border-bottom:0}.proof-grid .icon{position:absolute;left:0;top:2px;width:27px;height:27px}.proof-grid h3{font-size:16px;margin-bottom:4px}.proof-grid p{font-size:13px;max-width:none}.products-section{padding-block:29px}.section-heading h2{font-size:29px}.section-heading>p br{display:none}.product-grid{grid-template-columns:1fr;gap:15px}.product-card{padding-top:20px}.product-card h3{font-size:21px}.product-card>p{min-height:0;font-size:14px}.product-tag{min-height:0;font-size:11px}.card-heading{margin-bottom:12px}.mode-grid{grid-template-columns:1fr}.knowledge-copy h2{font-size:29px}.knowledge-photo{max-height:320px}.deployment-grid{grid-template-columns:1fr;gap:14px;margin-top:19px;padding-top:19px}.deployment-grid>div+div{padding:14px 0 0;border:0;border-top:1px solid var(--line)}.deployment-grid h3{font-size:17px}.deployment-grid p{font-size:14px}.service-bridge{padding:20px}.service-bridge>div{gap:13px;align-items:flex-start}.service-bridge>div>.icon{width:26px;height:26px;margin-top:2px}.service-bridge h3{font-size:19px}.service-bridge .text-link{margin-left:39px;font-size:12px}.faq summary{font-size:14px;min-height:57px;line-height:1.45;gap:14px}.faq-grid h2{font-size:29px}.faq>p{padding-right:0}.testimonial{grid-template-columns:23px 1fr;gap:12px;padding-block:23px}.testimonial>.icon{width:24px;height:24px}.quote-attribution{font-size:11px}.closing-inner{grid-template-columns:1fr;gap:19px;padding-block:31px}.closing h2{font-size:30px}.closing-inner>p{grid-column:auto;grid-row:auto;font-size:13px}.closing-inner>.button{grid-column:auto;grid-row:auto;justify-self:start}.footer-main>span:last-child{margin-left:0}.footer-main .brand-img{width:110px}.footer-main>span{font-size:10px}.footer-bottom{font-size:9px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.menu-toggle{display:none}.site-header nav{display:flex!important;position:static}.hero-grid{grid-template-columns:46% 54%}.product-grid{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:37% 63%}details{break-inside:avoid}.product-card{break-inside:avoid}.closing{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* --- Ambient product view (2026-10-03): Quoting Engine on a phone inside its card --- */
.product-card .pyo-amb-phone{display:flex;flex-direction:column;margin:22px auto -230px}
.product-card .pyo-amb-phone .pyo-amb-cap{order:-1;margin:0 0 14px}

/* --- Ambient product view (2026-10-03): real RFP product replaces the illustrative hero mockup --- */
.hero-figure .pyo-amb-laptop{max-width:620px;margin:0 auto}
.hero-figure .pyo-amb-cap{text-align:center;font-size:12px;color:#6B7280}