.color-proof-page { --proof-navy:#17364f; --proof-blue:#116f9c; --proof-pale:#eef7fa; --proof-border:#d5e2e8; --proof-text:#25323b; --proof-muted:#5d6a72; }
.color-proof-page #Main { color:var(--proof-text); }
.color-proof-title { margin-bottom:20px !important; }
.color-proof-page * { box-sizing:border-box; }
.color-proof-page a { transition:opacity .2s ease, transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease; }
.color-proof-page a:hover { opacity:1; }

.color-proof-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:28px; overflow:hidden; padding:38px; margin-bottom:24px; border:1px solid var(--proof-border); border-radius:20px; background:linear-gradient(135deg,#f8fcfd 0%,#edf7fa 62%,#fff 100%); box-shadow:0 14px 36px rgba(23,54,79,.09); }
.color-proof-hero::after { content:""; position:absolute; width:270px; height:270px; right:-130px; bottom:-150px; border-radius:50%; background:conic-gradient(#00a8d6 0 25%,#d51c75 0 50%,#f2c500 0 75%,#222 0); opacity:.08; }
.color-proof-hero__body { position:relative; z-index:2; }
.color-proof-eyebrow { margin:0 0 9px; color:var(--proof-blue); font-size:12px; font-weight:800; letter-spacing:.16em; }
.color-proof-hero h2 { margin:0 0 18px; color:var(--proof-navy); font-size:clamp(26px,3.6vw,42px); line-height:1.35; letter-spacing:.01em; }
.color-proof-hero__body > p:not(.color-proof-eyebrow) { margin:0; line-height:1.95; }
.color-proof-badges { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; list-style:none; }
.color-proof-badges li { padding:7px 12px; border:1px solid #bad6e0; border-radius:999px; background:#fff; color:#31586d; font-size:13px; font-weight:700; }
.color-proof-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.color-proof-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:11px 18px; border:2px solid var(--proof-blue); border-radius:9px; font-weight:700; line-height:1.4; text-align:center; text-decoration:none !important; }
.color-proof-button--primary { background:var(--proof-blue); color:#fff !important; }
.color-proof-button--primary:hover { background:#0b5c82; border-color:#0b5c82; color:#fff !important; transform:translateY(-1px); }
.color-proof-button--outline { background:#fff; color:var(--proof-blue) !important; }
.color-proof-button--outline:hover { background:var(--proof-pale); color:#0b5c82 !important; }
.color-proof-button--light { border-color:#c7d9e1; background:#f7fafb; color:var(--proof-navy) !important; }
.color-proof-button--light:hover { background:#e9f3f6; color:var(--proof-navy) !important; }

.color-proof-hero__visual { position:relative; min-height:300px; align-self:center; }
.proof-sheet { position:absolute; width:225px; height:285px; left:50%; top:50%; border-radius:8px; background:#fff; box-shadow:0 18px 38px rgba(23,54,79,.18); }
.proof-sheet--back { transform:translate(-38%,-48%) rotate(8deg); background:linear-gradient(135deg,#fff,#e9f2f5); }
.proof-sheet--front { transform:translate(-62%,-52%) rotate(-4deg); padding:18px; border:1px solid #d6e3e8; }
.proof-sheet__label { color:#517284; font-size:10px; font-weight:800; letter-spacing:.18em; }
.proof-photo { height:120px; margin:13px 0; border-radius:4px; background:linear-gradient(145deg,#124e70 0 32%,#e16567 32% 52%,#f2c56b 52% 70%,#d8ebef 70%); }
.proof-lines { display:grid; gap:7px; }
.proof-lines i { display:block; height:7px; border-radius:9px; background:#dfe9ed; }
.proof-lines i:nth-child(2) { width:78%; }
.proof-lines i:nth-child(3) { width:58%; }
.cmyk-row { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:18px; }
.cmyk-row b { display:flex; height:26px; align-items:center; justify-content:center; color:#fff; font-size:10px; border-radius:3px; }
.cmyk-row b:nth-child(1) { background:#00a7d2; }.cmyk-row b:nth-child(2) { background:#cf2772; }.cmyk-row b:nth-child(3) { background:#ddb900; }.cmyk-row b:nth-child(4) { background:#252525; }
.proof-loupe { position:absolute; width:105px; height:105px; right:5px; bottom:18px; border:10px solid rgba(255,255,255,.9); border-radius:50%; box-shadow:0 10px 26px rgba(23,54,79,.22); background:rgba(210,236,244,.55); }
.proof-loupe::after { content:""; position:absolute; width:68px; height:13px; right:-55px; bottom:-25px; border-radius:10px; background:var(--proof-navy); transform:rotate(47deg); }
.proof-loupe span { position:absolute; inset:20px; border-radius:50%; background:conic-gradient(#00a8d6 0 25%,#d51c75 0 50%,#f2c500 0 75%,#222 0); opacity:.65; }

.color-proof-local-nav { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin:0 0 28px; }
.color-proof-local-nav a { display:flex; min-height:50px; align-items:center; justify-content:center; padding:9px; border:1px solid var(--proof-border); border-radius:8px; background:#fff; color:var(--proof-navy) !important; font-size:13px; font-weight:700; text-align:center; text-decoration:none !important; }
.color-proof-local-nav a:hover { border-color:#8fb9ca; background:var(--proof-pale); }

.color-proof-alert { padding:22px 24px; margin:0 0 42px; border-left:6px solid #e7a226; border-radius:8px; background:#fff8e9; }
.color-proof-alert h2 { margin:0 0 8px; color:#704b0d; font-size:19px; line-height:1.5; }
.color-proof-alert p { margin:0; line-height:1.85; }

.color-proof-section { margin:0 0 52px; scroll-margin-top:18px; }
.color-proof-heading { display:flex; gap:15px; align-items:flex-start; padding-bottom:14px; margin-bottom:22px; border-bottom:2px solid var(--proof-border); }
.color-proof-heading__number { flex:0 0 48px; margin:0; color:#9bb8c5; font-size:29px; font-weight:800; line-height:1; }
.color-proof-heading h2 { margin:0 0 4px; color:var(--proof-navy); font-size:25px; line-height:1.4; }
.color-proof-heading div > p { margin:0; color:var(--proof-muted); line-height:1.7; }

.color-proof-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.color-proof-card-grid article { padding:23px; border:1px solid var(--proof-border); border-radius:12px; background:#fff; box-shadow:0 7px 18px rgba(23,54,79,.05); }
.color-proof-card__icon { display:inline-flex; min-width:64px; height:31px; align-items:center; justify-content:center; padding:0 9px; margin-bottom:13px; border-radius:6px; background:var(--proof-pale); color:var(--proof-blue); font-size:11px; font-weight:800; letter-spacing:.08em; }
.color-proof-card-grid h3 { margin:0 0 8px; color:var(--proof-navy); font-size:18px; }
.color-proof-card-grid p { margin:0; line-height:1.8; }

.color-proof-table-scroll { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.color-proof-table { width:100%; min-width:620px; border-collapse:collapse; background:#fff; }
.color-proof-table th,.color-proof-table td { padding:14px 13px; border:1px solid #cfdde3; line-height:1.65; text-align:left; vertical-align:middle; }
.color-proof-table thead th { background:var(--proof-navy); color:#fff; font-weight:700; text-align:center; }
.color-proof-table tbody th { background:#eef5f7; color:var(--proof-navy); font-weight:700; }
.color-proof-compare-table td:nth-child(2),.color-proof-compare-table td:nth-child(3) { width:34%; }
.color-proof-note { margin:10px 0 0; color:var(--proof-muted); font-size:13px; }

.color-proof-price-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.color-proof-price-card { overflow:hidden; border:1px solid var(--proof-border); border-radius:12px; background:#fff; }
.color-proof-price-card__heading { position:relative; z-index:0; padding:16px 20px; background:#e9f5f8; }
.color-proof-price-card--double .color-proof-price-card__heading { background:#f5edf4; }
.color-proof-price-card__heading p { margin:0 0 2px; color:var(--proof-blue); font-size:11px; font-weight:800; letter-spacing:.15em; }
.color-proof-price-card--double .color-proof-price-card__heading p { color:#8d4e7a; }
.color-proof-price-card h3 { margin:0; color:var(--proof-navy); font-size:20px; }
.color-proof-price-card .color-proof-table { min-width:460px; }
.color-proof-price-table td:nth-child(2) { font-weight:700; text-align:right; white-space:nowrap; }
.color-proof-price-table td:last-child { text-align:center; }
.color-proof-caution { padding:22px 24px; margin-top:18px; border:1px solid #e4d5b4; border-radius:10px; background:#fffbf3; }
.color-proof-caution h3 { margin:0 0 10px; color:#694b17; font-size:17px; }
.color-proof-caution ul { margin:0; padding-left:1.4em; }
.color-proof-caution li { margin:5px 0; line-height:1.75; }

.color-proof-printer-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr); gap:18px; align-items:start; }
.color-proof-printer-points { padding:22px; border:1px solid var(--proof-border); border-radius:10px; background:var(--proof-pale); }
.color-proof-printer-points h3 { margin:0 0 10px; color:var(--proof-navy); font-size:18px; }
.color-proof-printer-points ul { margin:0 0 16px; padding-left:1.4em; }
.color-proof-printer-points li { margin:6px 0; line-height:1.7; }
.color-proof-printer-points p { margin:0; line-height:1.8; }

.color-proof-step-list { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.color-proof-step-list li { display:grid; grid-template-columns:45px 1fr; gap:15px; align-items:start; padding:17px 20px; border:1px solid var(--proof-border); border-radius:10px; background:#fff; }
.color-proof-step-list li > span { display:flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:50%; background:var(--proof-navy); color:#fff; font-weight:800; }
.color-proof-step-list h3 { margin:0 0 5px; color:var(--proof-navy); font-size:17px; }
.color-proof-step-list p { margin:0; line-height:1.75; }
.color-proof-contact-box { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; padding:25px; margin-top:20px; border-radius:12px; background:var(--proof-navy); color:#fff; }
.color-proof-contact-box h3 { margin:0 0 7px; color:#fff; font-size:20px; }
.color-proof-contact-box p { margin:0; line-height:1.75; }
.color-proof-actions--contact { justify-content:flex-end; margin:0; }
.color-proof-contact-box .color-proof-button--outline { border-color:#fff; }

.color-proof-faq__list { display:grid; gap:10px; }
.color-proof-faq details { overflow:hidden; border:1px solid var(--proof-border); border-radius:9px; background:#fff; }
.color-proof-faq summary { position:relative; padding:17px 48px 17px 20px; color:var(--proof-navy); font-weight:700; line-height:1.6; cursor:pointer; list-style:none; }
.color-proof-faq summary::-webkit-details-marker { display:none; }
.color-proof-faq summary::after { content:"＋"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--proof-blue); font-size:22px; font-weight:400; }
.color-proof-faq details[open] summary::after { content:"−"; }
.color-proof-faq details > div { padding:0 20px 18px; border-top:1px solid #edf2f4; }
.color-proof-faq details p { margin:14px 0 0; line-height:1.85; }

.color-proof-related { padding:26px; margin-bottom:45px; border-radius:14px; background:#eef4f6; }
.color-proof-related h2 { margin:0 0 16px; color:var(--proof-navy); font-size:23px; }
.color-proof-related__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.color-proof-related__grid a { display:flex; flex-direction:column; gap:4px; padding:16px 18px; border:1px solid #d4e1e6; border-radius:9px; background:#fff; color:var(--proof-navy) !important; text-decoration:none !important; }
.color-proof-related__grid a:hover { transform:translateY(-1px); box-shadow:0 7px 18px rgba(23,54,79,.08); }
.color-proof-related__grid strong { font-size:16px; }
.color-proof-related__grid span { color:var(--proof-muted); font-size:13px; line-height:1.5; }

@media (max-width:900px) {
    .color-proof-hero { grid-template-columns:1fr; }
    .color-proof-hero__visual { min-height:285px; }
    .color-proof-local-nav { grid-template-columns:repeat(3,1fr); }
    .color-proof-price-grid,.color-proof-printer-layout { grid-template-columns:1fr; }
    .color-proof-contact-box { grid-template-columns:1fr; }
    .color-proof-actions--contact { justify-content:flex-start; }
}
@media (max-width:680px) {
    .color-proof-hero { padding:25px 19px; border-radius:14px; }
    .color-proof-hero h2 { font-size:27px; }
    .color-proof-actions,.color-proof-actions--contact { display:grid; grid-template-columns:1fr; width:100%; }
    .color-proof-button { width:100%; }
    .color-proof-local-nav { grid-template-columns:repeat(2,1fr); }
    .color-proof-alert { padding:18px; }
    .color-proof-heading { gap:9px; }
    .color-proof-heading__number { flex-basis:38px; font-size:24px; }
    .color-proof-heading h2 { font-size:21px; }
    .color-proof-card-grid { grid-template-columns:1fr; }
    .color-proof-related__grid { grid-template-columns:1fr; }
    .color-proof-section { margin-bottom:42px; }
    .color-proof-table th,.color-proof-table td { padding:11px 10px; font-size:13px; }
    .color-proof-contact-box { padding:20px; }
}
@media (max-width:420px) {
    .color-proof-local-nav { grid-template-columns:1fr; }
    .proof-sheet { width:195px; height:250px; }
    .proof-photo { height:100px; }
    .proof-loupe { right:0; }
    .color-proof-hero__visual { min-height:255px; }
}