/* Product stories: server-rendered, translated, and readable without JavaScript. */
body.csps-native-product #content .csps-px{--px-ink:#f5f4ef;--px-muted:#adb6be;--px-line:#ffffff18;--px-accent:#ffa15b;--px-panel:#151c22;max-width:1440px;margin:0 auto;padding:32px 0 8px;color:var(--px-ink);isolation:isolate}
body.csps-native-product #content .csps-px p{color:var(--px-muted);font-size:16px;line-height:1.8;margin:0 0 20px}
body.csps-native-product #content .csps-px p:last-child{margin-bottom:0}
body.csps-native-product #content .csps-px strong{color:var(--px-ink);font-weight:650}
body.csps-native-product #content .csps-px-intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,88px);padding:20px 0 46px}
body.csps-native-product #content .csps-px .csps-px-eyebrow{font-size:11px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:var(--px-accent);margin-bottom:22px}
body.csps-native-product #content .csps-px h2{font-size:clamp(34px,3.6vw,58px);font-weight:720;line-height:1.08;letter-spacing:-.045em;margin:0;max-width:700px;color:var(--px-ink);text-wrap:balance}
body.csps-native-product #content .csps-px-lead{padding-top:36px}
body.csps-native-product #content .csps-px-intro-has-media .csps-px-lead{padding-top:25px}
body.csps-native-product #content .csps-px-intro-visual{align-self:center;min-width:0}
body.csps-native-product #content .csps-px-intro-visual figure{margin:0}
body.csps-native-product #content .csps-px-lead p{font-size:17px;line-height:1.75}
body.csps-native-product #content .csps-px figure{margin:0 0 28px}
body.csps-native-product #content .csps-px figure img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:16px;margin:0;border:1px solid var(--px-line)}
body.csps-native-product #content .csps-px figcaption{font-size:11px;color:var(--px-muted);margin-top:8px}
body.csps-native-product #content .csps-px-stats{margin:0 0 40px}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--px-line);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#192128,#11171c);margin:0}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div{position:relative;min-width:0;border:0;border-radius:0;background:none;text-align:left;padding:30px 32px;overflow:hidden}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div+div{border-left:1px solid var(--px-line)}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid strong{display:block;font-size:clamp(40px,4.1vw,62px);font-weight:700;line-height:1;letter-spacing:-.05em;color:var(--px-accent);margin-bottom:12px}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid span{display:block;font-size:12px;color:#c4cbd0;line-height:1.5}
body.csps-native-product #content .csps-px-directions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 28px}
body.csps-native-product #content .csps-px-directions span{color:#c8cfd4;font-size:12px;letter-spacing:.04em;line-height:1.4;border:1px solid var(--px-line);border-radius:100px;padding:9px 15px}
body.csps-native-product #content .csps-px--lut .csps-px-directions{gap:clamp(20px,6vw,94px);padding:3px 0 26px;border-bottom:1px solid var(--px-line);margin-bottom:32px}
body.csps-native-product #content .csps-px--lut .csps-px-directions span{padding:0;border:0;border-radius:0;color:#e9ecec;font-size:clamp(30px,3.8vw,52px);font-weight:750;letter-spacing:-.04em}
body.csps-native-product #content .csps-px-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
body.csps-native-product #content .csps-px-card{min-width:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#182129,#11181e);border:1px solid var(--px-line);border-radius:22px;padding:clamp(26px,3vw,42px);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
body.csps-native-product #content .csps-px-card::before{content:"";position:absolute;pointer-events:none;width:220px;height:220px;top:-120px;right:-90px;border:1px solid #ffa15b1f;border-radius:50%;box-shadow:0 0 0 42px #ffa15b04,0 0 0 84px #ffa15b03;transition:transform .6s ease}
body.csps-native-product #content .csps-px-card:hover{border-color:#ffa15b66;transform:translateY(-4px);box-shadow:0 20px 42px #00000020}
body.csps-native-product #content .csps-px-card:hover::before{transform:scale(1.3)}
body.csps-native-product #content .csps-px-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 32px;position:relative;z-index:1}
body.csps-native-product #content .csps-px-number{font-size:11px;font-weight:650;letter-spacing:.12em;color:#8f9ca5}
body.csps-native-product #content .csps-px-symbol{width:56px;height:56px;border:1px solid #ffa15b30;border-radius:14px;background:#ffa15b08;display:grid;place-items:center;color:var(--px-accent);transition:transform .45s ease}
body.csps-native-product #content .csps-px-symbol svg{display:block;width:36px;height:36px}
body.csps-native-product #content .csps-px-card:hover .csps-px-symbol{transform:rotate(-8deg)}
body.csps-native-product #content .csps-px-card h3{position:relative;font-size:clamp(23px,2.2vw,31px);line-height:1.18;font-weight:680;letter-spacing:-.025em;margin:0 0 20px;color:var(--px-ink);max-width:580px;text-wrap:balance}
body.csps-native-product #content .csps-px-card-copy{position:relative;z-index:1}
body.csps-native-product #content .csps-px-card-wide{grid-column:1/-1;background:linear-gradient(120deg,#253029,#171f23)}
body.csps-native-product #content .csps-px-card-wide h3{font-size:clamp(27px,2.8vw,39px);max-width:760px}
body.csps-native-product #content .csps-px-card-wide .csps-px-card-copy{columns:2;column-gap:clamp(28px,4vw,70px)}
body.csps-native-product #content .csps-px-card-wide .csps-px-card-copy p{break-inside:avoid}
body.csps-native-product #content .csps-px-card-wide figure{columns:auto;break-inside:avoid}
body.csps-native-product #content .csps-px-routes{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff18;border-radius:12px;overflow:hidden;margin-top:24px;background:#0c131988}
body.csps-native-product #content .csps-px-routes>div{padding:19px 20px}
body.csps-native-product #content .csps-px-routes>div+div{border-left:1px solid #ffffff18}
body.csps-native-product #content .csps-px-routes strong{display:block;font-size:20px;letter-spacing:-.02em;margin-bottom:8px;color:var(--px-accent)}
body.csps-native-product #content .csps-px-routes span{display:block;font-size:12px;line-height:1.6;color:#b7c0c7}
body.csps-native-product #content .csps-px-delivery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--px-line);padding:32px 0 0;margin-top:34px}
body.csps-native-product #content .csps-px-delivery>div{display:flex;align-items:center;gap:14px;min-width:0;color:#dce1e4;font-size:13px;font-weight:550;line-height:1.5}
body.csps-native-product #content .csps-px-delivery svg{width:29px;height:29px;flex:0 0 29px;color:var(--px-accent)}
@media(min-width:1200px){body.csps-native-product #content .csps-px--fx .csps-px-card:nth-child(5){background:linear-gradient(120deg,#2b2433,#171f23)}body.csps-native-product #content .csps-px--fx .csps-px-card-wide .csps-px-card-copy{columns:2}}
@media(max-width:1000px){body.csps-native-product #content .csps-px-intro{grid-template-columns:1fr;gap:22px}body.csps-native-product #content .csps-px-lead{padding-top:0}body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div{padding:25px 21px}body.csps-native-product #content .csps-px-card{padding:28px}}
@media(max-width:680px){body.csps-native-product #content .csps-px{padding-top:18px}body.csps-native-product #content .csps-px-intro{padding-bottom:28px}body.csps-native-product #content .csps-px h2{font-size:35px}body.csps-native-product #content .csps-px-lead p,body.csps-native-product #content .csps-px p{font-size:15px;line-height:1.75}body.csps-native-product #content .csps-px-stats{margin-bottom:25px}body.csps-native-product #content .csps-px-stats .lfx-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:15px}body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div{padding:23px 20px}body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--px-line)}body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div:nth-child(4){border-top:1px solid var(--px-line)}body.csps-native-product #content .csps-px-stats .lfx-stat-grid strong{font-size:43px}body.csps-native-product #content .csps-px-grid{grid-template-columns:minmax(0,1fr);gap:16px}body.csps-native-product #content .csps-px-card{padding:27px 23px;border-radius:17px}body.csps-native-product #content .csps-px-card-top{margin-bottom:25px}body.csps-native-product #content .csps-px-card h3{font-size:25px}body.csps-native-product #content .csps-px-card-wide .csps-px-card-copy{columns:auto}body.csps-native-product #content .csps-px-routes{grid-template-columns:1fr}body.csps-native-product #content .csps-px-routes>div+div{border-left:0;border-top:1px solid #ffffff18}body.csps-native-product #content .csps-px-delivery{grid-template-columns:1fr;gap:20px;padding-top:26px}body.csps-native-product #content .csps-px-directions{gap:8px}body.csps-native-product #content .csps-px-directions span{font-size:11px;padding:8px 11px}body.csps-native-product #content .csps-px--lut .csps-px-directions span{font-size:33px}body.csps-native-product #content .csps-px-symbol{width:49px;height:49px}}
@media(prefers-reduced-motion:reduce){body.csps-native-product #content .csps-px *,body.csps-native-product #content .csps-px *::before{animation:none!important;transition:none!important;transform:none!important}}

/* Concise style directions, drawn from the actual included families. */
body.csps-native-product #content .csps-px-intro-compact{display:block;padding:6px 0 28px}
body.csps-native-product #content .csps-px-intro-compact h2{font-size:clamp(29px,3vw,45px);max-width:950px}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid>div{padding:24px 28px}
body.csps-native-product #content .csps-px-stats .lfx-stat-grid strong{font-size:clamp(35px,3.4vw,49px)}
body.csps-native-product #content .csps-style-section{margin:0 0 28px}
body.csps-native-product #content .csps-style-heading{max-width:850px;margin:0 0 25px}
body.csps-native-product #content .csps-style-heading h2{font-size:clamp(29px,2.9vw,42px);margin:0 0 18px}
body.csps-native-product #content .csps-style-heading p{font-size:15px;line-height:1.7;color:#bdc8d0}
body.csps-native-product #content .csps-style-heading .csps-px-eyebrow{font-size:10px;margin-bottom:14px;color:#efb17e}
body.csps-native-product #content .csps-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
body.csps-native-product #content .csps-style-card{position:relative;min-width:0;border:1px solid #374550;border-radius:16px;padding:26px;background:linear-gradient(140deg,#1a252e,#111b23);transition:border-color .3s,transform .3s;overflow:hidden}
body.csps-native-product #content .csps-style-card:hover{border-color:#d19b71;transform:translateY(-3px)}
body.csps-native-product #content .csps-style-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
body.csps-native-product #content .csps-style-count{font-size:11px;letter-spacing:.05em;color:#e9b78e}
body.csps-native-product #content .csps-style-symbol{color:#dfaa7c;display:block;width:34px;height:34px}
body.csps-native-product #content .csps-style-symbol svg{width:34px;height:34px}
body.csps-native-product #content .csps-style-card h3{font-size:clamp(22px,1.9vw,27px);line-height:1.17;letter-spacing:-.035em;color:#f4f1e8;margin:0 0 17px}
body.csps-native-product #content .csps-style-card>p{font-size:14px;line-height:1.75;color:#bcc8d1;margin:0 0 23px}
body.csps-native-product #content .csps-style-family-note{display:block;color:#9fadb8;font-size:10px;line-height:1.6;border-top:1px solid #34424e;padding-top:14px}
body.csps-native-product #content .csps-px--fx .csps-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.csps-native-product #content .csps-style-families,body.csps-native-product #content .csps-px-full{margin:24px 0;border:1px solid #41505c;background:#111a22;border-radius:13px;scroll-margin-top:45px}
body.csps-native-product #content :is(.csps-style-families,.csps-px-full)>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 25px;font-size:16px;color:#f2eadd;list-style:none}
body.csps-native-product #content :is(.csps-style-families,.csps-px-full)>summary::-webkit-details-marker{display:none}
body.csps-native-product #content :is(.csps-style-families,.csps-px-full)>summary span{color:#edb286;font-size:25px;line-height:1}
body.csps-native-product #content :is(.csps-style-families,.csps-px-full)[open]>summary span{transform:rotate(45deg)}
body.csps-native-product #content :is(.csps-style-families,.csps-px-full)>summary:focus-visible{outline:2px solid #ffb57a;outline-offset:-5px;border-radius:13px}
body.csps-native-product #content .csps-style-families ul{columns:2;column-gap:30px;margin:0;padding:0 25px 24px 45px;color:#bdc9d1;font-size:13px;line-height:1.9}
body.csps-native-product #content .csps-style-families li{break-inside:avoid;margin:0 0 4px}
body.csps-native-product #content .csps-px-full-copy{padding:5px 28px 30px;max-width:1100px;margin:auto}
body.csps-native-product #content .csps-px-full-copy h2{font-size:34px;margin:24px 0}
body.csps-native-product #content .csps-px-full-copy h3{font-size:24px;margin:26px 0 14px;color:#eee9df}
body.csps-native-product #content .csps-px-full-copy .lfx-stat-grid{display:none}
body.csps-native-product #content .csps-px-full-copy .lfx-product-story{padding:0}
@media(min-width:1001px){body.csps-native-product #content .csps-px:not(.csps-px--fx) .csps-style-card:last-child:nth-child(3n+1){grid-column:1/-1}body.csps-native-product #content .csps-px:not(.csps-px--fx) .csps-style-card:last-child:nth-child(3n+1)>p{max-width:850px}}
@media(max-width:1000px){body.csps-native-product #content .csps-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.csps-native-product #content .csps-style-grid,body.csps-native-product #content .csps-px--fx .csps-style-grid{grid-template-columns:minmax(0,1fr);gap:14px}body.csps-native-product #content .csps-style-card{padding:24px}body.csps-native-product #content .csps-style-card h3{font-size:25px}body.csps-native-product #content .csps-style-heading h2{font-size:31px}body.csps-native-product #content .csps-style-families ul{columns:auto}body.csps-native-product #content .csps-px-full-copy{padding:5px 21px 25px}}