/* QRelia Pulse | a standalone editorial case study, intentionally scoped. */
.qp-page {
    --qp-ink: #203027;
    --qp-deep: #203b32;
    --qp-muted: #586b5f;
    --qp-paper: #f6f3eb;
    --qp-line: #d9d9cf;
    --qp-gold: #a77c46;
    --qp-moss: #dce7d9;
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 126px 0 112px;
    color: var(--qp-ink);
    font-family: "Instrument Sans", Arial, sans-serif;
}
.qp-page *, .qp-page *::before, .qp-page *::after { box-sizing: border-box; }
.qp-page img { max-width: 100%; display: block; }
.qp-page a { text-decoration: none; }
.qp-page figure, .qp-page h1, .qp-page h2, .qp-page h3, .qp-page p { margin-top: 0; }
.qp-page p { line-height: 1.75; }
.qp-page section[id] { scroll-margin-top: 125px; }
.qp-kicker, .qp-label, .qp-small-index { color: #547364; font-size: .69rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 800; }
.qp-kicker { display: flex; align-items: center; gap: 9px; margin-bottom: 23px; }
.qp-indicator { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--qp-gold); }
.qp-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: clamp(24px,4vw,60px); align-items: stretch; min-height: 560px; }
.qp-hero-copy { padding: clamp(24px,4vw,64px) 0 18px; display: flex; align-items: flex-start; flex-direction: column; }
.qp-eyebrow { padding: 8px 13px; border: 1px solid #ccd7cb; border-radius: 99px; background: #eaf0e8; font-size: .77rem; color: #3e6350; font-weight: 670; margin-bottom: 17px; }
.qp-page .qp-hero h1 { font-size: clamp(4.3rem,7.65vw,7.8rem); font-weight: 670; letter-spacing: -.082em; line-height: .92; margin: 0 0 27px; color: var(--qp-ink); }
.qp-hero h1 span { color: #567263; }
.qp-hero h1 em { display: block; font-family: Newsreader,Georgia,serif; font-size: 1.1em; font-weight: 380; color: var(--qp-gold); line-height: .92; letter-spacing: -.07em; }
.qp-page .qp-intro { font-family: Newsreader, Georgia,serif; font-size: clamp(1.55rem,2.1vw,2.05rem); font-weight: 430; line-height: 1.22; color: var(--qp-deep); margin: 0 0 19px; }
.qp-page .qp-lead { font-size: 1rem; color: var(--qp-muted); max-width: 570px; line-height: 1.8; margin: 0 0 26px; }
.qp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 23px; }
.qp-page .qp-action { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 47px; padding: 12px 19px; border-radius: 10px; font-size: .86rem; font-weight: 730; transition: transform .2s, background .2s; }
.qp-action:hover { transform: translateY(-2px); }
.qp-page .qp-action-primary { color: #fff; background: #203b32; }
.qp-page .qp-action-primary:hover { background: #31604d; color: white; }
.qp-page .qp-action-secondary { color: #2d4539; background: #fffefa; border: 1px solid #ccd5cb; }
.qp-page .qp-action-secondary:hover { background: #e9f0e9; color: #24382e; }
.qp-hero-proof { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: .71rem; letter-spacing: .025em; color: #64776d; }
.qp-hero-proof span+span::before { content: '•'; margin-right: 14px; color: #bb9b76; }
.qp-hero-visual { margin: 0; min-height: 0; display:flex; flex-direction:column; gap:16px; }
.qp-hero-mosaic { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.78fr); gap:14px; padding:14px; border:1px solid #d7ddd2; border-radius:21px; background:#e6ebe1; }
.qp-hero-mosaic-main { min-height:552px; }
.qp-hero-mosaic-main img, .qp-hero-mosaic-side img { width:100%; height:100%; display:block; object-fit:cover; border-radius:16px; }
.qp-hero-mosaic-main img { object-position:center; }
.qp-hero-mosaic-side { display:grid; grid-template-rows:1fr 1fr; gap:14px; min-height:552px; }
.qp-hero-mosaic-side img:last-child { object-fit:contain; background:#fffdf8; padding:12px; }
.qp-hero-card { padding:22px 24px 24px; border:1px solid #d8dfd5; border-radius:18px; background:#f7f4ea; display:flex; flex-direction:column; gap:8px; color:#546b5e; font-size:.86rem; box-shadow:0 16px 36px rgba(35,49,38,.06); }
.qp-hero-card strong { font-family:Newsreader,Georgia,serif; font-size:2rem; line-height:1.04; color:#22382f; font-weight:500; }
.qp-hero-card .qp-label { color:#67806f; }
.qp-jump { display:flex; align-items:center; flex-wrap: wrap; gap: 12px 23px; padding: 21px 0; margin: 40px 0 26px; border-top: 1px solid var(--qp-line); border-bottom: 1px solid var(--qp-line); }
.qp-jump span { font-size: .64rem; letter-spacing: .1em; color:#79877b; font-weight:800; margin-right: 16px; }
.qp-page .qp-jump a { font-size: .78rem; font-weight: 720; color: #345345; }
.qp-page .qp-jump a:hover { color: var(--qp-gold); }
.qp-thesis { padding: 54px 0 65px; }
.qp-thesis-content { display: grid; grid-template-columns: .94fr 1.06fr; gap: clamp(28px,5vw,100px); }
.qp-page h2 { font-size: clamp(2.4rem,4.2vw,4.3rem); color: var(--qp-ink); font-weight: 640; letter-spacing: -.055em; line-height: 1.06; }
.qp-thesis-content h2 { max-width: 560px; margin: 0; }
.qp-thesis-content p { color:var(--qp-muted); font-size:1.04rem; margin:0 0 13px; }
.qp-pillars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top: 46px; border: 1px solid var(--qp-line); border-radius:13px; overflow:hidden; background: rgba(255,255,251,.72); }
.qp-pillars span { padding:22px 17px; font-weight:690; border-right: 1px solid var(--qp-line); font-size:.88rem; }
.qp-pillars span:last-child { border-right: 0; }
.qp-pillars b { color:#b18b63; font-family: 'DM Mono',monospace; font-size:.66rem; margin-right:10px; }
.qp-section { padding: 75px 0 42px; border-top: 1px solid var(--qp-line); }
.qp-section-header { display:grid; grid-template-columns: 1.35fr .65fr; gap:50px; align-items: end; margin-bottom: 34px; }
.qp-section-header h2 { max-width: 760px; margin:0; }
.qp-section-header > p { color:var(--qp-muted); font-size:.98rem; margin:0 0 5px; }
.qp-browser { margin:0; border:1px solid #d9d9d0; border-radius:15px; background:#fffdf9; overflow:hidden; box-shadow:0 18px 50px rgba(42,47,36,.065); }
.qp-browser-top { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:37px; padding:9px 15px; background:#f6f3ec; border-bottom:1px solid #e6e2d9; color:#80857d; font:700 .58rem 'DM Mono',monospace; letter-spacing:.055em; }
.qp-dots { display:flex; gap:5px; flex-shrink:0; }
.qp-dots i { width:7px;height:7px;border-radius:50%;background:#d5c9b8;display:block; }
.qp-dots i:nth-child(2){background:#b6c5b5}.qp-dots i:nth-child(3){background:#d3d8cd}
.qp-browser img { width:100%;height:auto;display:block; }
.qp-browser figcaption { padding: 12px 18px; border-top: 1px solid #ece8df; font-size:.74rem; color:#657168; line-height:1.35; }
.qp-browser-feature img { max-height:760px; object-fit:cover; object-position:top; }
.qp-editorial-grid { display:grid; grid-template-columns:.77fr 1.23fr;gap:42px;align-items:start;margin-top:48px; }
.qp-copy-block { padding:12px 0; }
.qp-page .qp-copy-block h3, .qp-page .qp-device-copy h3 { font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.052em;line-height:1.1;color:var(--qp-deep);font-weight:660;margin:18px 0; }
.qp-copy-block p { color:var(--qp-muted); }
.qp-feature-list { margin-top:27px;display:grid;gap:0;border-top:1px solid var(--qp-line); }
.qp-feature-list span {padding:12px 3px;border-bottom:1px solid var(--qp-line);font-size:.85rem;font-weight:680;color:#416050;}
.qp-mini-gallery { display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start; }
.qp-mini-gallery .qp-browser figcaption { min-height:55px; }
.qp-learning { margin-top:52px; background:#e8ede5; padding:65px clamp(22px,4vw,57px) 65px; border:1px solid #d6dfd3;border-radius:22px; }
.qp-learning .qp-section-header { margin-bottom:35px; }
.qp-learning-main { display:grid;grid-template-columns: 1.2fr .8fr; gap:28px;align-items:stretch; }
.qp-learning-aside { display:flex;flex-direction:column;padding:24px 23px;background:#f8f8f2;border-radius:14px;border:1px solid #d4ddd1; }
.qp-large-number { font-family:Newsreader,Georgia,serif;color:#a7b3a0;font-size:3.8rem;line-height:1; }
.qp-page .qp-learning-aside h3 { font-size:1.82rem;letter-spacing:-.04em;line-height:1.15;margin:12px 0 22px;color:#29483b; }
.qp-learning-aside ol {padding-left:20px;margin:0 0 22px;display:grid;gap:12px;font-size:.89rem;font-weight:690;color:#385645;}
.qp-learning-aside p {margin-top:auto;color:#677b6c;font-size:.85rem;}
.qp-proof-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:18px; }
.qp-proof-grid .qp-browser img { aspect-ratio:1.26/1;object-fit:cover;object-position:top; }
.qp-proof-grid .qp-browser figcaption{min-height:58px;}
.qp-pommie {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(24px,5vw,72px);margin-top:68px;padding:32px; background:radial-gradient(circle at 60% 30%, rgba(52,121,89,.32), transparent 34%),linear-gradient(135deg,#17392f 0%,#22473a 55%,#16372d 100%);border:0;border-radius:24px;color:#ebf2e8;overflow:hidden; }
.qp-pommie-copy{display:flex;flex-direction:column;gap:18px;position:relative;z-index:2;}
.qp-pommie-copy-card{background:#f5efe3;border-radius:22px;padding:30px clamp(20px,3vw,34px);box-shadow:0 16px 38px rgba(8,20,16,.18);}
.qp-pommie .qp-kicker{color:#6c836f;}.qp-page .qp-pommie h2{color:#183228;max-width:620px;}
.qp-pommie-copy-card>p:not(.qp-kicker){color:#4b6257;font-size:1.01rem;}
.qp-pommie-copy-card>p strong{color:#203c31;}
.qp-page .qp-pommie-lede{font-family:Newsreader,Georgia,serif;font-size:1.78rem!important;line-height:1.2;color:#745a35!important;}
.qp-pommie-points{display:grid;grid-template-columns:1fr;gap:0;margin-top:35px;}
.qp-pommie-points div{display:grid;grid-template-columns:135px 1fr;gap:16px;padding:13px 0;border-top:1px solid rgba(35,54,42,.14);font-size:.81rem;}
.qp-pommie-points b{color:#305342;}.qp-pommie-points span{color:#5b7066;}
.qp-pommie-proof {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:8px 0 8px;position:relative;z-index:2;}
.qp-pommie-showcase{position:relative;display:flex;align-items:center;justify-content:center;min-height:640px;width:100%;padding:22px 24px 130px;}
.qp-pommie-aura{position:absolute;border-radius:999px;filter:blur(4px);opacity:.9;pointer-events:none;}
.qp-pommie-aura-one{width:320px;height:320px;background:radial-gradient(circle, rgba(99,169,128,.34) 0%, rgba(99,169,128,0) 70%);top:60px;left:50%;transform:translateX(-50%);}
.qp-pommie-aura-two{width:220px;height:220px;background:radial-gradient(circle, rgba(236,206,145,.22) 0%, rgba(236,206,145,0) 72%);bottom:54px;right:34px;}
.qp-phone { width:100%;max-width:235px;padding:11px 7px 13px;background:#1e2622;border:3px solid #455047;border-radius:32px;position:relative;box-shadow:0 18px 40px rgba(0,0,0,.18);overflow:hidden; }
.qp-phone::after{content:'';position:absolute;bottom:6px;left:42%;width:16%;height:3px;background:#77847b;border-radius:12px;}
.qp-phone-notch {height:11px;width:30%;border-radius:0 0 11px 11px;position:absolute;z-index:1;top:9px;left:35%;background:#1e2622;}
.qp-phone img{width:100%;aspect-ratio:954 / 1560;object-fit:cover;object-position:top;border-radius:24px;display:block;background:#f4efe6;}
.qp-phone-main { max-width:330px; padding:14px 10px 17px;border-radius:42px;transform:rotate(-2deg);box-shadow:0 28px 60px rgba(0,0,0,.38); position:relative; z-index:3; }
.qp-phone-main img{border-radius:31px;aspect-ratio:1056 / 1754;}
.qp-phone-main .qp-phone-notch{height:14px;top:11px;}
.qp-pommie-character{position:absolute;display:block;z-index:2;filter:drop-shadow(0 22px 34px rgba(8,20,16,.28));pointer-events:none;user-select:none;}
.qp-pommie-character-wave{width:132px;left:22px;top:98px;transform:rotate(-8deg);}
.qp-pommie-character-celebrate{width:166px;right:22px;bottom:54px;transform:rotate(8deg);}
.qp-pommie-character-sleepy{width:126px;right:34px;top:46px;transform:rotate(6deg);opacity:.96;}
.qp-pommie-badge{position:absolute;z-index:4;max-width:220px;padding:14px 16px;border-radius:18px;background:rgba(245,239,227,.92);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px);box-shadow:0 18px 42px rgba(9,19,15,.16);color:#355042;line-height:1.42;}
.qp-pommie-badge strong{display:block;color:#183127;font-size:.92rem;}
.qp-pommie-badge span{display:block;font-size:.76rem;color:#607468;margin-top:3px;}
.qp-pommie-badge-top{left:24px;bottom:172px;font-size:.76rem;}
.qp-pommie-badge-bottom{right:12px;top:210px;}
.qp-pommie-label{text-align:center;display:flex;flex-direction:column;gap:6px;color:#dce7df;max-width:320px;}
.qp-pommie-label span{font-size:.64rem;letter-spacing:.12em;color:#b9caaf;}
.qp-pommie-label strong{font-size:1.05rem;color:#f5efe4;}.qp-pommie-label small{font-size:.74rem;}
.qp-phone-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;align-items:start;padding:6px 0 13px;}
.qp-phone-gallery figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:17px;min-width:0;}
.qp-phone-gallery figcaption{display:flex;flex-direction:column;width:100%;text-align:center;line-height:1.4;min-height:70px;}
.qp-phone-gallery figcaption b{color:#364d40;font-size:.86rem;}.qp-phone-gallery figcaption span{color:#718174;font-size:.77rem;margin-top:6px;}
.qp-swipe-hint{display:none;color:#748478;font-size:.77rem;margin:0;}
.qp-device-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;margin-top:30px;align-items:start;}
.qp-device-copy p{color:var(--qp-muted);margin:0 0 15px;}
.qp-device-copy strong{color:#2e4b3a;}
.qp-hardware-specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px;}
.qp-hardware-specs div{border-top:1px solid var(--qp-line);padding-top:12px;display:flex;flex-direction:column;gap:6px;}
.qp-hardware-specs span{color:#7a8b7e;letter-spacing:.07em;font-size:.67rem;font-weight:800;}
.qp-hardware-specs strong{font-size:.9rem;}
.qp-device-primary{margin:0;background:#e6e8df;border-radius:14px;overflow:hidden;border:1px solid var(--qp-line);}
.qp-device-primary img{width:100%;height:520px;object-fit:cover;object-position:center;}
.qp-device-primary figcaption{padding:14px 18px;font-size:.76rem;color:#65766a;}
.qp-build-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:66px 0 19px;}
.qp-page .qp-build-heading h3{font-size:2rem;letter-spacing:-.045em;margin:0;}
.qp-build-heading p{max-width:380px;color:var(--qp-muted);margin:0;font-size:.86rem;}
.qp-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.qp-build-grid figure{margin:0;min-width:0;border:1px solid #d5d8d0;border-radius:13px;overflow:hidden;background:#fffdf9;}
.qp-build-grid img{width:100%;height:225px;object-fit:cover;object-position:center;}
.qp-build-grid figcaption{display:flex;flex-direction:column;gap:6px;padding:14px 13px 16px;}
.qp-build-grid b{font-size:.76rem;color:#405d4b;}.qp-build-grid span{font-size:.74rem;color:#7b817a;line-height:1.4;}
.qp-hardware-endcaps{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:16px;margin-top:16px;align-items:stretch;}
.qp-engineering-note{margin-top:19px;background:#e4eae0;padding:22px 26px;display:grid;grid-template-columns: 190px 1fr;gap:25px;border-radius:11px;align-items:center;}
.qp-engineering-note span{font-size:.69rem;letter-spacing:.1em;color:#62816a;font-weight:800;}
.qp-engineering-note p{color:#395544;font-size:.93rem;margin:0;}
.qp-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.qp-video-card{min-width:0;border:1px solid #d8ddd4;border-radius:13px;overflow:hidden;background:#f9f8f3;}
.qp-video-trigger{width:100%;aspect-ratio:16/9;display:block;position:relative;border:0;padding:0;cursor:pointer;background:#1e2c23;overflow:hidden;}
.qp-video-trigger::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.4));pointer-events:none;}
.qp-video-trigger img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);}
.qp-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);height:65px;width:65px;border-radius:50%;background:#f3f0e4;display:flex;align-items:center;justify-content:center;color:#1d3c2d;font-size:1.5rem;box-shadow:0 10px 35px rgba(0,0,0,.3);padding-left:4px;}
.qp-video-trigger:hover .qp-play{background:#d9e6d6;}
.qp-video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#1e2c23;}
.qp-video-info{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 19px;font-size:.81rem;}
.qp-video-info strong{color:#3b5546;}.qp-page .qp-video-info a{color:#597363;font-weight:700;}
.qp-closing{margin-top:85px;padding:70px clamp(23px,7vw,115px);border-radius:20px;text-align:center;background:#e6e9df;display:flex;flex-direction:column;align-items:center;}
.qp-closing .qp-kicker{display:block;}
.qp-closing h2{max-width:850px;}
.qp-closing > p:not(.qp-kicker){max-width:800px;color:#617269;font-size:1.03rem;margin:0 0 28px;}
.qp-closing .qp-actions{justify-content:center;margin-bottom:0;}
@media (max-width:1020px){
 .qp-hero{grid-template-columns:1fr 1fr;gap:22px;min-height:0;}.qp-hero-copy{padding-top:20px;}.qp-page .qp-hero h1{font-size:clamp(3.7rem,7vw,6rem);}
 .qp-hero-mosaic-main,.qp-hero-mosaic-side{min-height:420px;}
 .qp-section-header{grid-template-columns:1fr .7fr;gap:20px;}
 .qp-pillars{grid-template-columns:1fr 1fr;}.qp-pillars span:nth-child(2){border-right:0;}.qp-pillars span:nth-child(-n+2){border-bottom:1px solid var(--qp-line);}
 .qp-learning-main{grid-template-columns:1fr;}.qp-learning-aside{display:block;}.qp-proof-grid{gap:10px;}.qp-pommie{gap:25px;}
 .qp-platform-strip{grid-template-columns:1fr 1fr;}
 .qp-phone-gallery{gap:10px;}.qp-phone-gallery .qp-phone{padding:7px 4px 10px;border-radius:24px;border-width:2px;}.qp-phone-gallery .qp-phone img{border-radius:18px;}.qp-phone-gallery .qp-phone-notch{top:6px;}
 .qp-build-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.qp-build-grid img{height:170px;} .qp-hardware-endcaps{grid-template-columns:1fr;} 
}
@media (max-width:760px){
 .qp-page{width:calc(100% - 28px);padding-top:105px;padding-bottom:65px;}
 .qp-hero{grid-template-columns:1fr;gap:20px;}.qp-hero-copy{padding:10px 4px 0;}.qp-page .qp-hero h1{font-size:clamp(4rem,15vw,7rem);}
 .qp-hero-mosaic{grid-template-columns:1fr;}.qp-hero-mosaic-main{min-height:360px;}.qp-hero-mosaic-side{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:0;} .qp-hero-proof span+span::before{display:none;}
 .qp-jump{margin:28px 0 0;gap:10px 18px;}.qp-jump span{width:100%;}
 .qp-thesis{padding:45px 0;}.qp-thesis-content{grid-template-columns:1fr;gap:22px;}
 .qp-section{padding:56px 0 35px;}.qp-section-header{grid-template-columns:1fr;gap:14px;margin-bottom:23px;}.qp-section-header > p{max-width:610px;}
 .qp-editorial-grid{grid-template-columns:1fr;gap:17px;margin-top:30px;}.qp-mini-gallery{gap:9px;}.qp-browser-top{padding:8px;font-size:.5rem;} .qp-platform-strip{grid-template-columns:1fr;}
 .qp-learning{padding:35px 15px;margin-top:32px;}.qp-proof-grid{grid-template-columns:1fr 1fr;}.qp-proof-grid .qp-browser:last-child{grid-column:span 2;}
 .qp-pommie{grid-template-columns:1fr;padding:24px;margin-top:37px;}.qp-pommie-copy-card{padding:24px 18px;}.qp-pommie-proof{padding-top:12px;}.qp-pommie-showcase{min-height:560px;padding:8px 12px 118px;}.qp-pommie-character-wave{left:12px;top:62px;width:118px;}.qp-pommie-character-sleepy{right:18px;top:30px;width:112px;}.qp-pommie-character-celebrate{right:10px;bottom:32px;width:144px;}.qp-pommie-badge-top{left:14px;bottom:132px;}.qp-pommie-badge-bottom{right:8px;top:178px;}.qp-pommie-points div{grid-template-columns:110px 1fr;}
 .qp-phone-gallery{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:thin; padding-bottom:22px;}
 .qp-phone-gallery figure{scroll-snap-align:center;flex:0 0 210px;}.qp-phone-gallery .qp-phone{max-width:200px;}.qp-swipe-hint{display:block;}
 .qp-device-story{grid-template-columns:1fr;gap:20px;}.qp-device-primary img{height:420px;}
 .qp-build-grid{grid-template-columns:1fr 1fr;}.qp-build-grid img{height:180px;}.qp-build-heading{align-items:start;flex-direction:column;gap:7px;}
 .qp-engineering-note{grid-template-columns:1fr;gap:10px;}.qp-video-grid{gap:12px;}
 .qp-closing{margin-top:50px;padding:46px 20px;}
}
@media (max-width:480px){
 .qp-page .qp-hero h1{font-size:clamp(4rem,18vw,5.8rem);}
 .qp-intro{font-size:1.6rem!important;}.qp-hero-mosaic-side{grid-template-columns:1fr;}.qp-hero-card{padding:19px 18px 20px;}
 .qp-pillars span{padding:15px 10px;font-size:.78rem;}.qp-pillars b{display:block;margin:0 0 5px;}
 .qp-mini-gallery{grid-template-columns:1fr;}.qp-proof-grid{grid-template-columns:1fr;}.qp-proof-grid .qp-browser:last-child{grid-column:span 1;}
 .qp-phone-gallery figure{flex-basis:190px;}.qp-video-grid{grid-template-columns:1fr;}.qp-build-grid img{height:130px;}
 .qp-page .qp-action{font-size:.82rem;}.qp-hardware-specs{gap:10px;}.qp-pommie-showcase{min-height:500px;padding:0 8px 104px;}.qp-pommie-character-wave{left:8px;top:58px;width:96px;}.qp-pommie-character-sleepy{right:8px;top:20px;width:92px;}.qp-pommie-character-celebrate{right:6px;bottom:38px;width:118px;}.qp-pommie-badge{max-width:170px;padding:11px 12px;border-radius:14px;}.qp-pommie-badge-top{left:8px;bottom:118px;font-size:.72rem;}.qp-pommie-badge-bottom{right:6px;top:172px;}.qp-pommie-points div{grid-template-columns:1fr;gap:4px;}
}
@media (prefers-reduced-motion:reduce){.qp-action{transition:none!important;}}
/* Supporting product proof: both manager and Crew views of fair recognition. */
.qp-mini-gallery .qp-browser:last-child { grid-column:1/-1; }
.qp-mini-gallery .qp-browser:last-child img { max-height:340px;object-fit:cover;object-position:center; }
.qp-pulse-admin-shot { margin-top:0!important; }
.qp-pulse-admin-shot img { max-height:225px;object-fit:cover;object-position:top; }
.qp-final-unit { margin:0;display:grid;grid-template-columns: minmax(0,380px) 1fr;gap:0;align-items:center;border:1px solid #d7ddd1;border-radius:14px;overflow:hidden;background:#ecefe9; }
.qp-final-unit img{width:100%;height:260px;object-fit:cover;object-position:center;}
.qp-final-unit figcaption{padding:22px 32px;display:flex;flex-direction:column;gap:9px;line-height:1.6;}
.qp-final-unit b{color:#30513c;font-size:.94rem;}.qp-final-unit span{color:#697d6e;font-size:.83rem;}
.qp-final-unit-compact{grid-template-columns:1fr;}
.qp-final-unit-compact img{height:220px;}
@media(max-width:600px){ .qp-final-unit{grid-template-columns:1fr;}.qp-final-unit img{height:220px;}.qp-final-unit figcaption{padding:18px 20px;} }