/* Ecommerce editorial system. Product scenes keep their original motion contracts. */
.commerce-page{background:#111113;color:#f5f5f7}.commerce-page main{overflow:clip}.commerce-hero{max-width:1400px;margin:auto;padding:80px 40px 76px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:center}.commerce-hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.04;letter-spacing:-.045em;margin:22px 0}.commerce-hero h1 em,.editorial-head h1 em{font-family:Georgia,serif;font-weight:400}.commerce-hero .hero-copy{font-size:17px;line-height:1.7;max-width:460px;color:#bdbdc5}.commerce-hero .home-button{margin-top:28px}.commerce-hero .story-wrapper{min-width:0;margin:0}.commerce-hero .story{width:100%}.commerce-hero .story-caption{min-height:48px}.commerce-hero .example-note{font-size:11px}.commerce-plan{font-size:12px;color:#aaaab4;margin-top:16px}.commerce-plan a{text-decoration:underline;text-underline-offset:4px}.commerce-band{background:#eeeee8;color:#242427;padding:80px 0}.commerce-band .eyebrow{color:#666b62}.commerce-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.commerce-heading h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.04em;line-height:1.1;font-weight:500;max-width:600px;margin:0}.commerce-heading p{max-width:330px;color:#64665f;line-height:1.65}.commerce-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.commerce-editorial-grid article{border-top:1px solid #c7c9be;padding:28px 0 0}.commerce-editorial-grid .number{font-size:12px;color:#777b70}.commerce-editorial-grid h3{font-size:23px;line-height:1.25;letter-spacing:-.03em;font-weight:500;margin:25px 0 16px}.commerce-editorial-grid p{font-size:15px;line-height:1.8;color:#62655d;min-height:128px}.commerce-editorial-grid a,.article-related a{display:inline-flex;font-size:13px;margin-top:16px;border-bottom:1px solid #92988a;padding-bottom:8px}.commerce-faq{padding:84px 32px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.commerce-faq h2{font-size:40px;line-height:1.12;letter-spacing:-.04em;font-weight:450}.commerce-faq details{border-top:1px solid #ffffff24;padding:22px 0}.commerce-faq summary{font-size:16px;cursor:pointer;line-height:1.5}.commerce-faq details p{font-size:15px;line-height:1.8;color:#bdbdc5;padding-right:24px}.commerce-next{margin:0 auto 70px;padding:40px;border-radius:20px;background:#252528;display:flex;align-items:center;justify-content:space-between;gap:32px}.commerce-next h2{font-size:32px;letter-spacing:-.03em;font-weight:450;margin:0 0 14px}.commerce-next p{font-size:14px;color:#bdbdc5}.commerce-note{font-size:12px!important;color:#a8a8b3;line-height:1.65;margin-top:22px}.product-scene{background:#252528;border:1px solid #ffffff22;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px #0004;width:100%}.scene-bar{padding:18px 22px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#b7b7bf}.scene-controls{display:flex;gap:8px;padding:16px;flex-wrap:wrap}.scene-controls button{padding:10px 14px;border-radius:8px;background:transparent;border:1px solid #ffffff25;color:#bdbdc5;cursor:pointer;font:inherit;font-size:12px;min-height:44px}.scene-controls button[aria-pressed=true]{background:#f3f3ef;color:#171719;border-color:#f3f3ef}.scene-panel{padding:24px;min-height:330px}.scene-panel h3{font-size:22px;margin:0 0 24px;font-weight:500}.scene-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff16;padding:18px 0;font-size:13px;line-height:1.5}.scene-row b{font-weight:500;text-align:right}.scene-status{display:inline-block;color:#cedecd;background:#a8cfa012;padding:7px 10px;border-radius:5px;font-size:11px}.scene-caption{padding:0 22px 18px;font-size:11px;color:#b2b2bc;line-height:1.6}.chat-layout{display:grid;grid-template-columns:140px 1fr;min-height:390px}.chat-sidebar{background:#202023;padding:20px 12px;border-right:1px solid #ffffff12;font-size:11px;color:#b9b9c2}.chat-sidebar strong{display:block;padding:13px 9px;background:#ffffff0a;border-radius:8px;margin:14px 0 8px;color:white}.chat-conversation{padding:22px}.chat-person{display:flex;justify-content:space-between;font-size:12px;margin-bottom:28px}.chat-bubble{background:#3a3a3e;padding:13px 16px;border-radius:12px;max-width:85%;font-size:13px;line-height:1.6;margin-bottom:12px}.chat-bubble.answer{margin-left:auto;background:#dee6d4;color:#242923}.chat-product{display:flex;gap:14px;align-items:center;background:#efeee8;color:#242427;padding:14px;border-radius:10px;margin:12px 0}.chat-product img{width:62px;height:66px;object-fit:cover;border-radius:7px}.chat-product strong{font-size:13px}.chat-product small{font-size:11px;display:block;margin-top:5px}.scene-order{border:1px solid #ffffff24;padding:16px;border-radius:10px;margin-top:18px;display:flex;justify-content:space-between;font-size:12px}.scene-order small{display:block;margin-top:8px;color:#aaaab4}.scene-stepper{display:grid;gap:12px}.scene-stepper div{display:flex;align-items:center;gap:20px;padding:18px;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px}.scene-stepper b{font-size:13px;color:#b9c8ab}.scene-stepper span{font-size:14px}.scene-stepper small{display:block;color:#aaaab4;font-size:12px;margin-top:6px}.loyalty-visual{background:#dce5d1;color:#242b20;padding:36px;border-radius:18px}.loyalty-visual>strong{font-size:64px;letter-spacing:-.06em;display:block;margin:40px 0 5px}.loyalty-visual .scene-row{border-color:#b7c3aa}.loyalty-visual .scene-bar{padding:0;border:0;color:#4b5742}.editorial-head{max-width:1000px;margin:auto;padding:84px 32px 55px}.editorial-head h1{font-size:clamp(38px,5.8vw,72px);line-height:1.05;letter-spacing:-.045em;font-weight:450;margin:24px 0}.editorial-head>p:not(.eyebrow){font-size:19px;line-height:1.7;color:#bcbcc5;max-width:720px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:90px}.resource-card{background:#29292d;border:1px solid #ffffff17;border-radius:16px;padding:32px;display:flex;flex-direction:column;min-height:310px;transition:transform 180ms,background 180ms}.resource-card:hover{background:#323237;transform:translateY(-3px)}.resource-card small{font-size:11px;letter-spacing:.1em;color:#c2c2cc}.resource-card h2{font-size:26px;line-height:1.2;font-weight:450;margin:34px 0 20px;letter-spacing:-.03em}.resource-card p{font-size:14px;line-height:1.7;color:#bdbdc5}.resource-card span{margin-top:auto;padding-top:30px;font-size:13px}.article-layout{background:#eeeee8;color:#242427;padding:64px 32px 80px;display:grid;grid-template-columns:230px minmax(0,700px);justify-content:center;gap:70px}.article-toc{align-self:start;position:sticky;top:24px;font-size:12px}.article-toc a{display:block;padding:10px 0;border-bottom:1px solid #cccfc4;color:#60675a;line-height:1.6}.article-prose section{margin-bottom:50px;scroll-margin-top:30px}.article-prose h2{font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:0 0 20px}.article-prose p,.article-prose li{font-size:16px;line-height:1.9;color:#545c4f}.article-prose a{text-decoration:underline;text-underline-offset:4px}.article-meta{font-size:12px!important;color:#bdbdc5;display:flex;flex-wrap:wrap;gap:18px}.article-meta a{text-decoration:underline}.article-related{border-top:1px solid #c3c9ba;padding-top:25px;display:flex;flex-wrap:wrap;gap:24px}.pricing-controls{display:flex;gap:8px;margin:30px 0}.pricing-controls button{border:1px solid #ffffff30;border-radius:10px;padding:13px 20px;font:inherit;background:none;color:#c1c1cb;cursor:pointer}.pricing-controls button[aria-pressed=true]{background:white;color:#222}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pricing-card{border-radius:20px;padding:38px;background:#252529;border:1px solid #ffffff20}.pricing-card.featured{background:#e0e8d7;color:#22291e;border-color:#e0e8d7}.pricing-card h2{font-size:36px;font-weight:500;margin:14px 0}.pricing-card .price{font-size:54px;letter-spacing:-.05em;margin:30px 0 4px}.pricing-card .price small{font-size:13px;letter-spacing:0}.pricing-card p,.pricing-card li{font-size:14px;line-height:1.8}.pricing-card ul{padding-left:18px;min-height:165px;margin:26px 0}.pricing-card .home-button{width:100%;background:white;color:#171719}.pricing-card.featured .home-button{background:#22291e;color:#f2f5ee}.pricing-scope{padding-top:70px;padding-bottom:70px}.pricing-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:30px}.pricing-table th,.pricing-table td{padding:18px 16px;border-bottom:1px solid #ffffff24;text-align:left;line-height:1.6}.pricing-table thead{color:#b8c6ae}.pricing-table-wrap{overflow:auto}.secondary-plans{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 0}.secondary-plans h3{font-size:25px;font-weight:450}.secondary-plans p{font-size:14px;line-height:1.8;color:#b8b8c3}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-bottom:80px}.contact-layout form{background:#26262a;border:1px solid #ffffff1f;border-radius:18px;padding:32px}.contact-layout form label{display:block;font-size:13px;margin:15px 0 7px}.contact-layout input,.contact-layout select,.contact-layout textarea{width:100%;padding:13px;background:#1a1a1d;border:1px solid #ffffff30;border-radius:8px;color:#f4f4f7;font:inherit;font-size:14px}.contact-layout textarea{min-height:110px}.contact-layout button[type=submit]{border:0;background:#f4f4f7;padding:16px 24px;border-radius:10px;font:inherit;cursor:pointer;margin-top:20px}.contact-layout p{font-size:15px;line-height:1.8;color:#bdbdc5}.contact-layout .hp{position:absolute;left:-9999px}.commerce-page [hidden]{display:none!important}.commerce-page a:focus-visible,.commerce-page button:focus-visible,.commerce-page summary:focus-visible{outline:3px solid #78a9ed;outline-offset:5px}.commerce-page .standard-brand strong{font-size:22px;letter-spacing:.12em}.commerce-page .standard-checkout{max-width:100%}.commerce-page .loyalty-visual p{font-size:13px;line-height:1.7}
@media(max-width:1000px){.commerce-hero{gap:28px;padding:60px 28px}.commerce-hero h1{font-size:42px}.commerce-editorial-grid{gap:25px}.commerce-faq{gap:40px}.article-layout{gap:35px;grid-template-columns:180px minmax(0,1fr)}.chat-layout{grid-template-columns:1fr}.chat-sidebar{display:none}.commerce-heading{display:block}.resource-card{padding:24px}}
@media(max-width:760px){.commerce-hero{grid-template-columns:1fr;padding:42px 20px 50px;gap:38px}.commerce-hero h1{font-size:44px;max-width:600px}.commerce-hero .hero-copy{font-size:16px}.commerce-hero .home-button{margin-top:18px}.commerce-band{padding:50px 0}.commerce-editorial-grid{grid-template-columns:1fr;gap:20px}.commerce-editorial-grid p{min-height:0}.commerce-editorial-grid h3{margin-top:16px}.commerce-faq{display:block;padding:50px 24px}.commerce-faq h2{font-size:32px;margin-bottom:30px}.commerce-next{margin:0 20px 50px;padding:28px;display:block}.commerce-next h2{font-size:29px}.commerce-next .home-button{margin-top:12px}.resource-grid{grid-template-columns:1fr;padding:0 24px 50px}.resource-card{min-height:240px}.editorial-head{padding:50px 24px 35px}.editorial-head h1{font-size:44px}.editorial-head>p:not(.eyebrow){font-size:17px}.article-layout{display:block;padding:35px 24px}.article-toc{position:static;margin-bottom:40px}.article-toc a{padding:8px 0}.article-prose h2{font-size:27px}.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:28px}.pricing-card ul{min-height:0}.secondary-plans{grid-template-columns:1fr;gap:20px}.pricing-table th,.pricing-table td{padding:14px 10px;font-size:12px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-layout form{padding:22px}.scene-panel{padding:20px}.commerce-heading h2{font-size:34px}.scene-controls{padding:12px;gap:6px}.scene-controls button{font-size:11px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.resource-card,.scene-panel{transition:none!important;animation:none!important}.resource-card:hover{transform:none}}
/* The headline and action stay near the top even when a scene is tall. */
@media(min-width:761px){.commerce-hero>div:first-child:not(.story-wrapper){align-self:start;padding-top:58px}.commerce-hero{padding-top:48px}.commerce-hero .store-evolution .store-cover{height:190px}.commerce-hero .store-collections>div{height:75px}.commerce-hero .store-product{padding-block:13px}.commerce-hero .store-inbox{margin-top:12px}.commerce-hero .store-inbox-body{padding:12px}.commerce-hero .store-inbox-heading{padding:12px}.commerce-hero .story-steps button{font-size:10px}.commerce-hero .story-caption{font-size:12px}}
.commerce-band .benefit{background:transparent;border-radius:0;box-shadow:none;padding:28px 0 0;border:0;border-top:1px solid #c7c9be}.commerce-band .benefit h3{color:#242427}.commerce-band .benefit p{color:#62655d}
@keyframes commerce-arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.commerce-page .product-scene,.commerce-page .loyalty-visual{animation:commerce-arrive 480ms cubic-bezier(.2,.7,.2,1) both}.commerce-page .scene-panel:not([hidden]){animation:commerce-arrive 180ms ease-out both}}
.commerce-related{display:flex;flex-wrap:wrap;gap:18px 32px;padding-bottom:48px}.commerce-related a{font-size:13px;color:#c9c9d0;text-decoration:underline;text-underline-offset:5px}