.hero{position:relative;text-align:center;padding-block:48px 40px}.hero-kicker{font-size:.8rem;margin-block-end:22px;color:var(--muted)}.hero h1{font-size:clamp(2.8rem,5.2vw,4.7rem);line-height:1.3;max-inline-size:940px;margin-inline:auto}.hero h1 span{color:var(--accent)}.hero-lede{max-inline-size:690px;margin:24px auto 28px;color:var(--muted);font-size:1.12rem}.start-composer{max-inline-size:680px;margin-inline:auto;text-align:start}.start-composer label{display:block;font-size:.85rem;margin-block-end:10px}.composer-entry{display:flex;padding:7px;gap:8px;background:#fff;border:1px solid #b9c0b4;border-radius:14px;box-shadow:0 6px #e7e9e1}.start-composer input{min-inline-size:0;flex:1;border:0;padding:12px;background:transparent;font-size:.95rem;color:var(--text)}.start-composer input::placeholder{color:var(--muted);opacity:1}:lang(ar) .start-composer input:placeholder-shown{direction:rtl}.start-composer .btn{flex-shrink:0}.start-composer>p{color:var(--muted);font-size:.75rem;margin-block-start:12px}.hero-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-block-start:22px;font-size:.8rem;align-items:center}.signup-note{color:var(--muted)}.hero-meta a{min-block-size:44px;display:inline-flex;align-items:center}.demo-section{background:#17231e;color:#fafbf5;padding-block:48px 24px}.demo-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-block-end:32px}.demo-heading .eyebrow{color:#c6f66c}.demo-heading h2{font-size:clamp(1.8rem,3vw,2.8rem)}.demo-controls{display:flex;padding:5px;gap:4px;border:1px solid #58665a;border-radius:12px}.demo-controls button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#f3f6ec;min-block-size:48px;padding:12px 18px;border-radius:8px;font-size:.85rem}.demo-controls button span{font-family:var(--font-display);font-size:.72rem;opacity:.65}.demo-controls button[aria-pressed=true]{color:#17231e;background:#c6f66c}.demo-controls button:hover{background:#354235}.demo-controls button[aria-pressed=true]:hover{background:#b5e45d}.demo-section :focus-visible{outline-color:#c6f66c}.demo-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);align-items:center;gap:56px;min-block-size:450px}.demo-copy{padding-block:24px}.demo-count{color:#b8c7b7;font-size:.75rem}.demo-copy h3{font-size:clamp(1.5rem,2.6vw,2.3rem);margin-block:20px}.demo-copy p{color:#c5cfc4;font-size:.98rem}.demo-copy a{display:inline-flex;align-items:center;min-block-size:44px;margin-block-start:24px;color:#c6f66c;font-size:.9rem}.dashboard-scene{background:#f7f7fa;border-radius:12px;overflow:hidden}.screen-label{display:flex;justify-content:space-between;padding:12px 20px;font-size:.75rem;color:#535e54;border-block-end:1px solid #dce0d8}.dashboard-scene img{inline-size:100%;aspect-ratio:1204/700;object-fit:cover;object-position:top}.demo-caption{font-size:.72rem;text-align:center;margin:22px 24px 0;color:#b6c4b8}.capabilities{padding-block:100px}.capabilities .section-head{align-items:start}.capabilities .section-head h2{min-inline-size:62%}.capability-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:28px;align-items:center;padding-block:30px;border-block-start:1px solid var(--line);text-decoration:none;transition:background-color .18s}.capability-row:last-child{border-block-end:1px solid var(--line)}.capability-number{color:var(--muted);font-size:.8rem}.capability-row h3{font-size:clamp(1.1rem,2vw,1.65rem)}.capability-row p{color:var(--muted);font-size:.9rem;margin-block-start:8px}.capability-link{display:flex;align-items:center;gap:22px;font-size:.8rem;color:var(--accent)}.capability-link>span{font-size:1.8rem;transition:transform .18s}.capability-row:hover{background:var(--soft)}.capability-row:hover .capability-link>span{transform:translateY(-3px)}.creative-section{padding-block:72px 40px;background:#e9e7f0;overflow:clip}.creative-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 70px;align-items:start}.creative-heading .eyebrow{grid-column:1/-1}.creative-heading h2{font-size:var(--text-h2);grid-row:span 2}.creative-heading>p:not(.eyebrow){color:#585262;max-inline-size:470px}.creative-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-block:54px 20px}.creative-strip img{inline-size:100%;border-radius:4px;box-shadow:0 16px 24px -20px #30263e70}.creative-strip img:nth-child(odd){transform:rotate(-4deg)}.creative-strip img:nth-child(2n){transform:rotate(4deg) translateY(15px)}.creative-section .demo-caption{color:#625b6c;margin-block-start:32px}.pricing-intro{display:flex;align-items:center;justify-content:space-between;gap:40px}.pricing-intro h2{font-size:var(--text-h2)}.pricing-intro p:not(.eyebrow){color:var(--muted);margin-block-start:16px;max-inline-size:650px}.pricing-intro .btn{flex-shrink:0}.final-cta{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:60px;margin-block:80px;padding:64px;background:#c6f66c;border-radius:16px}.final-mark{font-size:clamp(8rem,20vw,18rem);line-height:1;text-align:center;color:#1e3124}.final-cta h2{font-size:clamp(2rem,4vw,3.8rem)}.final-cta p{margin-block:20px 26px;max-inline-size:500px;color:#34462e}:lang(en) .hero h1{letter-spacing:-.055em;line-height:1.08}:lang(en) h2{letter-spacing:-.035em;line-height:1.15}@media(prefers-reduced-motion:no-preference){.demo-panel:not([hidden]){animation:demo-enter .24s ease-out}@keyframes demo-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1000px){.hero{padding-block-start:44px}.demo-heading{align-items:start;flex-direction:column}.demo-panel{gap:30px;grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr)}.capability-link{font-size:0;gap:0}.final-cta{padding:40px;gap:30px}}@media(max-width:700px){.hero{padding-block:34px 36px}.hero h1{font-size:2.65rem}.hero-kicker{font-size:.72rem}.hero-lede{font-size:1rem;margin-block:20px 26px}.composer-entry{flex-direction:column}.start-composer .btn{inline-size:100%}.hero-meta{gap:4px;flex-direction:column;margin-block-start:12px}.demo-section{padding-block-start:32px}.demo-heading{gap:24px}.demo-controls{inline-size:100%}.demo-controls button{flex:1;justify-content:center;padding:10px 6px;gap:6px;font-size:.8rem}.demo-controls button span{display:none}.demo-panel{grid-template-columns:1fr;gap:22px;min-block-size:auto}.demo-copy{padding:0}.demo-copy h3{margin-block:10px;font-size:1.7rem}.demo-copy a{margin-block-start:10px}.demo-caption{margin-inline:0;font-size:.68rem}.capabilities{padding-block:60px}.capabilities .section-head{gap:8px}.capability-row{grid-template-columns:24px minmax(0,1fr) 24px;gap:14px;padding-block:24px}.capability-row p{font-size:.85rem}.creative-heading{grid-template-columns:1fr;gap:12px}.creative-heading h2{grid-row:auto}.creative-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-block:36px 12px}.creative-section{padding-block:46px 30px}.pricing-intro{flex-direction:column;align-items:start;gap:24px}.final-cta{grid-template-columns:1fr;padding:30px;gap:18px;margin-block:48px}.final-mark{font-size:5rem;text-align:start}}@media(max-width:380px){.hero h1{font-size:2.25rem}}.hero-art{position:absolute;inset-inline:0;inset-block-start:160px;display:flex;justify-content:space-between;pointer-events:none}.hero-sample{inline-size:clamp(110px,12vw,170px);pointer-events:auto;text-decoration:none;font-size:.7rem;text-align:start}.hero-sample img{inline-size:100%;border-radius:5px;box-shadow:0 10px 20px -14px #3e382e60;transition:transform .22s ease}.hero-sample:first-child{transform:rotate(-7deg)}.hero-sample:last-child{transform:rotate(7deg) translateY(35px)}.hero-sample span{display:block;padding-block-start:8px;color:var(--muted)}.hero-sample:hover img{transform:translateY(-6px)}@media(min-width:1001px)and (max-width:1250px){.hero h1{font-size:3.5rem;max-inline-size:700px}.hero-sample{inline-size:110px}}@media(max-width:1000px){.hero-art{position:static;justify-content:center;gap:28px;margin-block:24px 30px}.hero-sample{inline-size:115px;font-size:.65rem}.hero-sample:last-child{transform:rotate(7deg) translateY(10px)}.hero-sample img{block-size:130px;object-fit:cover}}@media(max-width:700px){.hero h1{font-size:2.35rem}.hero{padding-block-start:26px}.hero-lede{margin-block:12px 22px}.hero-kicker{margin-block-end:14px}}@media(max-width:380px){.hero h1{font-size:2rem}}