/* Permah system pages — independent from SocialV demo layouts */
html {scroll-behavior:smooth}
body:has(#permah-system) {margin:0!important;background:#f6f5ee!important}
#permah-system {--p-green:#234735;--p-ink:#243d2d;--p-cream:#f6f5ee;--p-sage:#e1eadb;--p-leaf:#548469;--p-tan:#d6b27c;min-height:100vh;box-sizing:border-box;background:linear-gradient(145deg,#f7f7f0 0%,#edf2e7 100%);color:var(--p-ink);font:400 16px/1.65 'Segoe UI',Arial,sans-serif;position:relative;overflow:hidden}
#permah-system * {box-sizing:border-box}
#permah-system:before {content:"";width:490px;height:490px;position:absolute;right:-210px;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(112,154,117,.12),rgba(112,154,117,0) 70%);pointer-events:none}
#permah-system a {text-decoration:none}
#permah-system a:focus-visible,#permah-system input:focus-visible,#permah-system button:focus-visible {outline:3px solid #c28b54;outline-offset:4px}
#permah-system .p-wrap {width:min(1140px,calc(100% - 48px));margin:0 auto}
#permah-system .p-header {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0}
#permah-system .p-logo {display:inline-flex;align-items:center;gap:7px;letter-spacing:-.06em;font-size:30px;line-height:1.15;font-weight:800;color:var(--p-green)}
#permah-system .p-star {font-size:33px;font-weight:400;color:#688d68}
#permah-system .p-toplinks {display:flex;gap:22px;align-items:center;flex-wrap:wrap}
#permah-system .p-toplinks>a {color:var(--p-green);font-weight:650}
#permah-system .p-langs {display:flex;gap:6px;padding:4px;background:#e7eddf;border-radius:99px}
#permah-system .p-langs a {display:inline-block;border-radius:99px;padding:4px 11px;color:var(--p-green);font-size:13px;font-weight:700}
#permah-system .p-langs a[aria-current="true"] {background:#fff;box-shadow:0 1px 4px #243d2d18}
#permah-system .p-main {display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);align-items:center;min-height:min(680px,75vh);gap:38px;padding:45px 0 84px}
#permah-system .p-kicker {display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--p-leaf);margin:0 0 24px}
#permah-system .p-kicker:before {content:"";background:#82ab80;width:26px;height:2px}
#permah-system h1 {font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5.2vw,75px);line-height:1.075;letter-spacing:-.05em;font-weight:500;color:var(--p-green);margin:0 0 25px}
#permah-system .p-em {font-style:italic;color:#64866d}
#permah-system .p-lead {font-size:clamp(17px,1.5vw,20px);color:#556b5b;max-width:530px;margin:0 0 31px}
#permah-system .p-actions {display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 35px}
#permah-system .p-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;padding:13px 23px;font-weight:700;border:1px solid #234735;min-height:48px;transition:transform .15s ease,background .15s ease}
#permah-system .p-btn:hover {transform:translateY(-2px)}
#permah-system .p-btn-primary {background:#234735;color:#fff!important}
#permah-system .p-btn-primary:hover {background:#315d43}
#permah-system .p-btn-outline {background:#fff9;color:#234735!important}
#permah-system .p-btn-outline:hover {background:#e1eadb}
#permah-system .p-points {display:flex;gap:10px 17px;flex-wrap:wrap;color:#607464;font-size:13px}
#permah-system .p-points span:before {content:"✳";color:#759473;margin-right:7px}
#permah-system .p-visual {position:relative;isolation:isolate;min-height:410px;display:flex;align-items:center;justify-content:center}
#permah-system .p-visual:before {content:"";position:absolute;z-index:-2;inset:15px 0 0 40px;background:#dfebd9;border-radius:45% 55% 42% 58% / 55% 38% 62% 45%;transform:rotate(-8deg)}
#permah-system .p-visual:after {content:"";position:absolute;z-index:-1;inset:52px 34px 40px 0;border:1.5px solid #9cb59e80;border-radius:50%;transform:rotate(21deg)}
#permah-system .p-illustration {display:block;width:100%;max-width:475px;height:auto;filter:drop-shadow(0px 24px 24px #23473520)}
#permah-system .p-visual-label {position:absolute;right:-5px;bottom:40px;background:#fff;padding:18px 23px;border-radius:18px;box-shadow:0 10px 35px #25463112;max-width:240px;color:#44624e;font-size:14px;font-weight:650}
#permah-system .p-visual-label strong {display:block;color:#234735;font-family:Georgia,serif;font-size:21px;font-weight:400}
#permah-system .p-footer {border-top:1px solid #b8c9b85e;display:flex;gap:16px;justify-content:space-between;align-items:center;color:#617665;padding:25px 0;font-size:13px;flex-wrap:wrap}
#permah-system .p-footer a {color:#315d43}
#permah-system .p-footer .p-dot {margin:0 9px;color:#8cab8a}
#permah-system .p-code {font-family:Georgia,serif;font-size:100px;letter-spacing:-.05em;font-weight:500;fill:#234735}
@media(max-width:780px){#permah-system .p-header{padding:22px 0}#permah-system .p-toplinks{gap:12px}#permah-system .p-main{grid-template-columns:1fr;gap:0;padding:48px 0 65px}#permah-system .p-visual{min-height:280px;margin:10px 0 0}#permah-system .p-illustration{max-width:335px}#permah-system .p-visual-label{right:0;bottom:0}#permah-system .p-toplinks>a{font-size:13px}}
@media(max-width:480px){#permah-system .p-wrap{width:calc(100% - 38px)}#permah-system .p-logo{font-size:25px}#permah-system .p-star{font-size:27px}#permah-system .p-toplinks>a{display:none}#permah-system .p-visual-label{position:relative;right:auto;bottom:auto;margin-left:10px}#permah-system .p-visual{flex-direction:column}#permah-system h1{font-size:43px}#permah-system .p-btn{width:100%}}
@media(prefers-reduced-motion:reduce){#permah-system *{transition:none!important;animation:none!important}html{scroll-behavior:auto}}