.lp{--white:#fff;--surface:oklch(97% 0 0);--surface-2:oklch(98.5% 0 0);--line:oklch(92.2% 0 0);--line-strong:oklch(85% 0 0);--ink:oklch(14.5% 0 0);--ink-mid:oklch(38% 0 0);--ink-soft:oklch(53% 0 0);background:var(--white);color:var(--ink);position:relative}.lp .skip{inset-inline-start:1rem;z-index:60;clip-path:inset(50%);white-space:nowrap;background:var(--ink);color:#fff;border:0;border-radius:999px;width:1px;height:1px;margin:-1px;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;position:absolute;top:1rem;overflow:hidden}.lp .skip:focus{clip-path:none;width:auto;height:auto;margin:0;padding:.6rem 1rem;overflow:visible}.lp .shell{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1.15rem}@media (width>=48rem){.lp .shell{padding-inline:2rem}}.lp .h1{letter-spacing:-.028em;margin:0;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:600;line-height:1.1}.lp .h2{letter-spacing:-.022em;margin:.7rem 0 0;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:600;line-height:1.22}html[dir=rtl] .lp .h1{letter-spacing:normal;line-height:1.32}html[dir=rtl] .lp .h2{letter-spacing:normal;line-height:1.4}.lp .h1 .accent{color:var(--ink-soft)}.lp .eyebrow{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.78rem;font-weight:600;display:inline-block}html[dir=rtl] .lp .eyebrow{text-transform:none;letter-spacing:normal;font-size:.82rem}.lp .lead{color:var(--ink-soft);max-width:40ch;margin:1.15rem 0 0;font-size:1.06rem;line-height:1.9}.lp .sec-lead{color:var(--ink-soft);max-width:48ch;margin:1rem 0 0;font-size:1rem;line-height:1.9}.lp .mark{letter-spacing:-.02em;color:inherit;font-size:1.25rem;font-weight:600;text-decoration:none}.lp .mark span{color:var(--ink-soft)}.lp .ico{width:1.35rem;height:1.35rem}.lp .ico-sm{width:1rem;height:1rem}.lp .ico-xs{width:.9rem;height:.9rem}.lp .btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:2.8rem;padding:0 1.3rem;font-size:.93rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.lp .btn-lg{min-height:3.4rem;padding:0 1.9rem;font-size:1rem}.lp .btn-ink{background:var(--ink);color:#fff}.lp .btn-ink:hover{background:var(--ink-mid)}.lp .btn-plain{background:var(--white);border-color:var(--line-strong);color:var(--ink)}.lp .btn-plain:hover{background:var(--surface);border-color:var(--ink)}.lp .btn-soft{background:var(--surface);border-color:var(--line);color:var(--ink)}.lp .btn-soft:hover{background:var(--ink);border-color:var(--ink);color:#fff}.lp .btn-invert{color:var(--ink);background:#fff}.lp .btn-invert:hover{background:var(--surface)}.lp .btn-outline{color:#fff;border-color:#ffffff52}.lp .btn-outline:hover{background:#ffffff1f;border-color:#fff}.lp .btn-outline b{opacity:.7;font-weight:600}.lp .lnk{color:var(--ink);font-size:.93rem;font-weight:600;text-decoration:none}.lp .lnk:hover{color:var(--ink-soft)}.lp .lnk-arrow{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);align-items:center;gap:.4rem;margin-top:1.5rem;display:inline-flex}.lp .lnk-arrow:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.lp .hdr{z-index:40;background:color-mix(in srgb, var(--white) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.lp .hdr-in{align-items:center;gap:1rem;min-height:4.5rem;display:flex}.lp .hdr-nav{gap:1.6rem;margin-inline:auto;display:none}.lp .hdr-nav a{color:var(--ink-soft);font-size:.92rem;font-weight:500;text-decoration:none}.lp .hdr-nav a:hover{color:var(--ink)}@media (width>=64rem){.lp .hdr-nav{display:flex}}.lp .hdr-end{align-items:center;gap:.7rem;margin-inline-start:auto;display:flex}@media (width>=64rem){.lp .hdr-end{margin-inline-start:0}}.lp .langs{display:inline-flex}.lp .langs [data-slot=dropdown-menu-trigger]{border-radius:999px;width:auto}.lp .hdr-login{display:none}@media (width>=40rem){.lp .hdr-login{display:inline}}.lp .hero{padding:2.5rem 0 3rem;position:relative;overflow:hidden}@media (width>=64rem){.lp .hero{padding:4.5rem 0 5rem}}.lp .hero:before{content:"";inset-inline-end:-12%;background:radial-gradient(circle, var(--surface) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:46rem;height:46rem;position:absolute;top:-18%}.lp .hero-in{align-items:center;gap:2.5rem;display:grid;position:relative}@media (width>=64rem){.lp .hero-in{grid-template-columns:1fr 1fr;gap:3.5rem}}.lp .badge{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:.5rem;margin:0 0 1.3rem;padding:.42rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.lp .badge-dot{background:var(--ink);border-radius:999px;width:.45rem;height:.45rem}.lp .cta{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.lp .proof{color:var(--ink-soft);flex-wrap:wrap;gap:.5rem 1.3rem;margin:1.75rem 0 0;padding:0;font-size:.86rem;font-weight:500;list-style:none;display:flex}.lp .proof li{align-items:center;gap:.4rem;display:inline-flex}.lp .proof svg{color:var(--ink)}.lp .hero-art{position:relative}.lp .art-panel{background:var(--white);border:1px solid var(--line);border-radius:1.75rem;overflow:hidden}.lp .art-panel img,.lp .block-art img{width:100%;height:auto;display:block}@media (width>=64rem){.lp .art-panel{border-radius:2rem}}.lp .strip{z-index:1;background:var(--surface-2);border:1px solid var(--line);border-radius:1.25rem;gap:.85rem;margin:3rem 0 0;padding:1.4rem 1.5rem;list-style:none;display:grid;position:relative}@media (width>=48rem){.lp .strip{grid-template-columns:repeat(2,1fr);gap:1rem 2rem}}@media (width>=64rem){.lp .strip{grid-template-columns:repeat(4,1fr);margin-top:4.5rem;padding:1.6rem 2rem}}.lp .strip li{align-items:center;gap:.7rem;font-size:.9rem;font-weight:600;display:flex}.lp .strip-ico{background:var(--ink);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;display:inline-flex}.lp .block{padding:3.5rem 0}@media (width>=64rem){.lp .block{padding:5.5rem 0}}.lp .block-tint{background:var(--surface-2);border-block:1px solid var(--line)}.lp .block-in{align-items:center;gap:2.25rem;display:grid}@media (width>=64rem){.lp .block-in{grid-template-columns:1fr 1fr;gap:4.5rem}.lp .block-in.rev .block-copy{order:2}}.lp .block-art{border-radius:1.75rem;overflow:hidden}.lp .art-fill,.lp .art-plain{background:var(--white);border:1px solid var(--line)}.lp .ticks{gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.lp .ticks li{align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.65;display:flex}.lp .ticks li>span{background:var(--ink);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;margin-top:.1rem;display:inline-flex}.lp .wilayas{background:var(--white);border:1px solid var(--line);border-radius:1.5rem;margin-top:3.5rem;padding:1.75rem}@media (width>=64rem){.lp .wilayas{padding:2.25rem}}.lp .wilayas-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.lp .wilayas-head h3{letter-spacing:-.015em;margin:0;font-size:1.1rem;font-weight:600}.lp .wilayas-head p{color:var(--ink-soft);margin:0;font-size:.8rem}.lp .mosaic{flex-wrap:wrap;gap:.4rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.lp .mosaic li{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:.35rem;padding:.38rem .65rem;font-size:.78rem;display:inline-flex}.lp .mosaic li:hover{background:var(--ink);border-color:var(--ink);color:#fff}.lp .mosaic li:hover b{color:#ffffffb3}.lp .mosaic b{color:var(--ink-soft);font-size:.66rem;font-weight:600}.lp .wilayas-foot{color:var(--ink-soft);margin:1.3rem 0 0;font-size:.8rem}.lp .sec{padding:3.5rem 0}@media (width>=64rem){.lp .sec{padding:5.5rem 0}}.lp .sec-tint{background:var(--surface-2);border-block:1px solid var(--line)}.lp .sec-head{max-width:44rem}.lp .cards{gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.lp .cards{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.lp .cards{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (width>=40rem){.lp .cards-2{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.lp .cards-2{grid-template-columns:repeat(2,1fr);max-width:48rem}}.lp .card{background:var(--white);border:1px solid var(--line);border-radius:1.25rem;padding:1.75rem 1.6rem;transition:border-color .18s,box-shadow .18s}.lp .card:hover{border-color:var(--line-strong);box-shadow:0 18px 36px -30px #00000080}.lp .card-ico{background:var(--surface);border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--ink);border-radius:.85rem;justify-content:center;align-items:center;display:inline-flex}.lp .card h3{margin:1.1rem 0 0;font-size:1.02rem;font-weight:600}.lp .card p{color:var(--ink-soft);margin:.55rem 0 0;font-size:.88rem;line-height:1.8}.lp .theme{flex-direction:column;display:flex}.lp .theme>p:not(.card-meta){flex:1}.lp .swatches{border:1px solid var(--line);border-radius:.85rem;height:4rem;display:flex;overflow:hidden}.lp .swatches span{flex:1}.lp .theme>.btn{align-self:flex-start;margin-top:1.25rem}.lp .card-meta{color:var(--ink-soft);margin:.85rem 0 0;font-size:.78rem}.lp .card-logo{align-items:center;gap:.75rem;display:flex}.lp .card-logo img{object-fit:cover;border-radius:999px;flex:none;width:2.5rem;height:2.5rem}.lp .card-logo h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.lp .card-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;display:flex}.lp .card-actions .lnk{display:inline-flex}.lp .themes-grid{margin-top:0}.lp .page-hero+.sec{padding-top:1.5rem}.lp .empty{text-align:center;background:var(--white);border:1px dashed var(--line-strong);border-radius:1.25rem;margin-top:2.5rem;padding:2.5rem 1.75rem}.lp .page-hero+.sec .empty{margin-top:0}.lp .empty h2{margin:0;font-size:1.1rem;font-weight:600}.lp .empty p{color:var(--ink-soft);margin:.7rem 0 0;font-size:.9rem;line-height:1.7}.lp .empty code{background:var(--surface);border:1px solid var(--line);border-radius:.4rem;padding:.15rem .45rem;font-size:.82rem}.lp .steps{counter-reset:none;gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.lp .steps{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.lp .steps{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.lp .steps li{background:var(--white);border:1px solid var(--line);border-radius:1.25rem;padding:1.6rem 1.5rem}.lp .step-n{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.lp .steps h3{margin:1rem 0 0;font-size:1rem;font-weight:600}.lp .steps p{color:var(--ink-soft);margin:.5rem 0 0;font-size:.86rem;line-height:1.75}.lp .faq-in{gap:2rem;display:grid}@media (width>=64rem){.lp .faq-in{grid-template-columns:.75fr 1.25fr;align-items:start;gap:4rem}}.lp .qs{gap:.75rem;display:grid}.lp .qs details{background:var(--white);border:1px solid var(--line);border-radius:1rem}.lp .qs summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.lp .qs summary::-webkit-details-marker{display:none}.lp .qs summary:hover{color:var(--ink-soft)}.lp .qs summary i{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;width:1.5rem;height:1.5rem;position:relative}.lp .qs summary i:before,.lp .qs summary i:after{content:"";background:var(--ink);margin:auto;transition:transform .2s;position:absolute;inset:0}.lp .qs summary i:before{width:.65rem;height:2px}.lp .qs summary i:after{width:2px;height:.65rem}.lp .qs details[open] summary i:after{transform:scaleY(0)}.lp .qs details p{color:var(--ink-soft);margin:0;padding:0 1.35rem 1.3rem;font-size:.88rem;line-height:1.85}.lp .close{background:var(--ink);color:#fff;text-align:center;border-radius:1.75rem;padding:3rem 1.75rem;position:relative;overflow:hidden}@media (width>=64rem){.lp .close{border-radius:2rem;padding:4.5rem 3rem}}.lp .close>*{position:relative}.lp .close-h{color:#fff;max-width:24ch;margin-inline:auto}.lp .close-lead{color:#ffffffb8;max-width:42ch;margin:1.1rem auto 0;font-size:1rem;line-height:1.85}.lp .close .cta{justify-content:center;margin-top:2.25rem}.lp .ftr{background:var(--ink);color:#ffffffad;padding:3.25rem 0 2.5rem}.lp .ftr-in{gap:2rem;display:grid}@media (width>=48rem){.lp .ftr-in{grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem}.lp .ftr-legal{grid-column:1/-1}}.lp .ftr .mark{color:#fff}.lp .ftr .mark span{color:#ffffff80}.lp .ftr-brand p{max-width:30ch;margin:.7rem 0 0;font-size:.85rem;line-height:1.75}.lp .ftr nav{align-content:start;gap:.55rem;display:grid}.lp .ftr-h{color:#fff;margin:0 0 .2rem;font-size:.82rem;font-weight:600}.lp .ftr nav a{color:#ffffffb8;font-size:.86rem;text-decoration:none}.lp .ftr nav a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.lp .ftr-legal{border-top:1px solid #ffffff24;margin:0;padding-top:1.75rem;font-size:.76rem}.lp .page-hero{padding:2.75rem 0 1rem;position:relative;overflow:hidden}@media (width>=64rem){.lp .page-hero{padding:4rem 0 1.5rem}}.lp .page-hero:before{content:"";inset-inline-end:-12%;background:radial-gradient(circle, var(--surface) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:36rem;height:36rem;position:absolute;top:-30%}.lp .page-hero-in{max-width:40rem;position:relative}.lp .page-hero .h1{font-size:clamp(2rem,5vw,3rem)}.lp .demo .sec{padding:1.5rem 0}@media (width>=64rem){.lp .demo .sec{padding:2rem 0}}.lp .demo .sec:first-child{padding-top:2rem}@media (width>=64rem){.lp .demo .sec:first-child{padding-top:2.5rem}}.lp .demo .sec-lead{max-width:none;margin-top:.65rem}.lp .demo .h2{margin-top:.4rem}.lp .demo .close{padding:2.25rem 1.5rem}@media (width>=64rem){.lp .demo .close{padding:3rem 2.5rem}}.lp .demo .close .cta{margin-top:1.5rem}
