/* ChapRango 2026 — component-led redesign, RTL-first, image-independent. */
:root {
  --cr-x-blue: #2457ff;
  --cr-x-blue-2: #173dcc;
  --cr-x-night: #07142d;
  --cr-x-ink: #111c33;
  --cr-x-muted: #687791;
  --cr-x-line: #dfe6f1;
  --cr-x-soft: #f3f6fb;
  --cr-x-aqua: #86dce3;
  --cr-x-white: #fff;
  --cr-x-radius: 28px;
  --cr-x-shadow: 0 24px 70px rgba(7, 20, 45, .1);
  --cr-x-shadow-lg: 0 38px 110px rgba(7, 20, 45, .18);
  --cr-x-ease: cubic-bezier(.2, .82, .24, 1);
}

html { overflow-x: clip; }
body {
  min-width: 320px;
  overflow-x: clip;
  color: var(--cr-x-ink);
  background: #fff;
}

body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .26;
  background-image: radial-gradient(rgba(7,20,45,.15) .6px, transparent .6px);
  background-size: 19px 19px;
  mask-image: linear-gradient(#000, transparent 42%);
}

.cr-icon { width: 1.25em; height: 1.25em; flex: 0 0 auto; }

/* Header becomes a precise product-finding console. */
.cr-header-stack { position: relative; z-index: 1000; }
.cr-top { padding-block: 8px; background: var(--cr-x-night); }
.cr-top .inner { width: min(calc(100% - 40px), 1240px); }
.cr-header {
  max-width: none !important;
  padding: 20px max(20px, calc((100vw - 1240px)/2)) !important;
  border-bottom: 1px solid rgba(7,20,45,.06);
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(18px) saturate(145%);
}
.cr-header-stack.is-scrolled .cr-header { box-shadow: 0 16px 48px rgba(7,20,45,.09); }
.brand { font-size: 1.9rem !important; letter-spacing: -.06em; }
.cr-header-search { max-width: 660px !important; }
.cr-header-search form {
  min-height: 54px;
  border: 1px solid #dce4f0;
  border-radius: 16px;
  background: #f4f7fb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.cr-header-search form:focus-within { border-color: var(--cr-x-blue); box-shadow: 0 0 0 5px rgba(36,87,255,.1); }
.cr-header-actions a { min-height: 50px; border-radius: 14px !important; }
.cr-nav {
  max-width: none !important;
  min-height: 62px;
  padding-inline: max(20px, calc((100vw - 1240px)/2)) !important;
  gap: 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #e7ecf3 !important;
  background: rgba(255,255,255,.97);
}
.cr-nav > a,
.cr-mega-toggle {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 8px 13px !important;
  border-radius: 11px;
  transition: color .18s ease, background-color .18s ease, transform .18s var(--cr-x-ease);
}
.cr-nav > a:hover,
.cr-mega-toggle:hover { color: var(--cr-x-blue); background: #f0f4ff; transform: translateY(-1px); }
.cr-mega,
.cr-search-suggestions {
  z-index: 1400 !important;
  border: 1px solid rgba(36,87,255,.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 34px 100px rgba(7,20,45,.2) !important;
}

/* Homepage frame */
.cr-home-v2 { width: min(calc(100% - 40px), 1240px); margin-inline: auto; padding-top: 28px; }
.cr-v2-section { margin-block: clamp(74px, 9vw, 132px); }
.cr-v2-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 19px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: .88rem;
  font-weight: 780;
  transition: transform .2s var(--cr-x-ease), box-shadow .2s ease, background-color .2s ease;
}
.cr-v2-button:hover { transform: translateY(-3px); }
.cr-v2-button--white { color: var(--cr-x-night) !important; background: #fff; box-shadow: 0 16px 38px rgba(0,0,0,.22); }
.cr-v2-button--ghost { color: #fff !important; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
.cr-v2-button--blue { color: #fff !important; background: linear-gradient(135deg, var(--cr-x-blue), var(--cr-x-blue-2)); box-shadow: 0 16px 38px rgba(36,87,255,.27); }

.cr-v2-status { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;overflow:hidden;border:1px solid var(--cr-x-line);border-radius:20px;background:var(--cr-x-line);box-shadow:0 12px 34px rgba(7,20,45,.06) }
.cr-v2-status > span { position:relative;display:grid;grid-template-columns:auto 1fr;gap:1px 10px;padding:18px 20px;background:#fff }.cr-v2-status i{grid-row:1/3;color:#2457ff;font-size:.72rem;font-style:normal;font-weight:800}.cr-v2-status b{font-size:.79rem}.cr-v2-status small{color:#7c899e;font-size:.66rem}

.cr-v2-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px }.cr-v2-heading > div > span{display:block;margin-bottom:8px;color:#2457ff;font-size:.76rem;font-weight:800}.cr-v2-heading h2{margin:0;font-size:clamp(1.85rem,3.8vw,3.2rem);letter-spacing:-.055em}.cr-v2-heading p{margin:9px 0 0;color:#6e7c92}.cr-v2-heading > a{display:inline-flex;align-items:center;gap:8px;color:#173dcc;font-size:.82rem;font-weight:760;white-space:nowrap}.cr-v2-heading > a svg{width:18px}.cr-v2-heading--center{justify-content:center;text-align:center}

.cr-v2-bento { display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px }.cr-v2-category{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:24px;border:1px solid #e0e6ef;border-radius:24px;color:var(--cr-x-night);background:#fff;box-shadow:0 12px 34px rgba(7,20,45,.055);transition:transform .24s var(--cr-x-ease),box-shadow .24s ease,border-color .24s ease}.cr-v2-category--wide{grid-column:span 2}.cr-v2-category:hover{transform:translateY(-7px);border-color:rgba(36,87,255,.25);box-shadow:0 28px 64px rgba(7,20,45,.12)}.cr-v2-category__icon{position:absolute;inset:22px 22px auto auto;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#2457ff;background:#edf2ff}.cr-v2-category__icon svg{width:29px;height:29px}.cr-v2-category__index{position:absolute;inset:22px auto auto 22px;color:#9aa7b9;font-size:.72rem;font-weight:800}.cr-v2-category h3{margin:0;font-size:1.22rem}.cr-v2-category p{margin:5px 0 0;color:#728097;font-size:.76rem}.cr-v2-category__go{position:absolute;inset:auto auto 22px 22px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#07142d;background:#f1f4f8;transition:transform .2s ease,background .2s ease}.cr-v2-category:hover .cr-v2-category__go{transform:translateX(-4px);color:#fff;background:#2457ff}.cr-v2-category__go svg{width:18px}.cr-v2-category--night{color:#fff;border-color:#07142d;background:linear-gradient(135deg,#07142d,#102b65)}.cr-v2-category--night h3{color:#fff}.cr-v2-category--night p{color:#acbddb}.cr-v2-category--night .cr-v2-category__icon{color:#fff;background:#2457ff}.cr-v2-category--night .cr-v2-category__go{color:#fff;background:rgba(255,255,255,.1)}.cr-v2-category--blue{background:linear-gradient(145deg,#eef2ff,#fff)}.cr-v2-category--aqua .cr-v2-category__icon{color:#087b87;background:#e8fbfc}.cr-v2-category--ink{color:#fff;border-color:#173dcc;background:#2457ff}.cr-v2-category--ink h3{color:#fff}.cr-v2-category--ink p{color:#dce4ff}.cr-v2-category--ink .cr-v2-category__icon{color:#2457ff;background:#fff}.cr-v2-category--ink .cr-v2-category__go{color:#fff;background:rgba(255,255,255,.15)}

.cr-v2-environmental { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,7vw,96px);padding:clamp(34px,6vw,74px);overflow:hidden;border:1px solid #dfe6f1;border-radius:34px;background:linear-gradient(145deg,#f5f8fd,#fff);box-shadow:var(--cr-x-shadow) }.cr-v2-environmental__copy > span{color:#2457ff;font-size:.77rem;font-weight:800}.cr-v2-environmental h2{margin:10px 0 18px;font-size:clamp(2rem,4.3vw,3.65rem);letter-spacing:-.065em}.cr-v2-environmental p{color:#65748b;line-height:2}.cr-v2-environmental ul{display:grid;gap:10px;margin:24px 0 28px;padding:0;list-style:none}.cr-v2-environmental li{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:680}.cr-v2-environmental li svg{color:#2457ff}
.cr-v2-environmental__visual{position:relative;min-height:480px;perspective:1100px}.cr-v2-material{position:absolute;width:270px;height:175px;border-radius:20px;box-shadow:0 28px 55px rgba(7,20,45,.2);transform-style:preserve-3d}.cr-v2-material span{position:absolute;inset:0;border-radius:inherit}.cr-v2-material b{position:absolute;z-index:2;inset:auto 18px 15px auto;padding:6px 10px;border-radius:99px;color:#07142d;background:rgba(255,255,255,.9);font-size:.7rem}.cr-v2-material--banner{inset:32px 26px auto auto;transform:rotate(8deg) rotateY(-10deg);background:linear-gradient(135deg,#2457ff 0 33%,#07142d 33% 65%,#86dce3 65%)}.cr-v2-material--banner::after{content:"";position:absolute;width:19px;inset:14px auto 14px -9px;border-radius:12px;background:linear-gradient(90deg,#c8d2e1,#fff,#8392a8)}.cr-v2-material--mesh{inset:180px auto auto 12px;transform:rotate(-8deg) rotateY(11deg);background-color:#f4f7fa;background-image:radial-gradient(#72839a 1px,transparent 1.2px);background-size:8px 8px}.cr-v2-material--sticker{inset:auto 34px 38px auto;transform:rotate(3deg);background:linear-gradient(135deg,#fff 0 55%,#2457ff 55%)}.cr-v2-material--sticker::after{content:"";position:absolute;inset:auto 0 0 auto;border:35px solid transparent;border-right-color:#dbe4f2;border-bottom-color:#dbe4f2;border-radius:0 0 20px 0}.cr-v2-measure{position:absolute;z-index:5;inset:auto auto 6px 0;width:210px;padding:16px;border:1px solid #dce4f0;border-radius:17px;background:#fff;box-shadow:0 20px 46px rgba(7,20,45,.14)}.cr-v2-measure i{display:block;height:5px;margin-bottom:12px;border-radius:99px;background:repeating-linear-gradient(90deg,#2457ff 0 1px,transparent 1px 10px)}.cr-v2-measure b,.cr-v2-measure small{display:block}.cr-v2-measure b{font-size:.86rem}.cr-v2-measure small{color:#77859a;font-size:.68rem}

.cr-v2-products--soft{padding:clamp(28px,5vw,58px);border-radius:32px;background:#f3f6fb}.cr-v2-carousel-actions{display:flex;gap:8px}.cr-v2-carousel-actions button{width:46px;height:46px;min-height:46px!important;padding:0!important;border:1px solid #dce3ee!important;border-radius:13px!important;color:#07142d!important;background:#fff!important;box-shadow:none!important}.cr-v2-carousel-actions button:hover{color:#fff!important;background:#2457ff!important}

.cr-product-card{overflow:hidden;border:1px solid #dfe6f1!important;border-radius:22px!important;background:#fff;box-shadow:0 12px 34px rgba(7,20,45,.06);transition:transform .24s var(--cr-x-ease),box-shadow .24s ease,border-color .24s ease}.cr-product-card:hover{transform:translateY(-7px);border-color:rgba(36,87,255,.26)!important;box-shadow:0 28px 68px rgba(7,20,45,.13)}.cr-product-card__visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef2f8,#fff)}.cr-product-card__visual>img{width:100%;height:100%;object-fit:cover}.cr-product-card__mark{position:absolute;inset:auto 13px 13px auto;padding:5px 9px;border:1px solid rgba(36,87,255,.12);border-radius:99px;color:#173dcc;background:rgba(255,255,255,.91);font-size:.65rem;font-weight:740;backdrop-filter:blur(10px)}.cr-product-card__link{display:inline-flex!important;align-items:center;gap:6px}.cr-product-card__link svg{width:16px;height:16px}

/* Reusable code-native product object */
.cr-product-object{position:relative;width:82%;height:78%;display:block;margin:auto;perspective:800px;transform-style:preserve-3d}.cr-product-object>i{position:absolute;display:block}.cr-product-object>b{position:absolute;z-index:5;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:#2457ff;box-shadow:0 15px 32px rgba(36,87,255,.28)}.cr-product-object>b svg{width:25px;height:25px}.cr-product-object--card>i{width:78%;height:48%;inset:28% 11% auto auto;border-radius:12px;background:linear-gradient(135deg,#fff 0 58%,#2457ff 58%);box-shadow:0 24px 44px rgba(7,20,45,.18)}.cr-product-object--card>i:nth-child(1){transform:translate(-15px,16px) rotate(-5deg);background:#07142d;opacity:.5}.cr-product-object--card>i:nth-child(2){transform:translate(-8px,8px) rotate(-2deg);background:#86dce3}.cr-product-object--card>b{inset:18% auto auto 2%}.cr-product-object--label>i:first-child{width:72%;height:60%;inset:22% 14% auto auto;border:22px solid #e7edf5;border-radius:50%;background:radial-gradient(circle,#fff 0 26%,#d7e0ec 27% 34%,#2457ff 35% 58%,#fff 59%);transform:rotateX(58deg) rotateZ(-12deg);box-shadow:0 40px 44px rgba(7,20,45,.18)}.cr-product-object--label>i:nth-child(2){width:45%;height:28%;inset:50% 3% auto auto;border-radius:10px;background:#fff;box-shadow:0 18px 30px rgba(7,20,45,.15);transform:rotate(-8deg)}.cr-product-object--label>b{inset:12% auto auto 5%;color:#087b87;background:#e7fbfc}.cr-product-object--roll>i:first-child{width:66%;height:72%;inset:12% 17% auto auto;border-radius:15px;background:linear-gradient(135deg,#2457ff 0 35%,#07142d 35% 67%,#86dce3 67%);box-shadow:0 26px 50px rgba(7,20,45,.22);transform:rotate(-5deg)}.cr-product-object--roll>i:nth-child(2){width:18%;height:70%;inset:13% auto auto 8%;border-radius:0 30px 30px 0;background:linear-gradient(90deg,#8494aa,#fff,#b2bfce)}.cr-product-object--roll>b{inset:8% auto auto 4%}.cr-product-object--paper>i{width:62%;height:76%;inset:12% 19% auto auto;border-radius:8px;background:#fff;box-shadow:0 24px 45px rgba(7,20,45,.18);border:1px solid #e1e7ef}.cr-product-object--paper>i:nth-child(1){transform:translate(-14px,12px) rotate(-6deg);background:#dfe7f4}.cr-product-object--paper>i:nth-child(2){transform:translate(-7px,6px) rotate(-3deg);background:#edf2ff}.cr-product-object--paper>i:nth-child(3)::before{content:"";position:absolute;inset:18% 15%;background:repeating-linear-gradient(#dce3ed 0 2px,transparent 2px 14px)}.cr-product-object--paper>b{inset:7% auto auto 4%}.cr-product-object.is-compact{height:100%;min-height:190px}.cr-product-object.is-compact>b{width:42px;height:42px}

.cr-v2-workflow__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cr-v2-workflow article{position:relative;overflow:hidden;min-height:250px;padding:26px;border:1px solid #e0e6ef;border-radius:23px;background:#fff;box-shadow:0 12px 34px rgba(7,20,45,.05)}.cr-v2-workflow article::after{content:"";position:absolute;width:130px;height:130px;inset:auto -55px -65px;border-radius:50%;background:rgba(36,87,255,.06)}.cr-v2-workflow article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#2457ff;background:#edf2ff}.cr-v2-workflow article>span svg{width:26px;height:26px}.cr-v2-workflow article>i{position:absolute;inset:25px auto auto 25px;color:#a2adbd;font-style:normal;font-size:.75rem;font-weight:850}.cr-v2-workflow h3{margin:28px 0 9px;font-size:1.05rem}.cr-v2-workflow p{margin:0;color:#718097;font-size:.78rem;line-height:1.9}

.cr-v2-services{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cr-v2-service{position:relative;min-height:330px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:20px;overflow:hidden;padding:34px;border-radius:30px}.cr-v2-service>span{width:64px;height:64px;display:grid;place-items:center;border-radius:19px}.cr-v2-service>span svg{width:32px;height:32px}.cr-v2-service small{font-size:.75rem;font-weight:760}.cr-v2-service h2{margin:7px 0 9px;font-size:clamp(1.6rem,3vw,2.5rem)}.cr-v2-service p{margin:0;font-size:.82rem}.cr-v2-service>b{width:46px;height:46px;display:grid;place-items:center;border-radius:50%}.cr-v2-service>b svg{width:21px}.cr-v2-service--design{color:#fff;background:linear-gradient(135deg,#2457ff,#173dcc);box-shadow:0 30px 65px rgba(36,87,255,.25)}.cr-v2-service--design h2{color:#fff}.cr-v2-service--design p{color:#dbe4ff}.cr-v2-service--design>span,.cr-v2-service--design>b{color:#2457ff;background:#fff}.cr-v2-service--support{color:#c1cee4;background:linear-gradient(135deg,#07142d,#102b65);box-shadow:0 30px 65px rgba(7,20,45,.2)}.cr-v2-service--support h2{color:#fff}.cr-v2-service--support>span,.cr-v2-service--support>b{color:#fff;background:rgba(255,255,255,.1)}

.cr-v2-journal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cr-v2-journal article{min-height:250px;display:flex;flex-direction:column;padding:24px;border:1px solid #e0e6ef;border-radius:22px;background:#fff}.cr-v2-journal article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#2457ff;background:#edf2ff}.cr-v2-journal time{margin-top:32px;color:#8895a8;font-size:.68rem}.cr-v2-journal h3{margin:8px 0 22px;font-size:1rem}.cr-v2-journal article>a{display:flex;align-items:center;gap:7px;margin-top:auto;font-size:.76rem;font-weight:760}.cr-v2-journal article>a svg{width:16px}

.cr-v2-final{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin:110px 0 20px;padding:clamp(30px,5vw,62px);border-radius:32px;color:#fff;background:linear-gradient(120deg,#07142d,#102b6b);box-shadow:var(--cr-x-shadow-lg)}.cr-v2-final span{color:#91a9ff;font-size:.78rem;font-weight:760}.cr-v2-final h2{margin:8px 0;color:#fff;font-size:clamp(2rem,4vw,3.6rem)}.cr-v2-final p{margin:0;color:#b9c7df}.cr-v2-final>div:last-child{display:flex;align-items:center;gap:18px}.cr-v2-final>div:last-child>a:last-child{color:#fff;font-weight:760}

/* All pages: clearer surfaces and print-specific components. */
.cr-page-hero,.cr-archive-hero,.cr-product-summary,.cr-product-visual,.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{border-color:rgba(36,87,255,.1)!important;box-shadow:0 18px 55px rgba(7,20,45,.08)!important}.cr-page-hero,.cr-archive-hero{border-radius:30px!important;background:linear-gradient(135deg,#f5f8ff,#fff)!important}.cr-archive-product-card{border-radius:22px!important;box-shadow:0 12px 36px rgba(7,20,45,.06)!important;transition:transform .22s var(--cr-x-ease),box-shadow .22s ease}.cr-archive-product-card:hover{transform:translateY(-6px);box-shadow:0 26px 62px rgba(7,20,45,.12)!important}.cr-archive-product-card__visual{overflow:hidden;background:linear-gradient(145deg,#edf2f8,#fff)!important}.cr-product-guidance-object{position:relative;min-height:460px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#edf2f8,#fff)}.cr-product-guidance-object .cr-product-object{height:390px}.cr-product-guidance-object>p{position:absolute;inset:auto 16px 16px;padding:8px 12px;border-radius:99px;color:#173dcc;background:rgba(255,255,255,.91);box-shadow:0 10px 28px rgba(7,20,45,.1);font-size:.7rem;font-weight:760}.woocommerce input,.woocommerce select,.woocommerce textarea,.cr-page input,.cr-page select,.cr-page textarea{min-height:48px;border-radius:12px!important;transition:border-color .18s ease,box-shadow .18s ease}.woocommerce input:focus,.woocommerce select:focus,.woocommerce textarea:focus,.cr-page input:focus,.cr-page select:focus,.cr-page textarea:focus{border-color:#2457ff!important;box-shadow:0 0 0 4px rgba(36,87,255,.11)!important}.button,.wp-element-button,.woocommerce button.button,.woocommerce a.button,.single_add_to_cart_button{transition:transform .18s var(--cr-x-ease),box-shadow .18s ease!important}.button:hover,.wp-element-button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.single_add_to_cart_button:hover{transform:translateY(-2px)}

/* Footer: content-rich, structural rather than decorative. */
.cr-footer{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(80px,10vw,145px);padding:0 20px 28px;color:#fff;background:radial-gradient(circle at 10% 10%,rgba(36,87,255,.4),transparent 27rem),radial-gradient(circle at 90% 90%,rgba(134,220,227,.15),transparent 26rem),#07142d}.cr-footer__glow{position:absolute;z-index:-1;width:520px;height:520px;inset:20% auto auto -260px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.015)}.cr-footer__shell{width:min(100%,1240px);margin:auto}.cr-footer__cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px;transform:translateY(-42px);padding:clamp(26px,4vw,48px);border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(125deg,#2457ff,#173dcc 65%,#102b6b);box-shadow:0 32px 74px rgba(0,0,0,.26)}.cr-footer__cta span{color:#cbd7ff;font-size:.75rem;font-weight:760}.cr-footer__cta h2{margin:7px 0 3px;color:#fff;font-size:clamp(1.7rem,3vw,2.8rem)}.cr-footer__cta p{margin:0;color:#d7e1ff}.cr-footer__cta-actions{display:flex;gap:9px}.cr-footer__primary,.cr-footer__secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:13px;font-weight:770}.cr-footer__primary{color:#07142d!important;background:#fff;box-shadow:0 14px 32px rgba(0,0,0,.18)}.cr-footer__secondary{color:#fff!important;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07)}.cr-footer__main{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(150px,.65fr)) minmax(230px,.9fr);gap:clamp(26px,4vw,58px);padding:35px 0 48px}.cr-footer__logo{display:inline-flex;gap:5px;white-space:nowrap;font-size:2.15rem;line-height:1}.cr-footer__logo b{color:#fff}.cr-footer__logo strong{color:#6484ff}.cr-footer__brand>p{max-width:390px;margin:21px 0;color:#b6c5df;font-size:.88rem;line-height:2}.cr-footer__promise{display:flex;flex-wrap:wrap;gap:7px}.cr-footer__promise span{padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:#d5e0f2;background:rgba(255,255,255,.035);font-size:.7rem}.cr-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cr-footer__column h3{position:relative;margin:0 0 9px;padding-bottom:12px;color:#fff;font-size:.95rem}.cr-footer__column h3::after{content:"";position:absolute;inset:auto 0 0 auto;width:28px;height:3px;border-radius:99px;background:#2457ff}.cr-footer__column>a{color:#b5c4de;font-size:.81rem;transition:color .18s ease,transform .18s ease}.cr-footer__column>a:hover{color:#fff;transform:translateX(-4px)}.cr-footer__contact a span{display:block;color:#7f91b2;font-size:.66rem}.cr-footer__contact a b{display:block;color:#e7edf9;font-size:.8rem}.cr-footer__contact>p{margin:4px 0 0;color:#91a2c0;font-size:.72rem;line-height:1.9}.cr-footer__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cr-footer__bar p{margin:0;color:#7f91b2;font-size:.72rem}.cr-footer__social{display:flex;gap:7px}.cr-footer__social a{min-height:40px;display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;color:#d9e3f6;background:rgba(255,255,255,.035);font-size:.74rem}.cr-footer__social a:hover{color:#fff;border-color:rgba(100,132,255,.55);background:rgba(36,87,255,.18)}

/* Meaningful motion only. */
.cr-reveal-ready [data-cr-reveal]{opacity:0;transform:translateY(24px);transition:opacity .58s var(--cr-x-ease),transform .58s var(--cr-x-ease)}.cr-reveal-ready [data-cr-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1050px){.cr-v2-bento{grid-template-columns:repeat(3,1fr)}.cr-v2-workflow__grid{grid-template-columns:repeat(2,1fr)}.cr-v2-journal__grid{grid-template-columns:repeat(2,1fr)}.cr-footer__main{grid-template-columns:1.2fr 1fr 1fr}.cr-footer__contact{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.cr-footer__contact h3,.cr-footer__contact p{grid-column:1/-1}}

@media(max-width:860px){.cr-home-v2{width:min(calc(100% - 28px),1240px)}.cr-v2-status{grid-template-columns:repeat(2,1fr)}.cr-v2-bento{grid-template-columns:repeat(2,1fr)}.cr-v2-category--wide{grid-column:span 2}.cr-v2-environmental{grid-template-columns:1fr}.cr-v2-environmental__visual{order:2}.cr-v2-services{grid-template-columns:1fr}.cr-v2-final{grid-template-columns:1fr}.cr-v2-final>div:last-child{justify-content:space-between}.cr-product-guidance-object{min-height:360px}.cr-product-guidance-object .cr-product-object{height:300px}}

@media(max-width:760px){body::before{opacity:.14}.cr-top{display:none!important}.cr-mobile-header{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)}.cr-home-v2{padding-top:12px}.cr-v2-section{margin-block:72px}.cr-v2-button{width:100%}.cr-v2-status{grid-template-columns:1fr 1fr;border-radius:16px}.cr-v2-status>span{padding:14px}.cr-v2-heading{align-items:flex-start}.cr-v2-heading>div>span{font-size:.7rem}.cr-v2-heading h2{font-size:2rem}.cr-v2-heading p{font-size:.78rem}.cr-v2-heading>a{display:none}.cr-v2-bento{grid-auto-rows:175px}.cr-v2-category{padding:19px}.cr-v2-category__icon{width:48px;height:48px;inset:18px 18px auto auto}.cr-v2-category__icon svg{width:24px}.cr-v2-category__index{inset:18px auto auto 18px}.cr-v2-category__go{inset:auto auto 18px 18px}.cr-v2-environmental{padding:28px 22px;border-radius:25px}.cr-v2-environmental__visual{min-height:390px;transform:scale(.88);transform-origin:center top}.cr-v2-products--soft{padding:24px 16px;margin-inline:-14px;border-radius:24px}.cr-v2-workflow__grid{grid-template-columns:1fr 1fr;gap:10px}.cr-v2-workflow article{min-height:225px;padding:19px}.cr-v2-workflow article>i{inset:20px auto auto 18px}.cr-v2-workflow h3{font-size:.9rem}.cr-v2-workflow p{font-size:.7rem}.cr-v2-services{gap:12px}.cr-v2-service{min-height:290px;grid-template-columns:1fr auto;align-items:end;padding:24px}.cr-v2-service>span{position:absolute;inset:22px 22px auto auto}.cr-v2-service>div{grid-column:1}.cr-v2-journal__grid{grid-template-columns:1fr}.cr-v2-final{margin-top:80px;padding:30px 23px;border-radius:24px}.cr-v2-final>div:last-child{display:grid}.cr-footer{padding-inline:16px}.cr-footer__cta{grid-template-columns:1fr;gap:20px;transform:translateY(-30px);border-radius:24px}.cr-footer__cta-actions{display:grid;grid-template-columns:1fr 1fr}.cr-footer__main{grid-template-columns:1fr 1fr;padding-top:20px}.cr-footer__brand,.cr-footer__contact{grid-column:1/-1}.cr-footer__contact{display:flex}.cr-footer__bar{flex-direction:column;align-items:flex-start}.cr-product-guidance-object{min-height:280px}.cr-product-guidance-object .cr-product-object{height:240px}.cr-product-object.is-compact{min-height:160px}}

@media(max-width:480px){.cr-home-v2{width:calc(100% - 20px)}.cr-v2-status{grid-template-columns:1fr}.cr-v2-bento{grid-template-columns:1fr;grid-auto-rows:165px}.cr-v2-category--wide{grid-column:span 1}.cr-v2-environmental__visual{margin-inline:-24px}.cr-v2-workflow__grid{grid-template-columns:1fr}.cr-v2-workflow article{min-height:190px}.cr-v2-carousel-actions{display:none}.cr-footer__cta-actions,.cr-footer__main{grid-template-columns:1fr}.cr-footer__column{grid-column:1}.cr-footer__primary,.cr-footer__secondary{width:100%}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cr-reveal-ready [data-cr-reveal]{opacity:1;transform:none}}

/* Archive hero keeps the dark campaign surface used by its white typography. */
.cr-product-archive .cr-archive-hero {
  background:
    radial-gradient(circle at 10% 10%, rgba(134,220,227,.2), transparent 24rem),
    radial-gradient(circle at 86% 78%, rgba(36,87,255,.42), transparent 28rem),
    linear-gradient(125deg,#07142d,#102b68) !important;
}

/* Internal page component shell */
.cr-page-content,
.cr-system-page {
  width: min(calc(100% - 40px), 1160px) !important;
  margin-inline: auto !important;
}
.cr-page-hero-v2 {
  position: relative;
  isolation: isolate;
  min-height: 300px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 24px;
  overflow: hidden;
  margin: 34px 0 38px;
  padding: clamp(30px, 5vw, 62px);
  border: 1px solid rgba(36,87,255,.11);
  border-radius: 32px;
  background:
    radial-gradient(circle at 8% 18%, rgba(134,220,227,.22), transparent 18rem),
    linear-gradient(135deg,#f3f6ff,#fff);
  box-shadow: var(--cr-x-shadow);
}
.cr-page-hero-v2::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 280px;
  height: 280px;
  inset: -145px auto auto -80px;
  border: 1px solid rgba(36,87,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(36,87,255,.035),0 0 0 96px rgba(36,87,255,.02);
}
.cr-page-hero-v2__icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg,#2457ff,#173dcc);
  box-shadow: 0 18px 38px rgba(36,87,255,.25);
}
.cr-page-hero-v2__icon svg { width: 36px; height: 36px; }
.cr-page-hero-v2 p { margin: 0 0 7px; color: #2457ff; font-size: .76rem; font-weight: 800; }
.cr-page-hero-v2 h1 { margin: 0; font-size: clamp(2.1rem,4.5vw,4rem); letter-spacing: -.06em; }
.cr-page-hero-v2 div > span { display: block; max-width: 680px; margin-top: 11px; color: #69788f; }
.cr-page-hero-v2 > i {
  position: absolute;
  width: 250px;
  height: 150px;
  inset: 78px auto auto 9%;
  border-radius: 22px;
  background: linear-gradient(135deg,#fff 0 58%,#2457ff 58%);
  box-shadow: -18px 26px 44px rgba(7,20,45,.12);
  transform: rotate(-8deg);
  opacity: .7;
}
.cr-page-content > .entry-content {
  padding: clamp(24px,4vw,48px);
  border: 1px solid #e0e6ef;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(7,20,45,.07);
}
.cr-journal-page .cr-results-grid { grid-template-columns: repeat(3,1fr); gap: 16px; }
.cr-article-card-v2 { position: relative; min-height: 340px; display: flex!important; flex-direction: column; padding: 26px!important; border-radius: 24px!important; }
.cr-article-card-v2__icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 16px; color: #2457ff; background: #edf2ff; }
.cr-article-card-v2__icon svg { width: 26px; height: 26px; }
.cr-article-card-v2__link { display: flex; align-items: center; gap: 7px; margin-top: auto; color: #173dcc; font-size: .78rem; font-weight: 770; }
.cr-article-card-v2__link svg { width: 16px; }

@media(max-width:860px){
  .cr-journal-page .cr-results-grid { grid-template-columns: 1fr 1fr; }
}
@media(max-width:760px){
  .cr-page-content,.cr-system-page { width: min(calc(100% - 24px),1160px)!important; }
  .cr-page-hero-v2 { min-height: 260px; grid-template-columns: 1fr; gap: 18px; margin-top: 18px; padding: 28px 23px; border-radius: 25px; }
  .cr-page-hero-v2__icon { width: 58px; height: 58px; border-radius: 17px; }
  .cr-page-hero-v2__icon svg { width: 28px; height: 28px; }
  .cr-page-hero-v2 h1 { font-size: 2.35rem; }
  .cr-page-hero-v2 > i { width: 145px; height: 88px; inset: 31px auto auto -25px; opacity: .32; }
  .cr-page-content > .entry-content { padding: 22px 18px; border-radius: 22px; }
  .cr-journal-page .cr-results-grid { grid-template-columns: 1fr; }
}

.cr-footer__contact a { display:flex; align-items:center; gap:9px; }
.cr-footer__contact a > svg { width:19px; height:19px; color:#6484ff; }
.cr-footer__contact a span { display:block; }
.cr-footer__contact a span b { display:block; }
.cr-footer__contact > p { display:flex; align-items:flex-start; gap:9px; }
.cr-footer__contact > p svg { width:19px; height:19px; flex:0 0 auto; margin-top:4px; color:#6484ff; }
.cr-footer__social a { gap:7px; }
.cr-footer__social a svg { width:17px; height:17px; }

/* OTP login is a single focused component; neutralize the plugin's full-screen artwork. */
body.cr-login-view .cr-site-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.cr-login-view .cr-login-page {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  min-height: 100vh;
  padding: 34px 16px;
  background:
    radial-gradient(circle at 18% 12%, rgba(134,220,227,.2), transparent 24rem),
    radial-gradient(circle at 88% 84%, rgba(36,87,255,.16), transparent 28rem),
    #f4f7fc;
}
body.cr-login-view .cr-login-shell {
  width: min(100%, 460px);
  box-sizing: border-box;
  margin-inline: auto;
  padding: clamp(24px,4vw,38px);
  border: 1px solid rgba(36,87,255,.13);
  border-radius: 28px;
  box-shadow: 0 34px 95px rgba(7,20,45,.14);
  overflow: hidden;
}
body.cr-login-view .cr-login-shell__brand {
  width: fit-content;
  display: flex !important;
  margin: 0 auto 20px !important;
  white-space: nowrap;
}
body.cr-login-view .cr-login-shell > .cr-section-kicker {
  width: 100%;
  display: block !important;
  margin: 0 0 8px !important;
  white-space: normal;
  text-align: center;
}
body.cr-login-view .cr-login-shell h1,
body.cr-login-view .cr-login-shell__copy { max-width: 100%; overflow-wrap: anywhere; }
body.cr-login-view .cr-login-card,
body.cr-login-view .farazsms-inline-login-wrapper,
body.cr-login-view .login-register-page,
body.cr-login-view .login-register-form,
body.cr-login-view .farazsms-main-login-form {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
body.cr-login-view .login-register-page { display: block !important; }
body.cr-login-view .farazsms-form-title,
body.cr-login-view .farazsms-form-subtitle { display: none !important; }
body.cr-login-view .farazsms-main-login-form form { display: grid; gap: 10px; }
body.cr-login-view .farazsms-main-login-form #identifier {
  direction: ltr;
  min-height: 56px !important;
  padding: 0 16px !important;
  border: 1px solid #cfd9ea !important;
  border-radius: 15px !important;
  color: #07142d !important;
  background: #f8faff !important;
  font: 700 1rem var(--cr-font) !important;
  text-align: center;
  letter-spacing: .08em;
}
body.cr-login-view .farazsms-main-login-form #identifier:focus {
  border-color: #2457ff !important;
  box-shadow: 0 0 0 5px rgba(36,87,255,.1) !important;
  outline: 0;
}
body.cr-login-view .farazsms-main-login-form .farazsms-submit {
  min-height: 56px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 15px !important;
  color: #fff !important;
  background: linear-gradient(135deg,#2457ff,#173dcc) !important;
  box-shadow: 0 15px 32px rgba(36,87,255,.24) !important;
  font: 800 .9rem var(--cr-font) !important;
  cursor: pointer;
}
body.cr-login-view .farazsms-footer-text {
  margin: 16px 0 0 !important;
  color: #718097;
  font-size: .7rem;
  line-height: 1.9;
  text-align: center;
}
body.cr-login-view .farazsms-footer-text a { color: #173dcc; font-weight: 750; }

@media(max-width:600px){
  body.cr-login-view .cr-site-main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  body.cr-login-view .cr-login-page { min-height: 100svh; padding: 14px 10px; }
  body.cr-login-view .cr-login-shell { padding: 25px 19px; border-radius: 23px; }
  body.cr-login-view .cr-login-shell h1 { font-size: 1.65rem; line-height: 1.5; letter-spacing: -.025em; }
  body.cr-login-view .cr-login-shell__copy { font-size: .82rem; line-height: 1.9; }
  body.cr-login-view .cr-login-shell > .cr-section-kicker { font-size: .72rem; }
}


/* Keep the product preview area stable while intentionally leaving it empty. */
.cr-product-guidance-object--empty { min-height: 460px; background: #fff !important; }
.cr-product-guidance-object--empty::before,
.cr-product-guidance-object--empty::after { display: none !important; content: none !important; background: none !important; }
@media (max-width: 1180px) { .cr-product-guidance-object--empty { min-height: 360px; } }
@media (max-width: 760px) { .cr-product-guidance-object--empty { min-height: 280px; } }


/* The homepage catalog uses the same empty visual policy as the archive. */
.cr-product-card__visual { min-height: 210px; background: #fff !important; }
.cr-product-card__visual::before,
.cr-product-card__visual::after,
.cr-product-card__visual .cr-product-object,
.cr-product-card__visual .cr-product-object::before,
.cr-product-card__visual .cr-product-object::after { display: none !important; content: none !important; background: none !important; }




/* Chaprango premium hero — standalone 2026 */
.cr-premium-hero {
	--cr-premium-blue: #1677f2;
	--cr-premium-deep: #0f5fcf;
	--cr-premium-ink: #0b0d10;
	--cr-premium-paper: #f7f9fc;
	background: var(--cr-premium-paper);
	color: var(--cr-premium-ink);
	direction: rtl;
	position: relative;
	width: 100%;
	max-width: 1480px;
	margin-inline: auto;
	box-sizing: border-box;
	padding: clamp(18px, 2vw, 32px);
}

.cr-premium-hero__frame {
	max-width: 1440px;
	margin-inline: auto;
	background: #fff;
	border: 1px solid #dfe5ee;
	border-radius: 28px;
	box-shadow: 0 28px 80px rgba(11, 13, 16, .1);
	overflow: hidden;
}

.cr-premium-hero__slides { position: relative; }

.cr-premium-hero__slide {
	display: none;
	grid-template-columns: minmax(340px, .74fr) minmax(0, 1.26fr);
	min-height: min(720px, calc(100vh - 150px));
}

.cr-premium-hero__slide.is-active {
	display: grid;
	animation: cr-premium-reveal 600ms cubic-bezier(.2, .8, .2, 1) both;
}

.cr-premium-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(38px, 5vw, 78px);
	background:
		radial-gradient(circle at 85% 8%, rgba(22, 119, 242, .12), transparent 32%),
		#fff;
	z-index: 2;
}

.cr-premium-hero__kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	color: #42526a;
	font-size: 14px;
	font-weight: 700;
}

.cr-premium-hero__kicker span {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--cr-premium-ink);
	color: #fff;
	font-variant-numeric: tabular-nums;
}

.cr-premium-hero h1,
.cr-premium-hero h2 {
	max-width: 16ch;
	margin: 0;
	font-size: clamp(43px, 3.6vw, 58px);
	font-weight: 850;
	line-height: 1.24;
	letter-spacing: -.035em;
	text-wrap: balance;
}

.cr-premium-hero__content > p {
	max-width: 53ch;
	margin: 28px 0 0;
	color: #4a5568;
	font-size: clamp(16px, 1.25vw, 19px);
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.cr-premium-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 34px;
}

.cr-premium-hero__primary,
.cr-premium-hero__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 52px;
	padding: 0 22px;
	border-radius: 13px;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
	transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease;
}

.cr-premium-hero__primary {
	background: var(--cr-premium-blue);
	color: #fff;
	box-shadow: 0 12px 28px rgba(22, 119, 242, .25);
}

.cr-premium-hero__secondary {
	border: 1px solid #d5dce6;
	background: #fff;
	color: var(--cr-premium-ink);
}

.cr-premium-hero__primary:hover,
.cr-premium-hero__secondary:hover {
	transform: translateY(-2px);
}

.cr-premium-hero__primary:focus-visible,
.cr-premium-hero__secondary:focus-visible,
.cr-premium-hero__arrow:focus-visible,
.cr-premium-hero__dots button:focus-visible {
	outline: 3px solid rgba(22, 119, 242, .45);
	outline-offset: 3px;
}

.cr-premium-hero__proof {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 18px;
	margin-top: 42px;
	color: #5d6979;
	font-size: 12px;
	font-weight: 700;
}

.cr-premium-hero__proof span::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 7px;
	border-radius: 50%;
	background: var(--cr-premium-blue);
	box-shadow: 0 0 0 4px rgba(22, 119, 242, .1);
}

.cr-premium-hero__visual {
	position: relative;
	min-width: 0;
	margin: 0;
	background: #101722;
	overflow: hidden;
}

.cr-premium-hero__visual::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent 56%, rgba(8, 13, 22, .13));
	pointer-events: none;
}

.cr-premium-hero__visual img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	aspect-ratio: 8 / 5;
	object-fit: cover;
	object-position: center;
	transform: scale(1.015);
	transition: transform 700ms cubic-bezier(.2, .8, .2, 1);
}

.cr-premium-hero__slide.is-active .cr-premium-hero__visual img { transform: scale(1); }

.cr-premium-hero__visual figcaption {
	position: absolute;
	left: 26px;
	bottom: 26px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 12px;
	background: rgba(7, 12, 20, .72);
	box-shadow: 0 10px 36px rgba(0, 0, 0, .2);
	color: #fff;
	backdrop-filter: blur(14px);
}

.cr-premium-hero__visual figcaption b { font-size: 14px; }
.cr-premium-hero__visual figcaption span { color: #dbe8fb; font-size: 11px; }

.cr-premium-hero__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 62px;
	padding: 8px 18px;
	border-top: 1px solid #dfe5ee;
	background: #fff;
}

.cr-premium-hero .cr-premium-hero__arrow {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	border: 1px solid #d9e0e9;
	border-radius: 50%;
	background: #fff !important;
	color: var(--cr-premium-ink) !important;
	box-shadow: none !important;
	cursor: pointer;
	font: 700 25px/1 sans-serif;
	transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.cr-premium-hero .cr-premium-hero__arrow:hover {
	transform: translateY(-1px);
	border-color: #9eabbc;
	background: #f4f6f9 !important;
}

.cr-premium-hero__dots {
	display: flex;
	align-items: center;
	gap: 9px;
}

.cr-premium-hero .cr-premium-hero__dots button {
	position: relative;
	width: 36px !important;
	height: 44px !important;
	min-width: 36px !important;
	min-height: 44px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
}

.cr-premium-hero .cr-premium-hero__dots button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: #c3cad4;
	transform: translate(-50%, -50%);
	transition: width 300ms ease, background 300ms ease;
}

.cr-premium-hero .cr-premium-hero__dots button.is-active::before {
	width: 28px;
	background: var(--cr-premium-ink);
}

@keyframes cr-premium-reveal {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1023px) {
	.cr-premium-hero { padding: 16px; }
	.cr-premium-hero__frame { border-radius: 22px; }
	.cr-premium-hero__slide { grid-template-columns: 1fr; min-height: 0; }
	.cr-premium-hero__visual { grid-row: 1; }
	.cr-premium-hero__visual img { height: auto; aspect-ratio: 16 / 9; }
	.cr-premium-hero__content { grid-row: 2; padding: 36px; }
	.cr-premium-hero h1,
	.cr-premium-hero h2 { max-width: 19ch; font-size: clamp(37px, 5.6vw, 49px); }
}

@media (max-width: 767px) {
	.cr-premium-hero { padding: 6px 0; }
	.cr-premium-hero__frame { border-radius: 18px; box-shadow: 0 16px 40px rgba(11, 13, 16, .09); }
	.cr-premium-hero__visual img { aspect-ratio: 4 / 3; }
	.cr-premium-hero__visual figcaption { left: 14px; bottom: 14px; }
	.cr-premium-hero__content { padding: 28px 22px 30px; }
	.cr-premium-hero__kicker { margin-bottom: 18px; }
	.cr-premium-hero h1,
	.cr-premium-hero h2 { max-width: 100%; font-size: clamp(33px, 9vw, 39px); line-height: 1.3; }
	.cr-premium-hero__content > p { margin-top: 18px; font-size: 15px; line-height: 1.9; }
	.cr-premium-hero__actions { display: grid; margin-top: 26px; }
	.cr-premium-hero__primary,
	.cr-premium-hero__secondary { width: 100%; min-height: 52px; }
	.cr-premium-hero__proof { gap: 8px 14px; margin-top: 28px; }
	.cr-premium-hero__controls { min-height: 58px; gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.cr-premium-hero *,
	.cr-premium-hero *::before,
	.cr-premium-hero *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}


/* ChapRango performance: reserve the tallest desktop slide to prevent autoplay CLS. */
@media (min-width: 1024px) {
  .cr-premium-hero__slide {
    min-height: 786px;
  }
}


/* Custom-size product discovery section. */
.cr-v2-products--custom-size{padding:clamp(26px,4vw,48px);border:1px solid #dfe6f1;border-radius:32px;background:linear-gradient(145deg,#f8fbff,#eef3fb)}
.cr-v2-products--custom-size .cr-product-card__visual{min-height:250px}
.cr-v2-products--custom-size .cr-product-card__visual>img{object-fit:cover}
.cr-v2-products--custom-size .cr-product-carousel__track{grid-auto-columns:minmax(310px,1fr)}
@media(max-width:760px){.cr-v2-products--custom-size{margin-inline:-14px;padding:24px 16px;border-radius:24px}.cr-v2-products--custom-size .cr-product-carousel__track{grid-auto-columns:minmax(260px,84vw)}.cr-v2-products--custom-size .cr-product-card__visual{min-height:210px}}