.marketing-view .ambient{display:none}
.shell.marketing-shell{width:min(1180px,calc(100% - 48px));padding:0 0 24px}
.marketing-page{--marketing-blue:#2458d3;--marketing-ink:#202937;--marketing-muted:#546174;--marketing-rule:#dfe5ee;color:var(--marketing-ink);font-family:var(--ui-font,Tajawal,'Segoe UI',sans-serif);line-height:1.8}
.marketing-page h1,.marketing-page h2,.marketing-page h3{font-family:inherit;letter-spacing:0}
.marketing-page h1{font-size:clamp(38px,4.6vw,63px);font-weight:700;line-height:1.3;max-width:690px}
.marketing-page h2{font-size:clamp(29px,3.2vw,42px);font-weight:700;line-height:1.4}
.marketing-page h3{font-size:23px;line-height:1.5}
.marketing-page p{margin:0}
.marketing-page a{color:inherit;text-decoration:none}
.marketing-page a:hover{text-decoration:underline;text-underline-offset:5px}
.marketing-page a:focus-visible,.marketing-page button:focus-visible,.marketing-page summary:focus-visible{outline:3px solid #b45309;outline-offset:5px}
.marketing-page button{font-family:inherit}
.marketing-nav,.marketing-section-links,.marketing-account-links{display:flex;align-items:center;gap:25px}
.marketing-nav{justify-content:space-between;min-height:84px;border-bottom:1px solid var(--marketing-rule);font-size:14px;font-weight:700;flex-wrap:wrap;padding:14px 0}
.marketing-section-links a{color:var(--marketing-muted)}
.marketing-account-links{gap:18px}
.marketing-account-links>a{min-height:44px;display:inline-flex;align-items:center}
.marketing-account-links>a:first-child{color:var(--marketing-blue)}
.marketing-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:9px;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;transition:background .15s ease,color .15s ease;touch-action:manipulation}
.marketing-page .marketing-button:hover{text-decoration:none}
.marketing-button-primary{background:var(--marketing-blue);color:#fff!important}
.marketing-button-primary:hover{background:#1c46b0}
.marketing-button-outline{border-color:#cad3e1;background:transparent;color:var(--marketing-ink)}
.marketing-button-outline:hover{background:#eef2f8}
.marketing-button-soft{background:#ebf1fc;color:var(--marketing-blue);font-size:14px;min-height:44px;padding:9px 16px}
.marketing-kicker{display:flex;align-items:center;gap:8px;color:var(--marketing-blue);font-size:14px;font-weight:700;margin-bottom:14px!important}
.marketing-kicker>span:empty{width:7px;height:7px;border-radius:50%;background:currentColor}
.marketing-hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:48px;align-items:center;padding:68px 0 86px}
.marketing-hero h1 span{color:var(--marketing-blue)}
.marketing-intro{font-size:19px;color:var(--marketing-muted);max-width:570px;line-height:1.95;margin-top:24px!important}
.marketing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.marketing-contact-note{max-width:490px;font-size:12px;line-height:1.9;color:var(--marketing-muted);margin-top:17px!important}
.marketing-hero-art{position:relative;min-height:448px;padding:24px 24px 60px;background:#edf1f8;border:1px solid #e0e7f2;border-radius:16px;overflow:hidden}
.marketing-art-caption{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.6;margin-bottom:22px}
.marketing-art-caption strong{font-size:16px}
.marketing-art-caption small{margin-inline-start:auto;border:1px solid #cbd6e7;border-radius:4px;color:#53627a;padding:2px 7px;font-size:11px}
.marketing-art-invitation{width:75%;min-height:286px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px;background:#fffdf8;border:1px solid #e4dfd1;border-radius:80px 80px 8px 8px;padding:23px 14px;box-shadow:0 8px 20px #24304a08}
.marketing-invitation-label{color:#5d665f;font-size:11px}
.marketing-art-flower{font-size:52px;color:#af774f;line-height:1}
.marketing-art-invitation>strong{font-size:27px;line-height:1.4;font-weight:600;color:#3f4a40}
.marketing-art-invitation>span:not(.marketing-invitation-label){font-size:11px;color:#687269}
.marketing-art-line{width:46px;height:1px;background:#c4b49d;margin:2px 0}
.marketing-art-ledger{position:absolute;bottom:24px;left:20px;width:65%;display:grid;gap:15px;background:#fff;border:1px solid #dce4f0;border-radius:10px;padding:18px;box-shadow:0 8px 22px #253b6010}
.marketing-art-ledger>div{display:flex;gap:12px;align-items:center}
.marketing-art-ledger>div+div{border-top:1px solid #edf0f6;padding-top:14px}
.marketing-art-ledger strong,.marketing-art-ledger small{display:block;font-size:13px}
.marketing-art-ledger small{color:var(--marketing-muted);font-size:11px;margin-top:2px}
.marketing-art-check{display:grid;place-items:center;width:30px;height:30px;background:#eaf1fd;color:var(--marketing-blue);border-radius:7px;font-size:17px;flex:none}
.marketing-features,.marketing-demo-section,.marketing-faq{padding:70px 0;border-top:1px solid var(--marketing-rule);scroll-margin-top:30px}
.marketing-section-heading{max-width:660px;margin-bottom:36px}
.marketing-section-heading>p:last-child{font-size:17px;color:var(--marketing-muted);margin-top:13px;line-height:1.9}
.marketing-feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.marketing-feature-main{background:#f0f4fc;padding:32px;border-radius:12px;border:1px solid #dfe7f5}
.marketing-feature-number{display:block;color:var(--marketing-blue);font:600 15px/1.5 var(--font-family-mono,monospace);margin-bottom:18px}
.marketing-feature-main p,.marketing-feature-stack p{color:var(--marketing-muted);margin-top:12px;font-size:16px;line-height:1.95}
.marketing-feature-main ul{padding:0 18px 0 0;margin:20px 0 0;color:#3d4b62;font-size:14px;line-height:2.2}
.marketing-feature-main li::marker{color:var(--marketing-blue)}
.marketing-feature-stack{display:grid;gap:25px}
.marketing-feature-stack article{display:flex;align-items:start;gap:22px;padding:19px 8px 24px;border-bottom:1px solid var(--marketing-rule)}
.marketing-feature-stack article:last-child{border-bottom:0;padding-bottom:0}
.marketing-feature-stack .marketing-feature-number{margin-top:6px;flex:none}
.marketing-demo-section{padding-bottom:78px}
.marketing-demo-tabs{display:flex;gap:0;border-bottom:1px solid #cdd7e8;margin-bottom:32px}
.marketing-demo-tab{min-height:52px;padding:9px 22px;border:0;border-bottom:3px solid transparent;background:transparent;display:flex;align-items:center;gap:9px;color:var(--marketing-muted);font-size:16px;font-weight:700;cursor:pointer}
.marketing-demo-tab>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #cdd7e8;border-radius:50%;font-size:12px}
.marketing-demo-tab.is-active{border-bottom-color:var(--marketing-blue);color:var(--marketing-blue)}
.marketing-demo-tab.is-active>span{background:var(--marketing-blue);border-color:var(--marketing-blue);color:#fff}
.marketing-demo-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;min-height:380px}
.marketing-demo-copy h3{font-size:28px}
.marketing-demo-copy>p{font-size:17px;color:var(--marketing-muted);line-height:1.95;margin:18px 0 23px}
.marketing-demo-window{border:1px solid #dce3ee;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 25px #24457308;max-width:580px;width:100%}
.marketing-demo-window-head{display:flex;align-items:center;justify-content:space-between;min-height:43px;border-bottom:1px solid #e5eaf2;background:#f6f8fc;padding:8px 18px;font-size:12px;color:#5e6e86}
.marketing-window-dots{display:flex;gap:4px;direction:ltr}
.marketing-window-dots i{width:6px;height:6px;border-radius:50%;background:#bdc8d8}
.marketing-demo-window-body{padding:25px 26px}
.marketing-demo-event{font-size:13px;color:var(--marketing-muted);padding-bottom:19px;border-bottom:1px solid #e7edf5;margin-bottom:20px!important}
.marketing-demo-guest{display:flex;gap:12px;align-items:center}
.marketing-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef2fa;color:var(--marketing-blue);font-size:21px;flex:none}
.marketing-demo-guest strong,.marketing-demo-guest div>span{display:block;font-size:15px}
.marketing-demo-guest div>span{font-size:12px;color:var(--marketing-muted)}
.marketing-demo-status{display:inline-flex;align-items:center;gap:7px;border-radius:4px;padding:4px 9px;font-size:12px;margin-top:17px;color:#80521d;background:#fff6e8}
.marketing-demo-status.is-entered{color:#176247;background:#eaf6ef}
.marketing-demo-invitation{margin-top:18px;display:flex;flex-direction:column;gap:3px;text-align:center;background:#f9f7f1;border:1px solid #ece6d8;padding:17px 12px;border-radius:7px;font-size:12px;color:#627066}
.marketing-demo-invitation strong{font-size:21px;color:#435148}
.marketing-demo-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}
.marketing-demo-details div+div{border-inline-start:1px solid #e3e9f1;padding-inline-start:12px}
.marketing-demo-details span,.marketing-demo-details strong{display:block;font-size:12px}
.marketing-demo-details span{color:var(--marketing-muted);margin-bottom:7px}
.marketing-demo-details strong{font-size:14px}
.marketing-demo-entry{display:flex;align-items:center;gap:17px;margin-top:19px}
.marketing-demo-code{display:flex;flex-direction:column;justify-content:center;align-items:center;width:75px;height:75px;border:5px double #b2c4e7;font:700 25px/1.1 monospace;color:var(--marketing-blue);flex:none}
.marketing-demo-code>span{font-size:10px;letter-spacing:3px;margin-top:6px}
.marketing-demo-entry strong,.marketing-demo-entry div>span,.marketing-demo-entry small{display:block;font-size:13px}
.marketing-demo-entry div>span{color:var(--marketing-muted);margin-top:4px}
.marketing-demo-entry small{font-size:11px;color:var(--marketing-muted);margin-top:5px}
.marketing-demo-disclaimer{font-size:11px;color:#68758b;margin-top:22px!important;padding-top:14px;border-top:1px solid #e8edf4;line-height:1.7}
.marketing-working{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:60px 0;border-top:1px solid var(--marketing-rule);border-bottom:1px solid var(--marketing-rule)}
.marketing-working ol{list-style:none;padding:0;margin:0;display:grid;gap:27px}
.marketing-working li{display:flex;gap:20px;align-items:start}
.marketing-working li>span{display:grid;place-items:center;border:1px solid #ccd8ed;border-radius:50%;width:33px;height:33px;color:var(--marketing-blue);font-size:16px;flex:none;margin-top:3px}
.marketing-working h3{font-size:20px}
.marketing-working p:not(.marketing-kicker){color:var(--marketing-muted);font-size:15px;line-height:1.9;margin-top:5px}
.marketing-faq{border-top:0;display:grid;grid-template-columns:.75fr 1.25fr;gap:64px}
.marketing-faq-list details{border-top:1px solid var(--marketing-rule)}
.marketing-faq-list details:last-child{border-bottom:1px solid var(--marketing-rule)}
.marketing-faq-list summary{cursor:pointer;padding:21px 3px;font-size:17px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px}
.marketing-faq-list summary::-webkit-details-marker{display:none}
.marketing-faq-list summary::after{content:'+';font-size:22px;font-weight:400;color:var(--marketing-blue);flex:none}
.marketing-faq-list details[open] summary::after{content:'−'}
.marketing-faq-list details p{font-size:15px;color:var(--marketing-muted);line-height:2;padding:0 3px 23px}
.marketing-final-cta{background:#edf2fc;border:1px solid #dce6f7;border-radius:12px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:55px}
.marketing-final-cta h2{font-size:31px}
.marketing-final-cta p:not(.marketing-kicker){margin-top:10px;color:var(--marketing-muted);font-size:16px}
.marketing-final-cta .marketing-button{flex:none}
.marketing-footer{padding:25px 0 0;border-top:1px solid var(--marketing-rule);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;flex-wrap:wrap}
.marketing-footer>div,.marketing-footer nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.marketing-footer strong{direction:ltr;font-size:14px}
.marketing-footer>div>span{color:var(--marketing-muted)}
.marketing-footer nav{gap:20px}
.marketing-admin-link{color:#68758b!important;font-size:11px}
@media(min-width:1600px){.marketing-hero{padding-top:80px;padding-bottom:100px}}
@media(max-width:1000px){.marketing-hero{gap:27px;padding-top:48px}.marketing-hero h1{font-size:46px}.marketing-hero-art{padding:20px 17px 60px;min-height:430px}.marketing-art-invitation{width:83%}.marketing-art-ledger{width:72%;left:13px}.marketing-demo-panel,.marketing-working,.marketing-faq{gap:32px}.marketing-nav{gap:12px}.marketing-section-links{gap:17px}}
@media(max-width:760px){.shell.marketing-shell{width:calc(100% - 32px);padding-top:0}.marketing-nav{font-size:13px;row-gap:6px}.marketing-section-links{gap:18px;flex-wrap:wrap}.marketing-account-links{gap:20px;width:100%;border-top:1px solid #e9edf3;padding-top:3px}.marketing-account-links>a{font-size:13px}.marketing-hero{grid-template-columns:1fr;gap:34px;padding:35px 0 46px}.marketing-hero h1{font-size:clamp(36px,7vw,48px);line-height:1.4}.marketing-intro{font-size:17px;margin-top:19px!important}.marketing-actions{margin-top:25px;gap:10px}.marketing-button{font-size:14px;padding:12px 18px;gap:15px;min-height:47px}.marketing-contact-note{font-size:11px;max-width:100%}.marketing-hero-art{width:min(460px,100%);min-height:420px;justify-self:center}.marketing-art-invitation{width:72%}.marketing-art-ledger{width:65%;left:18px;bottom:20px}.marketing-features,.marketing-demo-section,.marketing-faq{padding:44px 0}.marketing-section-heading{margin-bottom:27px}.marketing-section-heading>p:last-child{font-size:16px}.marketing-feature-layout,.marketing-demo-panel,.marketing-working,.marketing-faq{grid-template-columns:1fr;gap:25px}.marketing-feature-main{padding:25px}.marketing-feature-stack{gap:5px}.marketing-feature-stack article{padding:12px 0 24px}.marketing-feature-stack article:last-child{padding-top:20px}.marketing-feature-main p,.marketing-feature-stack p{font-size:15px}.marketing-demo-tabs{margin-bottom:25px}.marketing-demo-tab{padding:9px 17px;font-size:15px;flex:1;justify-content:center}.marketing-demo-copy h3{font-size:25px}.marketing-demo-copy>p{font-size:16px}.marketing-demo-panel{min-height:0}.marketing-demo-window{justify-self:center}.marketing-demo-window-body{padding:21px}.marketing-working{padding:43px 0;gap:28px}.marketing-working h2 br{display:none}.marketing-working ol{gap:24px}.marketing-faq{gap:0}.marketing-faq .marketing-section-heading{margin-bottom:23px}.marketing-faq-list summary{font-size:16px;padding:20px 2px}.marketing-final-cta{padding:27px 23px;flex-direction:column;align-items:start;margin-bottom:34px;gap:22px}.marketing-final-cta h2{font-size:28px}.marketing-final-cta .marketing-button{width:100%}.marketing-footer{gap:18px;padding-top:22px}.marketing-footer>div{gap:10px}.marketing-footer>div>span{width:100%;padding-inline-start:36px}.marketing-footer nav{gap:10px 22px;line-height:2.5}.marketing-footer nav a{min-height:36px;display:inline-flex;align-items:center}}
@media(max-width:380px){.marketing-hero h1{font-size:34px}.marketing-actions{flex-direction:column}.marketing-hero-art{padding-inline:12px;min-height:415px}.marketing-art-ledger{width:73%;left:12px}.marketing-art-invitation{width:80%}.marketing-demo-tab{padding-inline:9px;gap:7px}.marketing-demo-details{gap:8px}.marketing-demo-details div+div{padding-inline-start:8px}.marketing-demo-details strong{font-size:12px}.marketing-demo-entry{gap:12px}.marketing-demo-window-body{padding:18px}}
@media(prefers-reduced-motion:reduce){.marketing-page *{scroll-behavior:auto!important;transition:none!important}}