.lp-page { --lp-surface:#071421; --lp-line:rgba(171,203,217,.16); --lp-muted:#afc0ca; --lp-green:#43dda8; --lp-paper:#f5f2eb; }
.lp-page [hidden] { display:none!important; }
.lp-page p,.lp-page li { text-wrap:pretty; }
.lp-page .lp-header { position:relative; z-index:100; border-bottom:1px solid var(--lp-line); }
.lp-page .lp-header-inner { min-height:96px; display:flex; align-items:center; gap:30px; }
.lp-page .landing-brand { flex:none; }
.lp-page .lp-nav { display:flex; align-items:center; justify-content:flex-end; gap:25px; margin-inline-start:auto; font-size:.8rem; color:#bdcbd3; }
.lp-page .lp-nav a,.lp-page .lp-language { padding-block:13px; transition:color .15s ease; }
.lp-page .lp-nav a:hover,.lp-page .lp-language:hover,.lp-page .lp-footer a:hover { color:var(--lp-green); }
.lp-page .lp-nav-other { padding-inline-start:24px; border-inline-start:1px solid var(--lp-line); }
.lp-page .lp-nav-other i { color:var(--lp-green); font-size:.68rem; margin-inline-start:3px; }
.lp-page .lp-language { padding-inline-start:25px; border-inline-start:1px solid var(--lp-line); font-size:.82rem; white-space:nowrap; }
.lp-page .lp-menu { display:none; }
.lp-page .lp-hero { overflow:hidden; border-bottom:1px solid var(--lp-line); background:radial-gradient(ellipse at 80% 20%,rgba(25,83,76,.15),transparent 58%); }
.lp-page .lp-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:54px; align-items:center; padding-block:92px 85px; min-height:650px; }
.lp-page .lp-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 23px; color:var(--lp-green); font-size:.71rem; letter-spacing:.1em; font-weight:600; text-transform:uppercase; line-height:1.65; }
.lp-page .lp-eyebrow > span { width:6px; height:6px; flex:none; background:var(--lp-green); border-radius:50%; }
.lp-page .lp-hero h1 { margin:0; color:#f1f2ed; font:400 clamp(2.75rem,4.1vw,4.1rem)/1.12 Georgia,"Times New Roman",serif; letter-spacing:-.045em; }
.lp-page .lp-hero h1 em { color:var(--lp-green); font-style:normal; }
.lp-page .lp-lead { max-width:480px; color:var(--lp-muted); font-size:1.03rem; line-height:1.9; margin:27px 0 0; }
.lp-page .lp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:32px; }
.lp-page .lp-button { display:inline-flex; align-items:center; justify-content:center; gap:15px; padding:16px 23px; border:1px solid transparent; border-radius:5px; font-size:.82rem; font-weight:700; line-height:1.5; }
.lp-page .lp-button-primary { color:#041d19; background:var(--lp-green); transition:background .15s ease,transform .15s ease; }
.lp-page .lp-button-primary:hover { background:#78ecc5; transform:translateY(-1px); }
.lp-page .lp-text-link { display:inline-flex; align-items:center; gap:8px; padding-block:8px; color:#e9eee9; font-size:.82rem; text-underline-offset:5px; }
.lp-page .lp-text-link:hover { color:var(--lp-green); text-decoration:underline; }
.lp-page .lp-hero-note { display:flex; align-items:center; gap:9px; margin:24px 0 0; color:#8ca5ae; font-size:.72rem; line-height:1.7; }
.lp-page .lp-hero-note i { color:var(--lp-green); font-size:1rem; }
.lp-page .lp-hero-visual { position:relative; min-width:0; padding-block:20px 54px; }
.lp-page .lp-workspace { border:1px solid #31414b; border-radius:10px; background:#f4f7f7; box-shadow:0 25px 70px #0007; overflow:hidden; color:#163043; transform:rotate(-1deg); }
.lp-page .lp-window-bar { display:flex; justify-content:space-between; align-items:center; padding:13px 17px; background:#142333; color:#bccbd5; font-size:.62rem; direction:ltr; }
.lp-page .lp-window-bar > i { color:var(--lp-green); }
.lp-page .lp-window-dots { display:flex; gap:5px; }
.lp-page .lp-window-dots i { width:6px; height:6px; background:#697e8c; border-radius:50%; }
.lp-page .lp-window-dots i:first-child { background:#b9856d; }
.lp-page .lp-workspace-body { display:grid; grid-template-columns:128px 1fr; min-height:345px; }
.lp-page .lp-mock-nav { background:#fff; border-inline-end:1px solid #dbe4e7; padding:19px 10px; }
.lp-page .lp-mock-site { display:flex; align-items:center; gap:6px; padding:0 3px 22px; font-size:.59rem; }
.lp-page .lp-mock-site > span { display:grid; place-items:center; flex:none; width:27px; height:27px; border-radius:8px; background:#e2f1eb; color:#16785d; font-size:.8rem; }
.lp-page .lp-mock-nav > span { display:flex; align-items:center; gap:8px; padding:12px 7px; margin:3px 0; font-size:.63rem; color:#698090; border-radius:4px; }
.lp-page .lp-mock-nav > span > i { font-size:.78rem; }
.lp-page .lp-mock-nav .is-current { background:#e7f3ef; color:#097654; font-weight:600; }
.lp-page .lp-mock-editor { padding:19px 22px 20px; min-width:0; }
.lp-page .lp-mock-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:23px; gap:12px; font-size:.58rem; color:#627e80; }
.lp-page .lp-mock-badge { display:inline-block; background:#e7efee; color:#55776d; border-radius:4px; padding:4px 7px; font-size:.62rem; }
.lp-page .lp-mock-toolbar > span:last-child { display:flex; gap:4px; align-items:center; }
.lp-page .lp-mock-label { display:block; color:#7f949b; font-size:.58rem; margin-bottom:7px; }
.lp-page .lp-mock-title { display:block; font-size:1.04rem; line-height:1.65; margin-bottom:17px; }
.lp-page .lp-mock-image { position:relative; border-radius:4px; overflow:hidden; }
.lp-page .lp-mock-image img { width:100%; height:126px; object-fit:cover; }
.lp-page .lp-mock-image > span { position:absolute; inset:auto auto 8px 8px; display:flex; align-items:center; gap:5px; padding:5px 8px; color:#f7f9f8; background:#173835c9; border-radius:3px; font-size:.55rem; }
.lp-page .lp-mock-copy-lines { display:grid; gap:7px; margin-top:17px; }
.lp-page .lp-mock-copy-lines i { display:block; background:#dce4e4; height:4px; border-radius:1px; }
.lp-page .lp-mock-copy-lines i:last-child { width:63%; }
.lp-page .lp-mock-copy-lines i:nth-child(2) { width:88%; }
.lp-page .lp-mock-bottom { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-top:17px; font-size:.58rem; color:#7c929c; }
.lp-page .lp-mock-publish { background:#fff; color:#294b5c; border:1px solid #d6e0e2; padding:6px 9px; border-radius:3px; }
.lp-page .lp-preview-float { position:absolute; inset-block-end:0; inset-inline-end:-20px; width:170px; background:#0a1d28; border:1px solid #416055; border-radius:9px; padding:10px; box-shadow:0 15px 35px #0005; transform:rotate(4deg); }
.lp-page .lp-preview-label { display:flex; justify-content:center; align-items:center; gap:6px; font-size:.56rem; color:var(--lp-green); margin-bottom:10px; }
.lp-page .lp-preview-paper { background:var(--lp-paper); color:#1d3543; border-radius:3px; overflow:hidden; padding-bottom:13px; }
.lp-page .lp-preview-paper img { width:100%; height:88px; object-fit:cover; }
.lp-page .lp-preview-paper > span { display:block; font-size:.47rem; padding:10px 10px 5px; color:#087957; }
.lp-page .lp-preview-paper > strong { display:block; padding-inline:10px; font-size:.7rem; line-height:1.6; }
.lp-page .lp-preview-paper .lp-mock-copy-lines { margin:10px 10px 0; gap:4px; }
.lp-page .lp-preview-paper .lp-mock-copy-lines i { height:3px; }
.lp-page .lp-illustration-note { margin:16px 0 0; color:#7f959e; font-size:.61rem; }
.lp-page .lp-hero-visual > .lp-illustration-note { position:absolute; inset-inline-start:10px; inset-block-end:15px; }
.lp-page .lp-principles { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--lp-line); padding-block:27px; }
.lp-page .lp-principles > span { display:flex; align-items:center; gap:11px; color:#c1cdd2; font-size:.78rem; }
.lp-page .lp-principles i { color:var(--lp-green); font-size:1.1rem; }
.lp-page .lp-section { padding-block:95px; scroll-margin-top:25px; }
.lp-page .lp-section-heading { max-width:760px; text-align:center; margin:0 auto 43px; }
.lp-page .lp-section-heading .lp-eyebrow { justify-content:center; margin-bottom:16px; }
.lp-page .lp-section-heading h2,.lp-page .lp-cta h2 { margin:0; color:#f1f2ed; font:400 clamp(1.9rem,3vw,2.9rem)/1.25 Georgia,"Times New Roman",serif; letter-spacing:-.025em; text-wrap:balance; }
.lp-page .lp-section-heading > p:last-child { max-width:650px; margin:19px auto 0; color:var(--lp-muted); font-size:.92rem; line-height:1.9; }
.lp-page .lp-features-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lp-page .lp-feature { display:flex; flex-direction:column; padding:28px 27px 25px; border:1px solid var(--lp-line); border-radius:9px; background:var(--lp-surface); min-width:0; }
.lp-page .lp-feature > i { width:37px; height:37px; display:grid; place-items:center; border:1px solid #244d46; background:#12372c40; border-radius:7px; color:var(--lp-green); font-size:1.17rem; margin-bottom:22px; }
.lp-page .lp-feature h3 { margin:0; font-size:1rem; line-height:1.6; font-weight:600; }
.lp-page .lp-feature > p { margin:12px 0 23px; color:#aabdc6; font-size:.79rem; line-height:1.95; }
.lp-page .lp-mini-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; }
.lp-page .lp-mini-tags span { border:1px solid #34454c; border-radius:4px; padding:5px 10px; font-size:.64rem; color:#b9cdd2; }
.lp-page .lp-mini-tags .lp-tag-green { background:#113c2d; border-color:#2c6650; color:#89e5bb; }
.lp-page .lp-mini-media { display:flex; align-items:center; gap:11px; margin-top:auto; color:#95bfb1; font-size:.68rem; }
.lp-page .lp-mini-media img { height:46px; width:65px; object-fit:cover; border-radius:4px; }
.lp-page .lp-mini-devices { display:flex; align-items:center; gap:16px; color:#81b9a9; margin-top:auto; }
.lp-page .lp-mini-devices i { font-size:2.05rem; }
.lp-page .lp-mini-devices i:last-child { font-size:1.55rem; }
.lp-page .lp-mini-devices > span { width:50px; height:1px; background:#30564e; }
.lp-page .lp-mini-version { display:flex; flex-wrap:wrap; gap:14px; margin-top:auto; color:#9abfb2; font-size:.63rem; }
.lp-page .lp-mini-version span { display:flex; gap:5px; align-items:center; }
.lp-page .lp-mini-layout { display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px; width:112px; margin-top:auto; }
.lp-page .lp-mini-layout span { height:20px; background:#15382d; border:1px solid #35604e; border-radius:2px; }
.lp-page .lp-mini-layout span:first-child { height:15px; grid-column:1/-1; background:#243b40; border-color:#3d555e; }
.lp-page .lp-workflow-section { border-block:1px solid var(--lp-line); background:#050f1c; }
.lp-page .lp-workflow { border:1px solid #304049; border-radius:10px; overflow:hidden; }
.lp-page .lp-step-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#081724; }
.lp-page .lp-step { position:relative; display:grid; grid-template-columns:24px 1fr; gap:5px 12px; padding:23px 21px 21px; background:transparent; border:0; border-bottom:2px solid transparent; color:#9bafb9; text-align:start; cursor:pointer; }
.lp-page .lp-step + .lp-step { border-inline-start:1px solid var(--lp-line); }
.lp-page .lp-step > span { grid-row:1/3; color:#526e7b; font-size:.68rem; padding-top:4px; }
.lp-page .lp-step > strong { font-size:.87rem; font-weight:600; }
.lp-page .lp-step > small { font-size:.63rem; line-height:1.6; }
.lp-page .lp-step > i { display:none; }
.lp-page .lp-step.is-active { background:#103027; color:#e5f4ec; border-bottom-color:var(--lp-green); }
.lp-page .lp-step.is-active > span { color:var(--lp-green); }
.lp-page .lp-step:hover { color:#e5f4ec; }
.lp-page .lp-step-panel { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:55px; padding:48px; min-height:445px; outline-offset:-5px; }
.lp-page .lp-step-kicker { display:block; color:#79b8a6; font-size:.64rem; letter-spacing:.08em; margin-bottom:16px; }
.lp-page .lp-step-copy h3 { font:400 2rem/1.25 Georgia,"Times New Roman",serif; margin:0 0 19px; letter-spacing:-.02em; }
.lp-page .lp-step-copy p { margin:0; color:var(--lp-muted); font-size:.83rem; line-height:1.95; }
.lp-page .lp-step-copy ul { display:grid; gap:12px; padding:0; margin:26px 0 0; list-style:none; color:#c0d0d7; font-size:.75rem; line-height:1.7; }
.lp-page .lp-step-copy li { position:relative; padding-inline-start:22px; }
.lp-page .lp-step-copy li::before { content:"✓"; position:absolute; inset-inline-start:0; color:var(--lp-green); }
.lp-page .lp-demo-card { background:#f4f7f6; color:#1d3444; border-radius:7px; overflow:hidden; padding:23px; border:1px solid #d9e2e1; box-shadow:0 14px 30px #0003; min-width:0; }
.lp-page .lp-demo-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:17px; margin-bottom:21px; border-bottom:1px solid #d7e1e0; font-size:.72rem; font-weight:600; }
.lp-page .lp-demo-saved { display:inline-flex; align-items:center; gap:5px; color:#298467; font-size:.62rem; font-weight:400; }
.lp-page .lp-demo-field > span { display:block; color:#71898f; font-size:.6rem; margin-bottom:11px; }
.lp-page .lp-demo-field > strong { font-size:1.16rem; font-weight:600; line-height:1.6; display:block; }
.lp-page .lp-demo-body { margin-top:24px; border-top:1px solid #dde4e3; padding-top:19px; }
.lp-page .lp-demo-body p { font-size:.79rem; line-height:1.95; margin:0; }
.lp-page .lp-demo-disclosure { display:flex; gap:7px; align-items:center; margin-top:24px; border:1px solid #d9e2e0; border-radius:4px; padding:12px; font-size:.64rem; color:#346056; }
.lp-page .lp-demo-disclosure > span { margin-inline-start:auto; color:#7f9592; font-size:.57rem; }
.lp-page .lp-demo-caption { margin:16px 0 0; font-size:.55rem; color:#6a8184; line-height:1.7; }
.lp-page .lp-demo-upload { display:flex; align-items:center; gap:5px; font-size:.61rem; color:#287b60; }
.lp-page .lp-demo-media-image { width:100%; height:163px; object-fit:cover; border-radius:4px; }
.lp-page .lp-media-meta { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:16px; }
.lp-page .lp-media-meta span { display:grid; gap:6px; font-size:.67rem; line-height:1.65; }
.lp-page .lp-media-meta small { font-size:.55rem; color:#71898f; }
.lp-page .lp-device-controls { display:flex; gap:5px; }
.lp-page .lp-device-controls button { display:grid; place-items:center; width:31px; height:28px; border:1px solid #cad8d7; border-radius:4px; color:#6f8888; background:#fff; cursor:pointer; font-size:.8rem; }
.lp-page .lp-device-controls button[aria-pressed="true"] { background:#e1f1e9; color:#067954; border-color:#84b9a4; }
.lp-page .lp-preview-example { padding:17px; }
.lp-page .lp-preview-example .lp-demo-header { margin-bottom:16px; padding-bottom:12px; }
.lp-page .lp-preview-demo-stage { min-height:287px; display:flex; align-items:flex-start; justify-content:center; padding:12px; background:#e2e9e7; border-radius:4px; }
.lp-page .lp-preview-demo-page { width:100%; max-width:100%; background:#fff; border:1px solid #d5deda; padding-bottom:17px; transition:width .2s ease; }
.lp-page .lp-preview-demo-page.is-mobile { width:190px; }
.lp-page .lp-preview-demo-brand { padding:8px 14px; font-size:.62rem; font-weight:600; border-bottom:1px solid #e2e7e4; }
.lp-page .lp-preview-demo-page > img { width:100%; height:105px; object-fit:cover; }
.lp-page .lp-demo-section-label { display:block; margin:12px 14px 7px; font-size:.5rem; color:#16825c; }
.lp-page .lp-preview-demo-page h4 { margin:0 14px; font-size:.9rem; line-height:1.7; }
.lp-page .lp-preview-demo-page p { color:#718280; margin:7px 14px 0; font-size:.61rem; line-height:1.85; }
.lp-page .lp-preview-demo-page.is-mobile h4 { font-size:.77rem; }
.lp-page .lp-publish-story { display:grid; gap:13px; }
.lp-page .lp-publish-story > .lp-mock-badge { justify-self:start; }
.lp-page .lp-publish-story strong { font-size:1.13rem; line-height:1.7; margin-bottom:4px; }
.lp-page .lp-publish-story > span:not(.lp-mock-badge) { display:flex; gap:7px; font-size:.66rem; color:#477464; }
.lp-page .lp-publish-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:29px; }
.lp-page .lp-publish-options span { display:flex; align-items:center; justify-content:center; gap:7px; padding:12px 7px; border:1px solid #c5d6d1; border-radius:4px; font-size:.65rem; color:#326b58; }
.lp-page .lp-publish-options span:first-child { background:#0b7d58; color:#fff; border-color:#0b7d58; }
.lp-page .lp-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.lp-page .lp-heading-start { text-align:start; margin:0; }
.lp-page .lp-heading-start .lp-eyebrow { justify-content:flex-start; }
.lp-page .lp-team-note { display:flex; align-items:flex-start; gap:13px; margin-top:29px; border-top:1px solid var(--lp-line); padding-top:24px; }
.lp-page .lp-team-note > i { color:var(--lp-green); font-size:1.1rem; padding-top:4px; }
.lp-page .lp-team-note > p { margin:0; color:#9ab2bd; font-size:.76rem; line-height:1.95; }
.lp-page .lp-role-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.lp-page .lp-role-list > div { padding:23px 23px 20px; border:1px solid var(--lp-line); border-radius:6px; background:var(--lp-surface); }
.lp-page .lp-role-list i { display:block; color:var(--lp-green); font-size:1.2rem; margin-bottom:13px; }
.lp-page .lp-role-list h3 { margin:0 0 7px; font-size:.88rem; font-weight:600; }
.lp-page .lp-role-list > div p { margin:0; color:#a0b6c0; font-size:.68rem; line-height:1.85; }
.lp-page .lp-role-note { grid-column:1/-1; margin:3px 0 0; color:#79939f; font-size:.67rem; line-height:1.9; }
.lp-page .lp-sites-section { background:#06151d; border-block:1px solid var(--lp-line); }
.lp-page .lp-sites-grid { display:grid; grid-template-columns:1fr 1fr; gap:95px; align-items:center; }
.lp-page .lp-site-stack { padding:8px 15px; }
.lp-page .lp-site-card { display:flex; align-items:center; gap:18px; padding:23px 25px; margin-bottom:13px; border:1px solid #345349; background:#10251f; border-radius:7px; }
.lp-page .lp-site-card:nth-child(2) { margin-inline-start:25px; background:#10202e; border-color:#314b59; }
.lp-page .lp-site-card:nth-child(3) { margin-inline-start:50px; background:#202520; border-color:#4c513a; }
.lp-page .lp-site-card > span { display:grid; place-items:center; flex:none; width:41px; height:41px; color:#81d0b3; border:1px solid #355749; border-radius:7px; font-size:1.2rem; }
.lp-page .lp-site-card > div { min-width:0; }
.lp-page .lp-site-card strong { display:block; font-size:.85rem; line-height:1.6; font-weight:600; }
.lp-page .lp-site-card small { display:block; color:#99b1b6; margin-top:5px; font-size:.63rem; line-height:1.75; }
.lp-page .lp-site-card > i { margin-inline-start:auto; flex:none; color:#5d9681; font-size:.72rem; }
.lp-page .lp-sites-grid .lp-text-link { color:var(--lp-green); margin-top:23px; }
.lp-page .lp-faq-grid { display:grid; grid-template-columns:.7fr 1fr; gap:95px; }
.lp-page .lp-faq details { border-bottom:1px solid var(--lp-line); padding:20px 0; }
.lp-page .lp-faq details:first-child { padding-top:0; }
.lp-page .lp-faq summary { display:flex; justify-content:space-between; gap:20px; align-items:center; list-style:none; cursor:pointer; font-size:.88rem; line-height:1.85; }
.lp-page .lp-faq summary::-webkit-details-marker { display:none; }
.lp-page .lp-faq summary > i { flex:none; color:var(--lp-green); transition:transform .15s ease; }
.lp-page .lp-faq details[open] summary > i { transform:rotate(45deg); }
.lp-page .lp-faq details p { color:#9eb4bf; margin:15px 0 0; font-size:.78rem; line-height:2; }
.lp-page .lp-faq details a { display:inline-flex; align-items:center; gap:7px; margin-top:16px; color:var(--lp-green); font-size:.75rem; }
.lp-page .lp-faq details a:hover { text-decoration:underline; text-underline-offset:4px; }
.lp-page .lp-cta { background:#0b241d; border-block:1px solid #264d3c; padding-block:61px; }
.lp-page .lp-cta-inner { display:grid; grid-template-columns:1fr auto; align-items:center; gap:50px; }
.lp-page .lp-cta h2 { max-width:660px; font-size:2.1rem; }
.lp-page .lp-cta .lp-eyebrow { margin-bottom:16px; }
.lp-page .lp-cta p:last-child { color:#a7c1b7; margin:18px 0 0; max-width:650px; font-size:.82rem; line-height:1.9; }
.lp-page .lp-cta-actions { display:flex; flex-direction:column; align-items:center; gap:13px; }
.lp-page .lp-cta-actions .lp-text-link { color:#9dc8b6; font-size:.68rem; }
.lp-page .lp-footer { padding-block:40px; }
.lp-page .lp-footer-inner { display:flex; align-items:center; flex-wrap:wrap; gap:33px; }
.lp-page .lp-footer .landing-brand-name { font-size:1.8rem; }
.lp-page .lp-footer .landing-brand-product { font-size:.52rem; }
.lp-page .lp-footer p { color:#7e98a5; font-size:.72rem; margin:0; }
.lp-page .lp-footer nav { display:flex; flex-wrap:wrap; gap:23px; margin-inline-start:auto; color:#a5bac4; font-size:.71rem; }
html[dir="rtl"] .lp-page .lp-eyebrow { letter-spacing:0; font-size:.8rem; }
html[dir="rtl"] .lp-page .lp-hero h1 { font-family:"IBM Plex Sans Arabic",sans-serif; font-size:clamp(2.35rem,3.65vw,3.5rem); line-height:1.52; letter-spacing:0; font-weight:500; }
html[dir="rtl"] .lp-page .lp-section-heading h2,html[dir="rtl"] .lp-page .lp-cta h2,html[dir="rtl"] .lp-page .lp-step-copy h3 { font-family:"IBM Plex Sans Arabic",sans-serif; line-height:1.5; letter-spacing:0; font-weight:500; }
html[dir="rtl"] .lp-page .lp-workspace { transform:rotate(1deg); }
html[dir="rtl"] .lp-page .lp-preview-float { transform:rotate(-4deg); }
@media (max-width:1080px) {
 .lp-page .lp-nav { gap:16px; }.lp-page .lp-header-inner { gap:22px; }.lp-page .lp-nav-other { padding-inline-start:15px; }
 .lp-page .lp-hero-grid { gap:35px; padding-block:70px; }.lp-page .lp-hero h1 { font-size:3.3rem; }
 .lp-page .lp-workspace-body { grid-template-columns:103px 1fr; }.lp-page .lp-mock-nav { padding-inline:7px; }.lp-page .lp-mock-editor { padding-inline:16px; }.lp-page .lp-preview-float { inset-inline-end:-8px; }
 .lp-page .lp-step-panel { padding:36px; gap:37px; }.lp-page .lp-team-grid,.lp-page .lp-sites-grid,.lp-page .lp-faq-grid { gap:55px; }
}
@media (max-width:820px) {
 .lp-page .lp-header-inner { min-height:82px; flex-wrap:wrap; gap:18px; }.lp-page .lp-menu { display:grid; place-items:center; margin-inline-start:auto; padding:8px; border:1px solid #2c4350; border-radius:5px; background:transparent; color:#b9d0d8; font-size:1.35rem; cursor:pointer; }
 .lp-page .lp-language { padding-inline-start:18px; }.lp-page .lp-nav { display:none; order:5; flex:0 0 100%; align-items:stretch; margin:0; padding:7px 0 22px; border-top:1px solid var(--lp-line); }.lp-page .lp-nav.is-open { display:flex; flex-direction:column; gap:0; }.lp-page .lp-nav a { padding-block:13px; }.lp-page .lp-nav-other { padding-inline-start:0; border-inline-start:0; }
 .lp-page .lp-hero-grid { grid-template-columns:1fr; max-width:650px; gap:37px; padding-block:56px 43px; }.lp-page .lp-hero-copy { max-width:600px; }.lp-page .lp-hero h1 { font-size:3.25rem; }.lp-page .lp-lead { max-width:580px; }.lp-page .lp-hero-visual { max-width:575px; width:100%; }
 .lp-page .lp-workspace-body { grid-template-columns:128px 1fr; }.lp-page .lp-preview-float { inset-inline-end:0; width:168px; }.lp-page .lp-mock-image img { height:145px; }.lp-page .lp-principles { flex-wrap:wrap; gap:16px 25px; padding-block:24px; }.lp-page .lp-principles > span { font-size:.7rem; }
 .lp-page .lp-section { padding-block:70px; }.lp-page .lp-features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lp-page .lp-step { padding:17px 15px; grid-template-columns:1fr; gap:7px; }.lp-page .lp-step > span { grid-row:auto; font-size:.59rem; padding:0; }.lp-page .lp-step > strong { font-size:.75rem; }.lp-page .lp-step > small { font-size:.58rem; }
 .lp-page .lp-step-panel { grid-template-columns:1fr; gap:31px; padding:31px; }.lp-page .lp-step-copy h3 { font-size:1.8rem; }.lp-page .lp-step-copy ul { margin-top:19px; }.lp-page .lp-demo-card { max-width:480px; width:100%; justify-self:center; }
 .lp-page .lp-team-grid,.lp-page .lp-sites-grid,.lp-page .lp-faq-grid { grid-template-columns:1fr; gap:35px; }.lp-page .lp-section-heading { margin-bottom:31px; }.lp-page .lp-heading-start { margin:0; max-width:630px; }
 .lp-page .lp-role-list { max-width:600px; }.lp-page .lp-sites-grid > .lp-site-stack { order:2; }.lp-page .lp-site-stack { max-width:600px; padding:0; }.lp-page .lp-faq { max-width:700px; }.lp-page .lp-cta-inner { grid-template-columns:1fr; gap:28px; }.lp-page .lp-cta-actions { align-items:flex-start; }.lp-page .lp-cta h2 { font-size:1.9rem; }
}
@media (max-width:540px) {
 .lp-page .landing-shell { width:calc(100% - 38px); }.lp-page .lp-header-inner { gap:13px; }.lp-page .lp-header .landing-brand-name { font-size:1.9rem; }.lp-page .lp-header .landing-brand-product { font-size:.54rem; }.lp-page .lp-language { font-size:.75rem; padding-inline-start:13px; }
 .lp-page .lp-hero-grid { padding-top:41px; gap:24px; }.lp-page .lp-hero h1 { font-size:2.7rem; line-height:1.15; }.lp-page .lp-eyebrow { font-size:.65rem; margin-bottom:17px; }.lp-page .lp-lead { font-size:.91rem; margin-top:19px; line-height:1.85; }.lp-page .lp-actions { gap:13px; margin-top:25px; }.lp-page .lp-button { padding:13px 17px; font-size:.76rem; }.lp-page .lp-text-link { font-size:.73rem; }
 .lp-page .lp-hero-visual { padding-bottom:65px; }.lp-page .lp-window-bar { padding:11px 12px; }.lp-page .lp-workspace { transform:none!important; }.lp-page .lp-workspace-body { grid-template-columns:82px 1fr; min-height:312px; }.lp-page .lp-mock-nav { padding:14px 5px; }.lp-page .lp-mock-site { flex-direction:column; align-items:flex-start; padding:0 5px 15px; gap:6px; font-size:.52rem; }.lp-page .lp-mock-nav > span { padding:10px 5px; gap:5px; font-size:.5rem; }.lp-page .lp-mock-nav > span > i { font-size:.62rem; }.lp-page .lp-mock-editor { padding:15px 12px; }.lp-page .lp-mock-toolbar { gap:5px; font-size:.48rem; margin-bottom:18px; }.lp-page .lp-mock-badge { font-size:.52rem; }.lp-page .lp-mock-title { font-size:.89rem; }.lp-page .lp-mock-image img { height:120px; }.lp-page .lp-mock-bottom { font-size:.48rem; }.lp-page .lp-preview-float { width:137px; padding:8px; inset-inline-end:6px; inset-block-end:0; }.lp-page .lp-preview-label { font-size:.49rem; }.lp-page .lp-preview-paper img { height:65px; }.lp-page .lp-preview-paper > strong { font-size:.59rem; }.lp-page .lp-hero-visual > .lp-illustration-note { max-width:160px; font-size:.55rem; }
 .lp-page .lp-principles { display:grid; gap:16px; padding-block:23px; }.lp-page .lp-principles > span { font-size:.73rem; }
 .lp-page .lp-section { padding-block:53px; }.lp-page .lp-section-heading h2 { font-size:1.9rem; }.lp-page .lp-section-heading > p:last-child { font-size:.83rem; }.lp-page .lp-features-grid { grid-template-columns:1fr; gap:14px; }.lp-page .lp-feature { padding:24px; }.lp-page .lp-feature > i { margin-bottom:17px; }.lp-page .lp-feature > p { font-size:.8rem; }
 .lp-page .lp-step-tabs { grid-template-columns:1fr 1fr; }.lp-page .lp-step { padding:16px; border-bottom:1px solid var(--lp-line); }.lp-page .lp-step:nth-child(3) { border-inline-start:0; }.lp-page .lp-step.is-active { border-bottom:2px solid var(--lp-green); }.lp-page .lp-step > small { font-size:.6rem; }.lp-page .lp-step > strong { font-size:.81rem; }.lp-page .lp-step-panel { padding:24px 18px; gap:25px; }.lp-page .lp-step-copy h3 { font-size:1.65rem; }.lp-page .lp-step-copy p { font-size:.79rem; }.lp-page .lp-step-copy li { font-size:.71rem; }.lp-page .lp-demo-card { padding:18px; }.lp-page .lp-demo-field > strong { font-size:1.04rem; }.lp-page .lp-demo-body p { font-size:.72rem; }.lp-page .lp-demo-disclosure { margin-top:18px; }.lp-page .lp-demo-caption { font-size:.52rem; }.lp-page .lp-media-meta { gap:10px; }.lp-page .lp-media-meta span { font-size:.59rem; }.lp-page .lp-demo-media-image { height:140px; }.lp-page .lp-preview-example { padding:13px; }.lp-page .lp-preview-demo-stage { padding:9px; }
 .lp-page .lp-role-list { gap:11px; }.lp-page .lp-role-list > div { padding:18px 15px; }.lp-page .lp-role-list h3 { font-size:.83rem; }.lp-page .lp-role-list > div p { font-size:.66rem; }.lp-page .lp-site-card { padding:18px 16px; gap:12px; }.lp-page .lp-site-card:nth-child(2) { margin-inline-start:14px; }.lp-page .lp-site-card:nth-child(3) { margin-inline-start:28px; }.lp-page .lp-site-card > span { width:33px; height:33px; font-size:1rem; }.lp-page .lp-site-card strong { font-size:.78rem; }.lp-page .lp-site-card small { font-size:.59rem; }
 .lp-page .lp-faq summary { font-size:.83rem; }.lp-page .lp-faq details p { font-size:.78rem; }.lp-page .lp-cta { padding-block:43px; }.lp-page .lp-cta h2 { font-size:1.9rem; }.lp-page .lp-footer { padding-block:29px; }.lp-page .lp-footer-inner { gap:22px; }.lp-page .lp-footer p { flex-basis:calc(100% - 110px); font-size:.65rem; }.lp-page .lp-footer nav { margin-inline-start:0; width:100%; gap:22px; font-size:.7rem; }
 html[dir="rtl"] .lp-page .lp-hero h1 { font-size:2.35rem; line-height:1.5; }
 html[dir="rtl"] .lp-page .lp-section-heading h2 { font-size:1.75rem; }
}
@media (prefers-reduced-motion:reduce) { .lp-page *, .lp-page *::before, .lp-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }