:root{--bg:#f7f7f2;--surface:#fff;--ink:#20211f;--muted:#74766f;--line:#e1e2db;--accent:#2b4de5;--blue-light:#edf0ff;--radius:22px;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#dce3ff}.container{width:min(1200px,calc(100% - 88px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:rgba(247,247,242,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-family:Arial,sans-serif;font-weight:900;font-size:32px;letter-spacing:-2px}.brand span{color:var(--accent)}nav{display:flex;gap:34px;font-size:15px;font-weight:500}nav a:hover{color:var(--accent)}.button{min-height:56px;display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:14px 25px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:white;font-size:16px;font-weight:500;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#203ec2;transform:translateY(-2px);box-shadow:0 7px 20px #2b4de520}.button span[aria-hidden]{font:24px Arial}.button-small{min-height:44px;padding:9px 18px;font-size:14px;gap:23px}.button-outline{background:transparent;color:var(--ink);border-color:#d4d6ce}.button-outline:hover{color:var(--accent);background:white}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:46px;align-items:center;padding-block:78px 76px;min-height:725px}.eyebrow{font-size:14px;display:flex;gap:10px;align-items:center;font-weight:500}.tiny-page{height:16px;width:13px;border:1.5px solid var(--accent);border-radius:2px;box-shadow:3px -3px 0 -1px var(--bg),3px -3px 0 0 var(--accent)}h1{font-size:clamp(38px,4.5vw,60px);line-height:1.4;letter-spacing:-1.9px;margin:22px 0 22px;font-weight:600}h1>span{color:var(--accent)}.hero-copy>p{font-size:17px;line-height:1.95;max-width:490px;color:#6c6e67;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-notes{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:12px;color:var(--muted);margin-top:24px}.hero-notes span+span:before{content:'·';padding-inline-end:12px}.hero-visual{position:relative;height:540px;border:1px solid #e6e7df;background:#eeefe7;border-radius:25px;direction:rtl}.visual-caption{position:absolute;inset:25px 26px auto;display:flex;justify-content:space-between;font-size:12px;color:#73766b;gap:15px}.visual-caption span:last-child{font:9px Arial;letter-spacing:1px;align-self:center}.browser-mock{position:absolute;top:88px;right:32px;left:32px;background:#fff;border-radius:12px;border:1px solid #dce0d3;box-shadow:0 22px 30px #2931230e;overflow:hidden;transform:rotate(-3deg);min-height:340px}.browser-top{direction:ltr;display:flex;align-items:center;height:30px;background:#fafbf8;border-bottom:1px solid #ebeee5;padding:0 11px;gap:4px}.browser-top i{width:5px;height:5px;background:#d5d9cf;border-radius:50%}.browser-top>span{margin:auto;font:9px Arial;color:#9b9e94;background:#f0f1eb;padding:4px 36px;border-radius:4px}.browser-top b{font:12px Arial;color:#a4a69b}.mock-nav{padding:17px 20px 10px;display:flex;justify-content:space-between;align-items:center}.mock-nav strong{font-size:12px;display:flex;align-items:center;gap:5px}.mini-mark{color:var(--accent);font:20px Arial}.mock-nav>span{font-size:8px;color:#777}.mock-main{padding:16px 25px 22px}.mock-kicker{font-size:9px;color:var(--accent)}.mock-main h2{font-size:30px;line-height:1.4;margin:9px 0;font-weight:600;letter-spacing:-1px}.mock-main p{font-size:9px;color:#8a8d83}.mock-buttons{display:flex;gap:8px;margin-top:15px}.mock-buttons>span{font-size:9px;padding:7px 14px;background:var(--accent);color:#fff;border-radius:4px}.mock-buttons>span+span{background:#f0f2eb;color:#45483e}.mock-grid{display:flex;gap:8px;width:100%;margin-top:22px}.mock-grid>div{background:#f5f6f0;border:1px solid #eef0e7;border-radius:5px;padding:12px;display:flex;gap:16px;align-items:center;min-width:25%}.mock-grid span{font:9px Arial;color:#abaea1}.mock-grid b{font-size:10px;font-weight:500}.phone-mock{position:absolute;bottom:38px;left:26px;width:170px;height:350px;border:5px solid #262921;outline:1px solid #666a5f;background:#fcfcf8;border-radius:29px;box-shadow:0 22px 24px #1c241e24;transform:rotate(5deg);overflow:hidden}.phone-notch{width:49px;height:11px;background:#262921;border-radius:0 0 7px 7px;position:absolute;top:0;left:55px}.phone-nav{font-size:10px;font-weight:500;display:flex;justify-content:space-between;padding:21px 13px 12px;border-bottom:1px solid #e9ebe2}.phone-nav span{color:var(--accent)}.phone-content{padding:17px 13px}.phone-label{font-size:8px;color:#7e8474}.phone-content h3{font-size:23px;line-height:1.4;margin:8px 0;color:var(--accent);font-weight:600}.phone-content p{font-size:9px;line-height:1.7;color:#7a7f71;margin:6px 0 13px}.phone-cta{font-size:9px;text-align:center;background:var(--accent);color:white;padding:7px;border-radius:4px;margin-bottom:12px}.phone-tile{display:flex;justify-content:space-between;font-size:8px;padding:8px 7px;margin-bottom:5px;background:#f0f2e9;border-radius:4px}.phone-tile b{font-weight:400;color:#929988}.phone-bottom{position:absolute;bottom:6px;left:53px;width:48px;height:3px;border-radius:8px;background:#373d2d}.floating-tag{display:flex;align-items:center;gap:10px;padding:13px;background:#fff;border:1px solid #e4e6dd;border-radius:12px;box-shadow:0 10px 25px #2b34220c;position:absolute;z-index:2}.tag-whatsapp{bottom:84px;right:23px;transform:rotate(-4deg)}.tag-icon{width:34px;height:34px;background:var(--blue-light);color:var(--accent);display:grid;place-items:center;border-radius:8px}.tag-icon svg{width:19px;height:19px}.tag-whatsapp b{display:block;font-size:12px;font-weight:500}.tag-whatsapp div>span{display:block;font-size:9px;color:#8a8f80}.tag-arrow{font:18px Arial;color:#a1a69a;margin-right:10px}.tag-link{top:62px;left:15px;transform:rotate(4deg);padding:8px 12px;font-size:11px}.tag-link .tag-icon{width:26px;height:26px}.tag-link svg{width:15px;height:15px}.visual-footnote{position:absolute;bottom:15px;right:23px;color:#989d8e;font-size:10px}.intro-strip{border-block:1px solid var(--line);background:#f1f2eb}.intro-strip>.container{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-strip p{font-size:16px;font-weight:500}.intro-strip .container>div{display:flex;gap:45px;color:#7a7e72;font-size:14px}.intro-strip .container>div span:before{content:'✓';margin-left:10px;color:var(--accent)}.skip-link{position:fixed;top:-100px;right:15px;z-index:99;background:white;padding:15px}.skip-link:focus{top:10px}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1440px){.hero{padding-block:92px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero{gap:28px}h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-visual{height:510px}.browser-mock{right:20px;left:20px}.phone-mock{left:16px;width:157px}.mock-main h2{font-size:25px}.mock-nav>span{font-size:7px}.tag-whatsapp{right:12px}.hero .button{font-size:14px;padding-inline:15px;gap:15px}.hero-notes{font-size:11px;gap:6px}.intro-strip .container>div{gap:20px}}@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{height:74px}.brand{font-size:29px}nav{display:none}.button-small{min-height:44px}.hero{grid-template-columns:1fr;padding-block:44px 40px;gap:37px;min-height:0}.hero-copy>p{max-width:560px;font-size:16px;line-height:1.95;margin-bottom:24px}h1{font-size:clamp(37px,8.2vw,54px);line-height:1.45;letter-spacing:-1px;margin-block:19px}.eyebrow{font-size:13px}.hero .button{font-size:14px;min-height:54px;padding-inline:16px;gap:18px}.hero-notes{font-size:10px;gap:4px 7px;margin-top:19px}.hero-notes span+span:before{padding-inline-end:7px}.hero-visual{width:100%;max-width:520px;justify-self:center;height:450px;border-radius:19px}.visual-caption{inset:21px 18px auto}.visual-caption span:first-child{font-size:11px}.visual-caption span:last-child{font-size:8px}.browser-mock{top:74px;right:19px;left:19px;min-height:298px}.mock-nav{padding:15px 13px 6px}.mock-nav>span{font-size:7px}.mock-main{padding:13px 20px 20px}.mock-main h2{font-size:25px}.mock-grid{margin-top:20px}.mock-grid>div{padding:9px;gap:8px}.phone-mock{width:142px;height:300px;left:17px;bottom:24px;border-width:4px;border-radius:23px}.phone-notch{left:45px;width:44px;height:9px}.phone-nav{font-size:9px;padding:17px 10px 8px}.phone-content{padding:12px 10px}.phone-content h3{font-size:20px;margin-block:7px}.phone-content p{font-size:8px;margin:6px 0 10px}.phone-label{font-size:7px}.phone-cta{font-size:8px;margin-bottom:8px}.phone-tile{padding:6px;font-size:7px}.phone-bottom{left:44px}.tag-whatsapp{right:11px;bottom:46px;gap:7px;padding:10px}.tag-whatsapp b{font-size:10px}.tag-whatsapp div>span{font-size:8px}.tag-icon{width:28px;height:28px}.tag-arrow{display:none}.tag-link{top:56px;left:10px;font-size:10px}.visual-footnote{font-size:8px;bottom:14px}.intro-strip>.container{padding-block:15px;align-items:flex-start;flex-direction:column;gap:3px}.intro-strip p{font-size:15px;margin:0 0 8px}.intro-strip .container>div{font-size:11px;gap:17px;flex-wrap:wrap}.intro-strip .container>div span:before{margin-left:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}