/* Shared JEUPAD identity. The studio keeps its readable, light work surface. */
:root{--jp-ink:#0b0d12;--jp-blue:#1559d6;--jp-lime:#c7ff3e;--jp-paper:#f3f4f6;--jp-muted:#535b69}
body{font-family:Arial,Helvetica,sans-serif}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.brand .jp-brand-icon{width:38px;height:38px;flex-shrink:0;object-fit:contain}
.brand .jp-wordmark{display:inline!important;color:#fff;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1.2px;border:0;padding:0;margin:0}
.brand .jp-wordmark span{display:inline!important;color:var(--jp-lime);font:inherit;letter-spacing:inherit;border:0;padding:0;margin:0}
.site-header,.studio-header,.corporate-page header{background:var(--jp-ink);color:white}
.button,.btn,.studio-quote,.download-button,.upload-button{border-radius:10px;font-size:16px;line-height:1.3;font-weight:700;min-height:48px}
.button-primary,.corporate-page .btn:not(.btn-outline),.studio-quote{background:var(--jp-lime);color:var(--jp-ink);border-color:var(--jp-lime)}
.button-primary:hover,.corporate-page .btn:not(.btn-outline):hover,.studio-quote:hover{background:#dbff89;color:var(--jp-ink)}
.button-dark,.upload-button,.download-button{background:var(--jp-blue);color:white}
.button-outline,.corporate-page .btn-outline{border:1px solid #b7bfcc;background:white;color:var(--jp-ink)}
.button-outline:hover,.corporate-page .btn-outline:hover{background:#edf2ff}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #1559d6;outline-offset:4px}
.hero-real-product{position:relative;display:flex;flex-direction:column;min-width:0;min-height:530px;border-radius:18px;overflow:hidden;background:#fff;color:var(--jp-ink);box-shadow:0 24px 80px #0003}
.hero-product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;border-bottom:1px solid #e8eaf0}
.hero-product-heading span{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--jp-muted)}
.hero-product-heading strong{font-size:18px}
.hero-product-image{height:400px;overflow:hidden}
.hero-product-image>img{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.45)}
.hero-product-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;border-top:1px solid #e8eaf0}
.hero-product-caption strong{display:block;font-size:24px;letter-spacing:-.04em}
.hero-product-caption span{display:block;margin-top:5px;font-size:14px;color:var(--jp-muted)}
.hero-product-caption a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--jp-lime);font-size:24px;flex-shrink:0}
.studio-entry-section{padding:88px 0;background:#eef2f8;color:var(--jp-ink)}
.studio-entry-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.studio-entry-layout h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.055em;margin:0 0 24px}
.studio-entry-layout p{font-size:17px;line-height:1.7;color:var(--jp-muted);max-width:550px}
.flow-steps{list-style:none;padding:0;margin:0;display:grid;gap:25px}
.flow-steps li{display:flex;align-items:flex-start;gap:20px;padding-top:23px;border-top:1px solid #cbd2dd}
.flow-steps li>span{display:grid;place-items:center;background:var(--jp-blue);color:white;width:40px;height:40px;border-radius:10px;flex-shrink:0;font-size:14px;font-weight:bold}
.flow-steps h3{font-size:21px;line-height:1.3;margin:0 0 8px}.flow-steps p{margin:0;font-size:16px}
.unified-enquiry h3{font-size:32px;line-height:1.15;margin:0 0 20px}.unified-enquiry>p{font-size:16px;color:var(--jp-muted);line-height:1.6}
.enquiry-links{display:grid;gap:12px;margin:28px 0}.enquiry-links .button{justify-content:space-between;padding:17px 20px;text-align:left}
.unified-enquiry .enquiry-note{font-size:15px}.unified-enquiry .contact-phones{margin-top:28px}
.studio-page .upload-block .upload-limit-note{grid-column:1/-1;font-size:15px;line-height:1.55;margin:0;padding:14px;background:#edf2ff;color:#34435d;border-left:3px solid var(--jp-blue);border-radius:4px}
.upload-limit-note strong{display:block;color:var(--jp-ink);margin-bottom:5px}
.corporate-page{background:var(--jp-paper);color:var(--jp-ink);font-size:16px;line-height:1.6}
.corporate-page .top{background:#171c29;color:#d4d9e5;font-size:12px}.corporate-page .nav{gap:24px;min-height:80px}
.corporate-page .navlinks{font-size:15px}.corporate-page .navlinks a:hover{color:var(--jp-lime)}
.corporate-page .nav>.btn{font-size:15px;min-height:48px}.corporate-page h1 em{color:var(--jp-blue)}
.corporate-page .eyebrow{font-size:12px;color:#4c5d77}.corporate-page .lead,.corporate-page .section-head p,.corporate-page .card p,.corporate-page .aside p,.corporate-page .step p{font-size:16px;color:var(--jp-muted)}
.corporate-page .text-link{font-size:16px;color:var(--jp-blue);border-color:var(--jp-blue)}
.corporate-page .m-section,.corporate-page .form-section{background:#e9eef6}
.corporate-page .workspace-story{background:var(--jp-ink)}.corporate-page .story-copy .eyebrow{color:var(--jp-lime)}
.corporate-page .story-copy p{font-size:16px;color:#d2d7df}.corporate-page .story-copy small{font-size:14px;color:#abb5c4}
.corporate-page .model-actions{font-size:14px}.corporate-page .model-actions a:last-child{color:var(--jp-blue)}
.corporate-page .model small{font-size:14px;color:var(--jp-muted)}.corporate-page .collection-facts span{font-size:13px;color:var(--jp-muted)}
.corporate-page .collection-facts>a{font-size:15px}.corporate-page .aside ul{font-size:15px;color:var(--jp-muted)}
.corporate-page .formbox{border-radius:12px}.corporate-page .field label{font-size:15px;color:#303c50}
.corporate-page .field input,.corporate-page .field select,.corporate-page .field textarea{font-size:16px;min-height:48px;border-color:#bec7d4;border-radius:8px}
.corporate-page .field input[type=file]{font-size:14px;padding:12px;white-space:normal;background:#edf2ff;border:1px dashed #6c87bf;width:100%;min-height:90px}
.corporate-page input[type=file]::file-selector-button{display:block;margin-bottom:10px;padding:12px 16px;background:var(--jp-blue);color:white;border:0;border-radius:8px;font:700 15px Arial;cursor:pointer}
.corporate-page .hint,.corporate-page .muted,.corporate-page .formdisclaimer{font-size:14px;color:var(--jp-muted);line-height:1.6}
.corporate-page .tab{font-size:14px;min-height:48px;color:#40516d}.corporate-page .tab[aria-pressed=true]{background:var(--jp-ink);color:white}
.corporate-page .data-notice{font-size:14px!important;background:#f3f5f9!important;color:#46536a!important;border-color:#d9e0eb!important}
.corporate-page .data-notice p,.corporate-page .data-notice small{font-size:14px}.corporate-page .print-options small{font-size:14px!important}
.corporate-page .form-actions .btn{font-size:16px}.corporate-page .smallnote,.corporate-page .faq p{font-size:15px;color:var(--jp-muted)}
.corporate-page .contact-direct{font-size:16px}.corporate-page .hero-caption{font-size:14px}.corporate-page .image-label span{font-size:12px}
@media(max-width:1050px){.corporate-page .navlinks{font-size:14px;gap:15px}.corporate-page .nav{gap:15px}.corporate-page .form-layout{grid-template-columns:1fr 1.5fr;gap:30px}}
@media(max-width:760px){.brand .jp-brand-icon{width:32px;height:32px}.brand .jp-wordmark{font-size:22px}.studio-entry-layout{grid-template-columns:1fr}.studio-entry-section{padding:60px 0}.hero-real-product{min-height:0}.hero-real-product>img{height:310px}.hero-product-heading,.hero-product-caption{padding:18px}.hero-product-caption strong{font-size:22px}.corporate-page .navlinks{background:var(--jp-ink);color:white}.corporate-page .menu-toggle{color:white;font-size:15px}.corporate-page .nav>.btn{font-size:13px;padding:10px}.corporate-page .form-layout{grid-template-columns:1fr}.corporate-page .fieldrow{grid-template-columns:1fr}.corporate-page .form-actions{flex-direction:column}.corporate-page .top{font-size:10px}.corporate-page .top span{font-size:10px}.corporate-page .model-actions{font-size:13px}.corporate-page .mobile-cta .btn{font-size:15px;min-height:48px}.corporate-page .hero h1{font-size:clamp(42px,10vw,57px)}.corporate-page .lead{max-width:100%}}
.corporate-page .print-options{background:#f3f5f9;border-color:#d9e0eb}
.corporate-page .tabs{background:#e9eef6}
.corporate-page .service-state{font-size:14px}
.corporate-page .design-attachment{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px 18px;align-items:center;background:#edf2ff;border-radius:8px;font-size:15px}
.corporate-page .design-attachment img{width:90px;height:110px;grid-row:span 3}
.corporate-page .design-attachment p{margin:0;line-height:1.6;overflow-wrap:anywhere}
.corporate-page .design-attachment button,.corporate-page .design-attachment a{font-size:14px;line-height:1.5;text-align:left;min-height:40px;padding:8px 0;color:var(--jp-blue)}
@media(max-width:480px){.corporate-page .design-attachment{grid-template-columns:1fr}.corporate-page .design-attachment img{grid-row:auto;width:110px;height:120px;margin:auto}}
@media(max-width:760px){.corporate-page .hero-layout{gap:20px}.corporate-page .hero-copy{display:contents}.corporate-page .hero-copy>.eyebrow{order:0;margin:0}.corporate-page .hero h1{order:1;margin:0}.corporate-page .hero-real-product{order:2}.corporate-page .hero .lead{order:3;margin:0}.corporate-page .hero-buttons{order:4;margin:0}.corporate-page .hero-caption{order:5;margin:0}}
@media(max-width:760px){.hero.shell{gap:20px;padding-top:100px}.hero.shell .hero-copy{display:contents}.hero.shell .hero-copy>.eyebrow{order:0;margin:0}.hero.shell h1{order:1;font-size:40px}.hero.shell .hero-real-product{order:2}.hero.shell .hero-lead{order:3;margin:0}.hero.shell .hero-actions{order:4;margin:0}.hero.shell .business-promise,.hero.shell .hero-video-link,.hero.shell .hero-points{order:5;margin:0}.hero-product-image{height:230px}.hero-product-image>img{transform:scale(1.35)}.hero-product-heading{padding:12px 16px}.hero-product-caption{padding:14px 16px}.hero-product-caption strong{font-size:20px}.hero-product-caption span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The custom-print artwork is already tightly framed; keep the whole product visible. */
.hero-product-image>img[src*="jeupad-vivid"]{transform:scale(1.08);padding:0}