:root{--ink:#111c35;--blue:#2751e8;--muted:#616a7e;--line:#e3e7ef;--pale:#f3f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f1ac22;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 30px}.announcement{padding:9px 20px;background:var(--ink);color:#fff;text-align:center;font-size:14px}.announcement strong{font-weight:700}.nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.logo{font-size:27px;font-weight:800;letter-spacing:-1.3px;line-height:1}.logo span{color:var(--blue)}.logo small{display:block;font-size:11px;letter-spacing:2.1px;margin-top:9px;font-weight:600;color:var(--muted)}.navlinks{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.navlinks a:hover,.footerlinks a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;background:var(--blue);border:1px solid var(--blue);color:#fff;font-size:15px;font-weight:700;border-radius:7px;transition:background .2s,transform .2s;cursor:pointer}.button:hover{background:#183fc4;transform:translateY(-2px)}.button.light{background:#fff;color:var(--ink);border-color:var(--line)}.button.light:hover{background:var(--pale)}.nav .button{min-height:42px;padding:10px 20px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:74px 0 70px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--blue);margin:0 0 20px}h1{font-size:clamp(42px,4.6vw,65px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 24px;font-weight:750}h1 span{color:var(--blue)}.intro{font-size:19px;line-height:1.65;color:var(--muted);max-width:470px;margin:0 0 26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:14px;color:var(--muted);margin:18px 0 0}.hero-note strong{color:var(--ink)}.showcase{background:#edf1fa;padding:33px;border-radius:18px;position:relative;min-width:0}.showcase-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;margin-bottom:25px;gap:10px}.tag{background:#fff;border-radius:20px;padding:6px 12px;color:var(--blue);font-size:11px;letter-spacing:.6px}.showcase img{width:100%;display:block;box-shadow:0 15px 25px #18264218;border-radius:3px}.showcase-caption{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:16px}.showcase-caption strong{font-size:15px;display:block}.showcase-caption p{margin:2px 0 0;font-size:13px;color:var(--muted)}.pdf{font-weight:800;font-size:12px;color:var(--blue);border:1px solid #bbc9f4;background:#fff;padding:12px 10px;border-radius:6px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:24px}.benefit{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.check{border:1px solid #c9d3ed;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--blue);font-size:13px;flex-shrink:0}.section{padding:75px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px;gap:25px}h2{font-size:36px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 12px}.heading p{color:var(--muted);margin:0}.filters{display:flex;gap:5px;background:var(--pale);padding:5px;border-radius:8px;flex-shrink:0}.filters button{border:0;background:transparent;padding:10px 18px;border-radius:5px;font-size:14px;color:var(--muted);cursor:pointer}.filters button[aria-pressed=true]{background:white;box-shadow:0 2px 6px #1929550c;color:var(--ink);font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.collection{display:block;min-width:0}.collection[hidden]{display:none}.imagebox{background:var(--pale);padding:22px;border-radius:10px;aspect-ratio:1.42;display:flex;align-items:center;justify-content:center;overflow:hidden}.imagebox img{display:block;width:100%;height:100%;object-fit:contain;box-shadow:0 7px 16px #18264212;transition:transform .25s}.collection:hover img{transform:scale(1.035)}.collection-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.collection h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.3px}.shop{font-size:13px;font-weight:700;color:var(--blue);border-bottom:1px solid #bdccfa}.collection p{font-size:13px;color:var(--muted);margin:4px 0 0}.process{background:var(--pale);padding:60px 0}.process .eyebrow{text-align:center}.process h2{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.number{color:var(--blue);font-size:14px;font-weight:700;border-bottom:1px solid #cdd6ee;padding-bottom:14px;display:block}.steps h3{font-size:21px;letter-spacing:-.5px;margin:18px 0 10px}.steps p{color:var(--muted);font-size:15px;margin:0;max-width:310px}.download{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:75px 0;border-bottom:1px solid var(--line)}.download p{color:var(--muted);max-width:470px}.download-box{border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff;box-shadow:0 12px 35px #15285008}.file-row{display:flex;gap:18px;align-items:center;margin-bottom:22px}.file-icon{background:#edf1ff;border-radius:8px;padding:16px;font-size:17px;font-weight:800;color:var(--blue)}.file-row h3{font-size:18px;margin:0 0 3px}.file-row p{font-size:14px;margin:0}.file-features{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.file-features span{background:var(--pale);padding:6px 11px;border-radius:5px}.print-note{margin-top:20px;font-size:14px}.print-note a{color:var(--blue);text-decoration:underline}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding:70px 0}.faq p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:19px 0}details:first-child{padding-top:0}summary{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--blue);font-size:22px;font-weight:400;line-height:1}details[open] summary:after{content:'−'}details p{font-size:15px;line-height:1.7;margin:12px 25px 0 0}.final-cta{background:var(--ink);border-radius:12px;padding:43px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.final-cta h2{font-size:31px;margin-bottom:8px}.final-cta p{margin:0;color:#bfc8dc}.final-cta .button{background:#fff;color:var(--ink);border-color:#fff;flex-shrink:0}.footer{padding:45px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}.footerlinks{display:flex;gap:22px}.footer a strong{color:var(--ink)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:960px){.hero{gap:30px;padding:50px 0}h1{font-size:48px}.showcase{padding:22px}.navlinks{gap:20px}.heading{align-items:start;flex-direction:column}.grid{grid-template-columns:repeat(2,1fr)}.download,.faq{gap:35px}.steps{gap:28px}.benefit{font-size:13px}}@media(max-width:650px){.wrap{padding:0 20px}.announcement{font-size:12px}.nav{padding:20px 0}.navlinks>a:not(.button){display:none}.logo{font-size:23px}.logo small{font-size:10px}.hero{grid-template-columns:1fr;padding:42px 0 35px;gap:30px}h1{font-size:45px;letter-spacing:-1.8px}.intro{font-size:17px}.showcase{padding:25px}.benefits{grid-template-columns:1fr;gap:12px;padding:20px 0}.benefit{justify-content:start;font-size:14px}.section{padding:45px 0}h2{font-size:29px}.heading{gap:20px}.grid{gap:25px 14px}.imagebox{padding:12px}.collection-meta{display:block}.collection h3{font-size:16px}.shop{display:inline-block;margin-top:5px}.collection p{font-size:12px}.filters{width:100%}.filters button{flex:1;padding:9px 10px}.steps{grid-template-columns:1fr;gap:26px}.steps p{max-width:none}.process{padding:40px 0}.process .eyebrow,.process h2{text-align:left}.download,.faq{grid-template-columns:1fr;padding:45px 0;gap:25px}.final-cta{padding:30px 25px;flex-direction:column;align-items:start}.final-cta h2{font-size:28px}.footer{align-items:start;flex-direction:column}.footerlinks{flex-wrap:wrap;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original brand assets and square collection tiles */
.logo{display:flex;align-items:center;gap:12px}.brand-icon{width:48px;height:45px;object-fit:contain}.brand-word{color:var(--ink)!important}.imagebox{position:relative;aspect-ratio:1;padding:0;border-radius:10px;isolation:isolate}.imagebox img{width:100%;height:100%;object-fit:contain;box-shadow:none}.imagebox .shop{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:43px;white-space:nowrap;padding:10px 20px;border:1px solid #ffffff99;border-radius:6px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;box-shadow:0 3px 15px #111c3520;margin:0}.collection:hover .shop{background:var(--ink);color:#fff}.collection-meta{display:flex;align-items:center;justify-content:space-between}.price{font-size:16px;font-weight:700;color:var(--ink);flex-shrink:0}.showcase img{max-height:310px;object-fit:contain;box-shadow:none}.showcase{background:#edf1fa}
@media(max-width:650px){.brand-icon{width:37px;height:35px}.logo{gap:8px}.imagebox{padding:0}.imagebox .shop{font-size:12px;padding:8px 12px;min-height:36px;bottom:14px}.collection-meta{gap:8px}.collection h3{font-size:15px}.price{font-size:14px}.showcase img{max-height:280px}}

/* Real card mockups in the main showcase */
.showcase{padding:18px;background:#f3f5f9}.showcase-top{padding:3px 6px;margin-bottom:15px}.hero-mockups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.showcase .hero-mockups img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:cover;border-radius:7px;box-shadow:none}.showcase .hero-mockups .mockup-featured{grid-column:1/-1;aspect-ratio:1.7;object-position:50% 53%}.showcase-caption{padding:0 6px;margin-top:17px}.hero{gap:48px;padding-top:55px;padding-bottom:55px}@media(max-width:650px){.showcase{padding:14px}.hero-mockups{gap:10px}.showcase-top{font-size:10px;letter-spacing:.8px}.hero{gap:30px;padding-top:42px;padding-bottom:35px}}

/* Original CustomCards indigo and periwinkle palette */
:root{--ink:#333b62;--blue:#60699f;--muted:#67708b;--line:#e0e4f1;--pale:#f3f5ff;--indigo:#4c5484;--periwinkle:#808bd0}.announcement{background:var(--indigo)}.button:hover{background:var(--indigo)}.tag{color:var(--indigo)}.check{border-color:#c9cfee;color:var(--indigo)}.pdf{border-color:#c9cfee;color:var(--indigo)}.shop{border-color:#c9cfee}.showcase{background:#f1f3fd}.file-icon{background:#edf0fc;color:var(--indigo)}.final-cta{background:var(--indigo)}
.process{padding:72px 0;background:linear-gradient(110deg,#f1f3ff,#f8f9fd)}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.process .eyebrow,.process h2{text-align:left}.process-visual{position:relative;min-width:0}.process-visual h2{font-size:36px}.mobile-mockup{display:block;width:100%;max-width:490px;height:auto;transform:scaleX(-1);margin:-20px auto -24px}.process-caption{font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--indigo);background:#fff9;border:1px solid #dfe4f5;border-radius:8px;padding:13px 15px}.process-guide h2{font-size:34px}.steps{display:flex;flex-direction:column;gap:0;margin:25px 0 28px}.step{display:grid;grid-template-columns:52px 1fr;gap:20px;position:relative;padding:0 0 28px}.step:last-child{padding-bottom:0}.number{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;padding:0;background:var(--indigo);color:white;font-size:24px;line-height:1;position:relative;z-index:1}.step:nth-child(2) .number{background:#60689e}.step:nth-child(3) .number{background:#808bd0}.step:not(:last-child):before{content:'';position:absolute;width:2px;background:#d7ddf3;top:52px;bottom:0;left:25px}.steps h3{margin:2px 0 8px;font-size:21px}.steps p{max-width:none;font-size:15px;line-height:1.65}.step-detail{display:inline-block;font-size:12px;font-weight:700;color:var(--indigo);background:#e9edf9;padding:5px 10px;border-radius:5px;margin-top:12px}.process-guide>.button{margin-left:72px}
@media(max-width:960px){.process-layout{gap:35px}.process-visual h2,.process-guide h2{font-size:30px}.step{gap:16px}.process-caption{font-size:12px}}@media(max-width:650px){.process{padding:45px 0}.process-layout{grid-template-columns:1fr;gap:35px}.mobile-mockup{max-width:370px;margin:-20px auto -25px}.process-caption{font-size:13px}.process-guide>.button{margin-left:0;width:100%}.process .eyebrow{font-size:11px}.step{grid-template-columns:44px 1fr;gap:17px}.number{width:44px;height:44px;font-size:21px}.step:not(:last-child):before{top:44px;left:21px}.steps h3{font-size:19px}.process-visual h2,.process-guide h2{font-size:29px}}

/* Stronger benefit strip, retaining the single-row layout */
.benefits{background:#f1f3fd;border-top:2px solid #c9d0eb;border-bottom:2px solid #c9d0eb;padding:27px 20px;gap:0}.benefits .benefit{font-size:15px;font-weight:700;line-height:1.45;color:var(--indigo);gap:12px;padding:0 16px;min-height:36px}.benefits .benefit+.benefit{border-left:1px solid #cbd2ec}.benefits .check{background:var(--indigo);color:white;border:0;width:29px;height:29px;font-size:15px;font-weight:700;box-shadow:0 3px 8px #4c548418}
@media(max-width:960px){.benefits{padding:23px 8px}.benefits .benefit{font-size:13px;padding:0 12px;gap:9px}.benefits .check{width:25px;height:25px;font-size:13px}}@media(max-width:650px){.benefits{gap:16px;padding:23px 20px}.benefits .benefit{padding:0;font-size:14px;min-height:29px}.benefits .benefit+.benefit{border-left:0}}

/* One cohesive computer and card mockup */
.showcase{padding:0;background:#f1f3fd;overflow:hidden}.showcase-top{padding:20px 22px;margin:0}.hero-computer img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;box-shadow:none}.showcase-caption{padding:20px 22px;margin:0}.hero{gap:42px;grid-template-columns:.95fr 1.05fr}@media(max-width:650px){.hero{grid-template-columns:1fr;gap:30px}.showcase-top,.showcase-caption{padding:17px 18px}.hero-computer img{max-height:none}}

/* Mobile storefront: clear browsing, generous tap targets, persistent shopping action */
.mobile-shopping{display:none}
@media(max-width:650px){
 html{scroll-padding-top:24px}body{padding-bottom:calc(84px + env(safe-area-inset-bottom));font-size:16px}.wrap{padding-left:18px;padding-right:18px}.announcement{font-size:12px;line-height:1.5;padding:8px 16px}.nav{padding:17px 0;gap:10px}.nav .button{min-height:44px;padding:10px 14px;font-size:13px}.logo{font-size:21px}.brand-icon{width:32px;height:32px}.logo small{font-size:10px;margin-top:6px}.hero{padding:30px 0 25px;gap:23px}.hero .eyebrow{font-size:11px;margin-bottom:12px}h1{font-size:40px;letter-spacing:-1.5px;line-height:1.12;margin-bottom:17px}.intro{font-size:16px;line-height:1.6;margin-bottom:19px}.actions{display:grid;grid-template-columns:1fr}.actions .button{width:100%;min-height:50px;font-size:16px}.actions .button.light{display:none}.hero-note{font-size:13px;margin-top:11px}.showcase{max-width:380px;width:100%;margin:auto;border-radius:10px;background:#f1f3fd}.showcase-top,.showcase-caption{display:none}.hero-computer img{max-height:210px;width:100%;object-fit:contain}.benefits{gap:13px;padding:19px 16px;border-width:1px}.benefits .benefit{font-size:14px;font-weight:600;line-height:1.4}.benefits .check{width:25px;height:25px}.section{padding:34px 0 39px}.heading{gap:16px;margin-bottom:20px}.heading .eyebrow{margin-bottom:9px}.heading h2{font-size:28px;margin-bottom:9px}.heading p{font-size:15px;line-height:1.55}.filters{padding:4px}.filters button{min-height:44px;font-size:14px;padding:10px 8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.imagebox{border-radius:9px}.imagebox .shop{left:10px;right:10px;bottom:10px;transform:none;min-height:44px;white-space:normal;font-size:13px;padding:8px 5px}.collection-meta{display:flex;align-items:start;gap:6px;margin-top:11px}.collection h3{font-size:15px;line-height:1.4}.price{font-size:15px;line-height:1.4}.collection>p{display:none}.mobile-shopping{display:flex;position:fixed;z-index:20;left:0;right:0;bottom:0;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-top:1px solid #d9def0;box-shadow:0 -4px 18px #333b620c;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.mobile-shopping strong{display:block;font-size:21px;line-height:1.15;color:var(--indigo)}.mobile-shopping small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.mobile-shopping .button{min-height:48px;min-width:145px;font-size:16px}.process{padding:38px 0}.process-layout{gap:28px}.process-visual .mobile-mockup{max-width:290px;margin:-20px auto -20px}.process-guide .step{padding-bottom:25px}.step-detail{font-size:12px}.download,.faq{padding:36px 0;gap:22px}.download p,.faq p{font-size:16px}.download-box{padding:21px}.file-row{gap:13px}.file-row h3{font-size:16px}.file-features{font-size:13px}summary{min-height:44px;align-items:center;font-size:16px}details p{font-size:15px;margin-right:0}.final-cta{padding:26px 22px;gap:20px}.final-cta .button{width:100%}.footer{padding-top:30px;gap:18px}.footerlinks a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
}
@media(max-width:360px){h1{font-size:36px}.brand-icon{width:28px;height:28px}.logo{font-size:19px}.nav .button{padding:10px;font-size:12px}.grid{gap:22px 10px}.imagebox .shop{left:7px;right:7px;font-size:12px}.collection-meta{flex-direction:column;gap:3px}.mobile-shopping .button{min-width:135px}}



/* Site chrome interaction fixes */
.navlinks .button:hover{color:#fff}
.final-cta .button:hover{background:var(--indigo);color:#fff}

/* CTA hover visibility fix */
.navlinks .button:hover,
.navlinks .button:focus-visible {
  background: var(--indigo) !important;
  border-color: var(--indigo) !important;
  color: #fff !important;
}
.final-cta .button:hover,
.final-cta .button:focus-visible {
  background: #333b62 !important;
  border-color: #333b62 !important;
  color: #fff !important;
}