/* Three focused, fictional examples inside the Fits Right family. */
.pg-page{background:#070b13;color:#f1f5fb;--pg-muted:#a8b7ce;--pg-line:#29374b}
.pg-page .fr-header-shell{background:#070b13;border-bottom:1px solid #243247}
.pg-page .fr-header{height:82px;border-bottom:0}
.pg-page .fr-footer{border-top:1px solid var(--pg-line)}
.pg-page .fr-footer p,.pg-page .fr-footer-right{color:#a8b7ce}
.pg-page .fr-footer a{min-height:44px;display:inline-flex;align-items:center}
.pg-page .fr-footer .fr-logo-ai{color:#9fbaff}
.pg-page .fr-eyebrow{color:#9cafcb}.pg-page .fr-back{color:#b6c4dc}.pg-page .fr-text-link{color:#b4caff}
.pg-page a:focus-visible{outline:2px solid #a9c2ff;outline-offset:5px}
.pg-intro{padding-top:30px;padding-bottom:40px}
.pg-intro>.fr-eyebrow{margin-top:34px;font-size:10px;letter-spacing:.14em}
.pg-intro h1{font-size:clamp(43px,5.5vw,76px);line-height:1.07;letter-spacing:-.055em;margin:17px 0 25px;font-weight:550}
.pg-intro h1 em,.pg-journey h2 em,.pg-next h2 em{font-style:normal;color:#a9bfe9}
.pg-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:45px}
.pg-intro-bottom>p{max-width:690px;font-size:16px;line-height:1.85;color:var(--pg-muted);margin:0}
.pg-disclosure{flex-shrink:0;border-left:2px solid #426ee7;padding-left:17px;display:grid;gap:7px;font-size:11px;color:#a2b2cc;line-height:1.7}
.pg-disclosure strong{font-size:12px;font-weight:600;color:#e1eaf9}
.pg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:64px}
.pg-card{min-width:0;background:#0e1726;border:1px solid #2d3d54;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 35px #0002;transition:border-color .2s,transform .2s}
.pg-card:hover{border-color:#6881aa;transform:translateY(-3px)}
.pg-preview{padding:20px 16px 0;overflow:hidden;border-bottom:1px solid #34435a;height:335px;display:flex;align-items:end;position:relative}
.pg-services{background:radial-gradient(ellipse at 20% 10%,#3f7b7450,transparent 70%),#132c2c}
.pg-manufacturing{background:radial-gradient(ellipse at 70% 0%,#3d68b65c,transparent 70%),#192943}
.pg-professional{background:radial-gradient(ellipse at 80% 0%,#9c794e45,transparent 70%),#302820}
.pg-preview-window{width:100%;min-width:0;background:#f5f8fb;border:1px solid #ffffff78;border-bottom:0;border-radius:10px 10px 0 0;box-shadow:0 12px 30px #0003;align-self:stretch}
.pg-window-head{height:57px;display:flex;gap:9px;align-items:center;background:#fff;border-bottom:1px solid #dde4ed;padding:11px 12px;border-radius:9px 9px 0 0}
.pg-client-mark{background:#255d51;color:#fff;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:750;flex-shrink:0}
.pg-manufacturing .pg-client-mark{background:#315ba7}.pg-professional .pg-client-mark{background:#796248}
.pg-window-head strong{font-size:10px;line-height:1.35;display:block;color:#17314f}
.pg-window-head small{display:block;font-size:7px;line-height:1.4;letter-spacing:.11em;color:#64748a;margin-top:3px}
.pg-example{margin-left:auto;align-self:start;font:6px/1.5 ui-monospace,monospace;letter-spacing:.04em;border:1px solid #d9e2eb;border-radius:4px;padding:3px 4px;color:#61718a}
.pg-inbox,.pg-production,.pg-cashflow{padding:16px 12px;color:#142944}
.pg-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.pg-preview-heading small,.pg-cashflow-summary small{display:block;font:6px/1.6 ui-monospace,monospace;letter-spacing:.07em;color:#687b93}
.pg-preview-heading strong{display:block;font-size:16px;line-height:1.2;letter-spacing:-.025em;margin-top:4px;font-weight:650}
.pg-count{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#e3eee9;color:#255d51;font-size:11px;font-weight:700}
.pg-inbox-row{display:flex;align-items:center;gap:7px;padding:9px 4px;border-bottom:1px solid #dfe6ee;min-height:42px}
.pg-inbox-selected{margin-inline:-4px;padding-inline:8px;background:#eaf1ee;border:1px solid #d4e3da;border-radius:6px}
.pg-avatar{height:23px;width:23px;flex-shrink:0;display:grid;place-items:center;font-size:7px;font-weight:700;background:#dcebe3;color:#386254;border-radius:50%}
.pg-avatar-blue{background:#e1e9f7;color:#426298}.pg-avatar-slate{background:#e6ebf1;color:#62748a}
.pg-inbox-row>div{min-width:0;flex:1}
.pg-inbox-row strong,.pg-invoice-row strong{display:block;font-size:8px;line-height:1.4;font-weight:650}
.pg-inbox-row small,.pg-invoice-row small{display:block;font-size:6.5px;line-height:1.6;color:#68798e;margin-top:2px}
.pg-status{font-size:6px;line-height:1.5;padding:3px 5px;border-radius:4px;white-space:nowrap}
.pg-status-amber{color:#8f5810;background:#f8e9ca}.pg-status-green{color:#2f6b4f;background:#dceee3}
.pg-row-arrow{margin-left:auto;font-size:12px;color:#627991}
.pg-assistant-note{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 8px;border-radius:6px;background:#e5edf9;color:#36578b}
.pg-assistant-note>span{font-size:15px;flex-shrink:0}
.pg-assistant-note strong{display:block;font-size:7px;line-height:1.5;font-weight:650}
.pg-assistant-note small{display:block;font-size:6.5px;line-height:1.6;margin-top:2px;color:#5b7090}
.pg-board-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e2eafa;color:#41649c;font-size:17px}
.pg-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:16px}
.pg-lane{min-width:0;background:#eaf0f6;border-radius:5px;padding:6px 4px;min-height:118px}
.pg-lane-label{font-size:6px;color:#6a7c91;display:flex;align-items:center;gap:4px;white-space:nowrap}
.pg-lane-label i{width:4px;height:4px;background:#91a4bb;border-radius:50%}
.pg-lane:first-child .pg-lane-label i{background:#c99a45}.pg-lane:last-child .pg-lane-label i{background:#61a285}
.pg-order{margin-top:9px;min-height:86px;background:white;border:1px solid #dce4ee;border-radius:4px;padding:7px 5px;box-shadow:0 2px 4px #14294405}
.pg-order-blocked{border-top:2px solid #c99a45}.pg-order-done{border-top:2px solid #61a285}
.pg-order>small{display:block;font:5px/1.5 ui-monospace,monospace;color:#7b8ba0;white-space:nowrap}
.pg-order>strong{display:block;font-size:7px;line-height:1.4;margin-top:5px}
.pg-order-line{display:block;width:100%;height:3px;border-radius:2px;background:#e4eaf1;margin-top:8px}
.pg-line-short{width:64%;margin-top:4px}
.pg-order-owner{display:flex;align-items:center;gap:4px;width:13px;height:13px;background:#e7e1f2;color:#71608c;border-radius:50%;font-size:6px;line-height:13px;text-indent:4px;margin-top:8px}
.pg-order-owner small{color:#7c899b;font-size:5px;text-indent:0}.pg-owner-blue{background:#e1e8f4;color:#436292}
.pg-order-tick{display:block;color:#589275;font-size:21px;line-height:1;text-align:center;margin-top:14px}
.pg-production-note{margin-top:12px;display:flex;align-items:center;gap:6px;font-size:6.5px;color:#8a641f;background:#f8edcf;border:1px solid #eedeb1;border-radius:5px;padding:8px 6px}
.pg-production-note>span{display:grid;place-items:center;width:12px;height:12px;flex-shrink:0;border:1px solid #cfad6c;border-radius:50%;font-size:7px}
.pg-cashflow-summary{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-bottom:13px;border-bottom:1px solid #dfe6ee}
.pg-cashflow-summary strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.045em;margin-top:6px;font-weight:600}
.pg-cashflow-summary strong>span{font-size:14px;color:#8493a6;letter-spacing:-.02em}
.pg-aging-tag{color:#895c22;background:#f3e7d4;border-radius:4px;padding:4px 5px;font-size:6px;white-space:nowrap}
.pg-aging{padding-top:12px}.pg-aging>span{display:block;font-size:7px;color:#64758a}
.pg-aging-track{display:flex;gap:3px;height:7px;margin-top:7px;border-radius:3px;overflow:hidden}
.pg-aging-track i:nth-child(1){width:48%;background:#7b93ba}.pg-aging-track i:nth-child(2){width:32%;background:#c99a5b}.pg-aging-track i:nth-child(3){width:20%;background:#76a08c}
.pg-aging-labels{display:flex;justify-content:space-between;font-size:5.5px;line-height:1.6;color:#79899c;margin-top:5px}
.pg-invoice-row{display:flex;align-items:center;gap:7px;margin-top:13px;padding:10px 6px;background:white;border:1px solid #e0e5ed;border-radius:5px}
.pg-invoice-icon{display:grid;place-items:center;width:23px;height:25px;flex-shrink:0;background:#f3eadf;color:#8c7253;border-radius:4px;font-size:12px}
.pg-cashflow .pg-assistant-note{background:#ece7f1;color:#705b86;margin-top:11px}.pg-cashflow .pg-assistant-note small{color:#80708f}
.pg-card-copy{padding:26px 23px 23px;display:flex;flex-direction:column;flex:1}
.pg-card-copy>.fr-eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.7;color:#92b8b0}
.pg-production-card .pg-card-copy>.fr-eyebrow{color:#a5b9e1}.pg-cashflow-card .pg-card-copy>.fr-eyebrow{color:#cdbba2}
.pg-card h2{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:14px 0 15px;color:#edf4ff;font-weight:550}
.pg-card-copy>p:not(.fr-eyebrow){font-size:13px;line-height:1.85;color:var(--pg-muted);margin:0}
.pg-card .pg-card-copy>p.pg-card-context{display:flex;align-items:start;gap:7px;font-size:10px;line-height:1.7;color:#9fb6dc;margin-top:12px}
.pg-card-context>span{font-size:13px;line-height:1.3;flex-shrink:0}
.pg-try{border-top:1px solid var(--pg-line);margin-top:21px;padding-top:16px;display:flex;align-items:start;gap:12px;margin-bottom:23px}
.pg-try>span{color:#8fa7ce;font:8px/1.8 ui-monospace,monospace;letter-spacing:.05em;flex-shrink:0;padding-top:2px}
.pg-try p{color:#c1cee1;font-size:11px;line-height:1.8;margin:0}
.pg-card .fr-button{margin-top:auto;font-size:11px;justify-content:space-between;gap:10px;padding:15px 14px;min-height:48px;width:100%;background:#2054df;border-color:#4973e6;color:#fff}
.pg-card .fr-button:hover{background:#3065f3}
.pg-journey{padding-top:47px;padding-bottom:54px;border-top:1px solid var(--pg-line);display:grid;grid-template-columns:1fr 1fr;gap:90px}
.pg-journey h2,.pg-next h2{font-size:clamp(31px,3.5vw,47px);letter-spacing:-.045em;line-height:1.15;margin:15px 0 0;font-weight:550}
.pg-journey>div>p:not(.fr-eyebrow){font-size:14px;line-height:1.85;color:var(--pg-muted);max-width:49ch;margin:21px 0 0}
.pg-journey .pg-departments{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:19px 0 0}
.pg-departments>li{padding:6px 9px;border:1px solid #34455e;border-radius:5px;color:#c1cee2;font-size:10px;line-height:1.5;background:#111c2c}
.pg-company-link{font-size:12px;display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:11px}
.pg-journey>div>p.pg-access-note{font-size:10px;line-height:1.8;color:#90a4c4;margin-top:4px;max-width:54ch}
.pg-journey ol{list-style:none;margin:0;padding:0}
.pg-journey ol>li{display:flex;gap:21px;padding:20px 0;border-bottom:1px solid var(--pg-line)}
.pg-journey ol>li:first-child{padding-top:0}.pg-journey ol>li:last-child{border-bottom:0;padding-bottom:0}
.pg-journey ol>li>span{font:10px/1.6 ui-monospace,monospace;color:#8ca9e4}
.pg-journey strong{font-size:14px;line-height:1.5;color:#e1eaf8;font-weight:600}
.pg-journey ol>li p{font-size:12px;line-height:1.8;color:var(--pg-muted);margin:7px 0 0}
.pg-next{margin-bottom:60px;border:1px solid #344969;border-radius:16px;background:linear-gradient(110deg,#15243e,#0f1a2d);padding:37px;display:flex;align-items:center;justify-content:space-between;gap:45px}
.pg-next>div{max-width:660px}.pg-next .fr-eyebrow{font-size:9px}
.pg-next p:not(.fr-eyebrow){font-size:14px;line-height:1.85;color:#b3c1d8;margin:20px 0 0}
.pg-next .fr-text-link{font-size:12px}.pg-next .fr-button{white-space:nowrap;flex-shrink:0;font-size:12px;background:#2054df;border-color:#4973e6;color:#fff;min-height:48px}
@media(max-width:1150px){
  .pg-grid{gap:15px}.pg-card-copy{padding:24px 18px 20px}.pg-card h2{font-size:25px}.pg-preview{padding:17px 10px 0;height:335px}.pg-window-head{gap:6px;padding-inline:8px}.pg-window-head strong{font-size:9px}.pg-client-mark{width:25px;height:27px;font-size:8px}.pg-window-head small{font-size:6px}.pg-example{font-size:5px;padding-inline:3px}.pg-inbox,.pg-production,.pg-cashflow{padding-inline:8px}.pg-preview-heading strong{font-size:14px}.pg-inbox-row{gap:5px}.pg-avatar{width:20px;height:20px;font-size:6px}.pg-inbox-row strong,.pg-invoice-row strong{font-size:7px}.pg-inbox-row small,.pg-invoice-row small{font-size:5.5px}.pg-status{font-size:5px;padding-inline:3px}.pg-preview-heading small,.pg-cashflow-summary small{font-size:5px}.pg-journey{gap:45px}.pg-next{gap:30px;padding:31px}
}
@media(max-width:940px) and (min-width:761px){
  .pg-intro-bottom{gap:25px}.pg-intro-bottom>p{font-size:14px}.pg-disclosure{font-size:9px;padding-left:12px}.pg-disclosure strong{font-size:11px}.pg-card-copy{padding-inline:14px}.pg-card h2{font-size:22px}.pg-card-copy>p:not(.fr-eyebrow){font-size:12px}.pg-card .fr-button{font-size:9px;padding-inline:10px}.pg-preview{padding-inline:7px;height:320px}.pg-window-head{padding-inline:6px;gap:5px}.pg-window-head strong{font-size:8px}.pg-client-mark{width:21px;height:24px;font-size:7px}.pg-example{display:none}.pg-lanes{gap:3px}.pg-lane{padding-inline:3px}.pg-lane-label{font-size:5px;gap:2px}.pg-order{padding-inline:3px}.pg-order>strong{font-size:6px}.pg-order>small{font-size:4px}.pg-cashflow-summary strong{font-size:23px}.pg-aging-tag{font-size:5px}.pg-try{gap:8px}.pg-try p{font-size:10px}.pg-next{display:grid;gap:26px}.pg-next .fr-button{justify-self:start}
}
@media(max-width:760px){
  .pg-page .fr-header{height:76px}.pg-intro{padding-top:26px;padding-bottom:31px}.pg-intro>.fr-eyebrow{margin-top:28px;font-size:9px}.pg-intro h1{font-size:clamp(38px,8vw,58px);margin-bottom:23px}.pg-intro-bottom{display:grid;gap:23px}.pg-intro-bottom>p{font-size:15px}.pg-disclosure{font-size:10px}.pg-grid{grid-template-columns:minmax(0,1fr);gap:25px;padding-bottom:39px}.pg-preview{padding:22px 23px 0;height:380px}.pg-window-head{height:61px;padding-inline:14px;gap:10px}.pg-window-head strong{font-size:12px}.pg-window-head small{font-size:8px}.pg-client-mark{width:33px;height:33px;font-size:11px}.pg-example{font-size:7px;padding:4px 5px}.pg-inbox,.pg-production,.pg-cashflow{padding:18px 15px}.pg-preview-heading strong{font-size:20px}.pg-preview-heading small,.pg-cashflow-summary small{font-size:7px}.pg-inbox-row{min-height:48px;gap:9px}.pg-avatar{width:27px;height:27px;font-size:8px}.pg-inbox-row strong,.pg-invoice-row strong{font-size:10px}.pg-inbox-row small,.pg-invoice-row small{font-size:8px}.pg-status{font-size:7px;padding:4px 6px}.pg-assistant-note{gap:9px;padding:10px;margin-top:13px}.pg-assistant-note strong{font-size:9px}.pg-assistant-note small{font-size:8px}.pg-lanes{gap:8px;margin-top:18px}.pg-lane{padding:8px 6px;min-height:139px}.pg-lane-label{font-size:7px}.pg-order{padding:8px 6px;min-height:102px}.pg-order>small{font-size:6px}.pg-order>strong{font-size:9px}.pg-order-line{height:4px}.pg-order-owner{font-size:7px;width:16px;height:16px;text-indent:5px;margin-top:9px}.pg-order-owner small{font-size:6px}.pg-order-tick{font-size:25px}.pg-production-note{font-size:8px;padding:10px 7px;margin-top:13px}.pg-cashflow-summary strong{font-size:34px}.pg-cashflow-summary strong>span{font-size:19px}.pg-aging-tag{font-size:7px}.pg-aging>span{font-size:9px}.pg-aging-track{height:9px}.pg-aging-labels{font-size:7px}.pg-invoice-row{padding:11px 8px;margin-top:15px}.pg-invoice-icon{height:30px;width:27px;font-size:15px}.pg-cashflow .pg-assistant-note{margin-top:13px}.pg-card-copy{padding:25px}.pg-card-copy>.fr-eyebrow{font-size:9px}.pg-card h2{font-size:31px;margin-top:14px}.pg-card-copy>p:not(.fr-eyebrow){font-size:14px}.pg-try{margin-top:22px;gap:15px}.pg-try>span{font-size:9px}.pg-try p{font-size:12px}.pg-card .fr-button{font-size:12px;min-height:50px}.pg-journey{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:36px;padding-bottom:40px}.pg-journey>div>p:not(.fr-eyebrow){font-size:13px}.pg-next{padding:28px 23px;display:grid;gap:26px;margin-bottom:38px}.pg-next h2{font-size:36px}.pg-next p:not(.fr-eyebrow){font-size:13px}.pg-next .fr-button{white-space:normal;justify-content:space-between;justify-self:start}.pg-page .fr-footer{padding-block:33px}
}
@media(max-width:380px){
  .pg-preview{padding-inline:15px}.pg-window-head{padding-inline:10px;gap:7px}.pg-window-head strong{font-size:10px}.pg-example{font-size:6px}.pg-card-copy{padding:23px 20px}.pg-inbox,.pg-production,.pg-cashflow{padding-inline:11px}.pg-preview-heading strong{font-size:18px}.pg-inbox-row strong,.pg-invoice-row strong{font-size:9px}.pg-inbox-row small,.pg-invoice-row small{font-size:7px}.pg-lanes{gap:5px}.pg-order>strong{font-size:8px}.pg-order>small{font-size:5px}.pg-assistant-note strong{font-size:8px}.pg-assistant-note small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.pg-card{transition:none}.pg-card:hover{transform:none}}