.product-tour-explorer{
  position:relative;
  overflow:clip;
  padding:92px 0 112px;
  background:
    radial-gradient(820px 560px at 82% 16%,rgba(40,225,204,.14),transparent 68%),
    radial-gradient(760px 520px at 4% 48%,rgba(75,163,255,.13),transparent 70%),
    linear-gradient(180deg,#073d49 0%,#052f39 48%,#042831 100%);
}
.product-tour-explorer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
}
.product-tour-explorer .wrap{position:relative;z-index:1}
.product-tour-explorer__head{max-width:850px;margin-bottom:48px}
.product-tour-explorer__head h2{max-width:800px}
.product-tour-explorer__head>p:last-child{max-width:760px;margin:0;color:#b8dce2;font-size:1.04rem}
.product-tour-explorer__layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  gap:clamp(42px,7vw,88px);
  align-items:start;
}
.product-tour-explorer__sections{display:grid;gap:12px}
.tour-section{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 18px 50px rgba(0,18,25,.12);
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.tour-section[open]{
  border-color:rgba(45,226,207,.34);
  background:linear-gradient(145deg,rgba(40,225,204,.1),rgba(49,118,175,.07));
  box-shadow:0 22px 60px rgba(0,18,25,.2),inset 0 1px 0 rgba(255,255,255,.04);
}
.tour-section summary{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 24px;
  gap:14px;
  align-items:center;
  min-height:86px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
}
.tour-section summary::-webkit-details-marker{display:none}
.tour-section summary:focus-visible{outline:2px solid #43e2d0;outline-offset:-3px;border-radius:18px}
.tour-section__number{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  color:#73eee0;
  background:rgba(255,255,255,.045);
  font-family:"Sora",system-ui,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.tour-section summary strong{display:block;color:#fff;font-family:"Sora",system-ui,sans-serif;font-size:clamp(1rem,2vw,1.2rem)}
.tour-section summary small{display:block;margin-top:3px;color:#9dcbd2;font-size:12px}
.tour-section__chevron{position:relative;width:20px;height:20px}
.tour-section__chevron::before,.tour-section__chevron::after{
  content:"";
  position:absolute;
  top:9px;
  width:9px;
  height:2px;
  border-radius:2px;
  background:#87e8dd;
  transition:transform .22s ease;
}
.tour-section__chevron::before{left:2px;transform:rotate(45deg)}
.tour-section__chevron::after{right:2px;transform:rotate(-45deg)}
.tour-section[open] .tour-section__chevron::before{transform:rotate(-45deg)}
.tour-section[open] .tour-section__chevron::after{transform:rotate(45deg)}
.tour-section__body{padding:0 20px 22px 76px}
.tour-section__body>p{margin:0 0 16px;color:#bddde2;font-size:13px;line-height:1.65}
.tour-screen-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tour-screen-choice{
  position:relative;
  display:block;
  width:100%;
  min-height:68px;
  padding:12px 34px 12px 13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  color:#fff;
  text-align:left;
  background:rgba(2,28,36,.42);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.tour-screen-choice::after{
  content:"";
  position:absolute;
  top:50%;
  right:13px;
  width:7px;
  height:7px;
  border-top:2px solid #79e9dc;
  border-right:2px solid #79e9dc;
  opacity:.55;
  transform:translateY(-50%) rotate(45deg);
}
.tour-screen-choice:hover,.tour-screen-choice:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(68,230,212,.4);
  background:rgba(21,91,102,.44);
  outline:none;
}
.tour-screen-choice.is-active{
  border-color:rgba(68,230,212,.68);
  background:linear-gradient(120deg,rgba(40,225,204,.18),rgba(75,163,255,.13));
  box-shadow:inset 3px 0 0 #2ce0cc;
}
.tour-screen-choice.is-active::after{opacity:1}
.tour-screen-choice span{display:block;font:700 13px/1.35 "Sora",system-ui,sans-serif}
.tour-screen-choice small{display:block;margin-top:4px;color:#98cbd2;font:500 10.5px/1.45 "Poppins",system-ui,sans-serif}
.tour-section__deep-link{
  display:inline-flex;
  gap:7px;
  align-items:center;
  margin-top:16px;
  color:#6ee9dc;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.tour-section__deep-link:hover{color:#fff}
.product-tour-phone-column{position:relative;min-height:760px}
.product-tour-phone{
  position:sticky;
  top:104px;
  display:flex;
  align-items:center;
  flex-direction:column;
}
.product-tour-phone__glow{
  position:absolute;
  top:42%;
  left:50%;
  width:min(125%,600px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(45,226,207,.25),rgba(75,163,255,.1) 42%,transparent 70%);
  filter:blur(9px);
  transform:translate(-50%,-50%);
}
.product-tour-phone__device{
  position:relative;
  width:min(100%,344px);
  padding:9px;
  border:1px solid rgba(197,239,244,.42);
  border-radius:46px;
  background:linear-gradient(145deg,#1b414c 0%,#06171d 48%,#15333d 100%);
  box-shadow:
    0 44px 92px rgba(0,12,18,.5),
    0 0 0 2px rgba(0,0,0,.28),
    inset 0 1px 1px rgba(255,255,255,.25);
  transform:perspective(1100px) rotateY(-5deg) rotateX(1deg);
}
.product-tour-phone__device::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:9px;
  border-radius:37px;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.11) 29%,rgba(255,255,255,.02) 48%,transparent 64%);
  mix-blend-mode:screen;
}
.product-tour-phone__speaker{
  position:absolute;
  z-index:6;
  top:15px;
  left:50%;
  width:22%;
  height:6px;
  border-radius:999px;
  background:rgba(0,7,11,.72);
  transform:translateX(-50%);
}
.product-tour-phone__screen{
  position:relative;
  overflow:hidden;
  aspect-ratio:1080/2424;
  border-radius:37px;
  background:linear-gradient(180deg,#293eaa,#08757c);
}
.product-tour-phone__screen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  opacity:1;
  transform:scale(1);
  transition:opacity .2s ease,transform .35s ease;
}
.product-tour-phone.is-changing .product-tour-phone__screen img{opacity:.22;transform:scale(.985)}
.product-tour-phone[data-fit="contain"] .product-tour-phone__screen img{
  object-fit:contain;
  background:linear-gradient(180deg,#293eaa,#08757c);
}
.product-tour-phone[data-fit="width"] .product-tour-phone__screen img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:top center;
  background:linear-gradient(180deg,#293eaa,#08757c);
}
.product-tour-phone[data-motion="dashboard-scroll"] .product-tour-phone__screen img{
  display:none;
}
.product-tour-phone__dashboard-scroll{position:absolute;z-index:3;top:5.8%;right:0;bottom:0;left:0;display:none;overflow:hidden;background:#0c7278}
.product-tour-phone[data-motion="dashboard-scroll"] .product-tour-phone__dashboard-scroll{display:block}
.dashboard-scroll__track{width:100%;will-change:transform}
.dashboard-scroll__slice{position:relative;width:100%;overflow:hidden;background:#0c7278}
.dashboard-scroll__slice img{position:absolute!important;left:-8.4%!important;display:block!important;width:111.8%!important;max-width:none!important;height:auto!important;object-fit:unset!important;opacity:1!important;transition:none!important}
.dashboard-scroll__slice--top{aspect-ratio:406/739}
.dashboard-scroll__slice--top img{top:0;transform:translateY(-10.34%)!important}
.dashboard-scroll__slice--bottom{aspect-ratio:406/522}
.dashboard-scroll__slice--bottom img{top:0;transform:translateY(-31.69%)!important}
.product-tour-phone__statusbar{
  position:absolute;
  z-index:7;
  top:0;
  right:0;
  left:0;
  display:none;
  height:5.8%;
  padding:0 5.2%;
  align-items:center;
  justify-content:space-between;
  color:#071737;
  background:#2d47ad;
  font:700 8px/1 system-ui,sans-serif;
}
.product-tour-phone[data-motion="dashboard-scroll"] .product-tour-phone__statusbar{display:flex}
.phone-status-icons{display:flex;gap:5px;align-items:center;height:100%}
.phone-status-signal{width:13px;height:9px;background:linear-gradient(to top,transparent 0) no-repeat;clip-path:polygon(0 100%,0 78%,18% 78%,18% 58%,39% 58%,39% 38%,61% 38%,61% 18%,82% 18%,82% 0,100% 0,100% 100%);background:#071737}
.phone-status-wifi{position:relative;width:13px;height:10px;overflow:hidden}
.phone-status-wifi::before,.phone-status-wifi::after{content:"";position:absolute;left:50%;border:2px solid #071737;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translateX(-50%) rotate(45deg)}
.phone-status-wifi::before{top:-4px;width:13px;height:13px}
.phone-status-wifi::after{top:1px;width:6px;height:6px}
.phone-status-battery{position:relative;width:15px;height:8px;border:1.5px solid #071737;border-radius:2px}
.phone-status-battery::after{content:"";position:absolute;top:2px;right:-3px;width:2px;height:4px;border-radius:0 1px 1px 0;background:#071737}
.phone-status-battery b{display:block;width:72%;height:100%;background:#071737}
.product-tour-phone.is-restarting[data-motion="dashboard-scroll"] .dashboard-scroll__track{animation:tour-dashboard-scroll 8.4s cubic-bezier(.55,.08,.34,1) .35s both}
@keyframes tour-dashboard-scroll{0%,18%{transform:translateY(0)}78%,100%{transform:translateY(-31.8%)}}
.product-tour-phone__highlight{
  position:absolute;
  z-index:5;
  display:none;
  pointer-events:none;
}
.product-tour-phone[data-overlay="auto-sms-glow"] .product-tour-phone__highlight{
  top:5.8%;
  left:46%;
  display:block;
  width:24%;
  height:2.7%;
  border:2px solid #ffd640;
  border-radius:999px;
  box-shadow:0 0 10px #ffd640,0 0 26px rgba(255,214,64,.9),inset 0 0 14px rgba(255,214,64,.35);
  animation:tour-control-glow 1.3s ease-in-out infinite alternate;
}
.product-tour-phone[data-overlay="expanded-drag"] .product-tour-phone__highlight{
  top:29%;
  left:24%;
  display:block;
  width:6px;
  height:38%;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,#69f0df 18%,#69f0df 82%,transparent);
  box-shadow:0 0 18px #69f0df;
  animation:tour-drag-guide 2.8s ease-in-out infinite;
}
.product-tour-phone[data-overlay="owing-tab"] .product-tour-phone__highlight,
.product-tour-phone[data-overlay="invoices-tab"] .product-tour-phone__highlight,
.product-tour-phone[data-overlay="bank-tab"] .product-tour-phone__highlight{
  top:6.15%;
  display:block;
  height:4.15%;
  border:2px solid #77f3e2;
  border-radius:13px;
  box-shadow:0 0 14px rgba(84,242,221,.9),inset 0 0 12px rgba(84,242,221,.18);
}
.product-tour-phone[data-overlay="owing-tab"] .product-tour-phone__highlight{left:3.8%;width:19%}
.product-tour-phone[data-overlay="invoices-tab"] .product-tour-phone__highlight{left:24.2%;width:23%}
.product-tour-phone[data-overlay="bank-tab"] .product-tour-phone__highlight{left:75.8%;width:21.8%}
@keyframes tour-control-glow{to{box-shadow:0 0 15px #fff5a4,0 0 36px rgba(255,214,64,1),inset 0 0 18px rgba(255,214,64,.5)}}
@keyframes tour-drag-guide{0%,100%{transform:translateX(-18px);opacity:.45}50%{transform:translateX(110px);opacity:1}}
.product-tour-phone__overlay{
  position:absolute;
  z-index:4;
  display:none;
  right:5%;
  left:5%;
  padding:12px;
  border:1px solid rgba(197,224,255,.45);
  border-radius:15px;
  color:#f4fbff;
  text-align:left;
  background:linear-gradient(145deg,rgba(40,55,146,.98),rgba(27,117,129,.98));
  box-shadow:0 16px 32px rgba(0,14,26,.46),0 0 25px rgba(124,93,255,.2);
  font-family:"Poppins",system-ui,sans-serif;
}
.product-tour-phone[data-overlay="ai-answer"] .product-tour-phone__overlay,
.product-tour-phone[data-overlay="profitability"] .product-tour-phone__overlay,
.product-tour-phone[data-overlay="invoices-tab"] .product-tour-phone__overlay,
.product-tour-phone[data-overlay="bank-tab"] .product-tour-phone__overlay{display:block}
.product-tour-phone[data-overlay="ai-answer"] .product-tour-phone__overlay{top:14.5%}
.product-tour-phone[data-overlay="profitability"] .product-tour-phone__overlay{top:18%}
.product-tour-phone[data-overlay="invoices-tab"] .product-tour-phone__overlay,
.product-tour-phone[data-overlay="bank-tab"] .product-tour-phone__overlay{top:18%}
.product-tour-phone__overlay>span{display:block;margin-bottom:6px;color:#ccb6ff;font-size:7.5px;font-weight:800;letter-spacing:.09em}
.product-tour-phone__overlay>strong{display:block;color:#fff;font:800 11px/1.35 "Sora",system-ui,sans-serif}
.product-tour-phone__overlay>p{margin:7px 0 4px;color:#d9edf1;font-size:8.5px;line-height:1.5}
.product-tour-phone__overlay>p b{color:#70efdc}
.product-tour-phone__overlay>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 7px;
  margin-top:8px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:rgba(4,31,57,.3);
}
.product-tour-phone__overlay>div b{font-size:8.5px}
.product-tour-phone__overlay>div em{grid-column:1;color:#b3d2da;font-size:7px;font-style:normal}
.product-tour-phone__overlay>div i{grid-column:2;grid-row:1/3;align-self:center;color:#70efdc;font-size:8px;font-style:normal;font-weight:800}
.product-tour-phone__overlay>small{display:block;margin-top:7px;color:#abcbd3;font-size:7px;line-height:1.4}
.product-tour-phone>p{
  position:relative;
  z-index:2;
  min-height:24px;
  margin:22px 0 8px;
  color:#eaffff;
  text-align:center;
  font-family:"Sora",system-ui,sans-serif;
  font-size:13px;
  font-weight:700;
}
.product-tour-phone__note{
  position:relative;
  z-index:2;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#9fcdd4;
  background:rgba(255,255,255,.035);
  font-size:10px;
  font-weight:600;
}
@media(max-width:900px){
  .product-tour-explorer{padding:76px 0 90px}
  .product-tour-explorer__head{text-align:center;margin-inline:auto}
  .product-tour-explorer__layout{grid-template-columns:1fr;gap:42px}
  .product-tour-phone-column{grid-row:1;min-height:0}
  .product-tour-phone{position:relative;top:auto}
  .product-tour-phone__device{width:min(78vw,330px)}
  .product-tour-explorer__sections{max-width:700px;width:100%;margin-inline:auto}
}
@media(max-width:560px){
  .product-tour-explorer{padding:66px 0 78px}
  .product-tour-explorer__head{margin-bottom:36px}
  .product-tour-explorer__head>p:last-child{font-size:.95rem}
  .product-tour-phone__device{width:min(78vw,300px);border-radius:40px}
  .product-tour-phone__screen,.product-tour-phone__device::after{border-radius:31px}
  .tour-section summary{grid-template-columns:40px minmax(0,1fr) 20px;gap:11px;min-height:78px;padding:14px}
  .tour-section__number{width:38px;height:38px;border-radius:12px}
  .tour-section__body{padding:0 14px 18px}
  .tour-screen-list{grid-template-columns:1fr}
  .tour-screen-choice{min-height:64px}
}
@media(prefers-reduced-motion:reduce){
  .tour-section,.tour-section__chevron::before,.tour-section__chevron::after,
  .tour-screen-choice,.product-tour-phone__screen img{transition:none}
  .product-tour-phone__device{transform:none}
  .product-tour-phone.is-restarting[data-motion] .product-tour-phone__screen img,
  .product-tour-phone__highlight{animation:none}
  .product-tour-phone[data-motion="dashboard-scroll"] .dashboard-scroll__track{transform:translateY(-31.8%)}
}