/* Home palette only. Geometry, typography and content stay in the approved template. */
.home-color{--home-ink:#102447;--home-blue:#0025ff;--home-green:#386b12;--home-purple:#7940c4;color:var(--home-ink)!important;background:#f6f8ff!important}
.home-color .home-notice{background:#102447!important}
.home-color header{background:#fff;border-color:#b9c9e9!important}
.home-color header>a{color:var(--home-blue)}
.home-color header nav>a:nth-child(1){color:#0025ff}
.home-color header nav>a:nth-child(2){color:var(--home-green)}
.home-color header nav>a:nth-child(3){color:var(--home-purple)}
.home-color header nav>a:nth-child(4){color:#176185}
.home-color header button{background:#edf2ff!important;color:#0025ff;border-color:#0025ff!important}
.home-color .home-hero{background:linear-gradient(115deg,#eff4ff 0%,#f8faff 55%,#eef5ff 100%)}
.home-color h1,.home-color h2{color:var(--home-ink)}
.home-color .home-hero>.home-hero-image{background:linear-gradient(135deg,#dce8ff,#eef5ff 55%,#dfedff)!important;border-color:#0025ff!important}
.home-color .home-hero>.home-hero-image>span:first-child{color:#385887!important}
.home-color .home-hero button:first-child{background:#0025ff!important;border-color:#0025ff!important;color:#fff!important}
.home-color .home-hero button:last-child{background:#fff!important;color:#0025ff!important;border-color:#0025ff!important}
.home-color .home-hero a{color:#0025ff!important}
.home-color .home-facts{border-color:#b9c9e9!important}
.home-color .home-facts>div{border-color:#c8d5ed!important}
.home-color .home-facts>div:nth-child(1){background:#eaf0ff}
.home-color .home-facts>div:nth-child(2){background:#eaf6f8}
.home-color .home-facts>div:nth-child(3){background:#f1edff}
.home-color #products{background:#f6f8ff}
.home-color #products article{--product-accent:var(--home-blue);--product-soft:#e9efff;border-color:var(--product-accent)!important}
.home-color #products article[data-family=supercolor]{--product-accent:var(--home-green);--product-soft:#eff7e4}
.home-color #products article[data-family=uv]{--product-accent:var(--home-purple);--product-soft:#f2eaff}
.home-color #products article>div:first-child{background:var(--product-soft)!important;color:var(--product-accent)!important;border-color:var(--product-accent)!important}
.home-color #products article h3{color:var(--product-accent)}
.home-color #products article button:first-child{background:var(--product-accent)!important;color:#fff!important;border-color:var(--product-accent)!important}
.home-color #products article button:last-child{background:#fff!important;color:var(--product-accent)!important;border-color:var(--product-accent)!important}
.home-color #comparison thead{background:#102447;color:#fff}
.home-color #comparison :is(th,td){border-color:#c8d5ed!important}
.home-color #comparison tbody tr:nth-child(1){background:#edf2ff}
.home-color #comparison tbody tr:nth-child(2){background:#f0f7e9}
.home-color #comparison tbody tr:nth-child(3){background:#f4edff}
.home-color #comparison tbody tr:nth-child(1) th{color:#0025ff}
.home-color #comparison tbody tr:nth-child(2) th{color:var(--home-green)}
.home-color #comparison tbody tr:nth-child(3) th{color:var(--home-purple)}
.home-color #how{background:linear-gradient(120deg,#102447,#163571)!important}
.home-color #how h2{color:#fff}
.home-color .home-common{background:#fff}
.home-color .home-common>div:last-child{border-color:#0025ff!important}
.home-color .home-common>div:last-child>div{border-color:#c8d5ed!important}
.home-color .home-common>div:last-child>div>b{color:#0025ff}
.home-color #studio{background:linear-gradient(110deg,#eaf5ff,#eef0ff)!important;border-color:#aac4ed!important}
.home-color #studio button:first-child{background:#0025ff!important;border-color:#0025ff!important;color:#fff!important}
.home-color #studio button:last-child{background:#fff!important;border-color:#2357a0!important;color:#2357a0}
.home-color #faq{background:#f6f8ff}
.home-color #faq>div{border-color:#0025ff!important}
.home-color #faq details{border-color:#c8d5ed!important}
.home-color #faq summary{color:#183664}
.home-color #faq details[open] summary{color:#0025ff}
.home-color footer{background:#102447!important}
.home-color footer h2{color:#fff}
.home-color footer button{background:#8be5ff!important;border-color:#8be5ff!important;color:#102447!important}
.home-color footer>div:last-child{border-color:#38537d!important;color:#cfddf3!important}
.home-color button:hover{filter:brightness(.95)}
.home-color a:hover{color:#0025ff}
.home-color :is(button,a,summary):focus-visible{outline:3px solid #3e7cff;outline-offset:3px}

/* Explain the artwork workflow before sending customers to an order form. */
.home-color .home-hero-guide{margin:24px 0 0;font-size:15px;line-height:1.6;color:#526581;max-width:44ch}
.home-color .home-order-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:8px;align-items:stretch}
.home-color .home-order-choice{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 24px 24px;background:#fff;border:1px solid #b9c9e9;border-radius:12px;color:#102447;text-decoration:none;transition:box-shadow .15s,border-color .15s}
.home-color .home-order-choice:hover{border-color:#0025ff;box-shadow:0 8px 24px #10244712;color:#102447}
.home-color .home-order-tag{position:absolute;top:-12px;left:22px;background:#e3eaff;color:#0025ff;border:1px solid #b9c9e9;padding:5px 10px;border-radius:6px;font-size:14px;line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.home-color .home-order-title{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:18px;line-height:1.35;font-weight:800}
.home-color .home-order-title>span{font-size:24px;font-weight:500;flex:none}
.home-color .home-order-description{font-size:14px;line-height:1.65;color:#526581;max-width:38ch}
.home-color .home-order-choice-primary{background:#0025ff;border-color:#0025ff;color:#fff}
.home-color .home-order-choice-primary:hover{background:#001ed0;color:#fff}
.home-color .home-order-choice-primary .home-order-description{color:#e4ebff}
.home-color .home-order-family-note{grid-column:1/-1;margin:0;font-size:14px;line-height:1.6;color:#526581}
.home-color .home-order-family-note a{color:#0025ff;text-decoration:underline;text-underline-offset:3px}