:root{--bg:#f5f8fc;--bg-soft:#eef3f8;--surface:#fff;--text:#1d355e;--text-dark:#222f3e;--muted:#6b7d98;--line:#d9e3ee;--blue:#184fa8;--blue-dark:#0f438c;--cyan:#4fcbe8;--yellow:#ffd74d;--shadow:0 18px 42px rgba(18,54,112,.08);--shadow-strong:0 28px 70px rgba(18,54,112,.14);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fbfdff 0%, #f5f8fc 100%);color:var(--text)}
a{text-decoration:none;color:inherit}.pe-wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.pe-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(217,227,238,.8)}
body.admin-bar .pe-topbar{top:32px}@media (max-width:782px){body.admin-bar .pe-topbar{top:46px}}
.pe-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.pe-logo{display:flex;align-items:center;gap:10px;font-weight:800}.pe-logo-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#2f70d5);color:#fff;font-weight:900}.pe-logo-text{font-size:18px;letter-spacing:.2px;color:#dd3f77}
.pe-menu{display:flex;gap:22px;align-items:center}.pe-menu a{font-size:14px;font-weight:700;color:#4a6287}.pe-header-cta{padding:10px 16px;border-radius:999px;background:var(--blue);color:#fff;font-size:14px;font-weight:800}
.pe-hero{padding:54px 0 26px}.pe-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
.pe-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#fff0a8;border:1px solid #ead76e;color:#5d4d00;font-size:13px;font-weight:800}
.pe-hero-copy h1{margin:18px 0 14px;font-size:clamp(2.8rem,5vw,4.45rem);line-height:.98;letter-spacing:-.04em;color:var(--text-dark)}.pe-hero-copy .pe-sky{color:var(--cyan)}.pe-hero-copy p{margin:0;max-width:520px;color:var(--muted);font-size:1.03rem;line-height:1.68}
.pe-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 18px}
.pe-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:15px;border:1px solid var(--line);font-weight:800;font-size:15px;transition:.18s ease;cursor:pointer}.pe-btn:hover{transform:translateY(-1px)}.pe-btn-blue{background:linear-gradient(135deg,var(--blue),#2866cb);border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(23,79,168,.18)}.pe-btn-white{background:#fff;color:var(--blue-dark)}.pe-btn-yellow{background:var(--yellow);border-color:transparent;color:#544100}.pe-btn-small{min-height:42px;padding:0 16px;font-size:14px}.pe-btn-full{width:100%}
.pe-stats{display:flex;gap:18px;flex-wrap:wrap}.pe-stat strong{display:block;font-size:1.28rem;color:var(--blue-dark)}.pe-stat span{display:block;margin-top:4px;font-size:.9rem;color:var(--muted)}
.pe-hero-media{position:relative}.pe-hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:12px;box-shadow:var(--shadow-strong)}.pe-hero-card img{display:block;width:100%;height:auto;border-radius:20px}
.pe-floating{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:800;color:var(--blue-dark)}.pe-floating-top{top:10px;right:-8px}.pe-floating-bottom{left:-10px;bottom:16px;display:flex;align-items:center;gap:8px}.pe-floating-dot{width:20px;height:20px;border-radius:999px;background:var(--yellow)}
.pe-section{padding:72px 0}.pe-section-soft{background:var(--bg-soft)}.pe-center{text-align:center}.pe-section h2{margin:0;color:var(--blue-dark);font-size:clamp(2rem,3vw,2.55rem);line-height:1.08;letter-spacing:-.03em}.pe-subtitle{margin:12px auto 0;max-width:700px;color:var(--muted);font-size:1rem}
.pe-card-grid{display:grid;gap:18px;margin-top:34px}.pe-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 22px rgba(18,54,112,.05)}.pe-card h3{margin:0 0 8px;color:var(--text-dark);font-size:1.12rem}.pe-card p{margin:0;color:var(--muted);line-height:1.58}.pe-card-problem{text-align:center}.pe-icon{width:42px;height:42px;border-radius:14px;background:#edf4ff;color:var(--blue-dark);display:grid;place-items:center;margin:0 auto 14px;font-weight:900}
.pe-solution-stage{margin-top:46px}.pe-solution-row{display:grid;grid-template-columns:minmax(280px,390px) minmax(320px,430px);justify-content:space-between;align-items:center;gap:54px;margin-top:36px}.pe-solution-row.reverse{grid-template-columns:minmax(320px,430px) minmax(280px,390px)}.pe-solution-row.reverse .pe-solution-copy{order:2}.pe-solution-row.reverse .pe-fade-visual{order:1}.pe-solution-copy{text-align:left}.pe-solution-copy h3{margin:0 0 12px;color:var(--blue-dark);font-size:1.95rem;line-height:1.08}.pe-solution-copy p{margin:0 0 14px;color:var(--muted);line-height:1.7}.pe-solution-copy ul{margin:0 0 18px;padding-left:18px;color:var(--muted)}.pe-mini-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;font-weight:900}.pe-mini-icon.pe-blue{background:#e6efff;color:var(--blue-dark)}.pe-mini-icon.pe-yellow{background:#fff0b5;color:#594700}
.pe-fade-visual{position:relative;max-width:430px;width:100%;min-height:520px;margin:0 auto;border-radius:32px;background:linear-gradient(180deg,#ffffff 0%, #eef4fb 100%);border:1px solid var(--line);box-shadow:var(--shadow-strong);overflow:hidden}
.pe-fade-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0) 45%, rgba(255,255,255,.88) 88%, rgba(255,255,255,1) 100%);z-index:2;pointer-events:none}
.pe-fade-visual img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:78%;max-height:86%;display:block;z-index:1}
.pe-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:740px;margin:34px auto 0}.pe-demo-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.pe-demo-card img{display:block;max-width:230px;margin:0 auto}.pe-demo-card span{display:inline-flex;margin-top:10px;padding:8px 14px;border-radius:999px;background:#f1f6fc;color:var(--blue-dark);font-weight:800}
.pe-review{display:flex;flex-direction:column}.pe-stars{color:#f3b400;font-size:18px;letter-spacing:2px;margin-bottom:12px}.pe-author{display:flex;align-items:center;gap:10px;margin-top:16px}.pe-avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#225dc0,#54d0ea);color:#fff;font-weight:900}.pe-author small{display:block;color:var(--muted)}
.pe-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:860px;margin:34px auto 0}.pe-price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);text-align:left}.pe-price-card-featured{border:2px solid var(--blue)}.pe-price-pill{position:absolute;top:-12px;right:18px;padding:6px 12px;border-radius:999px;background:#58d6c0;color:#083c35;font-weight:900;font-size:12px}.pe-price-head h3{margin:0;color:var(--text-dark);font-size:1.35rem}.pe-price{margin:18px 0 20px}.pe-price span{font-size:2.4rem;font-weight:900;color:var(--text-dark);letter-spacing:-.03em}.pe-price-card ul{margin:0 0 24px;padding-left:18px;color:var(--muted)}
.pe-faq{max-width:880px;margin:34px auto 0;text-align:left;display:grid;gap:12px}.pe-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px;box-shadow:0 6px 18px rgba(18,54,112,.04)}.pe-faq summary{cursor:pointer;list-style:none;padding:18px 8px;font-weight:800;color:var(--blue-dark)}.pe-faq summary::-webkit-details-marker{display:none}.pe-faq div{padding:0 8px 18px;color:var(--muted);line-height:1.65}
.pe-cta{background:linear-gradient(135deg,var(--blue-dark),#184b94);border-radius:30px;padding:34px;box-shadow:0 26px 60px rgba(18,54,112,.16)}.pe-cta h2{margin:0;color:#fff}.pe-cta p{margin:10px 0 0;color:rgba(255,255,255,.84)}.pe-cta-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:20px}.pe-cta-form input{min-height:52px;border:none;border-radius:14px;padding:0 14px;font-size:15px}
.pe-footer{background:#0f326a;color:#eaf1ff;padding:44px 0 24px}.pe-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.pe-footer p{margin:12px 0 0;color:rgba(234,241,255,.82);line-height:1.7}.pe-footer h4{margin:0 0 12px}.pe-footer a{display:block;margin:8px 0;color:rgba(234,241,255,.86)}.pe-footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:16px;color:rgba(234,241,255,.78)}
@media (max-width:980px){.pe-hero-grid,.pe-pricing,.pe-demo-grid,.pe-footer-grid,.pe-cta-form{grid-template-columns:1fr}.pe-card-grid-3{grid-template-columns:1fr}.pe-solution-row,.pe-solution-row.reverse{grid-template-columns:1fr;gap:28px}.pe-solution-row.reverse .pe-solution-copy,.pe-solution-row.reverse .pe-fade-visual{order:initial}.pe-menu{display:none}.pe-floating-top,.pe-floating-bottom{position:static;display:inline-flex;margin-top:12px}.pe-footer-bottom{flex-direction:column}}