.pptd-page { background:#f4f6ff; color:#141943; }
.pptd-page .wp-block-post-title,.pptd-page .entry-header .entry-title { display:none; }
.pptd-page .wp-block-post-content,.pptd-page .entry-content { max-width:none!important; margin-block-start:0!important; }
.pptd-shell { --pptd-blue:#243bff; --pptd-ink:#141943; --pptd-yellow:#ffd400; width:calc(100% - 40px); max-width:1080px!important; margin:0 auto!important; font-family:Arial,Helvetica,sans-serif; padding:28px 0 42px; box-sizing:border-box; color:var(--pptd-ink); }
.pptd-shell * { box-sizing:border-box; }
.pptd-brand { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:8px 0 28px; }
.pptd-brand img { width:230px; max-width:100%; height:auto; display:block; }
.pptd-home { font-size:14px; color:var(--pptd-ink)!important; text-decoration:none; font-weight:600; }
.pptd-home:hover { color:var(--pptd-blue)!important; }
.pptd-hero { text-align:center; padding:48px 32px 24px; border-radius:28px; overflow:hidden; background:radial-gradient(ellipse at 80% 10%,#e4e8ff,transparent 55%),linear-gradient(135deg,#fff,#eef1ff); }
.pptd-eyebrow { font-size:11px; letter-spacing:2px; font-weight:700; color:var(--pptd-blue); margin:0 0 20px; }
.pptd-hero h1 { font-size:clamp(34px,5vw,58px); line-height:1.08; letter-spacing:-2px; font-weight:800; margin:0 0 20px; color:var(--pptd-ink); }
.pptd-hero h1 span { color:var(--pptd-blue); }
.pptd-intro { max-width:560px; margin:0 auto; color:#576184; font-size:17px; line-height:1.7; }
.pptd-road { position:relative; height:104px; max-width:550px; margin:18px auto 0; }
.pptd-route { position:absolute; inset:63px 18px auto; border-top:3px dashed #b8c1ee; }
.pptd-dot { position:absolute; top:56px; height:17px; width:17px; border-radius:50%; background:var(--pptd-blue); box-shadow:0 0 0 7px #e2e7ff; }
.pptd-start { left:4px; }.pptd-end { right:4px; background:var(--pptd-yellow); box-shadow:0 0 0 7px #fff4b9; }
.pptd-truck { position:absolute; top:26px; left:12%; width:64px; height:64px; object-fit:contain; border-radius:16px; animation:pptd-drive 6s ease-in-out 3; }
@keyframes pptd-drive { 0%,10% { left:8%; transform:translateY(0); } 50% { transform:translateY(-3px); } 85%,100% { left:78%; transform:translateY(0); } }
.pptd-panel { background:white; border:1px solid #e0e5fa; border-radius:24px; padding:32px; box-shadow:0 18px 48px #1824500d; margin:22px 0 0; }
.pptd-panel-heading { display:flex; align-items:center; gap:16px; margin:0 0 26px; }
.pptd-package { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; background:#edf0ff; color:var(--pptd-blue); border-radius:14px; font-size:28px; }
.pptd-panel-heading h2 { font-size:23px; margin:0 0 5px; line-height:1.3; color:var(--pptd-ink); }
.pptd-panel-heading p { font-size:14px; margin:0; color:#65708d; line-height:1.5; }
.pptd-existing { width:100%; overflow-wrap:anywhere; }
.pptd-existing > * { max-width:100%; }
.pptd-existing form { background:#f7f8ff; padding:24px; border-radius:16px; border:1px solid #e4e8fa; margin-bottom:28px; }
.pptd-existing input[type=text],.pptd-existing input[type=search] { border:1px solid #c9d0ed!important; border-radius:10px!important; padding:14px 16px!important; min-height:50px; font-size:16px!important; color:var(--pptd-ink); background:white!important; max-width:100%; }
.pptd-existing input:focus-visible,.pptd-existing button:focus-visible,.pptd-shell a:focus-visible { outline:3px solid #8a97ff; outline-offset:3px; }
.pptd-existing input[type=submit],.pptd-existing button[type=submit] { background:var(--pptd-yellow)!important; color:var(--pptd-ink)!important; border:0!important; border-radius:10px!important; padding:14px 24px!important; font-weight:700; min-height:50px; font-size:15px; cursor:pointer; }
.pptd-existing input[type=submit]:hover,.pptd-existing button[type=submit]:hover { background:#f0c900!important; }
.pptd-existing h2,.pptd-existing h3,.pptd-existing h4 { color:var(--pptd-ink); }
.pptd-existing table { width:100%; border-collapse:collapse; font-size:14px; }
.pptd-existing th { background:#edf0ff; color:var(--pptd-ink); }
.pptd-existing th,.pptd-existing td { padding:12px; border-color:#e1e5f2; text-align:left; }
.pptd-existing table tbody tr:nth-child(even) { background:#f8f9ff; }
.pptd-table-scroll { width:100%; overflow-x:auto; }
.pptd-existing .pptd-table-scroll table { min-width:580px; }
.pptd-help { text-align:center; padding:22px 12px 0; color:#65708d; font-size:14px; }
.pptd-help p { margin:0 0 8px; line-height:1.6; }
.pptd-note { font-size:12px; }
@media(max-width:600px) { .pptd-shell { width:calc(100% - 24px); padding-top:16px; }.pptd-brand img { width:175px; }.pptd-home { font-size:12px; }.pptd-hero { padding:34px 16px 14px; border-radius:20px; }.pptd-hero h1 { letter-spacing:-1px; }.pptd-intro { font-size:15px; }.pptd-panel { padding:20px 16px; border-radius:20px; }.pptd-panel-heading h2 { font-size:20px; }.pptd-existing form { padding:16px; }.pptd-existing input[type=text],.pptd-existing input[type=search],.pptd-existing input[type=submit],.pptd-existing button[type=submit] { width:100%!important; margin:6px 0!important; }.pptd-existing th,.pptd-existing td { padding:10px; } }
@media(prefers-reduced-motion:reduce) { .pptd-truck { animation:none; left:40%; } }
@media print { .pptd-brand,.pptd-hero,.pptd-panel-heading,.pptd-help,.pptd-existing form { display:none!important; }.pptd-panel { box-shadow:none; border:0; padding:0; }.pptd-shell { width:100%; max-width:none!important; padding:0; }.pptd-table-scroll { overflow:visible; } }
