@font-face{font-family:Thai;src:url('./fonts/thai-thai-400.woff2')}@font-face{font-family:Thai;src:url('./fonts/thai-thai-600.woff2');font-weight:600}@font-face{font-family:Thai;src:url('./fonts/thai-thai-800.woff2');font-weight:800}@font-face{font-family:Thai;src:url('./fonts/thai-latin-400.woff2');unicode-range:U+0000-00FF}@font-face{font-family:Thai;src:url('./fonts/thai-latin-800.woff2');font-weight:800;unicode-range:U+0000-00FF}
:root{--red:#e6322c;--ink:#202126;--mist:#edf2f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);font-family:Thai,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;gap:30px;background:white}.logo{width:150px;display:block}nav{display:flex;gap:38px;margin-left:auto;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 28px;border-radius:12px;font-weight:600;border:1px solid transparent;font-size:16px}.primary{background:var(--red);color:white}.primary:hover{background:#c62722}.secondary{border-color:var(--ink);background:#ffffff80}.hero{position:relative;background:var(--mist);overflow:hidden;isolation:isolate}.hero-copy{text-align:center;padding:48px 20px 0;position:relative;z-index:2}h1{font-weight:800;font-size:clamp(45px,6.3vw,92px);line-height:1.22;letter-spacing:-3px;margin:0}h1 span,h2 span{color:var(--red)}.hero-copy p{font-size:22px;margin:22px 0}.actions{display:flex;justify-content:center;gap:14px}.stage{position:relative;margin-top:-90px;padding-top:50px}.stage>img{display:block;width:100%;animation:scene 9s ease-in-out infinite}.swatch{position:absolute;width:96px;height:116px;top:20%;box-shadow:0 20px 30px #20212612;animation:float 7s ease-in-out infinite;display:grid;place-items:center;background:white}.swatch img{width:85%}.swatch-one{left:6%;rotate:-20deg}.swatch-two{right:5%;rotate:22deg;background:var(--red);width:70px;height:90px;animation-delay:-3s}.motion{position:absolute;bottom:28px;right:4%;width:48px;height:48px;border:0;border-radius:50%;background:white;color:var(--ink);font-size:22px;box-shadow:0 8px 25px #20212615;z-index:3}.brand-strip{background:var(--red);color:white;text-align:center;padding:18px;font-size:15px;letter-spacing:5px;font-weight:800;display:flex;justify-content:center;gap:25px}.products{padding:80px 5% 90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-size:clamp(30px,3.6vw,54px);line-height:1.35;letter-spacing:-1px;margin:0}.section-head p,p{color:#62666e}.categories{display:flex;gap:30px;overflow:auto;margin:30px 0 40px;border-bottom:1px solid #d8dce0}.categories button{white-space:nowrap;border:0;background:none;padding:14px 0;font-size:17px;border-bottom:3px solid transparent}.categories button.active{color:var(--red);border-bottom-color:var(--red)}.product-feature{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;background:#f5f6f7;padding:35px}.product-feature img{width:100%;mix-blend-mode:multiply}.product-label{font-size:12px;letter-spacing:3px;color:#7a7d83}h3{font-size:25px;margin:12px 0}.text-link{font-weight:600;display:flex;gap:25px;margin-top:25px}.ideas{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--mist)}.ideas>div:last-child{padding:55px 8%}.idea-image{overflow:hidden}.idea-image img{width:145%;max-width:none;display:block;margin-left:-22%}.ideas p{line-height:1.8;font-size:18px}.ideas .caption{font-size:12px;margin-top:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:60px 5%;gap:30px}.steps>div{display:flex;gap:24px;align-items:center}.steps b{font-size:70px;color:#bcc3c9;line-height:1}.steps h3{font-size:20px}.steps p{font-size:14px;margin:0}footer{background:var(--ink);color:white;display:flex;justify-content:space-between;padding:65px 5%;gap:50px}footer h2{font-size:38px;margin-bottom:26px}.footer-note{border-left:1px solid #53565d;padding-left:60px;align-self:center}.footer-note .logo{background:white;border-radius:8px;width:170px}.footer-note p{font-size:14px;color:#c3c6cb}dialog{border:0;border-radius:20px;padding:55px;max-width:calc(100% - 32px);color:var(--ink)}dialog h2{font-size:30px}dialog::backdrop{background:#20212688}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px}:focus-visible{outline:3px solid #202126;outline-offset:5px}.motion-paused .stage>img,.motion-paused .swatch{animation-play-state:paused}@keyframes scene{50%{transform:translateY(-7px)}}@keyframes float{50%{transform:translateY(-24px) rotate(8deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage>img,.swatch{animation:none}.motion{display:none}}
@media(max-width:700px){header{height:82px;padding:8px 5%;gap:10px}.logo{width:112px}nav{gap:15px;font-size:13px}nav a:nth-child(2),nav a:nth-child(3){display:none}.header-cta{display:none}h1{font-size:44px;letter-spacing:-1.5px}.hero-copy{padding:34px 18px 0}.hero-copy p{font-size:16px;max-width:290px;margin:20px auto}.button{font-size:14px;padding:14px 18px;gap:12px}.stage{margin-top:-10px;padding-top:25px;min-height:290px}.stage>img{width:150%;max-width:none;margin-left:-25%;min-height:290px;object-fit:cover}.swatch{width:42px;height:55px;top:15%}.swatch-one{left:3%}.swatch-two{right:3%;width:32px;height:44px}.motion{height:38px;width:38px;bottom:15px}.brand-strip{font-size:9px;letter-spacing:2px;gap:9px;padding:16px 5px}.products{padding:45px 6%}.section-head{display:block}.section-head h2{font-size:31px}.section-head p{font-size:14px}.categories{gap:24px;margin:15px 0 25px}.categories button{font-size:14px}.product-feature{grid-template-columns:1fr;padding:23px;gap:20px}.product-feature img{grid-row:1}.product-feature h3{font-size:26px}.ideas{grid-template-columns:1fr}.ideas>div:last-child{padding:35px 6%}.ideas h2{font-size:34px}.ideas p{font-size:16px}.steps{grid-template-columns:1fr;padding:40px 6%;gap:30px}.steps b{font-size:56px}footer{display:block;padding:45px 6%}footer h2{font-size:32px}.footer-note{border:0;border-top:1px solid #53565d;margin-top:35px;padding:30px 0 0}}
@media(min-width:701px){.hero-copy{padding-top:30px}h1{font-size:clamp(45px,5.8vw,84px)}.hero-copy p{margin:16px 0}.stage{margin-top:-145px;padding-top:0}.stage>img{width:100%}.swatch{top:27%}}
.stage>img{mask-image:linear-gradient(to bottom,transparent 0%,black 27%)}h1 span{white-space:nowrap}@media(max-width:700px){h1{font-size:40px}h1 span{display:block}.stage>img{mask-image:linear-gradient(to bottom,transparent 0%,black 24%)}}
/* Product carousel v3: individual transparent cutouts, stable display platform. */
.hero{background:radial-gradient(ellipse at 50% 45%,#fff 0%,#edf2f4 60%,#dce4e9 100%)}
.hero-copy{padding:35px 20px 0}.stage{margin-top:0;padding-top:0;height:clamp(350px,34vw,570px)}
.product-orbit{position:absolute;inset:0 0 48px;pointer-events:none}.orbit-product{position:absolute;left:38%;bottom:0;width:24%;height:100%;transform-origin:50% 100%;will-change:transform;filter:drop-shadow(0 12px 7px #15232a22)}
.product-cutout{width:100%;height:100%;background-image:url('./assets/hero-products-v3.webp');background-size:500% 100%;background-repeat:no-repeat}.product-0 .product-cutout{background-position:0% 0}.product-1 .product-cutout{background-position:25% 0}.product-2 .product-cutout{background-position:50% 0}.product-3 .product-cutout{background-position:75% 0}.product-4 .product-cutout{background-position:100% 0}
.display-platform{position:absolute;bottom:8px;left:3%;width:94%;height:105px;border-radius:50%;background:linear-gradient(180deg,#f7f9fa,#dce3e7 65%,#b5c0c9);box-shadow:0 20px 28px #25364220,inset 0 -15px 12px #a2aeb955}.display-platform:before{content:'';position:absolute;inset:0 0 24px;border-radius:50%;background:radial-gradient(ellipse,#fff,#e3e9ed);border:1px solid #f8fafb}
.stage .swatch{top:3%;z-index:105}.hero .motion{z-index:110}
@media(max-width:700px){.hero-copy{padding:32px 18px 0}.stage{height:300px;min-height:0;margin-top:12px;padding-top:0}.orbit-product{left:35%;width:30%}.product-orbit{bottom:38px}.display-platform{height:70px;left:-7%;width:114%}.display-platform:before{bottom:17px}.stage .swatch{top:0}.hero h1{font-size:40px}.hero-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.orbit-product{will-change:auto}.stage .swatch{animation:none}.hero .motion{display:block}}

/* Preserve native proportions of the five cutouts in the generated atlas. */
.product-cutout{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;background-position-y:55.215%}
.product-0 .product-cutout{aspect-ratio:300/630;background-size:661.00000% 125.87302%;background-position:0.00000% 55.215%}
.product-1 .product-cutout{aspect-ratio:710/630;background-size:279.29577% 125.87302%;background-position:23.56638% 55.215%}
.product-2 .product-cutout{aspect-ratio:420/630;background-size:472.14286% 125.87302%;background-position:64.61932% 55.215%}
.product-3 .product-cutout{aspect-ratio:250/630;background-size:793.20000% 125.87302%;background-position:82.51587% 55.215%}
.product-4 .product-cutout{aspect-ratio:303/630;background-size:654.45545% 125.87302%;background-position:100.00000% 55.215%}

/* Static fallback positions. */
.product-0{transform:translate(-137.9032%,-9.6738px) scale(0.8894) rotate(2.8532deg);z-index:67}
.product-1{transform:translate(0.0000%,-0.0000px) scale(1.0000) rotate(-0.0000deg);z-index:102}
.product-2{transform:translate(137.9032%,-9.6738px) scale(0.8894) rotate(-2.8532deg);z-index:67}
.product-3{transform:translate(85.2289%,-25.3262px) scale(0.7106) rotate(-1.7634deg);z-index:12}
.product-4{transform:translate(-85.2289%,-25.3262px) scale(0.7106) rotate(1.7634deg);z-index:12}
@media(max-width:700px){.product-cutout{height:82%}.hero h1{font-size:clamp(30px,9vw,40px)}}

/* Approved red satin ribbon: one layer behind every product. */
.stage{isolation:isolate}.hero-ribbon{position:absolute;inset:-4% -3% 20%;z-index:0;pointer-events:none}.hero-ribbon img{display:block;width:100%;height:100%;object-fit:fill;transform:scale(1.04);will-change:transform}.display-platform{z-index:1}.product-orbit{z-index:2}
@media(max-width:700px){.hero-ribbon{inset:-8% -12% 20%}.hero-ribbon img{object-fit:fill}}
@media(prefers-reduced-motion:reduce){.hero-ribbon img{will-change:auto}}

.hero-ribbon .fabric-ready{visibility:hidden}.ribbon-fabric{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:scale(1.04)}
/* Approved compact hero: tighter typography and actions overlap the product scene. */
.hero .hero-copy{padding:42px 20px 0;z-index:10;pointer-events:none}
.hero .hero-copy a{pointer-events:auto}
.hero h1{font-size:clamp(44px,4.45vw,68px);line-height:1.12;letter-spacing:-1.6px}
.hero h1 span{display:inline-block;margin-left:.1em;transform:skewX(-8deg);color:#e6322c;padding-right:.08em}
@supports(background-clip:text){.hero h1 span{background:linear-gradient(115deg,#a51b25 0%,#f12e28 48%,#e5322c 76%,#b31926 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.hero .hero-copy p{font-size:clamp(17px,1.4vw,21px);margin:15px 0 17px}
.hero .actions .button{padding:12px 26px;min-height:50px;border-radius:10px}
.hero .actions .secondary{background:#fffffff2}
.hero .stage{height:clamp(320px,27vw,425px);margin-top:-48px}
.hero .hero-ribbon{inset:-8% -3% 18%}
@media(max-width:700px){.hero .hero-copy{padding:30px 18px 0}.hero h1{font-size:clamp(29px,8.2vw,42px);letter-spacing:-.9px;line-height:1.18}.hero h1 span{display:inline-block}.hero .hero-copy p{font-size:15px;margin:14px auto 16px;max-width:320px}.hero .actions{gap:10px}.hero .actions .button{font-size:13px;padding:12px 16px;gap:10px;min-height:46px}.hero .stage{height:280px;min-height:0;margin-top:-42px}.hero .hero-ribbon{inset:-3% -12% 20%}.hero .motion{bottom:16px}}
@media(forced-colors:active){.hero h1 span{background:none;color:CanvasText}}

/* Approved desktop grouping: larger products and a tighter orbit; mobile stays unchanged. */
@media(min-width:701px){.hero .stage{margin-top:12px}.orbit-product{height:125%}.product-0{transform:translate(-104.6162%,-9.6738px) scale(.9309) rotate(2.8532deg)}.product-2{transform:translate(104.6162%,-9.6738px) scale(.9309) rotate(-2.8532deg)}.product-3{transform:translate(64.6564%,-25.3262px) scale(.8191) rotate(-1.7634deg)}.product-4{transform:translate(-64.6564%,-25.3262px) scale(.8191) rotate(1.7634deg)}}
/* Gentle depth of field; product shadows remain on the outer orbit layer. */
.product-0 .product-cutout,.product-2 .product-cutout{filter:blur(.2px)}
.product-3 .product-cutout,.product-4 .product-cutout{filter:blur(1.3px)}
/* Approved offers and category sections, with the ideas story between them. */
.home-discovery{padding:0}.offers-panel,.solutions-panel{padding:65px 5% 70px}.solutions-panel{background:#f2f3f5}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:var(--red);margin:0 0 10px}.feature-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.feature-heading h2{font-size:clamp(32px,3.8vw,54px);line-height:1.25;letter-spacing:-1.4px}.feature-heading h2 span{display:inline-block;transform:skewX(-7deg);margin-left:.12em}.feature-heading p:last-child{margin:10px 0 0}.section-link{white-space:nowrap;font-weight:600;border-bottom:1px solid var(--red);padding-bottom:7px}.section-link:hover{color:var(--red)}.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.offer-card{border:1px solid #e3e5e8;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #20212608}.offer-photo{display:block;aspect-ratio:333/416;background-image:url('./assets/promotion-scenes-v1.webp');background-size:334.234% 339.664%;background-repeat:no-repeat}.scene-0{background-position:5.256% 21.06%}.scene-1{background-position:50.385% 21.06%}.scene-2{background-position:94.872% 21.06%}.offer-copy{padding:18px 22px 24px}.offer-copy h3{font-size:25px;margin:0 0 8px}.offer-copy p{font-size:15px;margin:0 0 18px}.offer-copy .button{padding:12px 20px;border-radius:9px}.solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.solution-card{border:1px solid #e5e7e9;border-radius:12px;overflow:hidden;background:#fff}.solution-photo{position:relative;background:#e9eaec;aspect-ratio:291/360;overflow:hidden}.solution-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}.card-number{position:absolute;top:14px;left:14px;color:#a9abb0;font-size:25px;font-weight:800;z-index:1}.solution-copy{position:relative;padding:17px 55px 18px 14px}.solution-copy h3{font-size:19px;margin:0 0 6px;line-height:1.4}.solution-copy p{font-size:12px;margin:0;line-height:1.6}.round-arrow{position:absolute;right:12px;top:19px;display:grid;place-items:center;background:var(--red);color:#fff;width:34px;height:34px;border-radius:50%;font-size:23px}.solution-card:hover .round-arrow{background:#b72320}.solution-card:hover{border-color:#e6322c55}.home-discovery .ideas{margin:0}.home-discovery .ideas h2{font-size:clamp(32px,3.4vw,48px)}
@media(max-width:1000px){.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-copy{padding:16px}.offer-copy h3{font-size:20px}.feature-heading{align-items:start}}
@media(max-width:700px){.offers-panel,.solutions-panel{padding:40px 6%}.feature-heading{display:block}.feature-heading h2{font-size:32px;letter-spacing:-.8px}.feature-heading p:last-child{font-size:14px}.section-link{display:inline-block;margin-top:17px;font-size:14px}.offers-grid{grid-template-columns:1fr;gap:22px}.offer-photo{aspect-ratio:333/416}.offer-copy h3{font-size:23px}.solutions-grid{gap:12px}.solution-copy{padding:13px 12px 51px}.solution-copy h3{font-size:16px}.solution-copy p{font-size:12px}.round-arrow{top:auto;bottom:12px;right:12px;width:30px;height:30px}.card-number{font-size:20px;top:10px;left:10px}.eyebrow{font-size:11px}}

.offer-copy .offer-price,.offer-price{color:var(--red);font-weight:800;font-size:26px;margin:8px 0}.offer-copy .offer-price-detail{font-size:12px;color:#666;margin:0 0 12px}.offer-copy .button{margin-top:4px}
/* Red editorial cards and a continuously moving customer gallery. */
.articles-panel{padding:65px 5% 70px;background:#f3f4f6}.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.insight-card{background:linear-gradient(135deg,#f23b32,#d3232c);color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #b1242414}.insight-card>a{display:flex;flex-direction:column;height:100%}.insight-card img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}.insight-copy{padding:24px;display:flex;flex-direction:column;flex:1}.insight-copy h3{font-size:22px;line-height:1.45;margin:9px 0 12px}.insight-copy p{color:#fff;font-size:14px;line-height:1.7;margin:0 0 18px}.insight-copy .insight-tag{font-size:12px;font-weight:700;color:#ffe4de;margin:0}.insight-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-weight:700;padding-top:10px}.insight-link b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#ce2028;font-size:22px}.insight-card:hover .insight-link b{background:#222;color:#fff}.customers-panel{text-align:center;padding:60px 0 65px;background:#fff}.customers-panel h2 span{display:inline-block;transform:skewX(-7deg)}.customers-panel>p:not(.eyebrow){padding:0 20px}.customer-controls{display:flex;justify-content:center;gap:10px;margin:22px 0}.customer-controls button{width:44px;height:44px;border:1px solid #e5e7e9;border-radius:50%;background:#fff;font-size:20px}.customer-controls button:hover{background:var(--red);color:#fff}.customer-window{overflow-x:auto;scrollbar-width:none;padding:15px 0 25px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.customer-window::-webkit-scrollbar{display:none}.customer-track{display:flex;width:max-content;gap:20px;padding-right:20px}.client-tile{width:250px;height:150px;flex:none;border:1px solid #e7e8eb;border-radius:14px;display:grid;place-items:center;background:white;box-shadow:0 5px 18px #20212608;padding:15px}.client-tile img{width:100%;height:100%;object-fit:contain}.customers-panel>.section-link{display:inline-block;margin-top:20px;color:#ce2028}
/* The approved ideas story now uses the site's red gradient. */
.home-discovery .ideas{background:radial-gradient(ellipse at 90% 10%,#fb6650,transparent 60%),linear-gradient(125deg,#b81427,#e6322c 55%,#f34331);color:#fff}.home-discovery .ideas h2{font-weight:800;line-height:1.3}.home-discovery .ideas h2 span{color:#fff;display:inline-block;transform:skewX(-5deg)}.home-discovery .ideas p{color:#fff2ec}.home-discovery .ideas .primary{background:#fff;color:#c9212c;border:1px solid #fff;box-shadow:0 8px 24px #80121c33}.home-discovery .ideas .primary:hover{background:#202126;color:#fff;border-color:#202126}.home-discovery .ideas .caption{color:#ffe3dd}.home-discovery .idea-image{border-radius:0 24px 24px 0}
@media(max-width:700px){.articles-panel{padding:45px 6%}.insights-grid{grid-template-columns:1fr}.insight-copy{padding:22px}.customers-panel{padding:45px 0}.customers-panel h2{font-size:34px}.client-tile{width:205px;height:130px}.home-discovery .idea-image{border-radius:0}.home-discovery .ideas>div:last-child{padding:38px 6%}}

.insight-card:hover,.insight-card:focus-within{background:#202126}.insight-card:hover .insight-link b,.insight-card:focus-within .insight-link b{background:#fff;color:#202126}

/* Fill each category image frame; preserve proportions and allow edge cropping. */
.solution-photo img{object-fit:cover}
/* Lift the complete category card without changing grid spacing. */
.solution-card{position:relative;transform:scale(1);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
@media(hover:hover) and (pointer:fine){.solution-card:hover{transform:translateY(-4px) scale(1.035);box-shadow:0 18px 38px #20212624;z-index:2}}
.solution-card:focus-visible{transform:translateY(-4px) scale(1.035);box-shadow:0 18px 38px #20212624;z-index:2}
@media(prefers-reduced-motion:reduce){.solution-card{transition:none}.solution-card:hover,.solution-card:focus-visible{transform:scale(1)}}
/* Match category-card hover motion across promotions and articles. */
.offer-card,.insight-card{position:relative;transform:scale(1);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
@media(hover:hover) and (pointer:fine){.offer-card:hover,.insight-card:hover{transform:translateY(-4px) scale(1.035);box-shadow:0 18px 38px #20212624;z-index:2}}
.offer-card:focus-within,.insight-card:focus-within{transform:translateY(-4px) scale(1.035);box-shadow:0 18px 38px #20212624;z-index:2}
@media(prefers-reduced-motion:reduce){.offer-card,.insight-card{transition:none}.offer-card:hover,.offer-card:focus-within,.insight-card:hover,.insight-card:focus-within{transform:scale(1)}}
/* Approved order guide, contact banner and footer. */
#steps{display:none}.order-guide{padding:60px 5% 35px;text-align:left}.order-guide h2 span{display:inline-block;transform:skewX(-7deg)}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin:34px 0 25px}.order-step{position:relative;display:flex;gap:22px;padding:24px;border:1px solid #e2e5e8;border-radius:14px;background:#f8f8f9;box-shadow:0 5px 18px #20212607}.order-step:not(:last-child):after{content:'';position:absolute;width:20%;right:-20%;top:45%;border-top:3px dotted var(--red)}.order-step>b{font-size:74px;line-height:1.15;font-family:Arial,sans-serif;color:transparent;-webkit-text-stroke:1.5px var(--red)}.order-step svg{width:45px;height:45px;color:#202126}.order-step h3{font-size:20px;margin:10px 0}.order-step p{font-size:14px;line-height:1.7;margin:0}.order-guide>.section-link{display:table;margin:0 auto}.contact-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;margin:0 1.2% 12px;padding:45px 3%;border-radius:18px;background:radial-gradient(ellipse at 65% 20%,#f54636,transparent 70%),linear-gradient(120deg,#b60014,#e22228 70%,#900916);color:#fff;min-height:300px}.contact-banner-copy{z-index:1;flex:1;min-width:0}.contact-banner h2{font-size:clamp(32px,3.7vw,54px);line-height:1.2}.contact-banner h2 span{color:#fff;display:inline-block;transform:skewX(-6deg)}.contact-banner p{color:#fff;font-size:18px}.contact-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}.contact-actions .button{background:#fff;color:#c52028;border-color:#fff;gap:12px}.contact-actions .line-button{background:transparent;color:white}.contact-actions .button:hover{background:#202126;color:white;border-color:#202126}.phone-link{font-size:15px;white-space:nowrap}.contact-banner>img{width:35%;height:auto;object-fit:contain;margin-left:20px;filter:drop-shadow(0 16px 16px #6b061b55)}.site-footer{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px;padding:38px 5% 20px;background:#191a1d;align-items:center}.footer-brand .logo{width:150px;background:#fff;border-radius:6px;padding:8px}.footer-brand p,.footer-details p{font-size:14px;color:#e3e3e6;line-height:1.9;margin:12px 0}.footer-nav{margin:0;gap:25px;flex-wrap:wrap;justify-content:center;font-size:14px}.footer-details{border-left:1px solid #ffffff33;padding-left:30px}.footer-details>a{font-size:14px}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff33;text-align:center;padding-top:20px;font-size:10px;letter-spacing:3px;color:#babcc1}
@media(max-width:900px){.order-grid{gap:18px}.order-step{flex-direction:column;gap:5px}.order-step:not(:last-child):after{display:none}.contact-banner{padding:35px 5%}.contact-banner>img{width:30%}.site-footer{grid-template-columns:1fr 1fr}.footer-nav{grid-column:1/-1;grid-row:2}.footer-details{padding-left:20px}}
@media(max-width:700px){.order-guide{padding:42px 6% 30px}.order-grid{grid-template-columns:1fr}.order-step{flex-direction:row;gap:22px}.order-step>b{font-size:65px}.contact-banner{flex-direction:column;padding:35px 6%;margin:0 3% 12px;align-items:stretch}.contact-banner>img{width:100%;margin:25px 0 0}.contact-banner p{font-size:16px}.contact-actions{gap:10px}.site-footer{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-nav{justify-content:flex-start}.footer-details{border:0;padding:0}.footer-bottom{width:100%}}
/* Approved section background rhythm. */
.offers-panel{background:#fff}
.solutions-panel{background:#e4e8ec}
.articles-panel{background:#fffaf6}
.customers-panel{background:#22252a;color:#fff}
.customers-panel>p:not(.eyebrow){color:#d7dbe1}
.customers-panel .eyebrow,.customers-panel h2 span{color:#ff514a}
.customers-panel>.section-link{color:#ff8881;border-bottom-color:#ff8881}
.customers-panel .client-tile{border-color:#ffffff26;box-shadow:0 7px 22px #00000020}
.customers-panel .customer-window:focus-visible{outline-color:#fff;outline-offset:-4px}
.order-guide{background:#fff}
/* Approved ribbon concept: matching editorial composition and final product scene. */
.articles-panel .feature-heading{display:block;text-align:center;position:relative;margin-bottom:30px}.articles-panel .feature-heading .section-link{display:inline-block;font-size:13px;margin-top:12px}.articles-panel .feature-heading h2{font-size:clamp(32px,3.2vw,48px)}.articles-panel .feature-heading p:last-child{font-size:16px}.articles-panel .insights-grid{gap:16px}.articles-panel .insight-copy{padding:17px 16px}.articles-panel .insight-copy h3{font-size:18px;margin:0 0 8px}.articles-panel .insight-copy .insight-tag{display:none}.articles-panel .insight-copy p{font-size:13px;margin:0 0 8px;line-height:1.6}.articles-panel .insight-link{font-size:13px;padding-top:0}.articles-panel .insight-link b{background:none;color:white;border:1px solid #ffffff99;width:26px;height:26px;font-size:17px}.articles-panel .insight-card{border-radius:10px}.articles-panel .insight-card>a:before{content:'';display:block;aspect-ratio:301/123;background-image:url('./assets/ribbon-sections-approved.webp');background-size:337.209% 1260.163%;background-position:6.303% 51.226%}.articles-panel .insight-card:nth-child(2)>a:before{background-position:50.84% 51.226%}.articles-panel .insight-card:nth-child(3)>a:before{background-position:94.538% 51.226%}.articles-panel .insight-card img{display:none}
.contact-banner{background:linear-gradient(120deg,#65040c,#b90715 65%,#930410);padding:40px 3%;min-height:340px}.contact-banner-copy{flex:0 0 48%}.contact-banner .contact-art{position:absolute;right:0;top:0;bottom:0;width:60%;z-index:-1;background-image:url('./assets/ribbon-sections-approved.webp');background-size:166.667% 640%;background-position:100% 100%;mask-image:linear-gradient(90deg,transparent,#000 18%)}.contact-banner h2{font-size:clamp(30px,3.1vw,46px)}.contact-banner p{font-size:16px;max-width:550px}.contact-banner .contact-actions{gap:10px}.contact-banner .contact-actions .button{font-size:14px;padding:12px 20px;border-radius:25px}.contact-banner .phone-link{font-size:13px}.contact-banner h2 span{color:#fff}
@media(max-width:700px){.articles-panel .insight-copy h3{font-size:19px}.articles-panel .insight-card>a:before{aspect-ratio:301/150}.contact-banner{padding:32px 6% 240px}.contact-banner-copy{flex:auto}.contact-banner .contact-art{width:100%;height:230px;top:auto;background-size:166.667% 640%;mask-image:linear-gradient(180deg,transparent,#000 18%)}}
/* Customer ribbon preview: white space, original logos and static silk corners. */
.customers-panel{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#202126;padding:75px 0 80px}
.customers-panel:before,.customers-panel:after{content:'';position:absolute;pointer-events:none;z-index:-1;background-image:url('./assets/customers-white-ribbon.webp');background-repeat:no-repeat;width:37%;height:160px}
.customers-panel:before{top:0;left:0;background-size:270.27% auto;background-position:left top}
.customers-panel:after{bottom:0;right:0;background-size:270.27% auto;background-position:right bottom}
.customers-panel .eyebrow,.customers-panel h2 span{color:#e6322c}
.customers-panel .eyebrow{display:flex;align-items:center;justify-content:center;gap:25px;letter-spacing:4px}
.customers-panel .eyebrow:before,.customers-panel .eyebrow:after{content:'';width:65px;height:1px;background:linear-gradient(90deg,transparent,#e6322c)}
.customers-panel .eyebrow:after{transform:rotate(180deg)}
.customers-panel>p:not(.eyebrow){color:#62666e;margin-bottom:24px}
.customers-panel>.section-link{color:#ce2028;border-bottom-color:#ce2028;position:relative}
.customers-panel .client-tile{width:285px;height:165px;border:1px solid #e2e3e6;border-radius:18px;box-shadow:0 10px 22px #30202510;transform:scale(1);transition:transform .24s ease,box-shadow .24s ease}
.customers-panel .customer-window{padding:18px 0 30px}
.customers-panel .customer-window:focus-visible{outline-color:#202126}
@media(hover:hover) and (pointer:fine){.customers-panel .client-tile:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 15px 28px #30202520}}
@media(max-width:700px){.customers-panel{padding:60px 0 65px}.customers-panel:before,.customers-panel:after{width:45%;height:90px;background-size:222.222% auto}.customers-panel .client-tile{width:230px;height:145px}.customers-panel .eyebrow{gap:12px;letter-spacing:2px}.customers-panel .eyebrow:before,.customers-panel .eyebrow:after{width:28px}}
@media(prefers-reduced-motion:reduce){.customers-panel .client-tile{transition:none}.customers-panel .client-tile:hover{transform:scale(1)}}
.customers-panel:before,.customers-panel:after{height:120px}
@media(max-width:700px){.customers-panel:before,.customers-panel:after{height:50px}}
/* Remove the customer ribbon trial and separate the order guide with grey. */
.customers-panel:before,.customers-panel:after{content:none}
.order-guide{background:#e4e8ec}
.order-guide{background:linear-gradient(180deg,#e4e8ec 0%,#f1f3f5 48%,#fff 100%)}
/* Original product families, presented as keyboard-friendly disclosures. */
header{height:auto;min-height:104px;flex-wrap:wrap;gap:12px 24px;position:relative;z-index:120;padding-top:14px;padding-bottom:0}header>.header-cta{margin-left:auto;order:2}header>.product-navigation{order:3;flex:1 0 100%;margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;padding:4px 0}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:13px 8px;border-radius:8px;font-weight:600}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover,.nav-group[open] summary{color:#e6322c;background:#fff4f3}.nav-group summary:focus-visible{outline:2px solid #e6322c}.nav-dropdown{position:absolute;top:100%;left:0;width:285px;max-height:65dvh;overflow:auto;background:#fff;border:1px solid #e6e8eb;border-radius:12px;box-shadow:0 16px 40px #20212625;padding:10px;z-index:130}.nav-group:last-child .nav-dropdown{left:auto;right:0}.nav-dropdown>a{display:block!important;padding:10px 12px;line-height:1.45;border-radius:7px;font-size:14px}.nav-dropdown>a:hover{background:#fff1ef;color:#cd2429}.nav-dropdown .nav-overview{color:#ce2028;border-bottom:1px solid #e9e9ec;margin-bottom:6px}.home-menu{padding:12px 8px}.product-navigation .home-menu:hover{color:#e6322c}
@media(max-width:1000px){header>.product-navigation{flex-wrap:wrap;justify-content:flex-start;gap:0 8px}.nav-group summary{font-size:13px}.nav-dropdown{width:270px}}
@media(max-width:700px){header{padding:10px 5% 0;gap:8px;min-height:82px}.product-navigation{width:100%;padding-bottom:10px!important}header>.product-navigation{gap:3px;font-size:12px}.nav-group{position:static}.nav-group summary{padding:8px 6px;font-size:12px}.nav-dropdown{left:5%;right:5%;top:100%;width:auto;max-height:60dvh}.nav-group:last-child .nav-dropdown{left:5%;right:5%}.product-navigation .home-menu{font-size:12px;padding:8px 6px}}
/* Approved single-row header and five-column product mega menu. */
header{height:90px;min-height:90px;padding:12px 4%;flex-wrap:nowrap;gap:26px;background:white;position:relative;z-index:120}header>.header-cta{order:0;margin:0;padding:13px 23px;white-space:nowrap}header .logo{width:128px}.mega-navigation{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:16px;font-weight:600}.mega-navigation>a,.mega-trigger{padding:20px 3px;white-space:nowrap}.mega-trigger{list-style:none;cursor:pointer;border-bottom:2px solid transparent}.mega-trigger::-webkit-details-marker{display:none}.mega-trigger span{font-size:15px}.mega-products[open] .mega-trigger{color:#e6322c;border-bottom-color:#e6322c}.mega-cart{position:relative;display:block;line-height:0}.mega-cart>span{position:absolute;right:-9px;top:-5px;background:#e6322c;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;color:white;line-height:1}.mega-panel{position:absolute;top:100%;left:4%;right:4%;z-index:3;background:#fff;border:1px solid #e4e6e9;border-radius:0 0 15px 15px;box-shadow:0 18px 35px #20212620;overflow:hidden;max-height:calc(100dvh - 105px);overflow-y:auto}.mega-top{display:flex;align-items:center;justify-content:space-between;padding:21px 26px;border-bottom:1px solid #e8e9ec;margin:0 20px}.mega-top a,.mega-help a{color:#d92729;font-size:14px}.mega-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:20px}.mega-column{padding:0 14px;border-right:1px solid #e8e9ec}.mega-column:last-child{border:0}.mega-category{display:flex;gap:10px;align-items:center;min-height:55px;margin-bottom:12px}.mega-category svg{flex:none;width:32px;height:32px;color:#e6322c}.mega-category h2{font-size:16px;line-height:1.5;letter-spacing:0;font-weight:700}.mega-item{display:flex!important;justify-content:space-between;gap:5px;border-radius:7px;padding:8px 9px;font-size:14px;font-weight:400;color:#484d56;line-height:1.45}.mega-item>span{opacity:0;color:#e6322c}.mega-item:hover,.mega-item:focus-visible{background:#fff0f0;color:#d52427}.mega-item:hover>span,.mega-item:focus-visible>span{opacity:1}.mega-help{display:flex;justify-content:space-between;gap:15px;padding:19px 30px;background:#f2f3f5;color:#555b64;font-size:14px;font-weight:400}.menu-shade{position:fixed;inset:90px 0 0;width:100%;height:calc(100dvh - 90px);border:0;border-radius:0;background:#0006;z-index:-1;cursor:default}.menu-shade[hidden]{display:none}.mobile-menu-toggle{display:none}
@media(max-width:1100px){header{gap:18px}.mega-navigation{gap:20px;font-size:14px}header>.header-cta{font-size:14px;padding:12px 16px}.mega-column{padding:0 8px}.mega-category h2{font-size:14px}.mega-item{font-size:13px}.mega-category svg{width:25px;height:25px}}
@media(max-width:900px){header{height:80px;min-height:80px;padding:12px 5%;gap:20px}header .logo{width:112px}header>.header-cta{display:none}.mobile-menu-toggle{display:block;margin-left:auto;border:0;background:#f3f4f5;border-radius:8px;font-size:24px;padding:6px 12px;order:0}.mega-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:white;max-height:calc(100dvh - 80px);overflow-y:auto;padding:12px 5%;margin:0;z-index:3}.mobile-nav-open .mega-navigation{display:block}.mega-navigation>a{display:block!important;padding:14px 5px;border-bottom:1px solid #eee}.mega-trigger{padding:14px 5px}.mega-panel{position:static;max-height:none;overflow:visible;border-radius:12px;margin:0 0 15px;box-shadow:none}.mega-top{padding:15px 0;margin:0 12px;font-size:13px}.mega-top a{font-size:12px}.mega-columns{grid-template-columns:1fr;padding:12px}.mega-column{border-right:0;border-bottom:1px solid #eee;padding:8px}.mega-category{min-height:40px;margin-bottom:5px}.mega-category h2{font-size:16px}.mega-item{font-size:14px;padding:10px}.mega-help{flex-direction:column;padding:15px;font-size:13px}.menu-shade{inset:80px 0 0;height:calc(100dvh - 80px)}.mega-cart{order:0}.mega-cart svg{width:25px}.mega-navigation .mega-products{position:static}}
@media(min-width:1101px){.mega-navigation{margin-left:auto;margin-right:auto}.mega-item{font-size:15px}.mega-help{font-size:15px}}
.mega-navigation .mega-top>a,.mega-navigation .mega-help>a{display:inline-flex!important}
/* Compact menu motion: reveal, stagger and gentle hover cues. */
.mega-products[open] .mega-panel{animation:mega-reveal .22s ease-out both}.mega-products[open] .mega-column{animation:mega-column-in .28s ease-out both}.mega-products[open] .mega-column:nth-child(2){animation-delay:.035s}.mega-products[open] .mega-column:nth-child(3){animation-delay:.07s}.mega-products[open] .mega-column:nth-child(4){animation-delay:.105s}.mega-products[open] .mega-column:nth-child(5){animation-delay:.14s}.mega-trigger>span{display:inline-block;transition:transform .2s ease}.mega-products[open] .mega-trigger>span{transform:rotate(180deg)}.mega-navigation>a{position:relative}.mega-navigation>a:after{content:'';position:absolute;bottom:10px;left:15%;right:15%;height:2px;background:#e6322c;transform:scaleX(0);transition:transform .2s ease}.mega-navigation>a:hover:after,.mega-navigation>a:focus-visible:after{transform:scaleX(1)}.mega-item{transition:background-color .18s ease,color .18s ease,transform .18s ease}.mega-item>span{transform:translateX(-6px);transition:opacity .18s ease,transform .18s ease}.mega-item:hover,.mega-item:focus-visible{transform:translateX(3px)}.mega-item:hover>span,.mega-item:focus-visible>span{transform:translateX(0)}.mega-open .menu-shade{animation:mega-shade-in .22s ease-out both}
@keyframes mega-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mega-column-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes mega-shade-in{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.mega-products[open] .mega-column{animation:none}.mega-products[open] .mega-panel{animation:mega-reveal .2s ease-out}.mega-navigation>a:after{display:none}}
@media(prefers-reduced-motion:reduce){.mega-products[open] .mega-panel,.mega-products[open] .mega-column,.mega-open .menu-shade{animation:none}.mega-trigger>span,.mega-item,.mega-item>span,.mega-navigation>a:after{transition:none}.mega-item:hover,.mega-item:focus-visible{transform:none}}