:root{--studio-blue:#3157ff;--studio-lime:#caff45;--studio-ink:#151936;--studio-muted:#69708f;--studio-line:#dfe3f5}
html,body,body *,body *::before,body *::after{font-family:'Poppins',Arial,sans-serif!important}
.app-studio-site{background:#fff;color:var(--studio-ink)}
.app-studio-site .announcement{background:var(--studio-lime);color:#182100}
.app-studio-site .site-header{background:#ffffffed;border-color:var(--studio-line);backdrop-filter:blur(16px)}
.app-studio-site .brand-name-shimmer{color:var(--studio-ink);background:none;-webkit-text-fill-color:initial}
.app-studio-site .main-nav>a,.app-studio-site .desktop-menu-dropdown summary{color:#586080}
.app-studio-site .cart-link,.app-studio-site .btn-primary{background:var(--studio-blue)!important;color:white!important}
.studio-hero{overflow:hidden;padding:95px 0;background:radial-gradient(circle at 78% 45%,#3157ff1e,transparent 30%),radial-gradient(circle at 8% 92%,#caff4545,transparent 22%),linear-gradient(125deg,#fff,#f3f6ff)}
.studio-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.studio-hero h1{margin:18px 0;font-size:clamp(54px,6.6vw,94px);line-height:.98;letter-spacing:-.06em}.studio-hero h1 em,.studio-cta h2 em{color:var(--studio-blue);font-style:italic}.studio-hero-grid>div:first-child>p:not(.eyebrow){max-width:620px;color:var(--studio-muted);font-size:15px;line-height:1.8}.studio-actions{display:flex;gap:10px;margin:30px 0}.studio-actions .btn{border-radius:9px}.studio-stats{display:flex;gap:28px;margin-top:48px}.studio-stats span{display:grid;padding-right:28px;border-right:1px solid var(--studio-line)}.studio-stats span:last-child{border:0}.studio-stats b{font-size:19px}.studio-stats small{color:#7c84a3;font-size:9px}
.studio-phone-stage{position:relative;min-height:540px;display:grid;place-items:center}.studio-orbit{position:absolute;width:480px;height:480px;border:1px solid #3157ff32;border-radius:50%;box-shadow:0 0 0 55px #3157ff09}.studio-phone{position:relative;z-index:2;width:260px;height:515px;padding:8px;border-radius:38px;background:#171b34;box-shadow:0 45px 90px #3157ff38;transform:rotate(7deg)}.studio-screen{height:100%;padding:28px 16px;border-radius:31px;background:#f8f9ff;color:var(--studio-ink)}.studio-screen>small{font-size:7px;color:#8a91aa}.studio-screen>h3{margin:2px 0 18px}.studio-balance{position:relative;display:grid;padding:17px;border-radius:14px;background:var(--studio-ink);color:#fff}.studio-balance small{font-size:7px}.studio-balance b{font-size:22px}.studio-balance i{position:absolute;right:15px;top:23px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--studio-blue);font-style:normal}.studio-quick{display:flex;justify-content:space-around;margin:17px 0;font-size:8px;font-weight:700}.studio-quick span:before{content:'↗';display:grid;place-items:center;width:34px;height:34px;margin:0 auto 5px;border-radius:10px;background:#e7ebff;color:var(--studio-blue);font-size:14px}.studio-chart{padding:13px;background:#fff;border-radius:12px}.studio-chart>small{font-size:7px;color:#7d849d}.studio-chart>div{height:75px;display:flex;align-items:end;gap:7px}.studio-chart i{flex:1;height:40%;border-radius:4px;background:#dce3ff}.studio-chart i:nth-child(2),.studio-chart i:nth-child(5){height:75%}.studio-chart i:nth-child(4){height:100%;background:var(--studio-blue)}.studio-app-row{display:flex;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid var(--studio-line)}.studio-app-row>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e4e9ff;color:var(--studio-blue);font-size:8px;font-style:normal}.studio-app-row span{display:grid;flex:1}.studio-app-row b,.studio-app-row strong{font-size:8px}.studio-app-row small{font-size:6px;color:#8c93aa}.studio-chip{position:absolute;z-index:3;padding:10px 13px;border:1px solid var(--studio-line);border-radius:8px;background:#fff;box-shadow:0 12px 30px #3157ff18;font-size:8px;font-weight:800;letter-spacing:.12em}.studio-chip.android{left:4%;top:20%;color:#25a244}.studio-chip.ios{right:4%;bottom:20%;color:var(--studio-blue)}
.studio-marquee{padding:17px;background:var(--studio-lime);color:#182100;text-align:center;font-size:11px;font-weight:800;letter-spacing:.11em}.studio-services,.studio-products,.studio-process{background:#fff}.studio-services h2,.studio-products h2,.studio-process h2,.studio-cta h2{color:var(--studio-ink);font-size:clamp(40px,5vw,68px);letter-spacing:-.05em}.studio-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.studio-service-grid article{position:relative;min-height:325px;padding:25px;border:1px solid var(--studio-line);border-radius:15px;background:#f7f8ff}.studio-service-grid article>span{color:#8991aa;font-size:9px}.studio-service-grid article>i{position:absolute;right:24px;top:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e6ebff;color:var(--studio-blue);font-style:normal;font-weight:800}.studio-service-grid h3{margin-top:88px;font-size:21px}.studio-service-grid p{color:var(--studio-muted);font-size:12px;line-height:1.7}.studio-service-grid small{position:absolute;left:25px;bottom:24px;color:#8a91a8;font-size:8px}.studio-products{background:#f3f6ff}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.studio-steps article{padding:28px;border-top:2px solid var(--studio-blue);background:#f8f9ff}.studio-steps b{color:var(--studio-blue);font-size:10px}.studio-steps h3{margin-top:45px}.studio-steps p{color:var(--studio-muted);font-size:11px;line-height:1.7}.studio-cta{padding:100px 0;background:var(--studio-blue);color:white}.studio-cta>.container{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}.studio-cta h2{color:white}.studio-cta .eyebrow{color:var(--studio-lime)}.studio-cta p{color:#dfe4ff;line-height:1.8}.studio-cta .btn-primary{background:var(--studio-lime)!important;color:#182100!important;margin-top:20px}
.app-studio-site .customer-auth-shell{background:radial-gradient(circle at 15% 20%,#caff454d,transparent 28%),#f3f6ff}.app-studio-site .customer-auth-card{border-color:var(--studio-line);box-shadow:0 30px 70px #3157ff12}.app-studio-site .customer-auth-card input{border-color:#dce1f2;background:#f9faff}.app-studio-site .auth-switch a{color:var(--studio-blue)}
@media(max-width:900px){.studio-hero-grid,.studio-cta>.container{grid-template-columns:1fr}.studio-service-grid,.studio-steps{grid-template-columns:1fr 1fr}.studio-phone-stage{min-height:500px}}
@media(max-width:560px){.studio-hero{padding:65px 0}.studio-hero h1{font-size:49px}.studio-actions{display:grid}.studio-stats{gap:12px}.studio-stats span{padding:0;border:0}.studio-phone-stage{min-height:430px}.studio-phone{transform:scale(.78) rotate(7deg)}.studio-orbit{width:360px;height:360px}.studio-service-grid,.studio-steps{grid-template-columns:1fr}.studio-cta{padding:70px 0}}

/* Bright theme across every customer-facing page */
:root{--ink:#151936!important;--muted:#69708f!important;--bg:#ffffff!important;--panel:#ffffff!important;--panel2:#eef2ff!important;--line:#dfe3f5!important;--gold:#3157ff!important;--rose:#3157ff!important}
body{background:#fff!important;color:var(--studio-ink)!important}
.announcement{background:var(--studio-lime)!important;color:#182100!important}
.site-header{background:#ffffffef!important;border-color:var(--studio-line)!important}
.brand,.brand strong,.brand-name-shimmer,.main-nav a,.desktop-menu-dropdown summary,.header-actions,.account-login-link,.account-menu summary{color:var(--studio-ink)!important}
.main-nav a:hover,.main-nav a.active,.desktop-menu-dropdown summary.active,.section-head>a,.price strong,.filters a.active,.filters a:hover{color:var(--studio-blue)!important}
.desktop-menu-panel,.account-dropdown{background:#fff!important;border-color:var(--studio-line)!important;box-shadow:0 18px 45px #3157ff18!important}
.desktop-menu-panel a,.account-dropdown a,.account-dropdown button{color:var(--studio-ink)!important}
.desktop-menu-panel a:hover,.account-dropdown a:hover,.account-dropdown button:hover{background:#eef2ff!important;color:var(--studio-blue)!important}
.cart-link,.btn-primary,.checkout-submit{background:var(--studio-blue)!important;color:#fff!important;border-color:var(--studio-blue)!important}
.cart-link b{background:var(--studio-lime)!important;color:#182100!important}
.btn-ghost,.btn-outline{background:#fff!important;color:var(--studio-ink)!important;border-color:#cbd2eb!important}
.page-hero,.cart-hero,.booking-hero{background:radial-gradient(circle at 85% 15%,#3157ff18,transparent 28rem),linear-gradient(120deg,#fff,#f2f5ff)!important;border-color:var(--studio-line)!important}
.page-hero h1,.page-hero p,.cart-hero h1,.cart-hero p{color:var(--studio-ink)!important}
.section,.menu-section,.signature,.cart-section,.checkout-shell,.customer-auth-shell{background:#fff!important;color:var(--studio-ink)!important}
.section.alt,.studio-products{background:#f3f6ff!important;border-color:var(--studio-line)!important}
.product-card{padding:10px;border:1px solid var(--studio-line);border-radius:14px;background:#fff;box-shadow:0 12px 30px #3157ff0b}
.product-image,.detail-image,.cart-thumb,.checkout-product-img{background:#eef2ff!important;border-color:var(--studio-line)!important;border-radius:11px}
.product-card h3,.product-card-body,.detail-copy h1,.detail-copy p,.detail-copy label,.product-breadcrumb,.price,.price strong{color:var(--studio-ink)!important}
.product-card small,.detail-intro,.purchase-points,details p{color:var(--studio-muted)!important}
.catalog-tools input,.catalog-tools select,.detail-copy input,.detail-copy select,input,select,textarea{background:#f8f9ff!important;border-color:#d8def1!important;color:var(--studio-ink)!important}
.filters a{color:var(--studio-muted)!important}
.product-detail,.shop-layout,.account-orders,.account-order-detail{color:var(--studio-ink)!important}
.cart-list,.cart-summary,.cart-empty,.summary,.form-card,.checkout-card,.selected-address-card,.customer-auth-card,.account-order-card,.account-status-grid>div,.tracking-result{background:#fff!important;border-color:var(--studio-line)!important;color:var(--studio-ink)!important;box-shadow:0 15px 40px #3157ff0d!important}
.cart-list-head,.cart-list-actions{background:#f3f6ff!important;border-color:var(--studio-line)!important}
.cart-list-head h2,.cart-item h3,.cart-item b,.cart-line-total,.cart-summary h2,.summary-total,.summary-total b,.checkout-card h2,.checkout-card h3,.checkout-choice b,.checkout-totals p b,.checkout-totals .grand-total,.customer-auth-card h1,.account-order-card strong{color:var(--studio-ink)!important}
.cart-item,.checkout-product,.checkout-choice,.account-order-card{border-color:var(--studio-line)!important}
.cart-item-copy p,.cart-quantity,.cart-summary p,.cart-trust,.checkout-choice small,.checkout-totals p,.customer-auth-card>p,.auth-switch,.account-order-card small,.account-order-card span{color:var(--studio-muted)!important}
.cart-summary .summary-total b,.cart-item-copy strong,.checkout-product strong,.checkout-choice>strong,.account-status-grid b,.auth-switch a{color:var(--studio-blue)!important}
.customer-auth-shell,.checkout-shell{background:radial-gradient(circle at 12% 15%,#caff4548,transparent 25rem),#f3f6ff!important}
.customer-auth-card{border-radius:18px!important}
.address-panel,.address-panel header{background:#fff!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important}
.address-panel header button,.add-address-button{color:var(--studio-ink)!important}
.footer-payments,footer{background:#f3f6ff!important;border-color:var(--studio-line)!important;color:var(--studio-ink)!important}
.footer-grid h4,.footer-grid .brand strong{color:var(--studio-ink)!important}
.footer-grid p,.footer-grid a,.copyright{color:var(--studio-muted)!important}
.copyright{border-color:var(--studio-line)!important}
.mobile-dock{background:#fff!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;box-shadow:0 -10px 30px #3157ff12}
.mobile-dock a.active{color:var(--studio-blue)!important}
@media(max-width:980px){.main-nav{background:#fff!important;border-color:var(--studio-line)!important}.menu-toggle{color:var(--studio-ink)!important}}

/* Purpose-built app services storefront */
.studio-brand{gap:10px!important;font-size:14px!important;letter-spacing:.08em}.studio-brand>span{display:grid;place-items:center;width:35px;height:35px;border:0!important;border-radius:9px!important;background:var(--studio-blue);color:#fff!important;font-size:12px;font-style:normal!important;transform:rotate(-7deg)}.studio-brand strong{font-size:14px;letter-spacing:.08em}.header-main{height:78px}.header-actions .cart-link{display:flex!important;align-items:center;padding:10px 14px;border-radius:8px;font-size:10px;font-weight:700}.studio-footer{padding:70px 0 24px!important}.studio-footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px}.studio-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.studio-footer-grid p,.studio-footer-grid a{margin:0;color:var(--studio-muted);font-size:11px}.studio-footer-grid h4{margin:0 0 8px;color:var(--studio-ink)}
.service-catalog-hero{padding:95px 0 75px!important}.service-hero-grid{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:70px}.service-catalog-hero h1{font-size:clamp(50px,6vw,78px)!important;line-height:1!important;letter-spacing:-.055em}.service-catalog-hero p:last-child{max-width:610px;line-height:1.8}.service-code-card{position:relative;min-height:230px;padding:28px;border-radius:18px;background:var(--studio-blue);color:#fff;box-shadow:0 30px 65px #3157ff35}.service-code-card>span,.service-code-card>small{font-size:8px;letter-spacing:.14em}.service-code-card>b{display:block;margin-top:25px;font-size:66px;line-height:1}.service-code-card>i{display:block;height:1px;margin:23px 0;background:#ffffff55}.service-catalog{background:#fff!important}.service-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.service-filter-bar .filters{display:flex;flex-wrap:wrap;gap:8px}.service-filter-bar .filters a{padding:10px 14px;border:1px solid var(--studio-line);border-radius:999px;background:#fff;color:var(--studio-muted);font-size:9px;font-weight:700}.service-filter-bar .filters a.active{border-color:var(--studio-blue);background:var(--studio-blue);color:#fff!important}.service-filter-bar .catalog-tools{margin:0}.app-product-grid{gap:18px}.app-service-card{padding:0!important;overflow:hidden;border-radius:18px!important;box-shadow:0 14px 40px #3157ff0d!important}.app-service-visual{position:relative;aspect-ratio:1.15!important;padding:25px;background:linear-gradient(145deg,#eaf0ff,#f8faff)!important}.service-tone-2{background:linear-gradient(145deg,#ecfff0,#f8fff9)!important}.service-tone-3{background:linear-gradient(145deg,#fff5df,#fffaf1)!important}.service-tone-4{background:linear-gradient(145deg,#f2ecff,#fbf9ff)!important}.app-service-visual>small{position:absolute;left:22px;top:18px;color:#687090!important;font-size:8px;letter-spacing:.12em}.app-service-visual>em{position:absolute;right:15px;top:15px;padding:6px 9px;border-radius:999px;background:var(--studio-lime);color:#182100;font-size:7px;font-style:normal;font-weight:800}.service-ui-mock{position:absolute;right:17%;bottom:-25%;width:58%;height:82%;padding:17px;border:7px solid #171b34;border-radius:26px;background:#fff;box-shadow:0 25px 50px #3157ff25;transform:rotate(7deg)}.service-ui-mock>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--studio-blue);color:#fff;font-size:9px}.service-ui-mock>i{display:block;width:100%;height:8px;margin-top:9px;border-radius:5px;background:#e8ecff}.service-ui-mock>i:nth-of-type(2){width:72%}.service-ui-mock>i:nth-of-type(3){height:55px;background:linear-gradient(90deg,#dfe5ff,#f3f5ff)}.service-ui-mock>b{font-size:7px;color:var(--studio-blue)}.app-service-card .product-card-body{padding:22px!important}.app-service-card .product-card-body>span{color:#737b9a;font-size:8px;letter-spacing:.08em}.app-service-card h3{margin:8px 0;font-size:19px!important}.app-service-card p{min-height:55px;margin:0;color:var(--studio-muted);font-size:10px;line-height:1.7}.service-card-foot{display:flex;align-items:end;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid var(--studio-line)}.service-card-foot .price{display:grid;gap:0}.service-card-foot .price small{font-size:7px;letter-spacing:.1em}.service-card-foot .price strong{font-size:16px}.service-card-foot>a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--studio-blue);color:#fff;font-size:16px}
.app-detail-placeholder{display:grid!important;place-items:center;background:linear-gradient(145deg,#eef2ff,#faffed)!important}.detail-app-window{position:relative;width:72%;height:76%;padding:26px;border:10px solid #171b34;border-radius:35px;background:#fff;box-shadow:0 35px 70px #3157ff25;transform:rotate(-5deg)}.detail-app-window small{color:#7a829f;font-size:7px;letter-spacing:.12em}.detail-app-window span{display:grid!important;place-items:center!important;width:60px!important;height:60px!important;margin:25px 0!important;border-radius:17px!important;background:var(--studio-blue)!important;color:#fff!important;font-size:18px!important}.detail-app-window i{display:block;width:100%;height:12px;margin-top:10px;border-radius:7px;background:#e8ecff}.detail-app-window i:nth-of-type(2){width:75%}.detail-app-window b{position:absolute;left:26px;bottom:24px;color:var(--studio-blue);font-size:8px}
@media(max-width:980px){.studio-footer-grid{grid-template-columns:1fr 1fr 1fr}.service-hero-grid{grid-template-columns:1fr}.service-code-card{display:none}.service-filter-bar{display:block}.service-filter-bar .catalog-tools{margin-top:18px}.app-product-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.studio-footer-grid{grid-template-columns:1fr 1fr}.service-catalog-hero{padding:55px 0 45px!important}.service-catalog-hero h1{font-size:46px!important}.service-filter-bar .filters{flex-wrap:nowrap;overflow:auto}.service-filter-bar .catalog-tools{display:grid;grid-template-columns:1fr 1fr}.service-filter-bar .catalog-tools input{grid-column:1/-1}.app-product-grid{grid-template-columns:1fr!important}.app-service-visual{aspect-ratio:1.3!important}}
.checkout-page .fulfilment-card,.checkout-page .delivery-address-inline{display:none!important}

/* App service detail page */
.product-detail{padding:52px 0 88px;background:#fff}
.product-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:28px;color:var(--studio-muted)!important;font-size:10px}
.product-breadcrumb svg{width:13px;height:13px}
.detail-grid{align-items:start}
.detail-copy{padding-top:8px}
.detail-copy h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
.product-info-accordion>summary{display:flex;align-items:center;gap:8px;list-style:none;outline:0!important}
.product-info-accordion>summary::-webkit-details-marker{display:none}
.product-info-accordion>summary:focus-visible{border-radius:8px;box-shadow:0 0 0 3px #3157ff24}
.product-info-accordion>summary>i:last-child{margin-left:auto}
.product-info-accordion[open]>summary>i:last-child{transform:rotate(180deg)}
@media(max-width:700px){
  .product-detail{padding:32px 0 60px}
  .detail-copy{padding-top:0}
}

/* Header and footer visibility rules */
.main-nav>.mobile-menu-link,.main-nav>.mobile-nav-account{display:none!important}
.desktop-menu-dropdown{position:relative}
.desktop-menu-dropdown>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}
.desktop-menu-dropdown>summary::-webkit-details-marker{display:none}
.desktop-menu-dropdown>summary svg{width:15px;height:15px;transition:transform .2s ease}
.desktop-menu-dropdown[open]>summary svg{transform:rotate(180deg)}
.desktop-menu-panel{position:absolute!important;z-index:90;top:calc(100% + 25px);left:50%;width:340px;padding:18px!important;display:grid!important;gap:4px!important;transform:translateX(-50%);border:1px solid var(--studio-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 24px 65px #18235a24!important}
.desktop-menu-panel:before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border-left:1px solid var(--studio-line);border-top:1px solid var(--studio-line);background:#fff}
.desktop-menu-heading{display:grid;padding:5px 8px 13px;margin-bottom:5px;border-bottom:1px solid var(--studio-line)}
.desktop-menu-heading small{color:var(--studio-blue);font-size:8px;letter-spacing:.14em}
.desktop-menu-heading strong{font-size:13px}
.desktop-menu-panel>a{display:flex!important;align-items:center;justify-content:space-between;padding:10px 9px!important;border-radius:8px;color:var(--studio-ink)!important}
.desktop-menu-panel>a:hover{background:#eef2ff!important;color:var(--studio-blue)!important}
.desktop-menu-panel>a svg{width:14px;height:14px}
.mobile-dock{display:none!important}
.studio-footer{padding:52px 0 20px!important;background:#f5f7ff!important}
.studio-footer-grid>div:first-child{max-width:300px}
.studio-footer-grid>div:first-child p{line-height:1.75}
.studio-footer-grid h4{font-size:12px}
.studio-footer-grid a{transition:color .2s ease,transform .2s ease}
.studio-footer-grid a:hover{color:var(--studio-blue)!important;transform:translateX(2px)}
@media(max-width:980px){
  .main-nav>.mobile-menu-link,.main-nav>.mobile-nav-account{display:flex!important}
  .main-nav>.mobile-nav-account{width:100%;padding-top:12px;border-top:1px solid var(--studio-line)}
  .main-nav>.mobile-nav-account>a,.main-nav>.mobile-nav-account form,.main-nav>.mobile-nav-account button{width:100%}
  .main-nav>.mobile-nav-account button{display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:transparent;color:var(--studio-ink);font-weight:700}
  .desktop-account-control{display:none!important}
  .desktop-menu-dropdown{width:100%}
  .desktop-menu-dropdown>summary{justify-content:space-between;padding:8px 0}
  .desktop-menu-panel{position:static!important;width:100%;margin:8px 0;transform:none;border-radius:10px!important;box-shadow:none!important}
  .desktop-menu-panel:before{display:none}
}
@media(max-width:760px){
  body{padding-bottom:66px}
  .mobile-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(4,1fr);padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--studio-line)}
  .mobile-dock>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:var(--studio-muted);font-size:9px}
  .mobile-dock svg{width:20px;height:20px}
}

/* Homepage motion */
.app-studio-site.motion-ready .motion-reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--motion-delay,0ms);will-change:opacity,transform}
.app-studio-site.motion-ready .motion-reveal.motion-visible{opacity:1;transform:none}
.app-studio-site.motion-ready .motion-from-left{transform:translateX(-42px)}
.app-studio-site.motion-ready .motion-from-right{transform:translateX(42px)}
.app-studio-site.motion-ready .motion-from-left.motion-visible,.app-studio-site.motion-ready .motion-from-right.motion-visible{transform:none}
.app-studio-site .studio-phone{animation:studioPhoneFloat 5.2s ease-in-out infinite}
.app-studio-site .studio-orbit{animation:studioOrbitPulse 4s ease-in-out infinite}
.app-studio-site .studio-chip{animation:studioChipFloat 3.6s ease-in-out infinite}
.app-studio-site .studio-chip.ios{animation-delay:-1.8s}
.app-studio-site .studio-chart i{transform-origin:bottom;animation:studioBarGrow .9s cubic-bezier(.2,.8,.2,1) both}
.app-studio-site .studio-chart i:nth-child(2){animation-delay:.08s}.app-studio-site .studio-chart i:nth-child(3){animation-delay:.16s}.app-studio-site .studio-chart i:nth-child(4){animation-delay:.24s}.app-studio-site .studio-chart i:nth-child(5){animation-delay:.32s}.app-studio-site .studio-chart i:nth-child(6){animation-delay:.4s}
.app-studio-site .studio-service-grid article,.app-studio-site .studio-steps article,.app-studio-site .app-service-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.app-studio-site .studio-service-grid article:hover,.app-studio-site .studio-steps article:hover,.app-studio-site .app-service-card:hover{transform:translateY(-8px);border-color:#3157ff66;box-shadow:0 24px 55px #3157ff18}
@keyframes studioPhoneFloat{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(4deg) translateY(-15px)}}
@keyframes studioOrbitPulse{0%,100%{transform:scale(.96);opacity:.6}50%{transform:scale(1.04);opacity:1}}
@keyframes studioChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes studioBarGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes studioPhoneFloatMobile{0%,100%{transform:scale(.78) rotate(7deg) translateY(0)}50%{transform:scale(.78) rotate(4deg) translateY(-12px)}}
@media(max-width:560px){.app-studio-site .studio-phone{animation-name:studioPhoneFloatMobile}}
@media(prefers-reduced-motion:reduce){
  .app-studio-site.motion-ready .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .app-studio-site .studio-phone,.app-studio-site .studio-orbit,.app-studio-site .studio-chip,.app-studio-site .studio-chart i{animation:none!important}
}

/* Dual App / Website hero */
.studio-hero-slider{position:relative;padding-bottom:132px!important}
.studio-hero-track{position:relative}
.studio-hero-slide{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.studio-hero-slide:not(.active){position:absolute;inset:0;opacity:0;transform:translateX(70px) scale(.985);pointer-events:none}
.studio-hero-slide.is-leaving{transform:translateX(-70px) scale(.985)}
.studio-hero-slide.active{position:relative;z-index:2;opacity:1;transform:none}
.hero-switch{position:absolute;z-index:5;left:50%;bottom:32px;display:flex;padding:6px;border:1px solid var(--studio-line);border-radius:999px;background:#fff;box-shadow:0 16px 40px #3157ff18;transform:translateX(-50%)}
.hero-switch button{position:relative;z-index:2;display:flex;align-items:center;gap:7px;padding:11px 17px;border:0;border-radius:999px;background:transparent;color:var(--studio-muted);font-size:9px;font-weight:800;cursor:pointer;transition:color .3s ease,background .3s ease}
.hero-switch button i{width:6px;height:6px;border-radius:50%;background:#b7bed8}
.hero-switch button.active{background:var(--studio-blue);color:#fff}
.hero-switch button.active i{background:var(--studio-lime)}
.hero-switch-progress{position:absolute;left:14px;right:14px;bottom:-9px;height:2px;overflow:hidden;border-radius:5px;background:#dfe4f5}
.hero-switch-progress:after{content:"";display:block;width:100%;height:100%;background:var(--studio-blue);transform-origin:left;animation:heroSwitchProgress 6.5s linear forwards}
.studio-hero-slider.is-paused .hero-switch-progress:after{animation-play-state:paused}
.studio-browser-stage{position:relative;min-height:540px;display:grid;place-items:center}
.browser-glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#caff4560,transparent 68%)}
.studio-browser{position:relative;z-index:2;width:540px;overflow:hidden;border:8px solid #171b34;border-radius:22px;background:#fff;box-shadow:0 45px 90px #3157ff30;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);animation:studioBrowserFloat 5.5s ease-in-out infinite}
.browser-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#171b34}.browser-bar>i{width:7px;height:7px;border-radius:50%;background:#ff6b6b}.browser-bar>i:nth-child(2){background:#ffd45c}.browser-bar>i:nth-child(3){background:#77dc88}.browser-bar>span{margin-left:12px;padding:5px 60px;border-radius:5px;background:#292e4b;color:#9da5ca;font-size:6px}
.browser-screen{padding:18px;background:#f7f9ff;color:var(--studio-ink)}.browser-screen nav{display:flex;align-items:center;justify-content:space-between;font-size:7px}.browser-screen nav>b{color:var(--studio-blue);font-size:9px}.browser-screen nav>span{color:#7c84a3}.browser-screen nav>i{padding:6px 9px;border-radius:5px;background:var(--studio-blue);color:#fff;font-style:normal}
.browser-hero{min-height:240px;padding:45px 32px;margin-top:16px;border-radius:12px;background:radial-gradient(circle at 85% 15%,#caff4580,transparent 35%),linear-gradient(135deg,#eef2ff,#fff)}.browser-hero small{color:var(--studio-blue);font-size:6px;letter-spacing:.15em}.browser-hero h3{margin:9px 0;font-size:30px;line-height:1.05;letter-spacing:-.04em}.browser-hero p{color:var(--studio-muted);font-size:7px}.browser-hero>b{display:inline-block;margin-top:10px;padding:8px 11px;border-radius:5px;background:var(--studio-blue);color:#fff;font-size:7px}
.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.browser-cards i{height:55px;border:1px solid var(--studio-line);border-radius:8px;background:#fff}.browser-cards i:nth-child(2){background:#eef2ff}.browser-cards i:nth-child(3){background:#f4ffdc}
.browser-chip{position:absolute;z-index:3;padding:10px 13px;border:1px solid var(--studio-line);border-radius:8px;background:#fff;box-shadow:0 12px 30px #3157ff18;color:var(--studio-blue);font-size:8px;font-weight:800;letter-spacing:.1em;animation:studioChipFloat 3.8s ease-in-out infinite}.browser-chip.speed{left:-2%;top:21%;color:#24a148}.browser-chip.responsive{right:-1%;bottom:18%;animation-delay:-1.9s}
@keyframes studioBrowserFloat{0%,100%{transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-4deg) rotateX(1deg) translateY(-13px)}}
@keyframes heroSwitchProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.studio-browser-stage{min-height:480px}.studio-browser{width:min(540px,90vw)}}
@media(max-width:560px){.studio-hero-slider{padding-bottom:115px!important}.hero-switch{bottom:25px}.hero-switch button{padding:10px 12px;font-size:8px}.studio-browser-stage{min-height:390px}.studio-browser{width:420px;transform:scale(.8);animation:none}.browser-chip{font-size:6px}}
@media(prefers-reduced-motion:reduce){.studio-hero-slide,.studio-browser{transition:none!important;animation:none!important}.hero-switch-progress{display:none}}

/* Quote builder / cart */
.cart-page .cart-hero{padding:54px 0 46px!important}
.cart-page .cart-hero>.container{display:flex;align-items:end;justify-content:space-between;gap:40px}
.cart-page .cart-hero h1{margin:4px 0 12px;font-size:clamp(40px,5vw,62px)!important}
.cart-page .cart-hero p:last-child{margin:0}
.cart-step{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--studio-line);border-radius:999px;background:#fff;color:var(--studio-muted);font-size:9px;font-weight:700;white-space:nowrap;box-shadow:0 10px 25px #3157ff0b}
.cart-step b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e7ebff;color:var(--studio-blue);font-size:9px}
.cart-step b:first-child{background:var(--studio-blue);color:#fff}.cart-step i{width:20px;height:1px;background:#cfd5e9}
.cart-page .cart-section{padding:58px 0 90px!important;background:#fff!important}
.cart-page .cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:28px}
.cart-page .cart-list{overflow:hidden;border:1px solid var(--studio-line);border-radius:18px;background:#fff;box-shadow:0 18px 50px #3157ff0b}
.cart-page .cart-list-head{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;background:linear-gradient(115deg,#f7f9ff,#eef2ff)!important}
.cart-page .cart-list-head small{color:var(--studio-blue);font-size:8px;font-weight:800;letter-spacing:.14em}
.cart-page .cart-list-head h2{margin:5px 0 0;font-size:21px}
.cart-page .cart-list-head>a{padding:9px 13px;border:1px solid #cdd5f1;border-radius:999px;background:#fff;color:var(--studio-blue);font-size:9px;font-weight:800}
.cart-page .cart-item{display:grid;grid-template-columns:74px minmax(180px,1fr) 88px 125px 42px;align-items:center;gap:17px;margin:0 25px;padding:23px 0;border-bottom:1px solid var(--studio-line)}
.cart-page .cart-thumb{width:74px;height:74px;border:1px solid var(--studio-line);border-radius:14px!important;background:linear-gradient(145deg,#edf1ff,#f8faff)!important}
.cart-page .cart-thumb span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--studio-blue);color:#fff;font-size:10px;font-weight:800}
.cart-page .cart-item-copy h3{margin:0 0 3px;font-size:15px}
.cart-page .cart-item-copy p{margin:0 0 5px;color:var(--studio-muted);font-size:8px;letter-spacing:.05em}
.cart-page .cart-item-copy strong{color:var(--studio-blue);font-size:12px}.cart-page .cart-item-copy strong small{color:var(--studio-muted);font-size:8px;font-weight:500}
.cart-page .cart-quantity{display:grid;gap:5px;color:var(--studio-muted);font-size:9px}
.cart-page .cart-quantity input{height:42px;padding:8px 10px;border-radius:9px;text-align:center}
.cart-page .cart-line-total{color:var(--studio-ink)!important;font-size:14px;text-align:right}
.cart-page .link-danger{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffd7d7;border-radius:10px;background:#fff6f6;color:#e75b5b}
.cart-page .link-danger svg{width:16px;height:16px}.cart-page .link-danger span{display:none}
.cart-page .cart-list-actions{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;background:#fafbff!important}
.cart-page .cart-list-actions>a,.cart-page .cart-list-actions button{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700}
.cart-page .cart-list-actions svg{width:15px;height:15px}.cart-page .cart-list-actions .btn{padding:10px 14px;border-radius:9px}
.cart-page .cart-summary{position:sticky;top:105px;padding:27px;border:1px solid var(--studio-line)!important;border-radius:18px;background:#fff!important;box-shadow:0 22px 60px #3157ff10!important}
.cart-page .summary-badge{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#e9edff;color:var(--studio-blue)}
.cart-page .summary-badge svg{width:19px}.cart-page .cart-summary>.eyebrow{margin:0 0 4px;font-size:8px}.cart-page .cart-summary h2{margin:0 0 20px;font-size:23px}
.cart-page .cart-summary>p:not(.eyebrow){display:flex;align-items:center;justify-content:space-between;margin:11px 0;font-size:10px}.cart-page .cart-summary>p b{font-size:11px}
.cart-page .cart-summary hr{margin:20px 0;border:0;border-top:1px solid var(--studio-line)}
.cart-page .cart-summary .summary-total{font-size:14px!important}.cart-page .cart-summary .summary-total b{color:var(--studio-blue)!important;font-size:19px}
.cart-page .cart-summary .btn{justify-content:space-between;margin-top:20px;padding:14px 16px;border-radius:9px;font-size:11px}.cart-page .cart-summary .btn svg{width:17px}
.cart-page .cart-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.cart-page .cart-trust span{display:flex;align-items:center;gap:5px;color:var(--studio-muted);font-size:8px;white-space:nowrap}.cart-page .cart-trust svg{flex:0 0 auto;width:14px;height:14px;color:var(--studio-blue)}
.cart-page .cart-summary>small{display:block;margin-top:18px;padding-top:15px;border-top:1px solid var(--studio-line);color:var(--studio-muted);font-size:8px;line-height:1.6;text-align:center}
@media(max-width:900px){.cart-page .cart-layout{grid-template-columns:1fr}.cart-page .cart-summary{position:static}.cart-page .cart-hero>.container{align-items:flex-start}.cart-step{margin-top:10px}}
@media(max-width:650px){
  .cart-page .cart-hero>.container{display:block}.cart-step{width:max-content;margin-top:22px}.cart-page .cart-section{padding:28px 0 60px!important}
  .cart-page .cart-list-head{padding:18px}.cart-page .cart-list-head h2{font-size:17px}.cart-page .cart-list-head>a{padding:7px 9px;font-size:8px}
  .cart-page .cart-item{grid-template-columns:64px 1fr 40px;gap:12px;margin:0 17px;padding:19px 0}.cart-page .cart-thumb{width:64px;height:64px}.cart-page .cart-item-copy h3{font-size:13px}
  .cart-page .cart-quantity{grid-column:2;width:88px}.cart-page .cart-line-total{grid-column:2;justify-self:end;margin-top:-42px}.cart-page .link-danger{grid-column:3;grid-row:1/3}
  .cart-page .cart-list-actions{padding:14px 17px}.cart-page .cart-list-actions>a{max-width:45%}.cart-page .cart-summary{padding:22px}
}

/* Project onboarding / checkout */
.checkout-page .checkout-shell{min-height:auto;padding:46px 0 90px!important;background:radial-gradient(circle at 8% 12%,#caff4533,transparent 25rem),#f4f6ff!important}
.checkout-page .checkout-mobile-head{margin-bottom:30px}
.checkout-page .checkout-mobile-head>a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--studio-line);border-radius:50%;background:#fff;color:var(--studio-ink)}
.checkout-page .checkout-mobile-head>a svg{width:18px}
.checkout-page .checkout-mobile-head>span{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #dce3ff;border-radius:999px;background:#fff;color:var(--studio-blue);font-size:9px;font-weight:700}
.checkout-page .checkout-mobile-head>span svg{width:16px}
.checkout-page .checkout-mobile-head h1{font-size:28px}
.checkout-page .checkout-stage{width:min(1180px,calc(100% - 32px));max-width:none}
.checkout-page .checkout-flow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:18px 24px}
.checkout-page .checkout-flow>.checkout-card:nth-of-type(1){grid-column:1;grid-row:1}
.checkout-page .checkout-flow>.checkout-card:nth-of-type(2){grid-column:1;grid-row:2/5}
.checkout-page .checkout-flow>.checkout-card:nth-of-type(3){grid-column:2;grid-row:1}
.checkout-page .checkout-flow>.checkout-card:nth-of-type(4){grid-column:2;grid-row:2}
.checkout-page .checkout-submit-dock{grid-column:2;grid-row:3}
.checkout-page .checkout-card{padding:25px;border-radius:17px!important;box-shadow:0 18px 45px #3157ff0b!important}
.checkout-page .checkout-card-title{margin-bottom:20px}
.checkout-page .checkout-card-title small{color:var(--studio-blue);font-weight:800}
.checkout-page .checkout-card-title h2{margin-top:5px;font-size:19px}
.checkout-page .checkout-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.checkout-page .checkout-contact-grid label,.checkout-page .checkout-note{display:flex;flex-direction:column;gap:7px;color:var(--studio-ink);font-size:10px;font-weight:600}
.checkout-page .checkout-contact-grid .wide{grid-column:1/-1}
.checkout-page .checkout-contact-grid input,.checkout-page .checkout-note input{height:46px;padding:10px 13px;border:1px solid #d7def3;border-radius:9px;background:#f9faff!important}
.checkout-page .checkout-product{grid-template-columns:62px 1fr auto;padding:16px 0}
.checkout-page .checkout-product-img{width:62px;height:62px;border:1px solid var(--studio-line);background:linear-gradient(145deg,#edf1ff,#f8faff)!important;color:var(--studio-blue)}
.checkout-page .checkout-product h3{font-size:12px}.checkout-page .checkout-product>b{padding:5px 9px;border-radius:999px;background:#eef2ff;color:var(--studio-blue)!important;font-size:9px}
.checkout-page .checkout-note{margin-top:20px}.checkout-page .checkout-note input{font-weight:500}
.checkout-page .checkout-choice{padding:15px 0}
.checkout-page .checkout-totals hr{margin:18px 0;border:0;border-top:1px solid var(--studio-line)}
.checkout-page .checkout-totals .grand-total b{color:var(--studio-blue)!important;font-size:19px}
.checkout-page .checkout-submit-dock{padding:0;background:transparent}
.checkout-page .checkout-submit{min-height:54px;padding:14px 17px;border:0;border-radius:10px;font-size:11px;box-shadow:0 14px 30px #3157ff24}
@media(min-width:1001px){
  .checkout-page .checkout-flow>.checkout-card:nth-of-type(3),.checkout-page .checkout-flow>.checkout-card:nth-of-type(4),.checkout-page .checkout-submit-dock{position:sticky}
  .checkout-page .checkout-flow>.checkout-card:nth-of-type(3){top:105px}
}
@media(max-width:1000px){
  .checkout-page .checkout-flow{grid-template-columns:1fr}
  .checkout-page .checkout-flow>.checkout-card:nth-of-type(n),.checkout-page .checkout-submit-dock{grid-column:1;grid-row:auto}
}
@media(max-width:700px){
  .checkout-page .checkout-shell{padding:24px 0 105px!important}.checkout-page .checkout-mobile-head{margin-bottom:18px}.checkout-page .checkout-mobile-head h1{font-size:20px}.checkout-page .checkout-mobile-head>span{padding:7px 9px}
  .checkout-page .checkout-card{padding:18px}.checkout-page .checkout-contact-grid{grid-template-columns:1fr}.checkout-page .checkout-contact-grid .wide{grid-column:auto}
  .checkout-page .checkout-submit-dock{position:static}.checkout-page .checkout-submit{position:fixed;z-index:80;left:12px;right:12px;bottom:12px;width:calc(100% - 24px)}
}

/* Installment partners ribbon */
.installment-ribbon{position:relative;z-index:4;display:grid;grid-template-columns:265px minmax(0,1fr) 245px;align-items:center;min-height:88px;padding:0 max(24px,calc((100vw - 1180px)/2));overflow:hidden;border-bottom:1px solid var(--studio-line);background:linear-gradient(90deg,#f5ffdd,#fff 28%,#f4f6ff)}
.installment-ribbon:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--studio-lime);box-shadow:0 0 24px var(--studio-lime)}
.installment-copy{display:grid;position:relative;z-index:2}.installment-copy>span{color:var(--studio-blue);font-size:7px;font-weight:800;letter-spacing:.18em}.installment-copy>strong{color:var(--studio-ink);font-size:17px;line-height:1.3}.installment-copy>small{color:var(--studio-muted);font-size:8px}
.installment-marquee{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.installment-track{display:flex;width:max-content;animation:installmentScroll 18s linear infinite}.installment-ribbon:hover .installment-track{animation-play-state:paused}
.installment-logos{display:flex;align-items:center;gap:17px;padding-right:35px}.installment-logos>i{width:1px;height:25px;background:#d9deed}.installment-logos>b{padding:6px 9px;border-radius:999px;background:#e9ffd0;color:#2d6918;font-size:7px;letter-spacing:.08em;white-space:nowrap}
.payment-logo{position:relative;display:block;height:34px;overflow:hidden}.payment-logo img{display:block;height:100%;max-width:none;object-fit:contain}.grab-logo{width:82px}.grab-logo img{position:absolute;right:0;width:275px;height:34px;object-position:right}.spay-logo{width:112px}.spay-logo img{width:112px}
.installment-note{display:flex;align-items:center;justify-self:end;gap:10px;padding-left:25px;border-left:1px solid var(--studio-line)}.installment-note>i{width:25px;height:25px;color:var(--studio-blue)}.installment-note>span{display:grid}.installment-note b{font-size:9px}.installment-note small{color:var(--studio-muted);font-size:7px}
@keyframes installmentScroll{to{transform:translateX(-25%)}}
@media(max-width:900px){.installment-ribbon{grid-template-columns:220px 1fr}.installment-note{display:none}}
@media(max-width:620px){.installment-ribbon{display:block;min-height:105px;padding:16px}.installment-copy{text-align:center}.installment-copy>strong{font-size:15px}.installment-marquee{margin-top:12px}.installment-track{animation-duration:14s}.payment-logo{height:28px}.grab-logo img{width:226px;height:28px}.spay-logo,.spay-logo img{width:100px}.installment-logos{gap:12px;padding-right:25px}}
@media(prefers-reduced-motion:reduce){.installment-track{animation:none}}

/* Sticky header arrival effect */
.site-header{overflow:visible;transform-origin:top center;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-header.is-stuck{background:#fffffffa!important;border-color:#d9dff3!important;box-shadow:0 14px 35px #15265a18;animation:headerDockIn .58s cubic-bezier(.2,.8,.2,1) both}
.site-header.is-stuck:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#ffffff 46%,#caff4560 50%,#ffffff 54%,transparent 75%);transform:translateX(-120%);animation:headerFlashSweep .72s ease-out both}
.site-header.is-stuck .studio-brand>span{animation:headerLogoPop .55s cubic-bezier(.2,.9,.25,1.25) both}
@keyframes headerDockIn{0%{opacity:.2;transform:translateY(-18px) scaleY(.92);filter:brightness(1.8) blur(2px)}38%{opacity:1;transform:translateY(4px) scaleY(1.02);filter:brightness(1.18) blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes headerFlashSweep{0%{opacity:0;transform:translateX(-120%)}20%{opacity:1}100%{opacity:0;transform:translateX(120%)}}
@keyframes headerLogoPop{0%{transform:rotate(-7deg) scale(.72)}65%{transform:rotate(3deg) scale(1.12)}100%{transform:rotate(-7deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.site-header.is-stuck,.site-header.is-stuck:after,.site-header.is-stuck .studio-brand>span{animation:none!important}}

/* Prevent mobile horizontal page drift */
html{max-width:100%;overflow-x:clip}
body{position:relative;width:100%;max-width:100%;overflow-x:clip!important}
main,.announcement,.installment-ribbon,.studio-hero-slider,.studio-hero-track,.studio-footer{width:100%;max-width:100%;overflow-x:clip}
.site-header{width:100%;max-width:100%;overflow:visible}
.header-main,.studio-hero-grid,.studio-footer-grid,.checkout-stage,.cart-layout{min-width:0}
.studio-hero-grid>*,.studio-browser-stage,.studio-phone-stage,.main-nav,.header-actions{min-width:0}
img,svg{max-width:100%}
@media(max-width:760px){
  .site-header{left:0;right:0}
  .header-main{width:calc(100% - 28px);max-width:100%;gap:9px}
  .studio-brand{flex:0 1 auto;min-width:0}.studio-brand strong{overflow:hidden;text-overflow:ellipsis}
  .header-actions{flex:0 0 auto;margin-left:auto}.header-actions .cart-link{white-space:nowrap}
  .studio-hero-slide{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}
  .studio-phone-stage,.studio-browser-stage{width:100%;overflow:hidden}
  .studio-browser{width:min(420px,108vw);max-width:none}
  .installment-marquee{width:100%;max-width:100%}
  .mobile-dock{width:100%;max-width:100%}
}

/* Reliable mobile header controls */
@media(max-width:980px){
  .header-main>.menu-toggle{position:relative;z-index:130;order:0!important;display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--studio-line);border-radius:10px;background:#f7f9ff!important;color:var(--studio-ink)!important;pointer-events:auto;cursor:pointer}
  .header-main>.menu-toggle.is-open{background:var(--studio-blue)!important;color:#fff!important;border-color:var(--studio-blue)}
  .header-main>.studio-brand{order:1}
  .header-main>.main-nav{position:fixed!important;z-index:120;top:99px;left:0;right:0;width:100%;max-height:calc(100dvh - 99px);display:flex!important;padding:18px 18px 26px;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--studio-line);background:#fff!important;box-shadow:0 24px 50px #15265a1c;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-18px) scaleY(.96);transform-origin:top;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s}
  .site-header.is-stuck .main-nav{top:66px;max-height:calc(100dvh - 66px)}
  .header-main>.main-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s}
  .header-main>.header-actions{order:2;margin-left:auto}
  .main-nav>a,.desktop-menu-dropdown,.mobile-nav-account{width:100%;opacity:0;transform:translateY(-8px);transition:opacity .24s ease,transform .3s ease}
  .main-nav.open>a,.main-nav.open>.desktop-menu-dropdown,.main-nav.open>.mobile-nav-account{opacity:1;transform:none}
  .main-nav.open>:nth-child(1){transition-delay:.05s}.main-nav.open>:nth-child(2){transition-delay:.09s}.main-nav.open>:nth-child(3){transition-delay:.13s}.main-nav.open>:nth-child(4){transition-delay:.17s}.main-nav.open>:nth-child(5){transition-delay:.21s}.main-nav.open>:nth-child(6){transition-delay:.25s}
  .main-nav>a,.desktop-menu-dropdown>summary{min-height:48px;display:flex!important;align-items:center;gap:12px;padding:10px 12px!important;border-radius:11px;color:var(--studio-ink)!important}
  .main-nav>a:hover,.main-nav>a.active,.desktop-menu-dropdown>summary.active{background:#eef2ff;color:var(--studio-blue)!important}
  .mobile-nav-icon{display:block!important;flex:0 0 auto;width:20px!important;height:20px!important;color:var(--studio-blue)}
  .desktop-menu-dropdown>summary>i:last-child{margin-left:auto}
  .mobile-nav-account{display:grid!important;grid-template-columns:1fr 1fr;gap:9px}
  .mobile-nav-account>a,.mobile-nav-account form,.mobile-nav-account button{min-width:0}
  .mobile-nav-account>a,.mobile-nav-account button{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px!important;padding:10px!important;border:1px solid var(--studio-line)!important;border-radius:10px!important;background:#f8f9ff!important;color:var(--studio-ink)!important}
  .mobile-nav-account svg{display:block!important;flex:0 0 auto;width:17px!important;height:17px!important;color:var(--studio-blue)}
}
@media(min-width:981px){.mobile-nav-icon{display:none!important}}

/* Lottie page transition loader */
.page-is-loading{overflow:hidden}
.page-loader{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,25,55,.24);-webkit-backdrop-filter:blur(3px) saturate(.85);backdrop-filter:blur(3px) saturate(.85);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.page-loader[hidden]{display:none}.page-loader.is-active{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
.page-loader-card{display:grid;place-items:center;min-width:220px;padding:22px 28px;border:1px solid #ffffffcc;border-radius:22px;background:#fffffff2;box-shadow:0 30px 90px #11193638,0 0 0 1px #3157ff0b;transform:translateY(12px) scale(.96);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.page-loader.is-active .page-loader-card{transform:none}
.page-loader-animation{position:relative;width:180px;height:125px;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden}.page-loader-animation>span{width:12px;height:12px;border-radius:50%;background:var(--studio-blue);animation:loaderFallback .8s ease-in-out infinite alternate}.page-loader-animation>span:nth-child(2){background:#12a9c5;animation-delay:.15s}.page-loader-animation>span:nth-child(3){background:var(--studio-lime);animation-delay:.3s}.page-loader-animation.lottie-ready>span{display:none}
.page-loader-card strong{color:var(--studio-ink);font-size:13px;letter-spacing:.03em}.page-loader-card small{margin-top:3px;color:var(--studio-muted);font-size:8px}
@keyframes loaderFallback{to{transform:translateY(-12px) scale(1.15)}}
@media(max-width:560px){.page-loader-animation{width:155px;height:105px}.page-loader-card{min-width:200px;padding:18px 22px}}
@media(prefers-reduced-motion:reduce){.page-loader,.page-loader-card{transition:none}.page-loader-animation>span{animation:none}}

/* Tokanity logo in customer header and footer */
.tokanity-brand{position:relative;display:block;flex:0 0 auto;width:120px;height:30px;overflow:hidden}
.tokanity-brand>span{position:absolute;inset:0;display:block;overflow:hidden}
.tokanity-brand img{position:absolute;left:-14px;top:-24px;width:149px!important;height:auto!important;max-width:none!important}
.footer-tokanity-brand{width:145px;height:36px;margin-bottom:8px}.footer-tokanity-brand img{left:-17px;top:-29px;width:180px!important}
.site-header.is-stuck .tokanity-brand{animation:tokanityLogoPop .55s cubic-bezier(.2,.9,.25,1.2) both}
@keyframes tokanityLogoPop{0%{transform:scale(.82)}65%{transform:scale(1.07)}100%{transform:scale(1)}}
@media(max-width:980px){.header-main>.tokanity-brand{order:1}}
@media(max-width:430px){.tokanity-brand{width:100px;height:25px}.tokanity-brand img{left:-12px;top:-20px;width:124px!important}.footer-tokanity-brand{width:128px;height:32px}.footer-tokanity-brand img{left:-15px;top:-26px;width:159px!important}}
@media(prefers-reduced-motion:reduce){.site-header.is-stuck .tokanity-brand{animation:none!important}}
@media(max-width:430px){
  .header-main{height:66px}
  .studio-brand strong{font-size:11px}
  .studio-brand>span{width:31px;height:31px}
  .header-actions .cart-link{padding:9px 10px;font-size:8px}
}