/* Product overview — concise, screenshot-led editorial presentation. */
.product-page{background:#fbf8f3;color:var(--cocoa-dark,#3f3128)}
.product-main{overflow:hidden}
.product-main *{box-sizing:border-box}
.product-main a{text-decoration:none}

.product-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.product-kicker{
  display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.25rem;
  color:var(--brand-dark,#bd571b);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.product-kicker::before{content:"";width:28px;height:1px;background:currentColor}
.product-heading{
  margin:0;color:var(--cocoa-dark,#3f3128);
  font:750 clamp(2.45rem,5.1vw,5.35rem)/.99 'Playfair Display',serif;
  letter-spacing:-.055em;text-wrap:balance;
}
.product-heading em{color:#df742c;font-weight:650}
.product-lead{max-width:640px;margin:1.55rem 0 0;color:#6f5b4e;font-size:clamp(1.02rem,1.6vw,1.22rem);line-height:1.75}
.product-disclosure{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.35rem;color:#785d4d;font-size:.78rem;font-weight:650}
.product-disclosure::before{content:"";width:7px;height:7px;border-radius:50%;background:#e77e2f;box-shadow:0 0 0 5px rgba(231,126,47,.12)}

/* Hero */
.product-hero{
  position:relative;isolation:isolate;min-height:770px;padding:4.25rem 0 7rem;
}
.product-hero::before{
  content:"";position:absolute;z-index:-2;inset:-4rem 50% 0;transform:translateX(-50%);width:100vw;
  background:
    radial-gradient(circle at 78% 28%,rgba(231,126,47,.18),transparent 30%),
    radial-gradient(circle at 17% 62%,rgba(203,146,99,.10),transparent 28%),
    linear-gradient(180deg,rgba(251,248,243,0),#fff0df 34%,rgba(255,240,223,.65) 72%,rgba(251,248,243,0));
}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);align-items:center;gap:4rem}
.product-hero-copy{position:relative;z-index:3;padding-bottom:2rem}
.product-hero .product-heading{font-size:clamp(3.4rem,6vw,6.15rem)}
.product-hero-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:2rem}
.product-hero-actions .btn{justify-content:center}
.product-text-link{
  display:inline-flex;align-items:center;gap:.65rem;min-height:52px;padding:.75rem .25rem;
  color:#6a4935;font-weight:750;border-bottom:1px solid rgba(106,73,53,.28);
}
.product-text-link span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0d8c2;color:#a74e1b}
.product-text-link:hover{color:#bd571b;border-color:currentColor}

.product-hero-visual{position:relative;height:720px;direction:ltr;perspective:1300px}
.product-orbit{
  position:absolute;inset:43% auto auto 50%;width:560px;height:560px;transform:translate(-50%,-50%);
  border:1px solid rgba(166,94,49,.13);border-radius:50%;
  animation:product-orbit-spin 30s linear infinite;
}
.product-orbit::before,.product-orbit::after{content:"";position:absolute;border:1px dashed rgba(166,94,49,.12);border-radius:50%}
.product-orbit::before{inset:55px}.product-orbit::after{inset:120px}
.product-showcase-stage{position:absolute;inset:0 0 116px}
.product-screen{
  position:absolute;left:50%;top:46%;z-index:0;visibility:hidden;overflow:hidden;width:180px;margin:0;
  transform:translate(-50%,-50%) scale(.76);opacity:0;border:1px solid rgba(91,61,41,.14);border-radius:32px;
  background:#f8f5f1;box-shadow:0 32px 70px rgba(83,57,39,.19),0 8px 22px rgba(83,57,39,.09);
  transition:transform .72s cubic-bezier(.2,.75,.2,1),opacity .5s ease,filter .5s ease,left .72s cubic-bezier(.2,.75,.2,1),right .72s cubic-bezier(.2,.75,.2,1),top .72s cubic-bezier(.2,.75,.2,1),width .72s cubic-bezier(.2,.75,.2,1);
}
.product-screen::before{
  content:"";position:absolute;z-index:2;top:9px;left:50%;width:46px;height:4px;transform:translateX(-50%);
  border-radius:100px;background:rgba(65,48,38,.16);
}
.product-screen img{display:block;width:100%;height:auto}
.product-screen.is-active{left:50%;right:auto;top:46%;z-index:3;visibility:visible;width:300px;transform:translate(-50%,-50%) rotate(-1deg) scale(1);opacity:1;filter:none}
.product-screen.is-prev{left:0;right:auto;top:25%;z-index:1;visibility:visible;width:205px;transform:rotate(-8deg) scale(.96);opacity:.68;filter:saturate(.7)}
.product-screen.is-next{right:0;left:auto;top:37%;z-index:2;visibility:visible;width:215px;transform:rotate(8deg) scale(.98);opacity:.78;filter:saturate(.76)}
.product-screen-caption{
  position:absolute;z-index:4;left:13px;right:13px;bottom:13px;padding:.85rem .9rem .9rem;border:1px solid rgba(79,52,35,.12);
  border-radius:18px;background:rgba(255,250,244,.93);color:#4d382b;text-align:left;box-shadow:0 14px 36px rgba(72,45,28,.15);backdrop-filter:blur(16px);
  opacity:0;transform:translateY(10px);transition:opacity .35s ease .28s,transform .45s ease .24s;
}
.product-screen.is-active .product-screen-caption{opacity:1;transform:none}
.product-screen-caption span{display:block;margin-bottom:.25rem;color:#bf5b20;font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.product-screen-caption strong{display:block;font-size:.96rem;line-height:1.2}
.product-screen-caption p{margin:.3rem 0 0;color:#715c4f;font-size:.64rem;line-height:1.48}
.product-showcase-arrow{
  position:absolute;z-index:7;top:41%;display:grid;place-items:center;width:42px;height:42px;padding:0;transform:translateY(-50%);
  border:1px solid rgba(95,62,42,.15);border-radius:50%;background:rgba(255,252,247,.92);color:#6b4935;box-shadow:0 12px 30px rgba(72,45,28,.1);cursor:pointer;backdrop-filter:blur(12px);
}
.product-showcase-arrow:hover,.product-showcase-arrow:focus-visible{border-color:#d97531;background:#fff;color:#b6531c;transform:translateY(-50%) scale(1.06)}
.product-showcase-prev{left:-5px}.product-showcase-next{right:-5px}
.product-showcase-switcher{
  position:absolute;z-index:8;left:0;right:0;bottom:53px;display:flex;gap:.25rem;padding:.28rem;border:1px solid rgba(95,62,42,.12);
  border-radius:16px;background:rgba(255,252,247,.76);box-shadow:0 14px 32px rgba(72,45,28,.07);backdrop-filter:blur(16px);
}
.product-showcase-switcher button{
  flex:1;min-width:0;padding:.65rem .35rem;border:0;border-radius:11px;background:transparent;color:#7b6658;font:700 .64rem/1.1 'Outfit',sans-serif;white-space:nowrap;cursor:pointer;
}
.product-showcase-switcher button span{display:block;margin-bottom:.22rem;color:#b98260;font-size:.52rem;letter-spacing:.08em}
.product-showcase-switcher button:hover{background:rgba(237,117,42,.08);color:#9e4818}
.product-showcase-switcher button[aria-selected="true"]{background:#ed792f;color:#fff;box-shadow:0 7px 18px rgba(190,83,25,.2)}
.product-showcase-switcher button[aria-selected="true"] span{color:#ffe4ce}
.product-showcase-footer{position:absolute;z-index:8;left:.35rem;right:.35rem;bottom:0;display:flex;align-items:center;gap:.7rem;min-height:38px;color:#80695b}
.product-showcase-footer p{margin:0;font-size:.66rem;line-height:1.3}
.product-showcase-progress{flex:1;overflow:hidden;max-width:90px;height:2px;border-radius:999px;background:rgba(106,73,53,.14)}
.product-showcase-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#df742c}
.product-showcase.is-running .product-showcase-progress span{animation:product-showcase-progress 5.2s linear forwards}
.product-showcase-toggle{padding:.25rem .4rem;border:0;background:transparent;color:#a65321;font:800 .63rem/1 'Outfit',sans-serif;cursor:pointer}
.product-toggle-play{display:none}.product-showcase.is-paused .product-toggle-pause{display:none}.product-showcase.is-paused .product-toggle-play{display:inline}
@keyframes product-showcase-progress{to{transform:scaleX(1)}}
@keyframes product-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* The whole product at a glance. */
.product-map-section{padding:4rem 0 8rem}
.product-map-intro{display:grid;grid-template-columns:.78fr 1.22fr;gap:6rem;align-items:end;margin-bottom:3.5rem}
.product-map-intro .product-heading{font-size:clamp(2.5rem,4.8vw,4.7rem)}
.product-map-intro .product-lead{margin:0}
.product-map{
  position:relative;display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid rgba(106,73,53,.18);
}
.product-map::before{content:"";position:absolute;left:8%;right:8%;top:43px;height:1px;background:linear-gradient(90deg,transparent,#d89562 12%,#d89562 88%,transparent)}
.product-map-node{position:relative;padding:5.3rem 1.1rem 2rem;text-align:center}
.product-map-node::before{
  content:attr(data-step);position:absolute;z-index:1;top:29px;left:50%;display:grid;place-items:center;
  width:29px;height:29px;transform:translateX(-50%);border:1px solid #d89562;border-radius:50%;
  background:#fbf8f3;color:#a44d1b;font-size:.68rem;font-weight:800;
}
.product-map-node h3{margin:0 0 .55rem;font-size:1.03rem;line-height:1.2}
.product-map-node p{margin:0;color:#806b5e;font-size:.77rem;line-height:1.55}

/* A single continuous workflow, kept intentionally open rather than card-heavy. */
.product-flow-section{position:relative;isolation:isolate;padding:7.5rem 0 8.5rem}
.product-flow-section::before{
  content:"";position:absolute;z-index:-1;inset:0 50%;width:100vw;transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(251,248,243,0),rgba(246,228,210,.72) 20%,rgba(246,228,210,.72) 80%,rgba(251,248,243,0));
}
.product-flow-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:5.5rem;align-items:end;margin-bottom:3.6rem}
.product-flow-intro .product-heading{font-size:clamp(2.65rem,4.8vw,4.8rem)}
.product-flow-intro .product-lead{margin:0}
.product-flow{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid rgba(106,73,53,.2)}
.product-flow article{position:relative;padding:2.2rem 1.35rem 2.4rem}
.product-flow article+article{border-left:1px solid rgba(106,73,53,.15)}
.product-flow article>span{display:block;margin-bottom:2rem;color:#d7a989;font:650 2.6rem/1 'Playfair Display',serif}
.product-flow h3{margin:0 0 .7rem;color:#473328;font-size:1.08rem}
.product-flow p{margin:0;color:#7a6558;font-size:.78rem;line-height:1.62}
.product-flow-note{display:grid;grid-template-columns:170px 1fr;gap:2rem;max-width:760px;margin:2.2rem 0 0 auto;padding-top:1.25rem;border-top:1px solid rgba(106,73,53,.17);color:#735d50;font-size:.85rem;line-height:1.7}
.product-flow-note strong{color:#a04b1b}

/* Broader product depth without a grid of detached cards. */
.product-depth{position:relative;padding:8rem 0 9rem}
.product-depth-head{max-width:800px;margin:0 auto 4.25rem;text-align:center}
.product-depth-head .product-heading{font-size:clamp(2.65rem,5vw,5rem)}
.product-depth-head .product-lead{margin-inline:auto}
.product-depth-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(106,73,53,.19)}
.product-depth-item{position:relative;padding:3rem 2.3rem 3.3rem}
.product-depth-item+article{border-left:1px solid rgba(106,73,53,.15)}
.product-depth-number{position:absolute;right:1.75rem;top:1.25rem;color:rgba(205,124,72,.19);font:650 5.2rem/1 'Playfair Display',serif}
.product-depth-item .product-kicker{position:relative;margin-bottom:2rem;font-size:.66rem}
.product-depth-item h3{position:relative;max-width:270px;margin:0;color:#483429;font:700 1.75rem/1.12 'Playfair Display',serif;letter-spacing:-.03em}
.product-depth-item>p{position:relative;min-height:75px;margin:1rem 0 1.6rem;color:#796357;font-size:.86rem;line-height:1.65}
.product-depth-item ul{margin:0;padding:0;list-style:none}
.product-depth-item li{position:relative;padding:.64rem 0 .64rem 1.1rem;border-top:1px solid rgba(106,73,53,.12);color:#594438;font-size:.79rem;line-height:1.45}
.product-depth-item li::before{content:"";position:absolute;left:0;top:1.05rem;width:5px;height:5px;border-radius:50%;background:#df742c}
.product-depth-note{display:grid;grid-template-columns:240px 1fr;gap:3rem;align-items:start;margin-top:2.6rem;padding:1.7rem 0;border-bottom:1px solid rgba(106,73,53,.15)}
.product-depth-note span{color:#a14b1b;font-weight:800}
.product-depth-note p{max-width:700px;margin:0;color:#715d51;font-size:.9rem;line-height:1.7}

/* Screenshot-led product chapters. */
.product-chapter{position:relative;padding:9rem 0}
.product-chapter::before{
  content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);pointer-events:none;
}
.product-chapter-warm::before{background:linear-gradient(180deg,rgba(251,248,243,0),rgba(255,240,223,.72) 18%,rgba(255,240,223,.72) 82%,rgba(251,248,243,0))}
.product-chapter-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:6rem}
.product-chapter.reverse .product-chapter-copy{order:2}.product-chapter.reverse .product-chapter-art{order:1}
.product-number{display:block;margin-bottom:1.2rem;color:#d9b99f;font:650 3.7rem/1 'Playfair Display',serif}
.product-chapter h2{margin:0;color:#3f3128;font:750 clamp(2.45rem,4.8vw,4.65rem)/1.02 'Playfair Display',serif;letter-spacing:-.048em;text-wrap:balance}
.product-chapter h2 em{color:#df742c;font-weight:650}
.product-chapter-copy>p{max-width:560px;margin:1.3rem 0 0;color:#6f5b4e;font-size:1.04rem;line-height:1.8}
.product-feature-lines{margin:2rem 0 0;padding:0;border-top:1px solid rgba(106,73,53,.18);list-style:none}
.product-feature-lines li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(106,73,53,.15);color:#4e3a2d;font-weight:650}
.product-feature-lines li span{color:#a96231;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

.product-chapter-art{position:relative;min-height:680px;direction:ltr}
.product-phone{
  position:absolute;overflow:hidden;margin:0;border:1px solid rgba(91,61,41,.15);border-radius:34px;background:#f8f5f1;
  box-shadow:0 32px 72px rgba(83,57,39,.17),0 6px 18px rgba(83,57,39,.08);
}
.product-phone::before{content:"";position:absolute;z-index:2;top:9px;left:50%;width:44px;height:4px;transform:translateX(-50%);border-radius:99px;background:rgba(65,48,38,.14)}
.product-phone img{display:block;width:100%;height:auto}
.product-phone-primary{z-index:2;width:310px;left:3%;top:1%;transform:rotate(-3deg)}
.product-phone-secondary{z-index:1;width:270px;right:0;bottom:0;transform:rotate(4deg)}
.product-art-caption{
  position:absolute;z-index:4;right:5%;top:10%;max-width:190px;padding:1rem 1.1rem;border-left:2px solid #df742c;
  color:#715647;font-size:.76rem;font-weight:650;line-height:1.55;background:rgba(255,250,244,.78);backdrop-filter:blur(12px);
}
.product-chapter.reverse .product-art-caption{right:auto;left:0;top:auto;bottom:8%;border-left:0;border-right:2px solid #df742c;text-align:right}

/* Offline section is a single, calm product differentiator—not a technical catalogue. */
.product-offline{position:relative;isolation:isolate;padding:9.5rem 0}
.product-offline::before{
  content:"";position:absolute;z-index:-1;inset:0 50%;width:100vw;transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(251,248,243,0),#f5e4d2 18%,#f5e4d2 82%,rgba(251,248,243,0));
}
.product-offline-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);align-items:center;gap:7rem}
.product-offline-visual{position:relative;display:flex;justify-content:center;min-height:620px;direction:ltr}
.product-offline-visual .product-phone{position:relative;width:315px;transform:rotate(-2deg)}
.product-offline-visual::before{
  content:"";position:absolute;top:18%;left:50%;width:460px;height:460px;transform:translateX(-50%);border:1px dashed rgba(166,94,49,.18);border-radius:50%;
}
.product-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:2rem;background:rgba(106,73,53,.15);border-block:1px solid rgba(106,73,53,.15)}
.product-boundary{padding:1.1rem;background:#f5e4d2}
.product-boundary strong{display:block;margin-bottom:.3rem;font-size:.86rem}
.product-boundary span{display:block;color:#7a6558;font-size:.74rem;line-height:1.55}

/* Roles and platforms stay compact. */
.product-access{padding:8rem 0 4.5rem}
.product-access-head{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:3.2rem}
.product-access-head .product-heading{font-size:clamp(2.5rem,4.5vw,4.45rem)}
.product-access-head .product-lead{margin:0}
.product-access-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid rgba(106,73,53,.18)}
.product-access-group{padding:2rem 2.5rem 2.35rem}
.product-access-group+div{border-left:1px solid rgba(106,73,53,.18)}
.product-access-group h3{margin:0 0 1.4rem;font-size:.77rem;letter-spacing:.14em;text-transform:uppercase;color:#a45320}
.product-assurance{padding-top:4.5rem}
.product-assurance .product-access-group p{margin:0;color:#6f5d51;font-size:.94rem;line-height:1.75}
.product-access-list{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;color:#4d392c;font-weight:650}
.product-access-list span{position:relative;padding-left:.9rem}
.product-access-list span::before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:#df742c}

.product-final-cta{position:relative;text-align:center;padding:7.5rem 0 9rem}
.product-final-cta::before{
  content:"";position:absolute;z-index:-1;inset:0 50%;width:100vw;transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(251,248,243,0),#fff0df 25%,#fff0df 75%,rgba(251,248,243,0));
}
.product-final-cta .product-heading{max-width:850px;margin-inline:auto;font-size:clamp(2.8rem,5.8vw,5.6rem)}
.product-final-cta .product-lead{max-width:630px;margin:1.4rem auto 0}
.product-final-actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:2rem}
.product-final-note{margin-top:1.15rem;color:#806b5e;font-size:.78rem}

html[dir="rtl"] .product-kicker{letter-spacing:0;text-transform:none}
html[dir="rtl"] .product-heading,html[dir="rtl"] .product-chapter h2{font-family:var(--font-display-ar,'Cairo',sans-serif);font-style:normal;letter-spacing:0}
html[dir="rtl"] .product-screen-caption{direction:rtl;text-align:right}
html[dir="rtl"] .product-showcase-switcher button,html[dir="rtl"] .product-showcase-toggle{font-family:'Cairo',sans-serif}
html[dir="rtl"] .product-feature-lines li{direction:rtl}
html[dir="rtl"] .product-flow article+article,html[dir="rtl"] .product-depth-item+article{border-left:0;border-right:1px solid rgba(106,73,53,.15)}
html[dir="rtl"] .product-depth-number{right:auto;left:1.75rem}
html[dir="rtl"] .product-depth-item li{padding-left:0;padding-right:1.1rem}
html[dir="rtl"] .product-depth-item li::before{left:auto;right:0}
html[dir="rtl"] .product-access-group+div{border-left:0;border-right:1px solid rgba(106,73,53,.18)}
html[dir="rtl"] .product-access-list span{padding-left:0;padding-right:.9rem}
html[dir="rtl"] .product-access-list span::before{left:auto;right:0}

@media(max-width:1050px){
  .product-hero-grid{grid-template-columns:.92fr 1.08fr;gap:1.5rem}
  .product-chapter-grid{grid-template-columns:.9fr 1.1fr;gap:3rem}
  .product-offline-grid{gap:3.5rem}
  .product-depth-item{padding-inline:1.55rem}
}

@media(max-width:860px){
  .product-shell{width:min(100% - 36px,720px)}
  .product-hero{padding-top:3rem;min-height:auto}
  .product-hero-grid,.product-map-intro,.product-flow-intro,.product-chapter-grid,.product-offline-grid,.product-access-head{grid-template-columns:1fr}
  .product-hero-copy{text-align:center;padding-bottom:0}
  .product-hero-copy .product-lead{margin-inline:auto}
  .product-hero-actions{justify-content:center}
  .product-disclosure{justify-content:center}
  .product-hero-visual{width:min(100%,680px);height:700px;margin-inline:auto}
  .product-map-intro{gap:1.4rem;text-align:center}
  .product-map-intro .product-lead{margin-inline:auto}
  .product-map{grid-template-columns:1fr;border-bottom:0}
  .product-map::before{left:28px;right:auto;top:2rem;bottom:2rem;width:1px;height:auto;background:linear-gradient(180deg,transparent,#d89562 12%,#d89562 88%,transparent)}
  .product-map-node{padding:1.35rem 1rem 1.35rem 4.5rem;text-align:left;border-bottom:1px solid rgba(106,73,53,.16)}
  .product-map-node::before{top:50%;left:28px;transform:translate(-50%,-50%)}
  html[dir="rtl"] .product-map::before{left:auto;right:28px}
  html[dir="rtl"] .product-map-node{padding:1.35rem 4.5rem 1.35rem 1rem;text-align:right}
  html[dir="rtl"] .product-map-node::before{left:auto;right:28px;transform:translate(50%,-50%)}
  .product-flow-intro{gap:1.3rem;text-align:center}
  .product-flow-intro .product-lead{margin-inline:auto}
  .product-flow{grid-template-columns:1fr 1fr}
  .product-flow article{border-bottom:1px solid rgba(106,73,53,.15)}
  .product-flow article:nth-child(odd){border-left:0}
  html[dir="rtl"] .product-flow article:nth-child(odd){border-right:0}
  .product-flow article:last-child{grid-column:1/-1}
  .product-flow-note{margin-inline:auto}
  .product-depth-grid{grid-template-columns:1fr}
  .product-depth-item{padding:2.7rem 1rem 3rem}
  .product-depth-item+article,html[dir="rtl"] .product-depth-item+article{border-left:0;border-right:0;border-top:1px solid rgba(106,73,53,.15)}
  .product-depth-item>p{min-height:0}
  .product-depth-note{grid-template-columns:1fr;gap:.65rem}
  .product-chapter{padding:7rem 0}
  .product-chapter.reverse .product-chapter-copy,.product-chapter.reverse .product-chapter-art{order:initial}
  .product-chapter-copy{text-align:center}
  .product-chapter-copy>p{margin-inline:auto}
  .product-feature-lines{text-align:left}
  html[dir="rtl"] .product-feature-lines{text-align:right}
  .product-chapter-art{width:min(100%,580px);margin-inline:auto}
  .product-offline-copy{text-align:center}
  .product-offline-copy .product-lead{margin-inline:auto}
  .product-offline-visual{order:2}
  .product-access-head{text-align:center;gap:1.2rem}
  .product-access-head .product-lead{margin-inline:auto}
}

@media(max-width:620px){
  .product-shell{width:calc(100% - 32px)}
  .product-kicker{font-size:.68rem}
  .product-heading{font-size:2.7rem;line-height:1.02}
  .product-hero{padding:2rem 0 5.5rem}
  .product-hero .product-heading{font-size:3.25rem}
  .product-lead{font-size:.96rem;line-height:1.8}
  .product-hero-actions{align-items:stretch}
  .product-hero-actions .btn,.product-hero-actions .product-text-link{width:100%;justify-content:center}
  .product-hero-visual{width:auto;height:650px;margin-inline:-16px;overflow:visible}
  .product-showcase-stage{inset:0 0 118px}
  .product-orbit{top:40%;width:430px;height:430px}
  .product-screen.is-active{top:44%;width:250px}
  .product-screen.is-prev{left:-5%;top:25%;width:145px;opacity:.56}
  .product-screen.is-next{right:-5%;top:35%;width:150px;opacity:.62}
  .product-screen-caption{left:9px;right:9px;bottom:9px;padding:.7rem;border-radius:15px}
  .product-screen-caption p{font-size:.59rem}
  .product-showcase-arrow{top:37%;width:38px;height:38px}
  .product-showcase-prev{left:3px}.product-showcase-next{right:3px}
  .product-showcase-switcher{left:16px;right:16px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .product-showcase-switcher::-webkit-scrollbar{display:none}
  .product-showcase-switcher button{flex:0 0 92px}
  .product-showcase-footer{left:18px;right:18px}
  .product-showcase-footer p{display:none}
  .product-showcase-progress{max-width:none}
  .product-map-section{padding:3rem 0 5.5rem}
  .product-map-intro{margin-bottom:2.4rem}
  .product-map-intro .product-heading{font-size:2.65rem}
  .product-flow-section{padding:5.5rem 0 6rem}
  .product-flow-intro{margin-bottom:2.7rem}
  .product-flow-intro .product-heading{font-size:2.7rem}
  .product-flow{grid-template-columns:1fr}
  .product-flow article,.product-flow article+article,html[dir="rtl"] .product-flow article+article{display:grid;grid-template-columns:48px 1fr;gap:.25rem 1rem;padding:1.55rem .35rem;border-left:0;border-right:0;border-bottom:1px solid rgba(106,73,53,.15)}
  .product-flow article:last-child{grid-column:auto}
  .product-flow article>span{grid-row:1/3;margin:0;font-size:2.15rem}
  .product-flow h3{margin:.1rem 0 .3rem}
  .product-flow p{grid-column:2}
  .product-flow-note{grid-template-columns:1fr;gap:.35rem;font-size:.8rem}
  .product-depth{padding:6rem 0 6.5rem}
  .product-depth-head{margin-bottom:3rem}
  .product-depth-head .product-heading{font-size:2.75rem}
  .product-depth-item h3{font-size:1.65rem}
  .product-chapter{padding:5.5rem 0}
  .product-number{font-size:3rem}
  .product-chapter h2{font-size:2.75rem}
  .product-chapter-copy>p{font-size:.95rem}
  .product-feature-lines li{align-items:flex-start;font-size:.88rem}
  .product-feature-lines li span{font-size:.62rem}
  .product-chapter-art{min-height:500px;margin-top:1rem}
  .product-phone{border-radius:27px}
  .product-phone-primary{width:245px;left:-2%}
  .product-phone-secondary{width:215px;right:-3%}
  .product-art-caption{top:auto;right:0;bottom:1%;max-width:165px}
  .product-chapter.reverse .product-art-caption{bottom:1%}
  .product-offline{padding:5.75rem 0}
  .product-offline-visual{min-height:460px}
  .product-offline-visual .product-phone{width:250px}
  .product-offline-visual::before{width:350px;height:350px}
  .product-boundaries{grid-template-columns:1fr}
  .product-boundary{text-align:left}
  html[dir="rtl"] .product-boundary{text-align:right}
  .product-access{padding:5.75rem 0 3.5rem}
  .product-access-head .product-heading{font-size:2.7rem}
  .product-access-grid{grid-template-columns:1fr}
  .product-access-group{padding:1.75rem .35rem}
  .product-access-group+div{border-left:0;border-right:0;border-top:1px solid rgba(106,73,53,.18)}
  .product-access-list{gap:.7rem 1rem;font-size:.9rem}
  .product-final-cta{padding:5.75rem 0 7rem}
  .product-final-cta .product-heading{font-size:3rem}
  .product-final-actions{align-items:stretch}
  .product-final-actions .btn,.product-final-actions .product-text-link{width:100%;justify-content:center}
}

@media(max-width:360px){
  .product-hero .product-heading{font-size:2.75rem}
  html[dir="rtl"] .product-hero .product-heading{font-size:2.55rem;line-height:1.16}
  .product-chapter h2,.product-access-head .product-heading{font-size:2.45rem}
  .product-final-cta .product-heading{font-size:2.6rem}
  .product-hero-visual{height:620px}
  .product-screen.is-active{width:225px}
  .product-screen.is-prev,.product-screen.is-next{width:130px}
  .product-screen-caption p{font-size:.56rem;line-height:1.42}
}

@media(prefers-reduced-motion:reduce){
  .product-orbit,.product-showcase.is-running .product-showcase-progress span{animation:none}
  .product-screen{transition:none}
  .product-showcase-toggle,.product-showcase-progress{display:none}
}