/* Picorae v18.28 — legible premium illustrated marketing, responsive and progressive. */
#homeView .p28-marketing-gallery{color:#33291f;max-width:1380px;margin:auto}
#homeView .p28-marketing-gallery *{box-sizing:border-box}
#homeView .p28-eyebrow{font:800 11px/1.3 system-ui;letter-spacing:.16em;text-transform:uppercase;color:#8e6635}
#homeView .p28-marketing-gallery h2{font:500 clamp(29px,4.4vw,53px)/1.11 Georgia,serif;letter-spacing:-.025em;margin:14px 0 20px;color:#33291f}
#homeView .p28-marketing-gallery h2 em{font-style:italic;color:#997141}
#homeView .p28-marketing-gallery p{font-size:clamp(14px,1.45vw,17px);line-height:1.7;color:#625446;margin:0 0 23px}
#homeView .p28-editorial{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);align-items:center;gap:clamp(25px,5vw,78px);padding:clamp(28px,5vw,76px) clamp(16px,5vw,64px);background:linear-gradient(150deg,#fbf7ef,#f2e6d4);border-radius:25px;margin:18px clamp(12px,3vw,36px) 56px}
#homeView .p28-editorial-media{position:relative;min-height:400px;border-radius:18px;overflow:hidden;background:#c5a98d}
#homeView .p28-editorial-media>img{width:100%;height:100%;min-height:400px;max-height:520px;object-fit:cover;display:block}
#homeView .p28-editorial-media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(39,25,13,.35),transparent);pointer-events:none}
#homeView .p28-demo-phone{position:absolute;right:18px;bottom:18px;width:190px;min-height:230px;padding:17px 13px;border:5px solid #242320;border-radius:27px;background:#fffcf6;box-shadow:0 18px 36px #0004;display:flex;flex-direction:column;gap:9px;text-align:center;z-index:2;transform:rotate(4deg)}
#homeView .p28-demo-phone .p28-demo-brand{font:23px Georgia,serif;color:#533921}
#homeView .p28-demo-phone small{color:#8d7453;letter-spacing:.11em;font:750 8px system-ui}
#homeView .p28-demo-phone strong{font:16px Georgia,serif;color:#342a21;margin:2px 0}
#homeView .p28-demo-phone>span:not(.p28-demo-brand){display:block;border:1px solid #e9dcc8;background:#faf3e6;padding:8px 7px;border-radius:8px;text-align:left;font:600 11px system-ui}
#homeView .p28-steps{display:grid;gap:11px;margin:0 0 26px;font-size:13px;font-weight:650}
#homeView .p28-steps span{display:flex;align-items:center;gap:10px}
#homeView .p28-steps b{font-size:12px;color:#956c3d;background:#eddfca;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}
#homeView .p28-features{padding:10px clamp(16px,5vw,64px) 58px}
#homeView .p28-section-lead{text-align:center;max-width:600px;margin:0 auto 30px}
#homeView .p28-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#homeView .p28-feature{overflow:hidden;border-radius:18px;border:1px solid #e9dcc5;background:#fffcf7;box-shadow:0 10px 28px rgba(84,60,31,.065)}
#homeView .p28-feature .p28-visual{height:clamp(215px,25vw,340px);position:relative;overflow:hidden;background:#d4b79a}
#homeView .p28-feature .p28-visual>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
#homeView .p28-feature:hover .p28-visual>img{transform:scale(1.025)}
#homeView .p28-feature-copy{padding:22px 26px 26px}
#homeView .p28-feature h3{font:500 clamp(22px,2.9vw,32px)/1.18 Georgia,serif;color:#352a1e;margin:7px 0 11px}
#homeView .p28-feature p{font-size:14px;margin:0;line-height:1.65}
/* Digital-only badge: no paper strips or printout visuals. */
#homeView .p28-digital-frame{position:absolute;left:15px;bottom:14px;right:15px;max-width:350px;display:grid;gap:3px;padding:11px 14px;background:rgba(255,252,244,.96);border:1px solid #ead6b9;border-radius:12px;box-shadow:0 8px 24px #0003;text-align:left;color:#4f3928}
#homeView .p28-digital-frame strong{font:800 11px/1.3 system-ui;letter-spacing:.07em}
#homeView .p28-digital-frame span{font:650 12px/1.35 system-ui}
#homeView .p28-digital-frame small{font:500 10px/1.3 system-ui;color:#785f48}
#homeView .p28-voice-chip,#homeView .p28-challenge-chip,#homeView .p28-control-chip{position:absolute;bottom:14px;left:14px;right:14px;padding:11px 15px;border-radius:12px;background:#fffcf5f5;color:#403121;font:700 12px/1.5 system-ui;box-shadow:0 8px 18px #0002}
#homeView .p28-voice-chip span{display:block;letter-spacing:4px;text-align:center;color:#bb8a53;font-size:18px}
#homeView .p28-challenge-chip span{display:block;font-weight:500}
#homeView .p28-signs{display:flex;align-items:center;justify-content:center;gap:clamp(30px,8vw,100px);margin:5px clamp(12px,3vw,36px) 60px;padding:42px clamp(20px,5vw,75px);border-radius:22px;background:linear-gradient(140deg,#efe1ca,#f8f0e3)}
#homeView .p28-signs-copy{flex:1;max-width:560px}
#homeView .p28-sign-mock{flex:0 0 240px;padding:12px;background:#d7b980;border:2px solid #b59460;border-radius:6px;box-shadow:18px 20px 23px #6a4b2925;transform:rotate(2deg)}
#homeView .p28-sign-inner{min-height:310px;background:#fff9ed;border:1px solid #a78d65;outline:1px solid #c3a36a;outline-offset:-7px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:28px 16px;gap:12px}
#homeView .p28-sign-inner>span{font:26px Georgia,serif}
#homeView .p28-sign-inner h3{font:23px Georgia,serif;margin:0}
#homeView .p28-qr-mock{height:98px;width:98px;background-color:#fff;background-image:repeating-conic-gradient(#2d261e 0% 25%,white 0% 50%);background-size:13px 13px;border:9px solid white;outline:1px solid #bda783}
#homeView .p28-sign-inner small{font:700 9px/1.55 system-ui;letter-spacing:.1em}
#homeView .p28-marketing-gallery .p28-visual-note{font-size:11px;color:#74624e;margin-top:17px}
@media(max-width:800px){
 #homeView .p28-editorial{grid-template-columns:1fr;gap:24px;padding:20px;margin:8px 12px 35px}
 #homeView .p28-editorial-media{min-height:270px}
 #homeView .p28-editorial-media>img{min-height:270px;max-height:355px}
 #homeView .p28-editorial-copy{padding:0 6px 14px}
 #homeView .p28-feature-grid{grid-template-columns:1fr;gap:15px}
 #homeView .p28-feature .p28-visual{height:255px}
 #homeView .p28-features{padding:12px 15px 35px}
 #homeView .p28-feature-copy{padding:18px 20px 23px}
 #homeView .p28-signs{padding:28px 20px;flex-direction:column;align-items:stretch;margin:8px 12px 40px}
 #homeView .p28-sign-mock{flex:0 0 auto;width:230px;align-self:center}
}
@media(max-width:420px){#homeView .p28-demo-phone{width:151px;min-height:190px;right:10px;bottom:10px;padding:8px;border-width:4px}#homeView .p28-demo-phone>span:not(.p28-demo-brand){font-size:9px;padding:6px}#homeView .p28-demo-phone strong{font-size:14px}#homeView .p28-editorial-media>img{height:292px}#homeView .p28-editorial-media{height:292px}}
@media(prefers-reduced-motion:reduce){#homeView .p28-feature .p28-visual>img{transition:none}}