/* Platform capabilities, grounded in a restrained product interface. */
.pf-caption{font-size:12px;line-height:1.8;color:var(--muted);max-width:900px;margin-top:22px}
.pf-plain-list{padding:0;margin:27px 0 30px;list-style:none;display:grid;gap:14px}
.pf-plain-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--muted);line-height:1.7}
.pf-plain-list svg{flex-shrink:0;color:var(--blue);margin-top:3px}
.pf-studio-layout{align-items:center;gap:55px}
.pf-studio-example{background:#fff;border:1px solid #d8dfeb;border-radius:18px;box-shadow:0 18px 55px #25324708;min-width:0;overflow:hidden}
.pf-window-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 23px;background:#f3f5fa;border-bottom:1px solid var(--line);font-size:12px;color:var(--blue-dark)}
.pf-window-head>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}
.pf-window-head>span:last-child{color:var(--muted);font-size:10px}
.pf-studio-body{padding:26px}
.pf-studio-name{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:23px}
.pf-studio-name .np-label{font-size:9px;margin-bottom:9px}
#main .pf-studio-name h3{font-size:20px;line-height:1.4}
.pf-soft-tag{font-size:10px;line-height:1.5;background:#eef2f9;color:var(--blue-dark);border:1px solid var(--line);border-radius:6px;padding:5px 7px;white-space:nowrap}
.pf-playbook-preview{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.pf-playbook-preview li{padding:13px 14px;border:1px solid #e0e5ee;background:#fcfcfe;border-radius:9px;display:grid;grid-template-columns:29px 1fr 20px;align-items:center;gap:10px;position:relative}
.pf-playbook-preview li:nth-child(3){background:#faf6ed;border-color:#e8dfca}
.pf-playbook-preview li:last-child{background:#f0f6f0;border-color:#dce7dc}
.pf-playbook-preview li>span{width:29px;height:29px;border:1px solid #dce2ec;background:#fff;display:grid;place-items:center;border-radius:7px;color:var(--blue)}
.pf-playbook-preview strong{font-size:12px;font-weight:600;color:var(--ink)}
.pf-playbook-preview p{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.65}
.pf-playbook-preview small{font-size:10px;color:var(--muted);align-self:start;padding-top:4px;text-align:right}
.pf-config-summary{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.pf-config-summary>div{display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.6}
.pf-config-summary span{color:var(--muted)}.pf-config-summary strong{font-weight:550;text-align:right;color:var(--ink)}
.pf-window-foot{padding:15px 22px;background:#f6f7fb;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.6}
.pf-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:50px}
.pf-role-grid article{padding:27px 0 0;border-top:1px solid #cbd6e5}
.pf-role-grid article>svg{color:var(--blue);margin-bottom:17px}
#main .pf-role-grid h3{font-size:21px;margin-bottom:12px}
.pf-role-grid p{font-size:14px;line-height:1.8;color:var(--muted)}
.pf-extension{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#f4f5fa;border:1px solid #e1e4ed;border-radius:14px;padding:27px;margin-top:35px}
.pf-extension>div{display:flex;align-items:flex-start;gap:18px;max-width:740px}
.pf-extension>div>svg{color:var(--blue);flex-shrink:0;margin-top:4px}
#main .pf-extension h3{font-size:21px;margin-bottom:9px}
.pf-extension p{font-size:13px;color:var(--muted);line-height:1.8}
.pf-extension .inline-link{font-size:12px;white-space:normal;flex-shrink:0;max-width:180px}
.pf-guarantees{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:35px 0 0}
.pf-guarantees article{display:flex;flex-direction:column;border:1px solid #dce3ed;border-radius:15px;padding:26px 23px;background:#f7f8fc}
.pf-guarantees article:nth-child(2){background:#f3f6f2}
.pf-guarantees article:nth-child(3){background:#f6f3fa}
.pf-guarantees article:nth-child(4){background:#faf6f0}
.pf-guarantee-top{display:flex;align-items:center;justify-content:space-between;color:var(--blue);margin-bottom:24px}
.pf-guarantee-top>span{font-size:11px;font-weight:600;letter-spacing:.06em}
#main .pf-guarantees h3{font-size:25px;margin-bottom:18px}
.pf-guarantees article>strong{font-size:13px;line-height:1.6;font-weight:600;margin-bottom:12px}
.pf-guarantees article>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:25px}
.pf-inspect{margin-top:auto;border-top:1px solid #dce2eb;padding-top:17px;display:flex;gap:8px;font-size:11px;line-height:1.7;color:var(--blue-dark)}
.pf-inspect svg{flex-shrink:0;margin-top:2px}
.pf-autonomy-section{background:linear-gradient(115deg,#f4f3fa,#eff4f9);border-block:1px solid var(--line)}
.pf-autonomy{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);background:#fff;border:1px solid #d9e1ed;border-radius:18px;overflow:hidden}
.pf-dial{background:linear-gradient(140deg,#f9f8fc,#f1f5fa);padding:31px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #dfe5ef;min-width:0}
.pf-dial-caption{width:100%;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}
.pf-dial-caption strong{font-weight:600;color:var(--blue-dark);font-variant-numeric:tabular-nums}
.pf-dial-svg{width:100%;max-width:340px;margin:16px 0 8px;overflow:visible}
.pf-dial-track{stroke:#dde5f1;stroke-width:19;stroke-linecap:round}
.pf-dial-accent{stroke:#9aaed0;stroke-width:19;stroke-linecap:round;stroke-dasharray:58 324;transition:stroke-dasharray .45s ease}
.pf-dial-tick{stroke:#adb9cc;stroke-width:1.5}
.pf-dial-needle{transform-origin:150px 154px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pf-dial-needle path{stroke:#506592;stroke-width:3;stroke-linecap:round}.pf-dial-needle circle{fill:#fff;stroke:#506592;stroke-width:3}
.pf-dial-svg text{fill:var(--muted);font:11px Inter,Arial,sans-serif}
.pf-dial label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:15px;align-self:flex-start}
.pf-dial input[type=range]{width:100%;height:24px;accent-color:#53659a;cursor:pointer;margin:0 0 14px;border:0;padding:0;background:transparent;min-height:24px}
.pf-dial input[type=range]:focus-visible{outline:3px solid #50669f;outline-offset:5px;border-radius:4px}
.pf-dial #autonomy-help{color:var(--muted);font-size:11px;line-height:1.7;align-self:flex-start;max-width:320px}
.pf-dial-output{border:1px solid #d8e0ee;background:#fff;color:var(--blue-dark);font-size:12px;font-weight:600;border-radius:7px;padding:9px 12px;align-self:flex-start;margin-top:18px;line-height:1.6}
.pf-autonomy-description{padding:34px 38px;align-self:center;min-width:0}
.pf-autonomy-panel[hidden]{display:none!important}
#main .pf-autonomy-panel h3{font-size:31px;margin-bottom:11px}
.pf-autonomy-panel .np-label{font-size:10px;margin-bottom:13px}
.pf-mode-intro{font-size:16px;line-height:1.65;color:var(--ink);margin-bottom:25px}
.pf-autonomy-panel dl{display:grid;gap:18px;margin:0}
.pf-autonomy-panel dt{font-size:11px;font-weight:600;color:var(--blue-dark);margin-bottom:6px}
.pf-autonomy-panel dd{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.pf-autonomy-stages{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.pf-autonomy-stages button{display:flex;align-items:center;gap:11px;text-align:left;padding:20px 24px;color:var(--muted);font-size:12px;font-weight:550;background:#fff;cursor:pointer;border:0;border-right:1px solid var(--line);border-radius:0;line-height:1.6;transition:background .2s,color .2s}
.pf-autonomy-stages button:last-child{border-right:0}
.pf-autonomy-stages button>span{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}
.pf-autonomy-stages button[aria-pressed=true]{background:#edf1f9;color:var(--blue-dark);box-shadow:inset 0 -3px 0 #8299c2}
.pf-autonomy-stages button:hover{background:#f3f5fa;color:var(--blue-dark)}
.pf-autonomy-stages button:focus-visible{outline:3px solid #50669f;outline-offset:-4px;position:relative;z-index:1}
.pf-finops-section{background:#f5f7f2;border-block:1px solid #e1e7dc}
.pf-cost-model{border:1px solid #d8e1d3;border-radius:16px;background:#fff;padding:32px}
#main .pf-cost-model h3{font-size:24px;margin-bottom:25px}
.pf-cost-equation{font-size:16px;text-align:center;color:var(--blue-dark);line-height:1.7;background:#f5f7f2;border:1px solid #e4e9df;border-radius:10px;padding:21px 25px;margin-bottom:22px}
.pf-cost-equation>span{display:block}.pf-cost-equation>span:first-child{border-bottom:1px solid #aebca8;padding-bottom:13px;margin-bottom:13px}
.pf-cost-model p{font-size:13px;color:var(--muted);line-height:1.8}
.pf-cost-model small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:15px}
.pf-finops-section .pf-role-grid{margin-top:35px}.pf-finops-section .pf-role-grid article{border-color:#cbd7c5}
.pf-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}
.pf-security-control{background:#fff;border:1px solid #dbe2ee;border-radius:13px;overflow:hidden}
.pf-security-control summary{list-style:none;display:flex;align-items:flex-start;gap:16px;padding:24px;cursor:pointer}
.pf-security-control summary::-webkit-details-marker{display:none}
.pf-security-icon{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;background:#eff3fa;border:1px solid #dce3ef;border-radius:9px;color:var(--blue)}
.pf-security-control summary>svg{margin-left:auto;color:var(--blue);margin-top:10px;flex-shrink:0;transition:transform .25s}
.pf-security-control[open] summary>svg{transform:rotate(45deg)}
.pf-security-control summary strong{font-size:16px;line-height:1.5;font-weight:600;display:block;color:var(--ink);margin-bottom:5px}
.pf-security-control summary small{font-size:12px;line-height:1.7;color:var(--muted);display:block}
.pf-security-control>div{padding:0 24px 24px 79px}
.pf-security-control .np-label{font-size:9px;margin-bottom:9px}
.pf-security-control>div>p{font-size:13px;color:var(--muted);line-height:1.85}
.pf-review-list{display:grid;gap:0}
.pf-review-list article{border-top:1px solid var(--line);padding:23px 0}
.pf-review-list article:first-child{padding-top:0;border-top:0}
#main .pf-review-list h3{font-size:22px;margin-bottom:12px}
.pf-review-list p{font-size:14px;color:var(--muted);line-height:1.8}
/* Model selection is illustrated without provider prices or simulated live metrics. */
.pf-model-choice{margin-top:42px;padding:34px;border:1px solid var(--line);border-radius:16px;background:#fff}
.pf-model-choice-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:30px}
.pf-model-choice-heading .np-label{font-size:10px;margin-bottom:12px}
#main .pf-model-choice-heading h3{font-size:29px;line-height:1.3;margin:0}
.pf-model-choice-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:460px}
.pf-model-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pf-model-examples article{padding:25px;border-right:1px solid var(--line);min-width:0;background:#fff}
.pf-model-examples article:last-child{border-right:0;border-top:3px solid var(--blue);padding-top:22px}
.pf-model-index{display:block;color:var(--blue);font-size:12px;font-weight:600;margin-bottom:24px;font-variant-numeric:tabular-nums}
.pf-model-examples .np-label{font-size:10px;margin-bottom:10px}
#main .pf-model-examples h4{font-size:18px;line-height:1.5;margin-bottom:12px}
.pf-model-examples p{font-size:13px;line-height:1.8;color:var(--muted)}
.pf-model-guidance{display:flex;align-items:flex-start;gap:17px;border-left:3px solid var(--blue);padding:7px 0 7px 22px;margin-top:30px}
.pf-model-guidance>svg{flex:none;color:var(--blue);margin-top:4px}
#main .pf-model-guidance h3{font-size:21px;line-height:1.4;margin-bottom:10px}
.pf-model-guidance p{font-size:14px;line-height:1.8;color:var(--muted);max-width:900px}
.pf-model-choice>.pf-caption{font-size:11px;margin-top:20px;max-width:none}
@media(max-width:850px){.pf-model-choice{padding:28px}.pf-model-choice-heading{gap:25px}.pf-model-examples article{padding:22px}.pf-model-examples article:last-child{padding-top:19px}#main .pf-model-choice-heading h3{font-size:26px}}
@media(max-width:680px){.pf-model-choice{padding:26px;margin-top:32px}.pf-model-choice-heading{grid-template-columns:1fr;gap:15px;margin-bottom:24px}.pf-model-examples{grid-template-columns:1fr}.pf-model-examples article{padding:24px;border-right:0;border-bottom:1px solid var(--line)}.pf-model-examples article:last-child{border-top:0;border-bottom:0;border-left:3px solid var(--blue);padding:24px 24px 24px 21px}.pf-model-index{margin-bottom:16px}.pf-model-examples p{font-size:14px}.pf-model-guidance{padding-left:17px;gap:12px}.pf-model-guidance>svg{width:21px}#main .pf-model-guidance h3{font-size:20px}}
@media(max-width:400px){.pf-model-choice{padding:22px}#main .pf-model-choice-heading h3{font-size:24px}.pf-model-examples article{padding:21px}.pf-model-examples article:last-child{padding:21px 21px 21px 18px}.pf-model-guidance{display:block;padding-left:16px}.pf-model-guidance>svg{margin:0 0 12px}}
@media(max-width:1100px){.pf-guarantees{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pf-guarantees article{padding:27px}.pf-studio-layout{gap:35px}.pf-studio-name{display:block}.pf-studio-name .pf-soft-tag{display:inline-block;margin-top:14px}.pf-autonomy-description{padding:30px}.pf-autonomy-stages button{padding:18px 19px;font-size:11px;gap:8px}.pf-dial{padding:28px}.pf-studio-body{padding:23px}}
@media(max-width:850px){.pf-role-grid{gap:20px}.pf-studio-layout{grid-template-columns:1fr;gap:35px}.pf-studio-example{max-width:650px;width:100%}.pf-studio-name{display:flex}.pf-studio-name .pf-soft-tag{margin:0}.pf-autonomy{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.pf-dial{padding:25px}.pf-autonomy-description{padding:27px}.pf-autonomy-stages button{display:block;padding:16px;font-size:11px}.pf-autonomy-stages button>span{display:block;margin-bottom:5px}.pf-extension{display:block}.pf-extension .inline-link{margin:20px 0 0 42px;max-width:none}.pf-security-control summary{padding:21px;gap:13px}.pf-security-control>div{padding-left:73px;padding-right:21px}.pf-security-control summary strong{font-size:15px}}
@media(max-width:680px){.pf-role-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.pf-role-grid article{padding-top:23px}.pf-role-grid article>svg{margin-bottom:14px}#main .pf-role-grid h3{font-size:23px}.pf-role-grid p{font-size:15px}.pf-guarantees{grid-template-columns:1fr;gap:17px}.pf-guarantees article{padding:26px}.pf-guarantee-top{margin-bottom:19px}#main .pf-guarantees h3{font-size:28px;margin-bottom:13px}.pf-guarantees article>strong{font-size:14px}.pf-guarantees article>p{font-size:14px;margin-bottom:21px}.pf-inspect{font-size:12px}.pf-autonomy{grid-template-columns:1fr}.pf-dial{border-right:0;border-bottom:1px solid var(--line);padding:26px 30px}.pf-dial-svg{max-width:290px;margin-block:7px 0}.pf-dial input[type=range]{max-width:100%}.pf-dial #autonomy-help{max-width:none}.pf-dial-output{margin-top:14px}.pf-autonomy-description{padding:30px;min-height:405px}.pf-autonomy-stages{grid-template-columns:1fr 1fr}.pf-autonomy-stages button{display:flex;gap:12px;padding:18px 20px;font-size:12px}.pf-autonomy-stages button>span{display:inline;margin:0}.pf-autonomy-stages button:nth-child(2){border-right:0}.pf-autonomy-stages button:nth-child(n+3){border-top:1px solid var(--line)}.pf-security-grid{grid-template-columns:1fr}.pf-security-control summary strong{font-size:16px}.pf-security-control summary small{font-size:13px}.pf-security-control>div>p{font-size:14px}.pf-cost-model{padding:28px}.pf-cost-equation{font-size:15px}.pf-caption{font-size:12px}.pf-extension{padding:24px}.pf-extension p{font-size:14px}}
@media(max-width:400px){.pf-studio-body{padding:19px}.pf-window-head{padding:16px 18px;flex-wrap:wrap;gap:7px}.pf-studio-name{display:block}.pf-studio-name .pf-soft-tag{margin-top:12px}.pf-playbook-preview li{padding:12px 10px;gap:8px;grid-template-columns:27px 1fr 15px}.pf-playbook-preview p{font-size:11px}.pf-config-summary>div{font-size:10px}.pf-window-foot{padding:15px 18px}.pf-dial{padding:25px}.pf-autonomy-description{padding:26px;min-height:440px}.pf-autonomy-stages button{padding:16px 13px;gap:8px;font-size:11px}.pf-security-control summary{padding:20px 17px;gap:11px}.pf-security-icon{width:34px;height:34px}.pf-security-control>div{padding:0 20px 23px}.pf-cost-model{padding:25px}.pf-cost-equation{font-size:14px;padding:20px 16px}.pf-extension>div{gap:12px}.pf-extension .inline-link{margin-left:36px}}
@media(prefers-reduced-motion:reduce){.pf-dial-needle,.pf-dial-accent,.pf-autonomy-stages button,.pf-security-control summary>svg{transition:none!important;animation:none!important}}
