/* V53: single-portal customer architecture and app design study */
:root{--p53-ink:#27222c;--p53-accent:#88455a;--p53-light:#f7f0f3;--p53-border:#e9e1e7}
.p53-shell{max-width:1200px;margin:0 auto}.p53-overline{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--p53-accent)}
.p53-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:4px 0 25px}.p53-hero h1{font-size:clamp(30px,3.8vw,48px);letter-spacing:-.045em;line-height:1.04;margin:10px 0}.p53-hero p{max-width:640px;line-height:1.65;color:#736b78;margin:0}.p53-action{display:inline-flex;padding:12px 18px;border-radius:12px;text-decoration:none;background:var(--p53-ink);color:white!important;font-weight:700;font-size:13px;align-items:center;gap:10px}.p53-action.secondary{background:white;color:var(--p53-ink)!important;border:1px solid var(--p53-border)}
.p53-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.p53-card{background:#fff;border:1px solid var(--p53-border);border-radius:18px;padding:24px;min-width:0;box-shadow:0 10px 24px rgba(28,24,35,.025)}.p53-card h2,.p53-card h3{font-size:21px;letter-spacing:-.025em;margin:12px 0 7px;color:var(--p53-ink)}.p53-card p{color:#716976;font-size:14px;line-height:1.6}.p53-kicker{font-size:10px;font-weight:800;color:#a06a7b;letter-spacing:.13em;text-transform:uppercase}.p53-num{display:block;font-size:40px;letter-spacing:-.055em;font-weight:800;margin:12px 0 3px}.p53-maincard{background:linear-gradient(130deg,#29232d,#554353);color:#fff;border:0;grid-column:span 2}.p53-maincard h2,.p53-maincard p,.p53-maincard .p53-kicker{color:#fff}.p53-maincard p{opacity:.75}.p53-maincard .p53-action{background:#fff;color:#2c2430!important}.p53-row{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.p53-badge{display:inline-flex;border-radius:100px;padding:6px 10px;font-size:11px;font-weight:800;background:#f6edf2;color:#88455a}.p53-badge.muted{background:#f2f0f4;color:#6c6672}.p53-badge.warning{background:#fff3e2;color:#855b2e}.p53-divider{height:1px;background:var(--p53-border);margin:18px 0}.p53-tablewrap{overflow-x:auto;border:1px solid var(--p53-border);border-radius:17px;background:#fff;margin-top:20px}.p53-table{width:100%;border-collapse:collapse;min-width:600px}.p53-table th{background:#faf8fa;color:#827682;letter-spacing:.08em;font-size:11px;text-align:left;text-transform:uppercase}.p53-table th,.p53-table td{padding:17px 19px;border-bottom:1px solid var(--p53-border)}.p53-table tbody tr:last-child td{border-bottom:0}.p53-table td{font-size:13px;color:#312b35}.p53-table a{color:#88455a;font-weight:700;text-decoration:none}.p53-info{background:#f8f2f5;border-left:3px solid var(--p53-accent);padding:17px 20px;margin:20px 0;border-radius:0 14px 14px 0;color:#4c3c47;line-height:1.55;font-size:13px}.p53-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 23px}.p53-step{background:#faf7f9;border:1px solid #ece5eb;border-radius:12px;padding:13px;min-width:0}.p53-step strong{display:block;font-size:11px;color:#92596c}.p53-step span{display:block;font-size:12px;margin-top:5px}.p53-step.active{background:#f3e8ed;border-color:#be9da9}.p53-app-banner{margin:22px 0;padding:23px;border-radius:20px;background:#eeedf3;display:flex;justify-content:space-between;align-items:center;gap:15px}.p53-app-banner p{margin:6px 0 0;color:#736978;font-size:13px}.p53-demo-ticket{background:linear-gradient(115deg,#fff,#f8f1f5);padding:27px;border:1px solid #e9dfe5;border-radius:20px;position:relative;overflow:hidden}.p53-demo-ticket:after{content:'';width:145px;height:145px;border:25px solid #eadde4;position:absolute;right:-69px;top:-88px;border-radius:50%;opacity:.38}.p53-demo-ticket h2{font-size:30px;margin:14px 0}.p53-demo-ticket .p53-code{border:1px dashed #d1b6c1;border-radius:10px;padding:12px;color:#976b7b;font-size:12px;margin-top:20px}.p53-preview-only{color:#8f6a7a;font-size:12px;line-height:1.5}.p53-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.p53-app-page{padding-bottom:70px}.p53-app-lead{max-width:780px;margin:24px auto 35px;text-align:center}.p53-app-lead h1{font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.065em;margin:18px 0}.p53-app-lead p{color:#766c76;line-height:1.7}.p53-phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1160px;margin:30px auto}.p53-phone{border:9px solid #302b34;border-radius:40px;background:#fbf9fa;box-shadow:0 25px 55px rgba(35,28,37,.12);min-height:490px;padding:25px 17px 17px;position:relative;overflow:hidden;color:#29242e}.p53-phone:before{content:'';width:78px;height:15px;background:#302b34;border-radius:0 0 13px 13px;position:absolute;top:-2px;left:calc(50% - 39px)}.p53-phone .p53-phone-label{font-size:10px;letter-spacing:.13em;color:#965d70;font-weight:800}.p53-phone h2{font-size:26px;letter-spacing:-.055em;margin:15px 0}.p53-phone .p53-phone-card{padding:16px;background:#fff;border:1px solid #e9e0e7;border-radius:16px;margin:12px 0}.p53-phone .p53-phone-card strong{font-size:13px}.p53-phone .p53-phone-card p{font-size:11px;color:#8b818c;line-height:1.5}.p53-phone .p53-bottomnav{position:absolute;bottom:0;left:0;right:0;padding:15px;display:flex;justify-content:space-around;border-top:1px solid #e8e0e5;background:#fff;font-size:10px;color:#956174}.p53-phone .p53-big{font-weight:800;font-size:32px;color:#88455a;margin:20px 0}.p53-phone .p53-phone-ticket{background:#3d303e;border-radius:16px;color:white;padding:18px;margin:20px 0}.p53-phone .p53-phone-ticket small{color:#dcc9d1}.p53-architecture{max-width:1100px;margin:45px auto;padding:0 20px}.p53-architecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.p53-architecture-box{padding:24px;border-radius:17px;border:1px solid #e6dfe5;background:white}.p53-architecture-box.dark{background:#302a33;color:white;grid-column:span 2}.p53-architecture-box p{opacity:.75;font-size:13px;line-height:1.6}
@media(max-width:1050px){.p53-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p53-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.p53-phone-grid{grid-template-columns:1fr;max-width:370px}.p53-grid,.p53-preview-grid{grid-template-columns:1fr}.p53-maincard{grid-column:auto}.p53-app-banner{flex-direction:column;align-items:flex-start}.p53-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.p53-hero{align-items:flex-start}.p53-card{padding:19px}.p53-architecture-grid{grid-template-columns:1fr}.p53-architecture-box.dark{grid-column:auto}}