/* Homepage product stories: lightweight, isolated illustrations of the demo. */
/* Clip decorative perspective overflow without creating a nested scroll container. */
.product-stories-page { overflow-x:clip; }
.product-stories { overflow:clip; scroll-margin-top:var(--landing-header-offset, 90px); line-height:1.5; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.product-stories *, .product-stories *::before, .product-stories *::after { box-sizing:border-box; }
.product-stories [hidden] { display:none!important; }
.product-stories :is(h2,p,ul) { margin:0; }
.product-stories button, .product-stories a { -webkit-tap-highlight-color:transparent; }
.product-stories :is(a,button):focus-visible { outline:3px solid #bcaaff; outline-offset:5px; }
.product-story { --story-accent:#b6a0ff; --story-text:#fff; --story-muted:#c5bbdf; color:var(--story-text); padding:60px 0 54px; overflow:clip; position:relative; scroll-margin-top:var(--landing-header-offset, 90px); }
.product-story--app { background:radial-gradient(ellipse at 15% 70%,#6b4fb28c,transparent 55%),linear-gradient(125deg,#261b48,#38265d 65%,#422f72); }
.product-story--app::before { content:""; position:absolute; width:600px; height:600px; right:-330px; top:-400px; border:1px solid #ffffff12; border-radius:50%; pointer-events:none; }
/* Continue the Angara paper surface into the darker product story. */
.angara-release ~ .product-stories { margin-top:-1px; }
.angara-release ~ .product-stories .product-story--app { border-top:2px solid #f7f7f7; }
.angara-release ~ .product-stories .product-story--app::after { content:""; position:absolute; inset:-1px 0 auto; height:42px; background:url('/assets/angara/section-edge.svg') center top / 100% 100% no-repeat; pointer-events:none; }
@media(max-width:800px) { .angara-release ~ .product-stories .product-story--app::after { height:24px; } }
.product-story--site { --story-accent:#7d5fe9; --story-text:#231c35; --story-muted:#716b7c; background:radial-gradient(ellipse at 90% 50%,#eaf4ed,transparent 50%),#faf9fc; border-bottom:1px solid #eeeaf5; padding-block:64px; }
/* The website surface rises into the app section with the inverse of its upper arc.
   Mask the actual background so the mint gradient remains continuous across the edge. */
.product-story--app + .product-story--site {
  --story-curve:42px;
  margin-top:calc(-1 * var(--story-curve));
  padding-top:calc(64px + var(--story-curve));
  mask-image:url('/assets/product-stories-edge.svg'),linear-gradient(#000,#000);
  mask-size:100% var(--story-curve),100% calc(100% - var(--story-curve) + 1px);
  mask-position:center top,center bottom;
  mask-repeat:no-repeat;
}
@media(max-width:800px) { .product-story--app + .product-story--site { --story-curve:24px; } }
@media(max-width:760px) { .product-story--app + .product-story--site { padding-top:calc(40px + var(--story-curve)); } }
.product-story__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:center; }
.product-story__copy { min-width:0; position:relative; z-index:2; }
.product-story--app .product-story__copy { grid-column:2; grid-row:1; }
.product-story--app .product-story__demo { grid-column:1; grid-row:1; }
.product-story--site .product-story__grid { grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); gap:55px; }
.product-story__eyebrow { display:flex; align-items:center; gap:12px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--story-muted); }
.product-story h2 { font-size:clamp(32px,3.2vw,42px); font-weight:650; line-height:1.13; letter-spacing:-.045em; color:var(--story-text); margin:18px 0; }
.product-story h2 em { color:var(--story-accent); font-style:normal; }
.product-story__description { font-size:15px; line-height:1.65; color:var(--story-muted); max-width:480px; }
.product-story__benefits { display:grid; gap:14px; list-style:none; padding:0; margin:24px 0!important; }
.product-story__benefits li { display:flex; gap:12px; align-items:flex-start; }
.product-story__check { width:24px; height:24px; display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:#6be0b315; color:#6be0b3; font-size:14px; }
.product-story--site .product-story__check { background:#e8e2fa; color:#7d5fe9; }
.product-story__benefits strong { display:block; font-size:14px; font-weight:600; line-height:1.6; }
.product-story__benefits li div > span { display:block; font-size:12px; line-height:1.6; color:var(--story-muted); margin-top:1px; }
.product-story__cta { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:46px; padding:12px 23px; border-radius:50px; background:#7d5fe9; color:#fff!important; font-size:14px; font-weight:600; text-decoration:none; transition:background .2s,transform .2s; }
.product-story--app .product-story__cta { background:#bca6ff; color:#281b48!important; }
.product-story__cta:hover { transform:translateY(-2px); background:#6c4ed7; }
.product-story--app .product-story__cta:hover { background:#cdbbff; }
.product-story__cta span { font-size:20px; font-weight:400; line-height:1; }
.product-story__note { font-size:11px; color:var(--story-muted); margin-top:12px!important; }
.product-story__demo { min-width:0; position:relative; }
.product-story__controls { display:flex; align-items:center; gap:10px; justify-content:center; position:relative; z-index:5; margin-top:22px; }
.product-story__steps { display:flex; gap:7px; }
.product-story__steps button, .product-story__pause { position:relative; font:inherit; font-size:11px; font-weight:500; color:var(--story-muted); border:1px solid #ffffff19; border-radius:10px; background:#ffffff05; padding:12px; min-height:44px; cursor:pointer; overflow:hidden; }
.product-story__steps button[aria-current] { background:#ffffff10; color:#fff; border-color:#b6a0ff80; }
.product-story--site .product-story__steps button, .product-story--site .product-story__pause { background:#fff9; border-color:#e6e1ed; }
.product-story--site .product-story__steps button[aria-current] { color:#694bc8; border-color:#b7a5ed; background:#f0ebfc; }
.product-story__step-number { margin-right:6px; opacity:.55; font-size:9px; }
.product-story__steps i { position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--story-accent); transform:scaleX(0); transform-origin:left; }
.product-story__steps [aria-current] i { animation:story-progress 5.4s linear both; animation-play-state:paused; }
.product-story[data-running="true"] .product-story__steps [aria-current] i { animation-play-state:running; }
.product-story__pause { width:44px; padding:10px; display:grid; place-items:center; flex-shrink:0; }
.product-story__caption { font-size:10px; line-height:1.5; text-align:center; color:var(--story-muted); margin-top:14px!important; }
.product-story__sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.order-story { line-height:1.35; position:relative; touch-action:pan-y; user-select:none; -webkit-user-select:none; perspective:1200px; }
.order-story--app { height:518px; }
.order-story__orbit { position:absolute; width:460px; height:460px; max-width:95%; border:1px solid #b6a0ff20; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%) rotateX(52deg) rotateZ(-25deg); }
.order-story__orbit--outer { width:620px; height:620px; max-width:130%; border-color:#b6a0ff12; }
.story-phone-deck { position:absolute; inset:0; transform-style:preserve-3d; }
.story-phone { position:absolute; top:10px; left:50%; width:226px; height:506px; padding:6px; border:1px solid #a6a1ae; background:linear-gradient(145deg,#88818f,#151319 12%,#151319 88%,#77727c); border-radius:34px; overflow:hidden; box-shadow:0 30px 50px #130b2860,0 1px 1px #ffffff80 inset; transition:transform .95s cubic-bezier(.22,1,.36,1),filter .7s ease; transform-origin:center; }
.story-phone[data-position="front"] { transform:translateX(-50%) translateZ(28px) rotateY(-3deg) rotateZ(-1.5deg); filter:brightness(1); }
.story-phone[data-position="left"] { transform:translateX(calc(-50% - 125px)) translateY(10px) translateZ(-90px) rotateY(10deg) rotateZ(-7deg) scale(.88); filter:brightness(.82); }
.story-phone[data-position="right"] { transform:translateX(calc(-50% + 125px)) translateY(10px) translateZ(-90px) rotateY(-10deg) rotateZ(7deg) scale(.88); filter:brightness(.88); }
.story-phone__status { height:24px; color:#fff; background:#204a3d; border-radius:27px 27px 0 0; display:flex; justify-content:space-between; align-items:center; padding:0 15px; font-size:7px; font-weight:600; position:relative; }
.story-phone__status i { position:absolute; width:54px; height:13px; background:#111; border-radius:15px; left:50%; top:4px; transform:translateX(-50%); }
.story-phone > img { display:block; width:100%; height:calc(100% - 24px); object-fit:cover; object-position:top; border-radius:0 0 27px 27px; pointer-events:none; }
.story-phone::after { content:""; width:58px; height:3px; position:absolute; bottom:9px; left:50%; transform:translateX(-50%); border-radius:4px; background:#1d2921; z-index:4; }
.story-app-order { height:calc(100% - 24px); border-radius:0 0 27px 27px; overflow:hidden; background:#f8f7f2; color:#293d32; font-family:Arial,sans-serif; position:relative; }
.story-app-order__header { height:34px; display:flex; align-items:center; justify-content:space-between; background:#204a3d; color:#fff; font-size:12px; padding:0 14px; font-weight:600; }
.story-app-order__nav { position:absolute; bottom:0; left:0; right:0; padding:14px 15px 18px; display:flex; justify-content:space-between; font-size:8px; color:#8b938b; border-top:1px solid #eae8e0; background:#f1f0e9; }
.story-app-order__nav b { color:#cc5d3b; }
.story-receipt { margin:12px; padding:18px 12px; border-radius:15px; text-align:center; background:#fff; color:#293d32; }
.story-receipt__check { display:grid; place-items:center; width:40px; height:40px; margin:0 auto 12px; border-radius:50%; background:#e5f4eb; color:#43866a; font-size:22px; }
.story-receipt > small { font-size:7px; letter-spacing:.04em; display:block; color:#7a8980; }
.story-receipt__title { display:block; font-size:21px; letter-spacing:-.04em; margin:8px 0; }
.story-receipt > p { font-size:9px; line-height:1.5; color:#7a8980; margin:0 0 14px; }
.story-receipt__item { display:flex; align-items:center; gap:8px; text-align:left; font-size:9px; padding:12px 0; border-bottom:1px solid #edf0eb; }
.story-receipt__item img { width:45px; height:42px; object-fit:cover; border-radius:8px; }
.story-receipt__item span { flex:1; }
.story-receipt__item small { font-size:7px; display:block; color:#89938a; margin-top:5px; }
.story-receipt__line { display:flex; justify-content:space-between; font-size:9px; margin-top:12px; }
.story-receipt__total { font-size:12px; padding-top:10px; border-top:1px solid #edf0eb; }
.story-receipt__track { display:flex; gap:4px; margin:18px 0 8px; }
.story-receipt__track i { height:3px; border-radius:3px; background:#edf0eb; flex:1; }
.story-receipt__track i:first-child { background:#62b48b; }
.story-receipt__demo { display:block; margin-top:16px; font-size:8px; color:#86978b; }
.story-tap { position:absolute; width:20px; height:20px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 5px #7d5fe92b,0 2px 8px #0002; background:#8f76e7; opacity:0; pointer-events:none; }
.story-tap--app { left:71%; top:55%; }
.story-tap--checkout { left:65%; bottom:42px; }
.story-phone[data-position="front"] .story-tap, .product-story[data-step="0"] .story-tap--site, .product-story[data-step="1"] .story-tap--web-order { animation:story-tap 5.4s ease-in-out both; animation-play-state:paused; }
.product-story[data-running="true"] .story-tap { animation-play-state:running; }
.product-story[data-running="true"][data-step="2"] .story-receipt__check { animation:story-check .6s .25s both; }
.story-browser { position:relative; padding:7px; background:linear-gradient(160deg,#e1dce8,#fff); border:1px solid #d3cddc; border-radius:19px; box-shadow:0 30px 60px #3e2c5b1a,0 2px 6px #3e2c5b0a; transform:rotateY(-3deg) rotateZ(.4deg); transition:transform .95s cubic-bezier(.22,1,.36,1); }
.product-story[data-step="1"] .story-browser { transform:rotateY(1deg) rotateZ(-.3deg); }
.product-story[data-step="2"] .story-browser { transform:rotateY(-1deg) rotateZ(0); }
.story-browser__chrome { display:flex; align-items:center; justify-content:space-between; height:28px; font-size:8px; padding:0 12px; color:#9c94a8; }
.story-browser__chrome b { background:#f5f3f8; border:1px solid #e9e5ef; border-radius:6px; padding:3px 45px; font-size:8px; font-weight:400; }
.story-browser__chrome > span:first-child { display:flex; gap:4px; }
.story-browser__chrome i { width:5px; height:5px; background:#d4cedd; border-radius:50%; }
.story-browser__viewport { position:relative; overflow:hidden; aspect-ratio:1.38; background:#fff; color:#2b3e32; border-radius:6px 6px 12px 12px; font-family:Arial,sans-serif; container-type:inline-size; }
.story-web-header { height:14%; padding:0 6%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #f6f4ef; font-size:1.35cqw; color:#6e766b; }
.story-web-header img { width:21%; height:auto; }
.story-web-screen { position:absolute; inset:14% 0 0; opacity:0; visibility:hidden; transform:translate3d(18px,0,0); transition:opacity .4s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .65s; }
.product-story[data-step="0"] [data-web-screen="0"], .product-story[data-step="1"] [data-web-screen="1"], .product-story[data-step="2"] [data-web-screen="2"] { opacity:1; visibility:visible; transform:translate3d(0,0,0); }
.story-web-screen[data-web-exit] { transform:translate3d(-18px,0,0); }
.story-web-hero { position:relative; height:44%; overflow:hidden; border-radius:0 0 10px 10px; }
.story-web-hero > img { width:100%; height:100%; object-fit:cover; }
.story-web-hero > div { position:absolute; inset:0; padding:5% 7%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.story-web-hero small { font-size:1.1cqw; letter-spacing:.14em; }
.story-web-hero b { font-size:3.6cqw; line-height:1.1; letter-spacing:-.03em; margin:2% 0 3%; }
.story-web-hero span { font-size:1.3cqw; padding:1.5% 3%; background:#bd6140; color:#fff; border-radius:3px; }
.story-web-categories { height:10%; display:flex; align-items:center; justify-content:space-around; font-size:1.25cqw; }
.story-web-categories b { color:#b55e41; border-bottom:2px solid #b55e41; padding:6px 0; }
.story-web-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3%; padding:0 6%; }
.story-web-product { overflow:hidden; min-width:0; }
.story-web-product > img { width:100%; height:13cqw; object-fit:cover; border-radius:8px; }
.story-web-product > b { display:block; font-size:1.6cqw; margin:4% 0; }
.story-web-product > small { display:block; font-size:1.1cqw; color:#879081; }
.story-web-product > div { display:flex; justify-content:space-between; align-items:center; margin-top:7%; font-size:1.5cqw; }
.story-web-product > div > span { color:#fff; background:#bd6140; padding:6% 7%; font-size:1.1cqw; border-radius:3px; position:relative; }
.story-tap--site { width:20px; height:20px; right:12%; top:20%; }
.story-web-checkout { padding:4% 6%; }
.story-web-checkout__heading { display:flex; justify-content:space-between; align-items:center; font-size:3.2cqw; font-weight:600; margin-bottom:5%; }
.story-web-checkout__heading > span { font-size:1.2cqw; font-weight:400; color:#9b9e94; }
.story-web-checkout__grid { display:grid; grid-template-columns:1.4fr 1fr; gap:6%; }
.story-web-cart-item { display:flex; align-items:center; gap:7%; padding-bottom:7%; border-bottom:1px solid #ecefe8; font-size:1.5cqw; }
.story-web-cart-item > img { width:27%; height:auto; border-radius:7px; }
.story-web-cart-item > div { flex:1; }
.story-web-cart-item small { display:block; color:#9b9e94; font-size:1.1cqw; margin:7% 0; }
.story-web-cart-item span { color:#bd6140; font-size:1.5cqw; }
.story-web-field { margin-top:6%; font-size:1.5cqw; padding:5%; border:1px solid #e6e8e0; border-radius:5px; }
.story-web-field small { display:block; font-size:1.15cqw; color:#8f988b; margin-bottom:4%; }
.story-web-field b { font-weight:400; }
.story-web-field--bonus { background:#f5f5ee; }
.story-web-summary { background:#f7f6f1; padding:10%; border-radius:10px; font-size:1.5cqw; align-self:start; }
.story-web-summary > b { font-size:2.2cqw; }
.story-web-summary p { display:flex; justify-content:space-between; gap:10px; margin:13% 0; font-size:1.3cqw; }
.story-web-summary__total { border-top:1px solid #e1e3da; padding-top:14%; font-size:1.8cqw!important; }
.story-web-summary > div { position:relative; padding:10% 2%; background:#bd6140; color:#fff; text-align:center; border-radius:4px; font-size:1.4cqw; }
.story-web-summary > small { display:block; color:#9b9e94; font-size:1.1cqw; text-align:center; margin-top:8%; }
.story-tap--web-order { width:22px; height:22px; right:20%; top:30%; }
.story-web-success { padding:3% 17%; background:radial-gradient(ellipse at center,#edf4ed,white 70%); }
.story-web-success .story-receipt { margin:0; padding:6% 9%; border:1px solid #ecefe8; box-shadow:0 8px 35px #33482d0a; }
.story-web-success .story-receipt__check { width:8cqw; height:8cqw; font-size:4cqw; margin-bottom:3%; }
.story-web-success .story-receipt > small { font-size:1.2cqw; }
.story-web-success .story-receipt__title { font-size:4cqw; margin:4% 0; }
.story-web-success .story-receipt > p { font-size:1.5cqw; margin-bottom:4%; }
.story-web-success .story-receipt__item { font-size:1.7cqw; padding:5% 0; }
.story-web-success .story-receipt__item img { width:12cqw; height:9cqw; }
.story-web-success .story-receipt__item small { font-size:1.2cqw; }
.story-web-success .story-receipt__track { margin:8% 0 4%; }
.story-web-success .story-receipt__demo { margin-top:5%; font-size:1.2cqw; }
.product-story--site .product-story__controls { margin-top:16px; }
@keyframes story-progress { to { transform:scaleX(1); } }
@keyframes story-tap { 0%,36%,78%,100% { opacity:0; transform:scale(1); } 48%,55% { opacity:.95; transform:scale(1); } 60% { opacity:1; transform:scale(.78); } 73% { opacity:0; transform:scale(1.6); } }
@keyframes story-check { from { transform:scale(.7); opacity:0; } to { transform:scale(1); opacity:1; } }
/* Freeze all motion when the story is offscreen, hidden, paused or focused. */
.product-story[data-running="false"] *, .product-story[data-running="false"] *::after { animation-play-state:paused!important; }
@media(min-width:1400px) { .product-story--site .order-story { margin-right:-40px; } }
@media(max-width:1050px) {
  .product-story__grid, .product-story--site .product-story__grid { gap:30px; grid-template-columns:1fr 1fr; }
  .story-phone { width:206px; height:464px; }
  .order-story--app { height:490px; }
  .story-phone[data-position="left"] { transform:translateX(calc(-50% - 92px)) translateY(10px) translateZ(-90px) rotateY(10deg) rotateZ(-7deg) scale(.88); }
  .story-phone[data-position="right"] { transform:translateX(calc(-50% + 92px)) translateY(10px) translateZ(-90px) rotateY(-10deg) rotateZ(7deg) scale(.88); }
  .product-story__steps button { padding:12px 9px; }
  .product-story__step-number { display:none; }
}
@media(max-width:760px) {
  .product-stories { scroll-margin-top:var(--landing-header-offset, 90px); }
  .product-story { padding:40px 0 32px; scroll-margin-top:var(--landing-header-offset, 90px); }
  .product-story__grid, .product-story--site .product-story__grid { display:flex; flex-direction:column; gap:26px; align-items:stretch; }
  .product-story__copy { max-width:560px; }
  .product-story h2 { font-size:clamp(30px,6vw,38px); margin:16px 0; }
  .product-story__description { font-size:14px; line-height:1.65; max-width:520px; }
  .product-story__benefits { gap:12px; margin:20px 0!important; }
  .product-story__benefits strong { font-size:13px; }
  .product-story__benefits li div > span { font-size:11px; }
  .product-story__demo { width:100%; max-width:560px; margin-inline:auto; }
  .product-story__step-number { display:inline; }
  .product-story__steps button { padding:12px; }
  .story-phone { width:216px; height:482px; }
  .order-story--app { height:496px; }
  .story-phone[data-position="front"] { transform:translateX(-50%) translateZ(12px) rotateY(-2deg) rotateZ(-1deg); }
  .story-browser { transform:rotateY(-2deg) rotateZ(.3deg); }
  .product-story--site .product-story__controls { margin-top:16px; }
}
@media(max-width:380px) {
  .story-phone { width:192px; height:434px; border-radius:31px; }
  .order-story--app { height:450px; }
  .story-phone[data-position="left"] { transform:translateX(calc(-50% - 60px)) translateY(8px) translateZ(-75px) rotateY(8deg) rotateZ(-6deg) scale(.87); }
  .story-phone[data-position="right"] { transform:translateX(calc(-50% + 60px)) translateY(8px) translateZ(-75px) rotateY(-8deg) rotateZ(6deg) scale(.87); }
  .story-receipt { margin:9px; padding:12px 10px; }
  .story-receipt__check { margin-bottom:8px; width:32px; height:32px; }
  .story-receipt__line { margin-top:9px; }
  .story-receipt__demo { margin-top:10px; }
  .product-story__steps button { padding:12px 10px; font-size:10px; }
  .product-story__caption { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .product-stories *, .product-stories *::before, .product-stories *::after { animation:none!important; transition:none!important; }
  .story-tap { display:none; }
  .story-browser { transform:none!important; }
  .product-story__steps [aria-current] i { transform:scaleX(1); }
}
@media(min-width:761px) and (max-width:1000px) {
  .product-stories, .product-story { scroll-margin-top:var(--landing-header-offset, 90px); }
}
/* Reflow the illustrated website as a mobile storefront, rather than shrinking a desktop page. */
@media(max-width:760px) {
  .story-browser__viewport { aspect-ratio:.78; }
  .story-web-header { height:11%; padding:0 6%; font-size:2.4cqw; }
  .story-web-header img { width:29%; }
  .story-web-header > span:first-of-type { display:none; }
  .story-web-screen { inset:11% 0 0; }
  .story-web-hero { height:39%; }
  .story-web-hero > img { object-position:62% center; }
  .story-web-hero > div { padding:6%; background:linear-gradient(90deg,#f3eddf 0%,#f3eddfd9 38%,transparent 80%); }
  .story-web-hero small { font-size:1.7cqw; }
  .story-web-hero b { font-size:5.8cqw; margin:4% 0 6%; }
  .story-web-hero span { font-size:2.3cqw; padding:2.5% 4%; }
  .story-web-categories { height:10%; font-size:2.1cqw; }
  .story-web-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5%; }
  .story-web-product:last-child { display:none; }
  .story-web-product > img { height:24cqw; }
  .story-web-product > b { font-size:3.2cqw; margin:6% 0; }
  .story-web-product > small { font-size:2.2cqw; }
  .story-web-product > div { font-size:3cqw; margin-top:8%; }
  .story-web-product > div > span { font-size:2cqw; padding:7%; }
  .story-web-checkout { padding:5% 6%; }
  .story-web-checkout__heading { font-size:4.4cqw; margin-bottom:5%; }
  .story-web-checkout__heading > span { display:none; }
  .story-web-checkout__grid { grid-template-columns:1fr; gap:0; }
  .story-web-cart-item { font-size:3cqw; gap:5%; padding-bottom:3%; }
  .story-web-cart-item > img { width:22%; }
  .story-web-cart-item small { font-size:2.2cqw; margin:5% 0; }
  .story-web-cart-item span { font-size:3cqw; }
  .story-web-field { margin-top:3%; font-size:2.6cqw; padding:3%; }
  .story-web-field small { font-size:2cqw; margin-bottom:2%; }
  .story-web-field--bonus { display:none; }
  .story-web-summary { margin-top:4%; padding:5%; }
  .story-web-summary > b { font-size:3cqw; }
  .story-web-summary p { font-size:2.4cqw; margin:4% 0; }
  .story-web-summary > p:not(.story-web-summary__total) { display:none; }
  .story-web-summary__total { font-size:3cqw!important; padding-top:4%; }
  .story-web-summary > div { font-size:2.8cqw; padding:5%; }
  .story-web-summary > small { font-size:2cqw; margin-top:4%; }
  .story-web-success { padding:8% 5%; display:flex; align-items:center; }
  .story-web-success .story-receipt { width:100%; padding:9%; }
  .story-web-success .story-receipt__check { width:15cqw; height:15cqw; font-size:8cqw; margin-bottom:7%; }
  .story-web-success .story-receipt > small { font-size:2cqw; }
  .story-web-success .story-receipt__title { font-size:7cqw; margin:7% 0; }
  .story-web-success .story-receipt > p { font-size:2.8cqw; margin-bottom:6%; }
  .story-web-success .story-receipt__item { font-size:3cqw; padding:9% 0; }
  .story-web-success .story-receipt__item img { width:17cqw; height:14cqw; }
  .story-web-success .story-receipt__item small { font-size:2.2cqw; }
  .story-web-success .story-receipt__demo { font-size:2.3cqw; margin-top:10%; }
}