.pf{--ink:#142433;--muted:#596979;--blue:#07559c;--line:#dce3e9;--pale:#f4f7f9;--orange:#f28a15;--radius:4px;--space:clamp(24px,5vw,80px)}
.pf *{box-sizing:border-box}
.pf{scroll-behavior:smooth;scroll-padding-top:90px}
.pf{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.pf a{color:inherit;text-decoration:none}
.pf button,.pf input,.pf select,.pf textarea{font:inherit}
.pf button,.pf a{touch-action:manipulation}
.pf button{cursor:pointer}
.pf button:disabled{cursor:default;opacity:.45}
.pf a:focus-visible,.pf button:focus-visible,.pf input:focus-visible,.pf select:focus-visible,.pf textarea:focus-visible,.pf #viewer:focus-visible{outline:3px solid #e59225;outline-offset:4px}
.pf .wrap{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--space)}
.pf .header{display:flex;justify-content:space-between;align-items:center;padding:18px var(--space);border-bottom:1px solid var(--line);gap:24px}
.pf .brand img{display:block;max-width:100%;object-fit:contain}
.pf .header nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}
.pf .button{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);border:1px solid var(--blue);color:white;padding:15px 22px;border-radius:var(--radius);font-weight:700;gap:12px;transition:background .18s,transform .18s}
.pf .button:hover{background:#06477f;transform:translateY(-1px)}
.pf .small{padding:11px 15px}
.pf .intro{padding-top:50px}
.pf .eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:700;margin:0 0 20px}
.pf .title-row{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}
.pf h1{font-size:clamp(40px,5.4vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0}
.pf h1 span{color:var(--blue)}
.pf .flagship{margin:18px 0 0;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.pf .intro-copy>p:first-child{font-size:24px;line-height:1.4;margin:0 0 16px}
.pf .muted{color:var(--muted)}
.pf .text-link{display:inline-flex;font-weight:700;color:var(--blue);padding-block:8px;border-bottom:1px solid #9eb8d0}
.pf .text-link:hover{color:var(--ink)}
.pf .image-stage{position:relative}
.pf .image-stage>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.pf .gallery{padding-top:20px}
.pf .image-index{position:absolute;bottom:16px;right:16px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.pf .gallery-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pf .gallery-controls button{border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-align:start;padding:8px 14px 12px;color:var(--muted);font-size:14px}
.pf .gallery-controls button[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 -3px var(--blue);color:var(--ink)}
.pf .gallery-controls img{width:100%;max-height:100px;object-fit:contain;display:block;margin-bottom:6px}
.pf .caption{font-size:12px;color:var(--muted);margin:16px 0 0}
.pf .spec-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px}
.pf .spec-strip>div{border-block:1px solid var(--line);padding:28px 15px 28px 0}
.pf .spec-strip strong{display:block;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.03em}
.pf .spec-strip small{font-size:16px}
.pf .spec-strip span{display:block;font-size:13px;color:var(--muted);margin-top:5px}
.pf .section{padding-block:90px}
.pf .section-heading{margin-bottom:40px}
.pf h2{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0}
.pf h3{font-size:21px;margin:20px 0 10px;line-height:1.25}
.pf .features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.pf .features article{border-top:1px solid var(--line);padding-top:20px}
.pf .number{color:var(--blue);font-size:13px}
.pf .features p{color:var(--muted);margin:0;font-size:15px}
.pf .viewer-section{background:var(--pale);padding-block:65px}
.pf .viewer-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.pf .viewer-shell{background:white;border:1px solid var(--line)}
.pf #viewer{height:540px;position:relative;overflow:hidden;touch-action:pan-y}
.pf #viewer canvas{display:block;width:100%;height:100%;touch-action:none}
.pf .viewer-poster{width:100%;height:100%;object-fit:contain;opacity:.6}
.pf #load-3d{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;white-space:normal}
.pf #viewer-status{font-size:12px;color:var(--muted);padding:12px 20px;margin:0;border-top:1px solid var(--line)}
.pf .viewer-toolbar{padding:15px 20px;border-top:1px solid var(--line)}
.pf .viewer-toolbar fieldset{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}
.pf .viewer-toolbar label{display:flex;gap:10px;align-items:center;font-size:12px}
.pf .viewer-toolbar button,.pf .viewer-toolbar select{padding:9px 12px;border:1px solid #bcc9d4;background:white;color:var(--ink);border-radius:var(--radius);font-size:12px}
.pf .viewer-toolbar button[aria-pressed=true]{background:#eaf2f9;border-color:var(--blue);color:var(--blue)}
.pf .request{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.pf .request .muted{max-width:420px}
.pf .local-note{padding-left:15px;border-left:3px solid var(--orange);font-size:13px;max-width:430px;color:var(--muted);margin-top:32px}
.pf .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pf .form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700}
.pf .form-grid input,.pf .form-grid select,.pf .form-grid textarea{width:100%;min-width:0;padding:12px;border:1px solid #b9c8d4;border-radius:var(--radius);background:white;color:var(--ink);font-size:14px}
.pf .form-grid textarea{resize:vertical}
.pf .wide{grid-column:1/-1}
.pf .included{font-size:13px;color:var(--muted)}
.pf #form-status{font-size:13px;color:var(--blue)}
.pf .footer{padding-block:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px}
.pf .footer>span{color:var(--muted)}
.pf .visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:900px){.pf .header nav>a:nth-child(2){display:none}
.pf .title-row{gap:30px}
.pf .features{grid-template-columns:1fr 1fr}
.pf .request{gap:35px;grid-template-columns:1fr 1.2fr}
.pf .spec-strip{grid-template-columns:1fr 1fr}
.pf #viewer{height:430px}
.pf .intro-copy>p:first-child{font-size:20px}
.pf .header{padding-inline:24px}
.pf .header .brand img{width:115px}
.pf .header nav{gap:18px;font-size:12px}
}
@media(max-width:620px){.pf{--space:22px}
.pf .header{padding:15px 22px}
.pf .header nav>.button{display:none}
.pf .intro{padding-top:32px}
.pf .title-row{grid-template-columns:1fr;gap:24px}
.pf .intro-copy>p:first-child{font-size:19px}
.pf .intro-copy p{font-size:14px}
.pf .flagship{font-size:14px}
.pf .gallery{padding-top:10px}
.pf .gallery-controls{grid-template-columns:1fr 1fr;gap:8px}
.pf .gallery-controls button{font-size:12px;padding:8px 10px}
.pf .gallery-controls img{max-height:68px}
.pf .image-index{bottom:0;font-size:10px}
.pf .caption{font-size:11px}
.pf .spec-strip{margin-top:28px;gap:0}
.pf .spec-strip>div{padding:20px 8px 20px 0}
.pf .spec-strip strong{font-size:22px}
.pf .spec-strip span{font-size:12px}
.pf .section{padding-block:52px}
.pf .features{grid-template-columns:1fr;gap:27px}
.pf h3{margin-top:12px}
.pf .viewer-section{padding-block:40px}
.pf .viewer-heading{display:block}
.pf .viewer-heading .text-link{margin-top:18px;font-size:13px}
.pf #viewer{height:340px}
.pf .viewer-toolbar{padding:12px}
.pf .viewer-toolbar label{width:100%;flex-wrap:wrap}
.pf .viewer-toolbar select{flex:1;min-width:0}
.pf .request{grid-template-columns:1fr;gap:30px}
.pf .form-grid{grid-template-columns:1fr}
.pf .footer{flex-wrap:wrap}
.pf .footer>span{width:100%}
.pf #load-3d{font-size:13px;width:240px}
.pf .local-note{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.pf{scroll-behavior:auto}
.pf *,.pf *:before,.pf *:after{transition:none!important}
}
.pf .intro-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}
.pf .image-index{background:#ffffffdd;padding:4px 8px;border-radius:4px}

.pf{--blue:#24658f;--ink:#142433;--muted:#596979;--line:#dce3e9;--pale:#f4f7f9;--radius:4px;--space:0px;color:var(--ink)}
.pc .pf.intro{padding:44px max(22px,calc((100% - 1280px)/2));background:#fff}
.pf h1{font-size:clamp(32px,4.5vw,66px);overflow-wrap:anywhere}
.pf .wrap{max-width:none;padding-inline:0}
.pf .viewer-section .wrap{padding-inline:24px}
.pf .section{padding-block:48px}
.pf .pc-specs{max-width:100%;display:grid;gap:0}
.pf .pc-specs>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:20px;padding-block:14px;border-bottom:1px solid var(--line)}
.pf .pc-specs dd{margin:0;overflow-wrap:anywhere}
.pc [hidden]{display:none!important}
@media(max-width:620px){.pf .pc-specs>div{grid-template-columns:1fr;gap:6px}.pc .pf.intro{padding:28px 22px}.pf .viewer-section .wrap{padding-inline:14px}}

.pc[data-flagship] .pc-tray{display:none!important}
/* The model page retains the approved standalone header/footer. */
body.vatan-public-shell>.pf{--space:clamp(22px,5vw,80px);background:#fff}
body.vatan-public-shell>.pf .header{max-width:1600px;margin:auto;flex-wrap:wrap}
body.vatan-public-shell>.pf .header nav{flex-wrap:wrap}
body.vatan-public-shell>.pf .footer{padding-inline:clamp(22px,5vw,80px)}

/* Original compact strip and six editorial equipment blocks. */
.pf .spec-strip{max-width:1280px;width:100%;margin-inline:auto;padding-inline:clamp(20px,3vw,40px)}
.pf #configuration{max-width:1280px;margin-inline:auto;padding:52px clamp(20px,3vw,40px)}
.pf #configuration .features article{min-width:0}
.pf #configuration .features p{line-height:1.7}