/* Mobile scroll journey; the desktop presentation keeps its original layout. */
.mobile-more-label,.mobile-story,.tour-order,.tour-design,.tour-scroll-progress{display:none}
.start-disclosure{border:0;margin:0;padding:0}
.contact-whatsapp{align-self:center;border:1px solid #ffffff25;background:#161618;border-radius:8px;padding:36px;max-width:500px;width:100%}
.contact-channel{font-size:9px;letter-spacing:.15em;color:#aaaab1}
.contact-bubble{margin:30px 0;background:#242427;border:1px solid #ffffff14;border-radius:12px 12px 12px 2px;padding:25px 23px}
.contact-bubble p{font-size:20px;line-height:1.45;letter-spacing:-.035em;color:#f1f1f2}
.contact-bubble>span{display:block;font-size:12px;line-height:1.8;color:#aaaab2;margin-top:12px}
.contact-whatsapp .sv-button{width:100%;font-size:13px;min-height:56px}

/* Restrained orange accents across the public landing page. */
.hero-price strong:last-child{color:var(--orange)}
.hero-actions>.sv-button.light,.contact-whatsapp>.sv-button.light{box-shadow:inset 3px 0 0 var(--orange)}
.sv-button.light>span,.mobile-quick-nav a:last-child>span{color:#a8411e}
.sv-nav .nav-talk>span{color:var(--orange)}
.sv-examples .section-heading .eyebrow,.service-price>.eyebrow,.price-currency>strong{color:#a8411e}
.demo-selectors button[aria-pressed=true]:after{background:var(--orange)}
.contact-whatsapp{border-top-color:#ff703b85}

@media(max-width:760px){
  .sv-journey.tour-ready{display:flex;flex-direction:column;overflow:visible;padding:0 24px}
  .tour-ready .journey-copy{display:contents}
  .tour-ready .chapter-hero{order:0;padding:42px 0 12px}
  .tour-ready .chapter-hero h1{font-size:clamp(46px,12vw,66px);margin:22px 0 20px}
  .tour-ready .chapter-hero .chapter-description{font-size:13px;max-width:330px;line-height:1.75}
  .tour-ready .hero-actions{margin-top:23px}
  .tour-ready .hero-price{margin-top:14px}
  .tour-ready .hero-actions .text-link{display:none}
  .tour-ready .scroll-cue{display:flex;font-size:7px;letter-spacing:.12em;margin-top:28px;padding-bottom:10px}
  .tour-ready #tu-panel{display:none}
  .tour-ready .journey-visual{order:1;position:relative;top:auto;margin:0 -24px;height:235svh;min-width:0;width:calc(100% + 48px);background:none;z-index:1;pointer-events:auto}
  .tour-ready .visual-sticky{position:sticky;top:72px;min-height:0;height:calc(100svh - 72px);max-height:none;padding:37px 20px 86px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip;pointer-events:auto}
  .tour-ready .stage-caption{top:13px;left:25px;right:25px;font-size:6px;z-index:9;pointer-events:none}
  .tour-ready .stage-caption>span{font-size:6px;letter-spacing:.13em}
  .tour-ready .motion-toggle{width:36px;height:36px;pointer-events:auto}
  .tour-ready .scene{width:100%;max-width:460px;height:38svh;min-height:215px;max-height:350px;flex:none;margin:0;perspective:950px;touch-action:pan-y;pointer-events:auto}
  .tour-ready .scene:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#ff703b0d,transparent 65%);pointer-events:none}
  .tour-ready .scene-screen{transition:none;opacity:1}
  .tour-ready .screen-bazar{transform:translateY(var(--shop-slide,0%))}
  .tour-ready .screen-panel{transform:translateY(var(--order-slide,100%))}
  .tour-ready .screen-start{transform:translateY(var(--design-slide,100%))}
  .tour-ready .scene-orbit{border-color:#ffffff12}
  .tour-ready .orbit-one{transform:rotate(var(--orbit-turn,0deg)) scaleY(.86)}
  .tour-ready .orbit-one:after{content:'';position:absolute;top:14%;left:12%;width:5px;height:5px;background:#e99470;border-radius:50%;box-shadow:0 0 15px #ff703b38}
  .tour-ready .orbit-two{transform:rotate(calc(28deg - var(--orbit-turn,0deg)))}
  .tour-ready .browser-board.main-board{width:88%;left:6%;top:18%;transform:translate3d(var(--tx),var(--ty),var(--tour-depth,0px)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));box-shadow:0 24px 40px #0007}
  .tour-ready .back-board{width:79%;left:7%;top:20%;opacity:.4}
  .tour-ready .browser-bar{height:19px;font-size:5px}
  .tour-ready .floating-card{display:none}
  .tour-ready .scene-ground{bottom:13%;left:9%;right:7%;filter:blur(17px);transform:scaleX(var(--ground-scale,1))}
  .tour-ready .cube{left:2%;top:8%;width:20px;height:20px}
  .tour-ready .cube i{width:20px;height:20px}
  .tour-ready .cube i:nth-child(1){transform:translateZ(10px)}
  .tour-ready .cube i:nth-child(2){transform:rotateY(90deg) translateZ(10px)}
  .tour-ready .cube i:nth-child(3){transform:rotateY(180deg) translateZ(10px)}
  .tour-ready .cube i:nth-child(4){transform:rotateY(-90deg) translateZ(10px)}
  .tour-ready .cube i:nth-child(5){transform:rotateX(90deg) translateZ(10px)}
  .tour-ready .cube i:nth-child(6){transform:rotateX(-90deg) translateZ(10px)}
  .tour-ready .screen-panel>.mock-sidebar,.tour-ready .screen-panel>.mock-workspace{display:none}
  .tour-order{display:flex;flex-direction:column;padding:6% 8%;width:100%;background:#f4f4ef;color:#1c1c1f}
  .tour-card-label{font-size:6px;letter-spacing:.14em;color:#77777e}
  .tour-order>p{font-size:clamp(21px,6.8vw,32px);line-height:1.08;letter-spacing:-.05em;margin:4% 0}
  .tour-order>div{font-size:8px;padding:2.5% 0;border-top:1px solid #d6d6d1;display:flex;gap:8px;align-items:center}
  .tour-order>div>span{color:#b34e29;font-size:10px}
  .tour-order small{font-size:6px;color:#7a7a82;margin-top:3%}
  .tour-ready .screen-start{padding:0}
  .tour-ready .screen-start>*:not(.tour-design){display:none}
  .tour-design{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:8% 9%;background:linear-gradient(125deg,#f6f6f1 75%,#e6e6df 75%);color:#19191b}
  .tour-design>p{font-size:clamp(26px,8vw,38px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:5% 0}
  .tour-design em{font-style:normal;color:#8b8b87}
  .tour-swatches{display:flex;gap:6px;align-items:center;margin:2% 0 5%}
  .tour-swatches i{width:19px;height:19px;border-radius:50%;background:#222224;border:1px solid #0002}
  .tour-swatches i:nth-child(2){background:#f6f6f1}.tour-swatches i:nth-child(3){background:#ff703b}
  .tour-design small{font-size:7px;color:#6c6c73}
  .mobile-story{display:block;position:relative;flex:none;width:100%;height:155px;text-align:center;margin-top:0;perspective:900px}
  .mobile-story-step{position:absolute;inset:0;opacity:0;transform:translate3d(0,20px,-25px) rotateX(-7deg);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
  .mobile-story-step.is-active{opacity:1;transform:translate3d(0,0,0) rotateX(0)}
  .mobile-story-step>span{font-size:7px;color:#cf805e;letter-spacing:.16em;font-weight:500}
  .mobile-story h2{font-size:clamp(28px,8.2vw,38px);letter-spacing:-.05em;line-height:1.08;margin:12px 0 11px}
  .mobile-story p{font-size:12px;line-height:1.7;color:#acacb4;max-width:300px;margin:auto}
  .tour-scroll-progress{display:flex;gap:5px;width:210px;height:3px;margin:4px 0 12px;flex:none}
  .tour-scroll-progress i{position:relative;flex:1;overflow:hidden;border-radius:4px;background:#ffffff20}
  .tour-scroll-progress i:before{content:'';position:absolute;inset:0;background:#ed8d62;transform-origin:left;transform:scaleX(var(--fill,0))}
  .tour-ready .mobile-scene-controls{display:flex;gap:6px;margin:0;z-index:8}
  .tour-ready .mobile-scene-controls button{font-size:9px;min-height:40px;padding:10px 15px;background:#1b1b1e;color:#96969e;border-color:#ffffff25}
  .tour-ready .mobile-scene-controls button[aria-pressed=true]{background:#f0f0ed;color:#161618;border-color:#f0f0ed}
  .tour-ready .mobile-scene-hint{display:flex;gap:10px;font-size:8px;margin:14px 0 0;color:#909098}
  .tour-ready .mobile-scene-hint>span{font-size:15px;color:#e28a66}
  .tour-ready .stage-footer{display:none}
  .tour-ready .start-chapter{order:2;min-height:0;border-top:0;padding:12px 0 34px;margin:0}
  .tour-ready .start-chapter>.eyebrow,.tour-ready .start-chapter>h2,.tour-ready .start-chapter>.chapter-description,.tour-ready .start-chapter>.start-invitation,.tour-ready .start-chapter>.text-link{display:none}
  .mobile-more-label{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;font-size:13px;padding:20px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;cursor:pointer;min-height:64px}
  .mobile-more-label::-webkit-details-marker{display:none}
  .mobile-more-label>span{display:flex;align-items:center;gap:12px;font-size:9px;color:#9a9aa2}
  .mobile-more-label b{font-weight:400;color:#d6d6db;font-size:18px;transition:transform .2s}
  .start-disclosure[open]>.mobile-more-label b{transform:rotate(45deg)}
  .tour-ready .start-guide{margin-top:15px}
  .sv-examples{padding-top:40px;padding-bottom:20px}
  .section-heading{margin-bottom:22px}
  .section-heading h2{font-size:33px;margin-top:15px}
  .section-heading>p{font-size:12px;margin-top:16px}
  .demo-toolbar{gap:10px;padding:11px 0}
  .demo-showcase[data-device=mobile] .demo-canvas{min-height:0;padding:20px 10px}
  .demo-showcase[data-device=mobile] .demo-browser{max-width:180px;border-radius:21px}
  .demo-slide-meta{padding:15px 0;gap:10px}
  .demo-slide-meta>div>p{margin-bottom:6px}
  .demo-slide-meta>p{display:none}
  .demo-controls{padding-top:10px}
  .sv-service{padding:26px 24px 34px;gap:0}
  .sv-service .service-copy{display:none}
  .service-price{padding-top:0}
  .service-price>.eyebrow{padding-bottom:0;border-bottom:0}
  .service-price .price-from{margin-top:15px}
  .service-price ul li:nth-child(n+5){display:none}
  .service-price ul{margin-top:20px;margin-bottom:18px;font-size:12px;gap:12px;padding:17px 0}
  .service-price .price-note{font-size:10px;line-height:1.7}
  .sv-contact{padding:38px 24px;gap:25px}
  .sv-contact h2{font-size:clamp(37px,10.5vw,48px);line-height:1.08}
  .sv-contact>div>p:not(.eyebrow){font-size:13px}
  .contact-whatsapp{padding:25px 22px}
  .contact-bubble{margin:22px 0;padding:20px}
  .contact-bubble p{font-size:18px}
  .contact-bubble>span{font-size:11px}
  .contact-whatsapp .sv-button{font-size:12px;padding:17px}
  .mobile-quick-nav{left:16px;right:16px;padding:4px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:25px}
  .mobile-quick-nav a{padding:12px 17px;font-size:10px}
  .mobile-quick-nav a:last-child{border-radius:21px}
}
@media(max-width:370px){
  .tour-ready .chapter-hero h1{font-size:44px}
  .tour-ready .hero-actions .sv-button{padding:15px 19px}
  .tour-ready .mobile-scene-controls button{padding:9px 12px;font-size:8px}
  .mobile-story h2{font-size:28px}
  .mobile-story p{font-size:11px;max-width:260px}
  .tour-order{padding:5% 7%}.tour-order>p{font-size:21px}.tour-order>div{font-size:7px;padding:1.7% 0}.tour-order small{font-size:5px;margin-top:2%}
}
@media(max-width:760px) and (max-height:700px){
  .tour-ready .visual-sticky{padding-top:27px;padding-bottom:75px}
  .tour-ready .scene{min-height:175px;height:34svh}
  .mobile-story{height:137px}
  .mobile-story h2{font-size:28px;margin-top:8px;margin-bottom:8px}
  .mobile-story p{font-size:11px}
  .tour-ready .mobile-scene-hint{margin-top:8px}
  .tour-ready .mobile-scene-controls{margin-top:3px}
  .tour-scroll-progress{margin:3px 0 7px}
  .tour-ready .mobile-scene-controls button{min-height:35px;padding-top:7px;padding-bottom:7px}
}
@media(max-width:760px) and (max-height:620px){
  .tour-ready .visual-sticky{padding-top:42px;padding-bottom:70px}
  .tour-ready .scene{height:36svh;min-height:185px}
  .tour-ready .browser-board.main-board{width:76%;left:12%;top:14%}
  .tour-ready .back-board{width:70%;left:13%;top:20%}
  .mobile-story{height:128px}
  .mobile-story h2{font-size:26px}
  .mobile-story p{font-size:10.5px;max-width:250px}
  .tour-ready .mobile-scene-hint{display:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .tour-ready .journey-visual{height:auto}
  .tour-ready .visual-sticky{position:relative;top:auto;height:auto;min-height:590px;padding-bottom:35px}
  .tour-ready .mobile-scene-hint{display:none}
  .tour-scroll-progress,.tour-ready .scene-orbit{display:none}
  .mobile-story-step{transform:none;transition:none}
  .tour-ready .browser-board.main-board{transform:rotateX(3deg) rotateY(-8deg) rotateZ(-1deg)}
}