/* Scoped reference layout; shared website typography, navigation and theme remain reusable. */
.pr-reference { background: #f6f8ff; }
.pr-modules,.pr-cta { --pr-blue:#005cff; --pr-ink:#0b1038; --pr-muted:#536994; --pr-surface:#fff; --pr-border:#e7edff; --pr-soft:#edf3ff; --pr-line:#e8edf8; color:var(--pr-ink); font-family:'Instrument Sans',sans-serif; }
[data-theme='dark'] .pr-modules,[data-theme='dark'] .pr-cta { --pr-blue:#7daaff; --pr-ink:#edf2ff; --pr-muted:#b5c4e4; --pr-surface:#182238; --pr-border:#2d3b59; --pr-soft:#243452; --pr-line:#2d3b59; }
[data-theme='dark'] .pr-reference { background:#0b0f1b; }
.pr-reference .site-header { background:var(--surface); border-bottom:1px solid var(--pr-border,#e7edff); }
.pr-reference .site-header::before { display:none; }
.pr-reference .nav-row { max-width:1600px; min-height:56px; padding-inline:30px; gap:24px; }
.pr-reference { --nav-h:56px; }
.pr-reference .nav-links { gap:26px; }
.pr-reference .nav-links a { font-size:14px; white-space:nowrap; }
.pr-reference .nav-links a[aria-current] { align-self:stretch; display:flex; align-items:center; border-bottom:3px solid #536994; }
.pr-reference .nav-row .lockup-product img { width:104px; height:auto; }
.pr-reference .lockup-sub { color:#005cff; background:#edf3ff; letter-spacing:0; font-size:14px; padding:5px 9px; }
.pr-reference .btn-primary { background:#005cff; border-color:#005cff; }
.pr-reference .btn,.pr-reference .icon-btn { border-radius:10px; }
.pr-reference .nav-end .btn { padding:10px 24px; font-size:14px; }
.pr-wrap { max-width:1544px; margin-inline:auto; padding-inline:24px; }
.pr-modules { padding:36px 0 28px; }
.pr-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 8px 24px; }
.pr-kicker { display:block; font-size:13px; font-weight:700; letter-spacing:.17em; color:var(--pr-blue); text-transform:uppercase; }
.pr-heading h1,.pr-heading h2 { margin:16px 0 6px; font-size:clamp(30px,2.55vw,44px); line-height:1.2; letter-spacing:-.055em; font-weight:700; color:var(--pr-ink); }
.pr-heading h1 span,.pr-heading h2 span,.pr-cta h2 span { color:var(--pr-blue); }
.pr-heading p { margin:0; font-size:16px; line-height:1.55; color:var(--pr-muted); }
.pr-heading > a { display:flex; align-items:center; gap:14px; font-size:15px; font-weight:600; white-space:nowrap; color:var(--pr-blue); margin-top:28px; }
.pr-arrow { width:46px; height:46px; border-radius:50%; background:var(--pr-soft); color:var(--pr-blue); display:grid; place-items:center; flex:none; }
.pr-arrow svg { width:25px; height:25px; }
.pr-heading .pr-arrow { width:40px; height:40px; }
.pr-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:1fr; gap:24px; }
.pr-module-card { display:block; min-width:0; border:1px solid var(--pr-border); background:var(--pr-surface); border-radius:17px; padding:18px 22px 0; box-shadow:0 8px 25px rgb(31 78 169 / 5%); text-decoration:none; color:var(--pr-ink); }
.pr-module-head { display:flex; align-items:center; gap:23px; min-height:78px; }
.pr-module-head > div { flex:1; min-width:0; }
.pr-module-head h2,.pr-module-head h3 { font-size:20px; font-weight:650; letter-spacing:-.04em; line-height:1.25; margin:0 0 5px; color:var(--pr-ink); }
.pr-module-head p { font-size:15px; line-height:1.5; margin:0; color:var(--pr-muted); }
.pr-module-icon { width:72px; height:70px; border-radius:15px; display:grid; place-items:center; flex:none; }
.pr-module-icon svg { width:36px; height:36px; stroke-width:2; }
.blue { color:#005cff; background:#e9efff; }.green { color:#00b635; background:#e4fbea; }.purple { color:#923bff; background:#efe7ff; }.orange { color:#f27a00; background:#fff1da; }
.pr-visual { height:176px; position:relative; max-width:360px; margin:14px 0 0 auto; font-size:13px; }
.pr-paper { position:absolute; background:var(--pr-surface); border-radius:15px; box-shadow:0 10px 28px rgb(45 81 149 / 10%); padding:18px 20px; width:240px; left:8px; top:6px; }
.pr-paper-head { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:23px; padding-bottom:10px; border-bottom:1px solid var(--pr-line); }
.pr-badge { display:inline-block; background:#e3fbe9; color:#00882a; font-weight:600; font-size:11px; padding:3px 10px; border-radius:20px; white-space:nowrap; line-height:1.2; }
.pr-pay-rows { display:grid; gap:9px; margin-top:10px; }
.pr-pay-rows > div { display:flex; justify-content:space-between; gap:18px; }
.pr-pay-rows i,.pr-lines i { display:block; height:8px; border-radius:8px; background:var(--pr-line); width:38%; }
.pr-pay-rows > div:nth-child(2) i:first-child { width:44%; }.pr-pay-rows > div:nth-child(3) i:first-child { width:25%; }.pr-pay-rows > div:last-child i:last-child { background:#a4c3ff; }
.pr-overlay { display:flex; align-items:center; gap:12px; position:absolute; z-index:2; background:var(--pr-surface); box-shadow:0 8px 24px rgb(45 81 149 / 9%); padding:14px; border-radius:13px; }
.pr-form { right:8px; top:85px; }
.pr-overlay b { display:block; font-size:12px; }.pr-form div > span { display:block; font-size:12px; margin-top:4px; color:#00882a; }
.pr-mini-icon { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; flex:none; }.pr-mini-icon svg { width:23px; height:23px; }
.pr-attendance .pr-paper { width:240px; padding:14px 18px; }
.pr-timeline > div { display:flex; align-items:center; gap:14px; height:36px; border-bottom:1px solid var(--pr-line); font-size:12px; }.pr-timeline > div:last-child { border-bottom:0; }
.pr-timeline i { height:13px; width:13px; flex:none; border-radius:50%; background:#aab6d1; }.pr-timeline > div:first-child i { background:#00bc3c; }
.pr-timeline span { color:var(--pr-muted); margin-left:auto; white-space:nowrap; }.pr-hours { top:66px; right:-8px; padding:16px 12px; }.pr-hours strong { font-size:19px; display:block; margin-top:3px; letter-spacing:-.035em; }
.pr-assets .pr-paper { width:290px; left:10px; top:4px; padding:16px 18px; height:160px; }
.pr-asset-head { display:flex; align-items:center; gap:14px; }.pr-asset-head > div:nth-child(2) { min-width:0; }.pr-asset-head b { font-size:14px; white-space:nowrap; }.pr-asset-head small { display:block; color:var(--pr-muted); font-size:11px; white-space:nowrap; margin-top:2px; }.pr-asset-head > span { margin-left:auto; align-self:start; }
.pr-service-links { display:grid; gap:10px; margin-top:22px; color:var(--pr-muted); font-size:12px; }.pr-service-links > div { display:flex; align-items:center; gap:14px; }.pr-service-links svg { height:16px; width:16px; color:#9d4bff; }.pr-service-links > div:first-child svg { color:#91a2c4; }
.pr-laptop { width:58px; flex:none; }.pr-laptop-screen { width:80%; margin:auto; padding:3px; background:#171a26; border:1px solid #7c8494; border-radius:3px; aspect-ratio:1.6; }.pr-laptop-screen svg { display:block; width:100%; height:100%; }.pr-laptop-base { height:4px; background:linear-gradient(90deg,#757c8a,#d7dce3 40%,#949ca8); border-radius:0 0 50% 50%; }.pr-laptop.large { position:absolute; width:136px; bottom:1px; right:-12px; transform:rotate(5deg); }.pr-laptop.large .pr-laptop-screen { padding:4px; }.pr-laptop.large .pr-laptop-base { height:7px; }
.pr-cta { position:relative; display:flex; align-items:center; min-height:360px; max-width:1584px; margin:0 auto 30px; border-radius:24px; background:#efedff; padding:34px 40px; isolation:isolate; overflow:hidden; }
[data-theme='dark'] .pr-cta { background:#1c203a; }
.pr-cta-copy { width:calc(100% - 340px); padding-left:clamp(0px,22vw,350px); text-align:center; position:relative; z-index:2; }
.pr-cta h2 { font-size:clamp(30px,3vw,50px); line-height:1.18; letter-spacing:-.05em; margin:22px -60px 10px; color:var(--pr-ink); }
.pr-cta-copy > p { margin:0; font-size:20px; line-height:1.4; color:var(--pr-muted); }
.pr-buttons { display:flex; justify-content:center; gap:30px; margin-top:22px; }
.pr-button { min-height:58px; min-width:240px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #cbd8ff; border-radius:11px; padding:12px 24px; font-size:20px; font-weight:600; text-decoration:none; transition:background-color 200ms ease,box-shadow 200ms ease,transform 150ms var(--ease); }
.pr-button svg { width:21px; height:21px; }.pr-primary { background:#005cff; border-color:#005cff; color:white; }.pr-secondary { background:var(--pr-surface); color:var(--pr-ink); }
.pr-button:active { transform:scale(.98); }.pr-modules a:focus-visible,.pr-cta a:focus-visible { outline:3px solid var(--pr-blue); outline-offset:5px; }
.pr-benefits { display:flex; justify-content:center; padding:0; margin:26px -60px 0; list-style:none; gap:0; }
.pr-benefits li { display:flex; align-items:center; justify-content:center; gap:15px; padding:0 28px; font-size:15px; font-weight:600; white-space:nowrap; }.pr-benefits li + li { border-left:1px solid #afbdf8; }.pr-benefits svg { height:32px; width:32px; color:var(--pr-blue); flex:none; stroke-width:2.2; }
.pr-trial-art { position:absolute; right:28px; bottom:36px; width:330px; height:280px; }
.pr-sheet { position:absolute; border-radius:17px; background:var(--pr-surface); box-shadow:0 16px 28px rgb(82 91 220 / 7%); width:180px; height:210px; transform:rotate(-14deg); }
.pr-sheet-back { left:3px; top:69px; background:color-mix(in srgb,var(--pr-surface) 65%,#e6e4ff); }.pr-sheet-mid { left:22px; top:47px; }.pr-sheet-front { left:44px; top:19px; padding:28px 24px; }.pr-sheet-front img { display:block; object-fit:contain; margin:0 0 20px 18px; }
.pr-check-row { display:flex; align-items:center; gap:9px; margin-top:12px; }.pr-check-row > span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--pr-soft); color:var(--pr-blue); flex:none; }.pr-check-row svg { width:22px; height:22px; stroke-width:3; }
.pr-lines { flex:1; display:grid; gap:7px; }.pr-lines i { width:100%; background:#e5ecff; }.pr-lines i:last-child { width:65%; }

.pr-people-sheet { right:0; top:91px; width:142px; height:132px; padding:18px 15px; transform:rotate(-12deg); }.pr-person-row { display:flex; gap:9px; align-items:center; margin-bottom:8px; }.pr-person-row > span { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; flex:none; }.pr-person-row svg { width:15px; height:15px; }.pr-person-row .pr-lines { gap:5px; }.pr-person-row i { height:7px; }
/* Only enhance after an observer is installed; content is visible without JavaScript. */
.pr-motion-ready[data-pr-motion], .pr-motion-ready [data-pr-motion] { opacity:0; }
.pr-motion-ready.pr-in[data-pr-motion], .pr-motion-ready.pr-in [data-pr-motion] {
  opacity:1;
  animation:pr-enter var(--pr-duration,400ms) var(--ease) var(--pr-delay,0ms) backwards;
}
.pr-motion-ready.pr-in [data-pr-effect='row'] { animation-name:pr-row-enter; transform-origin:left center; }
.pr-motion-ready.pr-in [data-pr-effect='paper'] { animation-name:pr-paper-enter; }
.pr-motion-ready.pr-in [data-pr-effect='badge'] { animation-name:pr-badge-enter; }
.pr-motion-ready.pr-in [data-pr-effect='icon'] { animation-name:pr-icon-enter; }
.pr-motion-ready.pr-in [data-pr-effect='laptop'] { animation-name:pr-laptop-enter; }
.pr-motion-ready.pr-in [data-pr-effect='sheet'] { animation-name:pr-sheet-enter; animation-duration:600ms; }
.pr-motion-ready.pr-in [data-pr-effect='check'] { animation-name:pr-icon-enter; }
.pr-motion-ready.pr-in .pr-check-row svg path { animation:pr-check-draw 400ms var(--ease) 640ms backwards; stroke-dasharray:30; }
@keyframes pr-enter { from { opacity:0; translate:0 16px; } to { opacity:1; translate:0 0; } }
@keyframes pr-row-enter { from { opacity:0; translate:-6px 0; scale:.98 1; } to { opacity:1; translate:0 0; scale:1 1; } }
@keyframes pr-paper-enter { from { opacity:0; translate:0 12px; scale:.98; } to { opacity:1; translate:0 0; scale:1; } }
@keyframes pr-badge-enter { from { opacity:0; translate:0 8px; scale:.96; } to { opacity:1; translate:0 0; scale:1; } }
@keyframes pr-icon-enter { from { opacity:0; scale:.96; } to { opacity:1; scale:1; } }
@keyframes pr-laptop-enter { from { opacity:0; translate:0 12px; rotate:-3deg; } to { opacity:1; translate:0 0; rotate:0deg; } }
@keyframes pr-sheet-enter { from { opacity:0; translate:0 20px; rotate:4deg; } to { opacity:1; translate:0 0; rotate:0deg; } }
@keyframes pr-check-draw { from { stroke-dashoffset:30; } to { stroke-dashoffset:0; } }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .pr-button svg { transition:translate 200ms var(--ease); }
  .pr-primary:hover svg { translate:3px 0; }
  .pr-module-icon { transition:translate 200ms var(--ease); }
  .pr-module-card:hover .pr-module-icon { translate:0 -2px; }
  .pr-module-card { transition-duration:250ms; }
  .pr-module-card:hover { transition-duration:200ms; }
}
@media (hover:hover) and (pointer:fine) { .pr-module-card { transition:translate 200ms var(--ease),box-shadow 200ms ease; }.pr-module-card:hover { translate:0 -4px; box-shadow:0 14px 32px rgb(31 78 169 / 11%); }.pr-arrow svg { transition:translate 200ms var(--ease); }.pr-module-card:hover .pr-arrow svg,.pr-heading > a:hover svg { translate:3px 0; }.pr-primary:hover { background:#004bd4; box-shadow:0 5px 14px rgb(0 92 255 / 18%); }.pr-secondary:hover { background:var(--pr-soft); } }
@media (min-width:1600px) { .pr-reference .pr-modules { padding-top:36px; }.pr-module-card { min-height:274px; }.pr-cta { margin-top:0; } }
@media (max-width:1400px) { .pr-module-head { gap:14px; }.pr-module-icon { width:56px; height:60px; }.pr-module-head h2,.pr-module-head h3 { font-size:18px; }.pr-module-head p { font-size:13px; }.pr-module-head .pr-arrow { width:36px; height:36px; }.pr-module-card { padding:18px 16px 0; }.pr-cta { margin-inline:24px; }.pr-cta-copy { padding-left:0; }.pr-benefits li { padding-inline:18px; font-size:13px; }.pr-cta-copy > p { font-size:17px; }.pr-reference .nav-links { gap:18px; }.pr-reference .nav-row { gap:18px; }.pr-reference .nav-end .btn { padding:10px 16px; } }
@media (max-width:1150px) { .pr-module-grid { gap:16px; }.pr-module-head { flex-wrap:wrap; gap:12px; }.pr-module-head > div { flex-basis:calc(100% - 75px); }.pr-module-head .pr-arrow { position:absolute; right:16px; bottom:12px; z-index:3; }.pr-module-card { position:relative; }.pr-module-head p br { display:none; }.pr-visual { margin-top:18px; max-width:100%; }.pr-paper { left:0; width:205px; }.pr-attendance .pr-paper { width:205px; }.pr-assets .pr-paper { width:calc(100% - 8px); left:0; }.pr-asset-head { gap:6px; flex-wrap:wrap; }.pr-asset-head .mini { width:42px; }.pr-asset-head > span { position:absolute; right:12px; top:49px; }.pr-hours { right:0; top:86px; padding:10px; }.pr-form { right:0; }.pr-cta { padding:36px 30px; }.pr-cta-copy { width:calc(100% - 270px); }.pr-cta h2 { margin-inline:0; }.pr-trial-art { scale:.8; transform-origin:right center; right:10px; }.pr-buttons { gap:12px; }.pr-button { min-width:0; font-size:17px; flex:1; }.pr-benefits { flex-wrap:wrap; gap:14px; margin-inline:0; }.pr-benefits li { border:0!important; padding:0; }.pr-benefits svg { width:25px; height:25px; } }
@media (max-width:900px) { .pr-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pr-module-card:last-child { grid-column:1/-1; }.pr-module-card:last-child .pr-visual { width:320px; }.pr-module-head { flex-wrap:nowrap; }.pr-module-head .pr-arrow { position:static; }.pr-heading { align-items:start; }.pr-heading > a { white-space:normal; font-size:13px; }.pr-heading p br { display:none; }.pr-cta { align-items:start; }.pr-cta-copy { width:calc(100% - 235px); text-align:left; }.pr-cta h2 { font-size:34px; }.pr-cta p br { display:none; }.pr-trial-art { scale:.7; right:0; bottom:50px; }.pr-benefits { justify-content:start; }.pr-buttons { flex-direction:column; }.pr-buttons .pr-button { flex:none; } }
@media (min-width:901px) and (max-width:1150px) {
  .pr-reference .nav-row { padding-inline:20px; gap:12px; }
  .pr-reference .nav-links { gap:12px; }
  .pr-reference .nav-links a { font-size:12px; }
  .pr-reference .nav-row .lockup-product img { width:90px; }
  .pr-reference .nav-row .lockup-sub { font-size:11px; padding:4px 7px; }
  .pr-reference .nav-end .btn { padding:10px 12px; font-size:12px; }
}
@media (max-width:600px) { .pr-wrap { padding-inline:18px; }.pr-modules { padding-top:28px; }.pr-heading { display:block; margin-inline:0; }.pr-heading h1,.pr-heading h2 { font-size:34px; margin-top:12px; }.pr-heading p { font-size:15px; }.pr-heading > a { margin-top:20px; }.pr-kicker { font-size:11px; }.pr-module-grid { grid-template-columns:1fr; gap:18px; }.pr-module-card:last-child { grid-column:auto; }.pr-module-card { padding:18px 16px 0; }.pr-module-head { gap:13px; }.pr-module-head > div { flex:1; }.pr-module-head h2,.pr-module-head h3 { font-size:18px; }.pr-module-head p { font-size:13px; }.pr-module-head .pr-arrow { width:32px; height:32px; }.pr-module-icon { width:54px; height:56px; }.pr-module-icon svg { width:30px; height:30px; }.pr-visual,.pr-module-card:last-child .pr-visual { width:280px; max-width:100%; margin-inline:auto; }.pr-paper,.pr-attendance .pr-paper { width:220px; }.pr-assets .pr-paper { width:calc(100% - 8px); }.pr-cta { margin:0 14px 20px; display:block; padding:30px 22px 8px; border-radius:20px; }.pr-cta-copy { width:100%; text-align:center; }.pr-cta h2 { font-size:35px; margin-top:16px; }.pr-cta-copy > p { font-size:16px; }.pr-buttons { gap:12px; }.pr-button { font-size:17px; min-height:52px; }.pr-benefits { display:grid; justify-content:center; gap:14px; margin-top:24px; }.pr-benefits li { justify-content:start; font-size:14px; }.pr-trial-art { position:relative; inset:auto; margin:42px auto 0; width:290px; height:270px; scale:.88; transform-origin:top center; }.pr-sheet-front { left:30px; }.pr-sheet-back { left:0; }.pr-people-sheet { right:-4px; }.pr-reference .nav-row { padding-inline:14px; gap:10px; }.pr-reference .nav-row .lockup-product img { width:88px; }.pr-reference .nav-end .btn { display:none; }.pr-reference .nav-links a[aria-current] { align-self:auto; border-bottom:0; }.pr-desktop-break { display:none; } }
@media (prefers-reduced-motion:reduce) { .pr-modules *, .pr-cta * { animation:none!important; transition:none!important; translate:none!important; }.pr-motion-ready[data-pr-motion], .pr-motion-ready [data-pr-motion] { opacity:1; } }