.soj-pwa-page{background:#040b09;color:#f8f2e5;overflow:hidden}.soj-pwa-page .soj-page-identifier{background:#090f0b}.pwa-hero,.pwa-definition,.pwa-benefits,.pwa-how,.pwa-final{width:min(1400px,100%);margin:auto;padding:80px clamp(24px,5vw,75px)}.pwa-hero{display:grid;grid-template-columns:43% 57%;min-height:650px;align-items:center;position:relative;background:radial-gradient(circle at 72% 45%,#1d513d99,transparent 54%),linear-gradient(135deg,#081e17,#090b0a 65%,#2d1018)}.pwa-copy{position:relative;z-index:3}.pwa-kicker{font-size:12px;letter-spacing:.2em;color:#d6b862;font-weight:800}.pwa-copy h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(52px,5vw,87px);line-height:1.05;margin:28px 0}.pwa-copy h1 em{font-style:normal;color:#d9bd68}.pwa-copy>p{max-width:500px;color:#d3d8cf;line-height:1.8}.pwa-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:35px 0 20px}.pwa-actions button{background:linear-gradient(125deg,#efcc75,#b68c31);border:0;border-radius:6px;padding:17px 23px;color:#0b2118;font-weight:800;cursor:pointer}.pwa-actions a{color:#e9dfc2;font-weight:700}.pwa-status{font-size:13px}.pwa-proof{display:flex;flex-direction:column;gap:6px;margin-top:45px;font-size:12px;color:#d9c782}.pwa-proof small{color:#aab4ae}.pwa-device-stage{height:520px;position:relative;perspective:1600px}.pwa-orbit{position:absolute;inset:5% 7%;border:1px solid #c29a4766;border-radius:50%;transform:rotate(-15deg)}.pwa-tablet{width:76%;height:69%;position:absolute;top:14%;left:9%;border:13px solid #181c1d;border-radius:26px;box-shadow:0 45px 80px #000b,0 0 0 2px #636c63;overflow:hidden;transform:rotate(-8deg)}.pwa-camera{position:absolute;left:5px;top:50%;width:5px;height:5px;border-radius:50%;background:#687776}.pwa-screen,.pwa-phone-screen{width:100%;height:100%;background:#042b1b;overflow:hidden}.pwa-screen iframe{width:1180px;height:810px;border:0;transform:scale(.39);transform-origin:top left;pointer-events:none}.pwa-phone{position:absolute;right:2%;top:15%;width:25%;height:82%;background:#141918;border:9px solid #15191a;border-radius:40px;box-shadow:0 30px 80px #000c,0 0 0 2px #8a918b;overflow:hidden;transform:rotate(8deg)}.pwa-notch{position:absolute;width:36%;height:15px;background:#15191a;border-radius:12px;left:32%;top:1px;z-index:2}.pwa-phone-screen iframe{width:390px;height:844px;border:0;transform:scale(.43);transform-origin:top left;pointer-events:none}.pwa-chip{position:absolute;right:0;bottom:0;border-radius:20px;padding:12px 20px;background:#153f2e;border:1px solid #c8aa60;color:#ead39a;font-size:11px;letter-spacing:.14em}.pwa-definition{display:grid;grid-template-columns:35% 65%;gap:20px;align-items:center;border-top:1px solid #b5a36b44;border-bottom:1px solid #b5a36b44}.pwa-definition div{display:flex;flex-direction:column}.pwa-definition span{font-size:52px;color:#d6bc71;font-family:Georgia,serif}.pwa-definition strong{font-size:16px}.pwa-definition p,.pwa-benefits p{line-height:1.8;color:#bdc6bf}.pwa-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pwa-benefits article{background:linear-gradient(145deg,#143c2d,#07120f);padding:38px;border:1px solid #d8ba6844;border-radius:12px}.pwa-benefits b{color:#d9bc65}.pwa-benefits h2{font-family:Georgia,serif;font-size:28px}.pwa-how{text-align:center;background:#10251c}.pwa-how h2{font:normal clamp(38px,4vw,60px) Georgia,serif;margin:20px 0 40px}.pwa-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pwa-tabs button{color:#f4e7c8;background:#10261c;border:1px solid #998a62;border-radius:7px;padding:13px 20px;cursor:pointer}.pwa-tabs button.active{background:#dfbd6b;color:#12251b}.pwa-steps{max-width:760px;margin:35px auto 0;text-align:left;display:grid;gap:12px}.pwa-step{padding:20px 25px;background:#07140f;border:1px solid #bba06455;border-radius:8px;display:flex;gap:18px;align-items:flex-start}.pwa-step b{color:#d6b560}.pwa-final{display:flex;gap:38px;align-items:center}.pwa-final img{width:100px;height:100px;object-fit:contain}.pwa-final h2{font:normal 36px Georgia,serif}.pwa-final p,.pwa-final a{color:#d9b969}@media(max-width:850px){.pwa-hero{grid-template-columns:1fr;padding-top:65px}.pwa-device-stage{height:440px}.pwa-definition,.pwa-benefits{grid-template-columns:1fr}.pwa-tablet{width:75%}.pwa-screen iframe{transform:scale(.32)}.pwa-phone-screen iframe{transform:scale(.35)}}@media(max-width:460px){.pwa-device-stage{height:300px}.pwa-tablet{height:65%;border-width:7px;border-radius:16px}.pwa-phone{border-width:5px;border-radius:25px}.pwa-screen iframe{transform:scale(.2)}.pwa-phone-screen iframe{transform:scale(.22)}.pwa-hero,.pwa-definition,.pwa-benefits,.pwa-how,.pwa-final{padding:54px 20px}.pwa-final img{width:65px;height:65px}.pwa-final h2{font-size:25px}}