.hero-copy-block .h1{font-size:clamp(40px,5.3vw,72px);line-height:1.48}.hero-copy-block .copy{font-size:15px;max-width:790px;line-height:2.15}.hero-note{font-size:11px!important;color:#9eb0c8!important}.live-demo-invite>div{text-align:right}.live-demo-invite b{display:block;font-size:14px;font-weight:600;color:#e4e9f0}.live-demo-invite span{display:block;font-size:11px;line-height:2;margin-top:6px;color:#9eb3cc}.live-demo-invite button{font-size:12px;min-height:44px}
.overview-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:start;margin-bottom:48px}.overview-heading .h2{font-size:42px;line-height:1.6;margin:16px 0 0}.overview-heading .copy{font-size:15px;margin:6px 0 18px;color:#b0bfd1;line-height:2.15}
.business-cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #a4bad632;border-radius:22px;overflow:hidden;background:linear-gradient(130deg,#1a2a42,#0d1b2e)}.cycle-item{position:relative;padding:28px 26px;border-inline-end:1px solid #a4bad625}.cycle-item:nth-child(3n){border-inline-end:0}.cycle-item:nth-child(n+4){border-top:1px solid #a4bad625}.cycle-item>span{font-size:13px;letter-spacing:2px;color:#d4c39f;display:block;margin-bottom:18px}.cycle-item h3{font-size:18px;margin:0 0 12px;line-height:1.8}.cycle-item p{font-size:13px;line-height:2.1;color:#a4b8d0;margin:0}
.setup-band{display:flex;align-items:center;gap:20px;border-bottom:1px solid #a3b6cc2a;padding:28px 5px}.setup-band img{object-fit:contain;flex:none;border-radius:10px}.setup-band b{font-size:16px}.setup-band p{font-size:13px;line-height:2;color:#9fb5cf;max-width:800px;margin:8px 0 0}.setup-band a{font-size:12px;white-space:nowrap;color:var(--cream);margin-inline-start:auto}
.scenario-heading{max-width:740px;margin-bottom:40px}.scenario-heading .h2{font-size:44px;line-height:1.55;margin:16px 0}.scenario-heading .copy{font-size:15px}.example-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start}.example-tabs{display:grid;gap:7px;position:sticky;top:100px}.example-tabs button{position:relative;display:block;text-align:right;padding:17px 20px;border-radius:13px;border:1px solid transparent;background:transparent;color:#a7b8cf;font:inherit;transition:.2s;min-height:76px}.example-tabs button b{font-size:14px;display:block;font-weight:600}.example-tabs button small{font-size:11px;color:#839bb9;display:block;margin-top:8px}.example-tabs button>span{position:absolute;left:18px;top:23px;color:#d6c39b;font-size:21px}.example-tabs button.active{border-color:#cdb68755;color:#ede4cd;background:linear-gradient(110deg,#1e324d,#c7b78b12)}.example-tabs button:hover{background:#20324a}
.example-scene{border:1px solid #a8bad436;border-radius:25px;background:radial-gradient(ellipse at 0 0,#34517344,transparent 65%),#101e31;padding:35px;min-height:590px}.example-top{display:flex;align-items:center;justify-content:space-between;color:#9fb1c9;font-size:11px}.example-top b{font-size:27px;font-weight:400;color:#dac79e}.example-scene h3{font-size:29px;line-height:1.7;max-width:640px;margin:18px 0 13px}.example-scene>p{font-size:14px;line-height:2.15;color:#b3c2d6;margin:0}.example-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.example-facts>div{padding:18px 12px;background:#21334c;border-radius:12px;border:1px solid #9ab0cd20}.example-facts small{display:block;font-size:11px;color:#96aecb;line-height:1.8}.example-facts b{display:block;font-size:16px;color:var(--cream);margin-top:10px;line-height:1.9}.example-steps{list-style:none;counter-reset:steps;display:flex;gap:10px;padding:0;margin:26px 0}.example-steps li{counter-increment:steps;flex:1;font-size:12px;line-height:1.9;color:#b5c7dc;position:relative;padding-top:28px;border-top:1px solid #829db844}.example-steps li:before{content:counter(steps,persian);position:absolute;top:-10px;right:0;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;background:#d9c69e;color:#152439;font-size:10px}.example-result{display:flex;gap:13px;align-items:flex-start;padding:18px;border-radius:13px;background:#98bfa410;border:1px solid #98bfa432}.example-result i{font-style:normal;color:#afcdb8}.example-result p{font-size:13px;line-height:2;color:#c5d5cd;margin:0}.example-scene .example-note{font-size:12px;color:#95aac3;margin:18px 0 0;line-height:2}.example-scene>.btn{margin-top:22px;font-size:12px}.scene-enter{animation:productEnter .35s both}
.connection-note{font-size:12px;line-height:2;color:#94abc6;margin-top:25px}.product-illustration{width:68px!important;height:68px!important}.sandbox-product-art{height:85px!important;background:radial-gradient(circle at 50% 60%,#8da9ce12,transparent 70%);border-bottom:1px solid #8da9ce16}.sandbox-product-art small{align-self:flex-start}.sandbox-product:nth-child(2n) .product-illustration{transform:rotate(-6deg)}.sandbox-product:hover .product-illustration{transform:translateY(-3px);transition:transform .25s}.sandbox-product{gap:8px!important}.sandbox-stock .product-illustration{width:42px!important;height:42px!important}.empty-cart-icon{display:grid;place-items:center;width:52px;height:52px;border:1px dashed #92abc866;border-radius:14px;font-size:26px;color:#a8bdcf}.checkout-path{font-size:11px;color:#9bb4d0;line-height:2.1;padding-top:13px;text-align:center}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}.order-actions .muted-action{color:#aec1d9;border-color:#8ca3c236;background:#829bbb0b}.order-history{flex-basis:100%;border-top:1px solid #9eb4cf22;padding-top:12px;line-height:1.9}.profit-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:20px 0 25px}.profit-equation>div{padding:18px 14px;background:#20334d;border:1px solid #9ab6d32a;border-radius:13px}.profit-equation small{font-size:11px;color:#a1b8d4;line-height:1.8}.profit-equation b{display:block;font-size:18px;margin-top:10px;line-height:1.9;color:var(--cream)}.profit-equation>span{color:#9aaec8}
.feature{scroll-margin-top:100px}.feature ul{padding-inline-start:19px;font-size:12px;line-height:2.1;color:#b2c4da;margin-top:20px}.feature li{margin-bottom:5px}.feature h3{line-height:1.6}.feature p{color:#a5bad3;font-size:13px;line-height:2.15}.deployment-note{border:1px solid #b7c4d532;padding:28px;border-radius:20px;margin-bottom:80px;background:#14243a}.deployment-note h3{font-size:22px;line-height:1.7;margin:0 0 13px}.deployment-note p{color:#a7bad2;font-size:14px;line-height:2.1;margin:0}.feature-grid{padding-bottom:35px}
.example-tabs button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
@media(min-width:721px){.live-hero .hero-demo-wrap .live-app{height:800px}}
@container(max-width:650px){.sandbox-product-art{height:67px!important}.product-illustration{width:55px!important;height:55px!important}.profit-equation{grid-template-columns:1fr;gap:8px}.profit-equation>span{text-align:center}.profit-equation>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px}.profit-equation b{font-size:15px;margin:0}.profit-equation small{max-width:47%}.order-actions{margin-inline-start:0}.checkout-path{font-size:10px}}
@media(max-width:1000px){.overview-heading{gap:35px}.overview-heading .h2{font-size:35px}.example-layout{grid-template-columns:230px minmax(0,1fr);gap:22px}.example-scene{padding:26px}.example-scene h3{font-size:25px}}
@media(max-width:720px){.hero-copy-block .h1{font-size:35px;line-height:1.55;letter-spacing:-.7px}.hero-copy-block .copy{font-size:13px;line-height:2.15}.hero-note{font-size:10px!important}.live-demo-invite>div{text-align:center}.live-demo-invite b{font-size:13px}.live-demo-invite span{font-size:10px}.live-demo-invite button{font-size:11px}.overview-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.overview-heading .h2{font-size:30px;line-height:1.65}.overview-heading .copy{font-size:13px}.business-cycle{grid-template-columns:1fr}.cycle-item{border-inline-end:0!important;border-top:1px solid #a4bad625!important;padding:22px 20px;display:grid;grid-template-columns:30px 1fr;gap:4px 12px}.cycle-item:first-child{border-top:0!important}.cycle-item>span{font-size:12px;margin:7px 0 0;grid-row:1/3}.cycle-item h3{font-size:16px;margin:0 0 6px}.cycle-item p{font-size:12px;line-height:2}.setup-band{flex-wrap:wrap;padding:24px 0;gap:15px}.setup-band>div{flex:1;min-width:210px}.setup-band b{font-size:14px}.setup-band p{font-size:12px}.setup-band a{margin-inline-start:57px}.scenario-heading .h2{font-size:31px;line-height:1.65}.scenario-heading .copy{font-size:13px}.example-layout{display:block}.example-tabs{display:flex;overflow-x:auto;position:static;gap:8px;padding-bottom:10px;margin-bottom:15px;scroll-snap-type:x proximity}.example-tabs button{min-width:180px;padding:14px 15px;border-color:#a5bad426;background:#14253a;scroll-snap-align:start;min-height:80px}.example-tabs button b{font-size:12px}.example-tabs button small{font-size:10px}.example-tabs button>span{font-size:17px;left:12px}.example-scene{padding:22px 19px;border-radius:19px;min-height:0}.example-scene h3{font-size:22px}.example-scene>p{font-size:13px}.example-facts{gap:7px;margin:22px 0}.example-facts>div{padding:13px 9px}.example-facts small{font-size:10px}.example-facts b{font-size:12px;line-height:1.9}.example-steps{flex-direction:column;gap:17px}.example-steps li{padding:0 30px 0 0;border:0;font-size:12px}.example-steps li:before{top:2px}.example-result{padding:14px}.example-result p{font-size:12px}.example-scene .example-note{font-size:11px}.connection-note{font-size:11px}.deployment-note{padding:21px}.deployment-note h3{font-size:19px}.deployment-note p{font-size:12px}.feature ul{font-size:12px}.feature-grid{padding-top:40px}.mobile-stage.live-mobile-stage{height:660px}
}