.landing{--mkt-bg:#fafaf9;--mkt-surface:#ffffff;--mkt-surface-2:#f4f4f2;--mkt-border:#e3e6ea;--mkt-border-strong:#cbd0d6;--mkt-text:#14171c;--mkt-muted:#5b6472;--mkt-accent:#0f766e;--mkt-accent-strong:#0b5c55;--mkt-accent-soft:rgba(15,118,110,0.09);--mkt-accent-soft-strong:rgba(15,118,110,0.16);--font-ui:var(--font-tajawal),system-ui,Tahoma,sans-serif;background:var(--mkt-bg);color:var(--mkt-text);font-family:var(--font-ui);line-height:1.65}.landing h1,.landing h2,.landing h3{font-weight:800;line-height:1.25;letter-spacing:-.01em;margin-block:0 .5rem}.landing .container{max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.landing nav{-webkit-border-after:none;border-block-end:none;padding:0}.landing main{max-width:none;margin-inline:0;padding:0}@media (prefers-reduced-motion:no-preference){.landing .feature-card,.landing .preview-card,.landing .step,.landing .trust-card,.landing a,.landing button{transition:transform .15s ease,box-shadow .2s ease,background-color .15s ease,border-color .15s ease,color .15s ease}}.landing-nav{-webkit-border-after:1px solid var(--mkt-border);border-block-end:1px solid var(--mkt-border);background:rgba(250,250,249,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:20}.landing-nav .row-nav{display:flex;align-items:center;gap:1.5rem;padding-block:.85rem;min-block-size:3.75rem}.landing .brand{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;color:var(--mkt-text);text-decoration:none}.landing .nav-links{display:flex;align-items:center;gap:1.5rem;-webkit-margin-start:auto;margin-inline-start:auto;font-size:.92rem;font-weight:600}.landing .nav-links a:not(.btn-primary){color:var(--mkt-muted);text-decoration:none;white-space:nowrap}.landing .nav-links a:not(.btn-primary):hover{color:var(--mkt-text)}.landing .btn-primary,.landing .btn-secondary{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-weight:700;font-size:.94rem;padding:.7rem 1.4rem;border-radius:9px;cursor:pointer;text-decoration:none;border:1px solid transparent;white-space:nowrap}.landing .btn-primary{background:var(--mkt-accent);color:#ffffff}.landing .btn-primary:hover{background:var(--mkt-accent-strong);transform:translateY(-1px);box-shadow:0 8px 20px -8px var(--mkt-accent)}.landing .btn-primary:active{transform:translateY(0)}.landing .btn-secondary{background:transparent;color:var(--mkt-text);border-color:var(--mkt-border-strong)}.landing .btn-secondary:hover{border-color:var(--mkt-accent);color:var(--mkt-accent-strong);background:var(--mkt-accent-soft)}.landing :focus-visible{outline:2px solid var(--mkt-accent);outline-offset:2px}.landing .hero-section{position:relative;overflow:clip;padding-block:3.5rem 4rem}.landing .glow{position:absolute;inset-block-start:-18rem;inset-inline-end:-12rem;inline-size:42rem;block-size:42rem;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--mkt-accent) 16%,transparent) 0,transparent 70%);pointer-events:none;z-index:0}.landing .hero{position:relative;z-index:1;text-align:center;max-width:44rem;margin-inline:auto}.landing .kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--mkt-accent-strong);background:var(--mkt-accent-soft);border:1px solid var(--mkt-accent-soft-strong);border-radius:999px;padding:.35rem .9rem;-webkit-margin-after:1.5rem;margin-block-end:1.5rem}.landing .kicker .dot{inline-size:.4rem;block-size:.4rem;border-radius:50%;background:var(--mkt-accent);flex:none}.landing .hero h1{font-size:clamp(2rem,2.6vw + 1.1rem,3.1rem);color:var(--mkt-text)}.landing .hero .lead{color:var(--mkt-muted);font-size:1.08rem;max-width:32rem;margin-inline:auto}.landing .hero-actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;-webkit-margin-before:2rem;margin-block-start:2rem}.landing .board-frame{position:relative;z-index:1;max-width:58rem;margin:3.5rem auto 0;border-radius:16px;padding:1px;background:linear-gradient(155deg,var(--mkt-border-strong),var(--mkt-border) 60%)}.landing .board{background:var(--mkt-surface);border-radius:15px;overflow:hidden;box-shadow:0 1px 2px rgba(20,23,28,.04),0 30px 60px -30px rgba(20,23,28,.22)}.landing .board-toolbar{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;-webkit-border-after:1px solid var(--mkt-border);border-block-end:1px solid var(--mkt-border);background:var(--mkt-surface-2);font-size:.85rem;font-weight:700}.landing .board-toolbar .dots{display:flex;gap:.35rem}.landing .board-toolbar .dots span{inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--mkt-border-strong)}.landing .board-toolbar .ws{-webkit-margin-start:.25rem;margin-inline-start:.25rem;color:var(--mkt-text)}.landing .board-toolbar .live{-webkit-margin-start:auto;margin-inline-start:auto;display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--mkt-accent-strong)}.landing .board-toolbar .live .dot{inline-size:.4rem;block-size:.4rem;border-radius:50%;background:var(--mkt-accent)}@media (prefers-reduced-motion:no-preference){.landing .board-toolbar .live .dot{animation:pulse 1.8s ease-in-out infinite}}.landing .preview-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0}.landing .preview-column{padding:.9rem;-webkit-border-end:1px solid var(--mkt-border);border-inline-end:1px solid var(--mkt-border);text-align:start}.landing .preview-column:last-child{-webkit-border-end:none;border-inline-end:none}.landing .preview-column h3{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--mkt-muted);text-transform:uppercase;letter-spacing:.05em;-webkit-margin-after:.7rem;margin-block-end:.7rem}.landing .preview-column h3 .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--mkt-text);background:var(--mkt-surface-2);border:1px solid var(--mkt-border);border-radius:4px;padding:0 .35rem;text-transform:none;letter-spacing:0}.landing .preview-card{background:var(--mkt-surface);border:1px solid var(--mkt-border);border-radius:9px;padding:.65rem .75rem;-webkit-margin-after:.6rem;margin-block-end:.6rem;font-size:.82rem}.landing .preview-card:hover{border-color:var(--mkt-border-strong);transform:translateY(-1px);box-shadow:0 6px 16px -10px rgba(20,23,28,.3)}.landing .preview-card .name{display:block;font-weight:700;color:var(--mkt-text);-webkit-margin-after:.45rem;margin-block-end:.45rem}.landing .preview-card .channel{color:var(--mkt-muted);font-size:.74rem}.landing .preview-card .badge{display:inline-block;-webkit-margin-before:.45rem;margin-block-start:.45rem;font-size:.72rem;padding:.1rem .55rem;border-radius:999px;border:1px solid var(--mkt-border);color:var(--mkt-muted)}.landing .preview-card .badge[data-status=running],.landing .preview-card .badge[data-status=scheduled]{color:var(--mkt-accent-strong);border-color:var(--mkt-accent-soft-strong);background:var(--mkt-accent-soft)}.landing .trust-strip{padding-block:3.5rem;-webkit-border-after:1px solid var(--mkt-border);border-block-end:1px solid var(--mkt-border)}.landing .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;list-style:none;margin-block:0}.landing .trust-card{display:flex;flex-direction:column;gap:.6rem;text-align:start}.landing .trust-card .check{inline-size:2.1rem;block-size:2.1rem;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mkt-accent-strong);background:var(--mkt-accent-soft);flex:none}.landing .trust-card strong{font-weight:700;color:var(--mkt-text);font-size:1.02rem}.landing .trust-card p{color:var(--mkt-muted);margin:0;font-size:.92rem}.landing .features{padding-block:5rem}.landing .section-head{text-align:center;max-width:34rem;margin:0 auto 2.75rem}.landing .features h2{font-size:clamp(1.6rem,1.4vw + 1.1rem,2.15rem)}.landing .feature-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(9rem,auto);text-align:start}.landing .feature-card:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-start}.landing .feature-card:nth-child(2),.landing .feature-card:nth-child(5),.landing .feature-card:nth-child(6){grid-column:span 2}.landing .feature-card{background:var(--mkt-surface);border:1px solid var(--mkt-border);border-radius:12px;padding:1.5rem}.landing .feature-card:hover{border-color:var(--mkt-accent-soft-strong);box-shadow:0 16px 36px -22px rgba(15,118,110,.45);transform:translateY(-2px)}.landing .feature-card .glyph{inline-size:2.15rem;block-size:2.15rem;border-radius:8px;display:flex;align-items:center;justify-content:center;-webkit-margin-after:1rem;margin-block-end:1rem;color:var(--mkt-accent-strong);background:var(--mkt-accent-soft)}.landing .feature-card:first-child .glyph{inline-size:2.75rem;block-size:2.75rem;border-radius:9px}.landing .feature-card h3{font-size:1rem;color:var(--mkt-text)}.landing .feature-card:first-child h3{font-size:1.2rem}.landing .feature-card p{color:var(--mkt-muted);font-size:.88rem;margin:0}.landing .how-section{padding-block:1rem 5rem}.landing .how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;counter-reset:step;border:1px solid var(--mkt-border);border-radius:14px;background:var(--mkt-surface);overflow:hidden}.landing .step{counter-increment:step;position:relative;padding:2rem 1.75rem;text-align:start;-webkit-border-end:1px solid var(--mkt-border);border-inline-end:1px solid var(--mkt-border)}.landing .step:last-child{-webkit-border-end:none;border-inline-end:none}.landing .step:before{content:counter(step,decimal-leading-zero);display:block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;font-size:1.6rem;color:var(--mkt-accent-soft-strong);-webkit-margin-after:.75rem;margin-block-end:.75rem}.landing .step h3{font-size:1.05rem;color:var(--mkt-text)}.landing .step p{color:var(--mkt-muted);font-size:.92rem;margin:0}.landing .cta-band{position:relative;overflow:clip;background:var(--mkt-accent-strong);background-image:linear-gradient(155deg,var(--mkt-accent-strong),color-mix(in srgb,var(--mkt-accent-strong) 80%,black));border-radius:16px;padding:3.75rem 2rem;text-align:center;margin-block:1rem 4rem}.landing .cta-band h2,.landing .cta-band p{position:relative;z-index:1;color:#ffffff}.landing .cta-band h2{color:#ffffff}.landing .cta-band p{max-width:30rem;margin:0 auto 1.75rem;color:rgba(255,255,255,.82)}.landing .cta-band .btn-primary{background:#ffffff;color:var(--mkt-accent-strong)}.landing .cta-band .btn-primary:hover{background:#f0f0ef;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}.landing-footer{-webkit-border-before:1px solid var(--mkt-border);border-block-start:1px solid var(--mkt-border);padding-block:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;color:var(--mkt-muted);font-size:.85rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@media (max-width:60rem){.landing .preview-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .preview-column:nth-child(2){-webkit-border-end:none;border-inline-end:none}.landing .trust-grid{grid-template-columns:1fr;gap:1.75rem}.landing .feature-grid{grid-template-columns:repeat(2,1fr)}.landing .feature-card:first-child{grid-row:span 1}.landing .how-grid{grid-template-columns:1fr}.landing .step{-webkit-border-end:none;border-inline-end:none;-webkit-border-after:1px solid var(--mkt-border);border-block-end:1px solid var(--mkt-border)}.landing .step:last-child{-webkit-border-after:none;border-block-end:none}}@media (max-width:26rem){.landing-nav .row-nav{gap:.85rem}.landing .nav-links{gap:.85rem;font-size:.84rem}.landing .nav-links .btn-primary{padding:.55rem .9rem}}@media (max-width:30rem){.landing .preview-columns{grid-template-columns:1fr}.landing .preview-column{-webkit-border-end:none;border-inline-end:none;-webkit-border-after:1px solid var(--mkt-border);border-block-end:1px solid var(--mkt-border)}.landing .preview-column:last-child{-webkit-border-after:none;border-block-end:none}.landing .feature-grid{grid-template-columns:1fr}.landing .feature-card:first-child,.landing .feature-card:nth-child(2),.landing .feature-card:nth-child(5),.landing .feature-card:nth-child(6){grid-column:span 1}}