/* PhotoReady — shared layout + interaction rules (tokens live inline) */
.pr-wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);box-sizing:border-box}
.pr-navlinks{display:flex}
.pr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
.pr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.pr-split-wide{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.pr-proof{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pr-span-4{grid-column:span 4}.pr-span-2{grid-column:span 2}.pr-span-3{grid-column:span 3}
.pr-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pr-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}
.pr-step{border-top:2px solid #0B1A2E;padding:20px 18px 0 0;position:relative}
.pr-step::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:#0B1A2E}
.pr-step-final{border-top-color:#1D63C4}.pr-step-final::before{background:#1D63C4;width:16px;height:16px;top:-9px}
.pr-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,80px)}
.pr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pr-form .pr-full{grid-column:1/-1}
.pr-foot{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr;gap:40px}
.pr-mobilebar{display:none}
.pr-handle-inline{display:none}
@media (max-width:960px){.pr-handle-fig{display:none !important}.pr-handle-inline{display:block}}
.pr-menubtn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid #0B1A2E;border-radius:4px;background:transparent;color:#0B1A2E;cursor:pointer;padding:0}
.pr-menu{display:none}
.pr-hero-page{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end}
.pr-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.pr-row-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pr-row-flip>:first-child{order:2}
.pr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.pr-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pr-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}

