:root{--ink:#0f1b14;--ink-2:#16241c;--ink-3:#22362a;--paper:#f3ecd9;--cream:#ede6d6;--cream-dim:#b9c0b4;--gold:#c9a227;--gold-soft:#e4c458;--emerald:#3e7c59;--emerald-bright:#5ca97d;--amber:#b5772e;--rule-red:#be4a3d80;--font-en:"Fraunces", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--wrap:1120px;--radius:10px;--ring:0 0 0 3px #c9a22773;--header-h:78px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}:target{scroll-margin-top:var(--header-h)}::selection{background:var(--gold);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--ink);color:var(--cream);font-family:"Inter", var(--font-en), sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}img,svg{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{inset-inline-start:-999px;background:var(--gold);color:var(--ink);z-index:100;border-radius:0 0 8px 8px;padding:10px 16px;font-weight:700;position:absolute;top:0}.skip-link:focus{inset-inline-start:12px}:focus-visible{box-shadow:var(--ring);border-radius:4px;outline:none}.btn{letter-spacing:.01em;cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gold);color:var(--ink);box-shadow:0 10px 24px -12px #c9a2278c}.btn-primary:hover{background:var(--gold-soft)}.btn-ghost{color:var(--cream);border-color:var(--ink-3);background:0 0}.btn-ghost:hover{border-color:var(--gold)}.btn-sm{padding:9px 18px;font-size:.88rem}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:default;transform:none}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-3);background:#0f1b14eb;position:sticky;top:0}.site-header:after{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(90deg,#0000,#c9a22766,#0000);height:1px;position:absolute;bottom:-1px}.header-inner{align-items:center;gap:28px;padding-block:16px;display:flex}.logo{font-family:var(--font-en);letter-spacing:.01em;color:var(--cream);align-items:center;gap:8px;margin-inline-end:auto;font-size:1.35rem;font-weight:600;text-decoration:none;display:inline-flex}.logo-mark{color:var(--gold)}.main-nav{gap:26px;display:flex}.main-nav a{color:var(--cream-dim);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s}.main-nav a:hover{color:var(--cream)}.header-actions{align-items:center;gap:14px;display:flex}.hero{padding-block:76px 64px;position:relative;overflow:hidden}.hero:before{content:"";inset-inline-end:-140px;pointer-events:none;background:radial-gradient(closest-side,#c9a2271f,#0000 70%);width:520px;height:520px;position:absolute;top:-60px}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.eyebrow{font-family:var(--font-mono);color:var(--gold-soft);letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px;font-size:.82rem}.hero h1{text-wrap:balance;margin:0 0 22px;font-size:clamp(2.3rem,4vw + 1rem,3.5rem);font-weight:800;line-height:1.18}.accent{color:var(--gold-soft)}.hero-sub{color:var(--cream-dim);max-width:46ch;margin:0 0 32px;font-size:1.1rem}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.hero-note{color:var(--cream-dim);font-size:.85rem;font-family:var(--font-mono);margin-top:18px}.ledger{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;padding:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009,inset 0 0 0 1px #c9a22729}.ledger:before{content:"";inset-inline-start:46px;background:linear-gradient(var(--gold) 0 0);opacity:.12;width:1px;position:absolute;top:0;bottom:0}.ledger:after{content:"";inset-inline-start:60px;background:var(--rule-red);opacity:.12;width:1px;position:absolute;top:0;bottom:0}.ledger-body{background-image:repeating-linear-gradient(#0000 0 31px,#ede6d60b 31px 32px);position:relative}.ledger-head{font-family:var(--font-mono);color:var(--cream-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ink-3);justify-content:space-between;margin-bottom:6px;padding-bottom:14px;font-size:.78rem;display:flex}.ledger-rows{margin:0;padding:0;list-style:none}.ledger-row{border-bottom:1px dashed var(--ink-3);opacity:0;animation:.5s forwards rowIn;animation-delay:calc(var(--d) * .15s + .2s);grid-template-columns:1.3fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid;transform:translateY(6px)}@keyframes rowIn{to{opacity:1;transform:translateY(0)}}.lr-client{font-size:.95rem;font-weight:700}.lr-status{font-family:var(--font-mono);border-radius:100px;justify-self:start;padding:4px 9px;font-size:.72rem}.lr-status.paid{color:var(--emerald-bright);background:#5ca97d29}.lr-status.pending{color:#e0a15e;background:#b5772e2e}.lr-amt{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cream);font-weight:500}.ledger-foot{border-top:1.5px solid var(--gold);font-family:var(--font-mono);justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:16px;display:flex}.ledger-foot>span:first-child{color:var(--cream-dim);font-size:.85rem}.ledger-total-num{color:var(--gold-soft);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.ledger-total-num:before{content:"EGP ";color:var(--cream-dim);font-size:.9rem}.ledger-stamp{inset-inline-end:18px;border:2px solid var(--gold);width:96px;height:96px;color:var(--gold);text-align:center;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 10px #0006);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:opacity .45s,transform .55s cubic-bezier(.2,1.4,.4,1);display:flex;position:absolute;bottom:20px;transform:translateY(-12px)scale(1.9)rotate(-30deg)}.ledger-stamp:before{content:"";opacity:.75;border:1px dashed;border-radius:50%;position:absolute;inset:5px}.ledger-stamp.is-stamped{opacity:.88;transform:translateY(0)scale(1)rotate(-14deg)}.stamp-main{font-family:var(--font-mono);letter-spacing:.1em;font-size:.78rem;font-weight:700}.stamp-sub{opacity:.8;font-size:.56rem;font-family:var(--font-mono)}.stats-strip{border-block:1px solid var(--ink-3);background:var(--ink-2)}.stats-inner{grid-template-columns:repeat(4,1fr);padding-block:34px;display:grid}.stat{text-align:center;border-inline-start:1px solid var(--ink-3)}.stat:first-child{border-inline-start:none}.stat-num{font-family:var(--font-mono);color:var(--gold-soft);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:2rem;font-weight:500;display:block}.stat-label{color:var(--cream-dim);font-size:.85rem}.section-title{text-align:center;text-wrap:balance;margin:0 0 12px;font-size:clamp(1.7rem,2.2vw + 1rem,2.3rem);font-weight:800}.section-sub{text-align:center;color:var(--cream-dim);max-width:56ch;margin:0 auto 52px}section{padding-block:88px}.features,.how,.testimonial,.pricing,.signup,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 760px}.cq-container{container:features/inline-size}.feature-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.feature-card{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:28px 24px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--gold);transform:translateY(-3px)}.feature-icon{width:46px;height:46px;color:var(--gold-soft);background:#c9a2271f;border-radius:9px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-card h3{margin:0 0 8px;font-size:1.08rem}.feature-card p{color:var(--cream-dim);margin:0;font-size:.92rem}@container features (width<=520px){.feature-card{grid-template-columns:auto 1fr;align-items:start;gap:14px 16px;display:grid}.feature-icon{margin-bottom:0}.feature-card h3,.feature-card p{grid-column:2}}.how{background:var(--ink-2);border-block:1px solid var(--ink-3)}.how-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;list-style:none;display:grid}.how-step{padding-inline-start:4px;position:relative}.step-num{font-family:var(--font-mono);color:var(--gold);opacity:.85;margin-bottom:12px;font-size:.95rem;display:block}.how-step h3{margin:0 0 8px;font-size:1.1rem}.how-step p{color:var(--cream-dim);margin:0;font-size:.92rem}.testimonial{text-align:center;position:relative}.testimonial blockquote{margin:0;max-width:60ch;margin-inline:auto;position:relative}.testimonial blockquote:before{content:"“";font-family:var(--font-en);color:var(--gold);opacity:.55;text-align:center;margin-bottom:-6px;font-size:4.5rem;line-height:1;display:block}.testimonial p{font-family:var(--font-en);color:var(--cream);margin:0 0 20px;font-size:clamp(1.2rem,1.6vw + .8rem,1.6rem);font-style:italic}.testimonial footer{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.q-name{font-weight:700}.q-role{color:var(--cream-dim)}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin-inline:auto;display:grid}.price-card{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;padding:32px 28px;position:relative}.price-card.highlighted{border-color:var(--gold);box-shadow:0 24px 48px -28px #0000008c,inset 0 0 0 1px #c9a2271a}.price-badge{top:-13px;background:var(--gold);color:var(--ink);border-radius:100px;padding:4px 12px;font-size:.72rem;font-weight:800;position:absolute;inset-inline-start:28px}.price-card h3{margin:0 0 10px;font-size:1.15rem}.price-amt{font-family:var(--font-mono);color:var(--gold-soft);font-variant-numeric:tabular-nums;margin:0 0 22px;font-size:2.2rem;font-weight:500}.price-amt span{color:var(--cream-dim);font-size:.95rem;font-family:var(--font-mono)}.price-card ul{flex-direction:column;gap:11px;margin:0 0 26px;padding:0;list-style:none;display:flex}.price-card li{color:var(--cream-dim);padding-inline-start:22px;font-size:.92rem;position:relative}.price-card li:before{content:"✓";color:var(--emerald-bright);font-weight:700;position:absolute;inset-inline-start:0}.signup{background:var(--ink-2);border-top:1px solid var(--ink-3)}.signup-inner{text-align:center;max-width:520px}.signup h2{margin:0 0 10px;font-size:clamp(1.5rem,2vw + 1rem,2rem)}.signup p{color:var(--cream-dim);margin:0 0 28px}.signup-form{border:1.5px solid #0000;border-radius:12px;gap:12px;padding:4px;transition:border-color .2s,box-shadow .2s;display:flex}.signup-form:has(input:focus-visible){border-color:var(--gold);box-shadow:0 0 0 4px #c9a22724}.signup-form:has(input[aria-invalid=true]){border-color:var(--amber)}.signup-form input{border:1.5px solid var(--ink-3);background:var(--ink);color:var(--cream);border-radius:8px;flex:1;padding:13px 16px;font-family:inherit;font-size:.95rem}.signup-form input:focus-visible{outline:none}.signup-form input::placeholder{color:var(--cream-dim);opacity:.7}.signup-form input[aria-invalid=true]{border-color:var(--amber)}.form-msg{min-height:22px;margin-top:14px;font-size:.88rem}.form-msg.success{color:var(--emerald-bright)}.form-msg.error{color:#e0a15e}.form-msg.demo{color:var(--gold-soft)}.site-footer{border-top:1.5px solid #0000;border-image:linear-gradient(90deg,#0000,#c9a22766,#0000) 1;padding-block:26px}.footer-inner{color:var(--cream-dim);flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:.85rem;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--cream-dim);text-decoration:none}.footer-links a:hover{color:var(--cream)}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.how-steps{grid-template-columns:1fr}.stats-inner{grid-template-columns:repeat(2,1fr);row-gap:24px}.stat:nth-child(3){border-inline-start:none}}@media (width<=640px){:root{--header-h:70px}.main-nav{display:none}.feature-grid,.pricing-grid{grid-template-columns:1fr}.signup-form{flex-direction:column}section{padding-block:60px}.ledger-stamp{width:82px;height:82px}}