.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:4px;font-weight:600;font-size:16px;text-decoration:none;box-sizing:border-box;transition:background-color .15s,color .15s,border-color .15s;white-space:nowrap}
.pr-btn-primary{background:#1D63C4;color:#fff}.pr-btn-primary:hover{background:#174F9D}
.pr-btn-ghost{border:1.5px solid #0B1A2E;color:#0B1A2E}.pr-btn-ghost:hover{background:#0B1A2E;color:#F5F2EC}
.pr-btn-light{background:#3B8EEA;color:#0B1A2E}.pr-btn-light:hover{background:#66A8F0}
.pr-btn-outline-light{border:1.5px solid #B8C3D3;color:#F5F2EC}.pr-btn-outline-light:hover{background:#F5F2EC;color:#0B1A2E}
.pr-btn-white{background:#fff;color:#0B1A2E}.pr-btn-white:hover{background:#F5F2EC}
.pr-link{color:#0B1A2E;text-decoration:none;border-bottom:1.5px solid transparent;padding-bottom:2px}
.pr-link:hover{border-bottom-color:#1D63C4}
a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3B8EEA;outline-offset:3px}
.pr-ba:focus-within{outline:3px solid #3B8EEA;outline-offset:3px}
.pr-input{width:100%;box-sizing:border-box;min-height:52px;padding:12px 14px;border:1.5px solid #B8C3D3;border-radius:4px;background:#13263F;color:#F5F2EC;font:inherit;font-size:16px}
.pr-input::placeholder{color:#8F9CB0}

@media (max-width:960px){
  .pr-navlinks{display:none}
  .pr-menubtn{display:inline-flex}
  .pr-menu{display:block}
  .pr-hero,.pr-split,.pr-split-wide,.pr-hero-page,.pr-row,.pr-row-flip{grid-template-columns:minmax(0,1fr)}
  .pr-row-flip>:first-child{order:0}
  .pr-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-steps{grid-template-columns:minmax(0,1fr) !important}
  .pr-step{border-top:0;border-left:2px solid #0B1A2E;padding:0 0 28px 24px}
  .pr-step::before{top:2px;left:-7px}
  .pr-step-final{border-left-color:#1D63C4}.pr-step-final::before{left:-9px}
  .pr-foot{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pr-hide-sm{display:none !important}
  .pr-proof,.pr-three,.pr-faq,.pr-form,.pr-foot,.pr-four,.pr-roles{grid-template-columns:minmax(0,1fr)}
  .pr-span-4,.pr-span-2,.pr-span-3{grid-column:auto}
  .pr-btn{width:100%}
  .pr-btn-nav{width:auto;min-height:44px;padding:0 14px;font-size:15px}
  header > .pr-wrap{gap:10px !important}
  header > .pr-wrap > a:first-child{gap:8px !important}
  header > .pr-wrap{height:80px !important}
  header .pr-logo{height:58px !important}
  header > .pr-wrap > div{gap:8px !important}
  .pr-mobilebar{display:flex;position:sticky;bottom:0;z-index:20;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#0B1A2E;border-top:1px solid #13263F}
  .pr-mobilebar .pr-btn{min-height:48px;flex:1}
}
@media (prefers-reduced-motion:reduce){.pr-btn{transition:none}}

@media (max-width:640px){
  .pr-belong{gap:14px !important}
  .pr-belong figure{display:grid !important;grid-template-columns:112px minmax(0,1fr);gap:16px !important;align-items:center}
  .pr-belong figure img{aspect-ratio:1 / 1 !important}
  .pr-belong figcaption span:first-child{font-size:28px !important}
  .pr-belong figcaption span:last-child{font-size:15px;margin-top:4px !important}
}

@media (max-width:640px){.pr-gaplist{grid-template-columns:minmax(0,1fr) !important}}

@media (max-width:640px){.pr-stack-sm{grid-template-columns:minmax(0,1fr) !important}}

@media (max-width:640px){
  .pr-case-tiles figure{grid-template-columns:96px minmax(0,1fr) !important}
  .pr-case-tiles figcaption{font-size:16px}
}

@media (max-width:640px){
  .pr-how > .pr-wrap{padding-top:56px !important;padding-bottom:56px !important}
  .pr-how .pr-split{gap:20px !important;margin-bottom:32px !important}
  .pr-how .pr-split > div{gap:16px !important}
  .pr-how .pr-split img{display:none !important}
  .pr-how h2{font-size:32px !important}
  .pr-how .pr-step{padding:0 0 14px 20px}
  .pr-how .pr-step p:first-child{font-size:17px !important;margin-bottom:2px !important}
  .pr-how .pr-step p:last-child{font-size:14px !important;line-height:1.4 !important}
}



.pr-proof-pair{max-width:980px}
@media (max-width:640px){.pr-proof-pair img{aspect-ratio:1 / 1 !important}}

.pr-qa summary::-webkit-details-marker{display:none}
.pr-qa[open] .pr-qa-icon{transform:rotate(45deg)}
.pr-qa-icon{transition:transform .15s}
.pr-qa summary:focus-visible{outline:3px solid #3B8EEA;outline-offset:3px}
@media (max-width:960px){.pr-founder figure img{max-width:200px !important}}

.pr-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid #D8D0C2;border-radius:999px;color:#0B1A2E;text-decoration:none;font-weight:600;font-size:16px;background:#fff}.pr-chip:hover{border-color:#1D63C4;color:#1D63C4}
@media (max-width:640px){.pr-inc{gap:18px !important}.pr-inc article{display:grid !important;grid-template-columns:112px minmax(0,1fr);gap:14px !important;align-items:center}.pr-inc article img{aspect-ratio:1 / 1 !important}.pr-inc h3{font-size:19px !important}.pr-inc p{font-size:15px;line-height:1.45}}
.pr-btn-navy{background:#0B1A2E;color:#F5F2EC}.pr-btn-navy:hover{background:#1A2B44}
.pr-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:#EBE5DA;border-radius:12px;overflow:hidden;padding:clamp(12px,1.4vw,20px);gap:0;align-items:center}
@media (max-width:960px){.pr-feature{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pr-points{gap:18px !important;padding:24px 20px !important}.pr-points>div{flex-direction:row !important;text-align:left !important;gap:14px !important}.pr-points>div>span{width:44px !important;height:44px !important;flex:none}.pr-points>div>span svg{width:22px;height:22px}.pr-points p{font-size:18px !important;max-width:none !important}}
.pr-dd{position:relative;display:flex;align-items:center}
.pr-dd>.pr-link svg{transition:transform .15s}
.pr-dd:hover>.pr-link svg,.pr-dd:focus-within>.pr-link svg{transform:rotate(180deg)}
.pr-dd-menu{position:absolute;top:100%;left:-18px;padding-top:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:50}
.pr-dd:hover .pr-dd-menu,.pr-dd:focus-within .pr-dd-menu{opacity:1;visibility:visible;transform:none}
.pr-dd-panel{display:flex;flex-direction:column;min-width:280px;padding:8px;background:#fff;border:1px solid #D8D0C2;border-radius:8px;box-shadow:0 14px 36px rgba(11,26,46,.16)}
.pr-dd-panel a{display:block;padding:11px 14px;border-radius:6px;color:#0B1A2E;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap}
.pr-dd-panel a:hover,.pr-dd-panel a:focus-visible{background:#F5F2EC;color:#1D63C4}
.pr-dd-panel .pr-dd-all{margin-top:4px;border-top:1px solid #EBE5DA;border-radius:0 0 6px 6px;font-weight:600;color:#1D63C4}
@media (prefers-reduced-motion:reduce){.pr-dd-menu,.pr-dd>.pr-link svg{transition:none}}
.pr-feature-flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
@media (max-width:960px){.pr-feature-flip{grid-template-columns:minmax(0,1fr)}.pr-feature-flip>div:last-child{order:-1}}
.pr-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px) clamp(16px,2vw,28px);align-items:start}
@media (max-width:960px){.pr-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pr-gallery{grid-template-columns:minmax(0,1fr);gap:24px}}
/* ---- Mobile tightening: section spacing + headline sizes ---- */
@media (max-width:640px){
  [style*="padding-top: clamp(72px"],[style*="padding-top: clamp(64px"]{padding-top:48px !important}
  [style*="padding-bottom: clamp(72px"],[style*="padding-bottom: clamp(64px"]{padding-bottom:48px !important}
  [style*="padding-top: clamp(56px"]{padding-top:40px !important}
  [style*="padding-bottom: clamp(56px"]{padding-bottom:40px !important}
  [style*="padding-top: clamp(48px"]{padding-top:36px !important}
  [style*="padding-bottom: clamp(48px"]{padding-bottom:36px !important}
  [style*="padding-top: clamp(40px"]{padding-top:28px !important}
  [style*="padding-bottom: clamp(40px"]{padding-bottom:28px !important}
  [style*="padding-bottom: clamp(32px"]{padding-bottom:24px !important}
  [style*="margin-bottom: clamp(40px"],[style*="margin-bottom: clamp(32px"]{margin-bottom:24px !important}
  [style*="margin: 0 0 clamp(40px"],[style*="margin: 0 0 clamp(36px"],[style*="margin: 0 0 clamp(32px"],[style*="margin: 0 0 clamp(28px"]{margin-bottom:24px !important}
  h1[style*="font-size: clamp(4"]{font-size:38px !important}
  h2[style*="font-size: clamp(36px"],h2[style*="font-size: clamp(34px"]{font-size:30px !important}
  h2[style*="font-size: clamp(30px"],h2[style*="font-size: clamp(32px"]{font-size:28px !important}
  .pr-feature{padding:10px !important}
  .pr-feature>div[style*="padding: clamp(24px"]{padding:16px 8px 8px !important}
}
@media (max-width:640px){.pr-sbs{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}.pr-sbs img{aspect-ratio:1 / 1 !important}}
@media (max-width:640px){.pr-gallery img{aspect-ratio:1 / 1 !important}}
@media (max-width:640px){.pr-callbtn{width:44px !important;padding:0 !important;font-size:0 !important;gap:0 !important}.pr-callbtn svg{width:18px;height:18px}}

/* ---- Coded-site additions: base, slider, menu, form status ---- */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#F5F2EC;color:#0B1A2E}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
[hidden]{display:none !important}
.pr-ba{position:relative}
.pr-ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.pr-ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(11,26,46,.15);pointer-events:none}
.pr-ba-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(11,26,46,.3)}
.pr-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.pr-menu[hidden]{display:none !important}
@media (min-width:961px){.pr-menu{display:none !important}}
.pr-form-status{grid-column:1/-1;margin:0;padding:14px 16px;border-radius:4px;background:#13263F;color:#F5F2EC;font-size:15px}
