:root{--ink:#17211f;--muted:#66716d;--paper:#f5f4ef;--cream:#ebe8dd;--green:#98b79c;--blue:#a9c9d1;--orange:#e6a06e;--line:#d9d8cf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,.button:focus-visible{outline:3px solid #c9814d;outline-offset:4px}.section-shell,.site-header,.site-footer{max-width:1180px;margin:auto;padding-left:34px;padding-right:34px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand-logo{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover}.brand strong{display:block;font-family:"Space Grotesk";font-size:17px;letter-spacing:-.5px}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.nav-links{display:flex;gap:38px;color:var(--muted);font-size:13px}.nav-links a:hover,.text-link:hover,.card-link:hover{color:var(--ink)}.header-cta,.button{font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:14px}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:5px}.header-cta span,.text-link span,.button span{font-size:17px}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;align-items:center;padding-top:42px;padding-bottom:60px}.eyebrow{margin:0 0 18px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80a884;margin-left:8px}.hero h1{font-size:clamp(50px,7vw,86px);line-height:1.12;letter-spacing:-4px;margin:0 0 26px;font-weight:700}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#829b83}.hero-text{max-width:475px;color:var(--muted);font-size:16px;line-height:2;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{padding:15px 20px;border-radius:5px;transition:.2s}.button-dark{background:var(--ink);color:#f6f4eb}.button-dark:hover{background:#31413c;transform:translateY(-2px)}.text-link{font-weight:700;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:6px}.hero-meta{display:flex;gap:45px;border-top:1px solid var(--line);margin-top:72px;padding-top:19px}.hero-meta strong{display:block;font:600 12px "Space Grotesk";letter-spacing:.3px}.hero-meta span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.hero-art{height:500px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #d6d8cc;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:430px;height:180px}.orbit-two{width:360px;height:440px;transform:rotate(32deg)}.phone{width:224px;height:440px;background:#212b28;border:7px solid #28332f;border-radius:32px;padding:9px;box-shadow:18px 22px 40px #27322d35;transform:rotate(8deg);z-index:1}.phone-screen{height:100%;border-radius:21px;background:#d5e3ce;padding:17px 14px;color:#21312a;overflow:hidden}.phone-notch{position:absolute;z-index:2;width:72px;height:18px;top:12px;left:calc(50% - 36px);background:#202a27;border-radius:20px}.screen-top{display:flex;justify-content:space-between;font:9px "Space Grotesk";margin-bottom:36px}.app-greeting{font-size:17px;line-height:1.5}.app-greeting b{font-size:26px}.screen-card{display:flex;align-items:center;gap:8px;background:#253630;color:#eff4e9;padding:12px 9px;border-radius:12px;margin-top:23px}.mini-icon{display:grid;place-items:center;width:27px;height:27px;background:#e5a46f;color:#24342d;border-radius:8px}.screen-card small{display:block;font-size:8px;color:#bccbc1}.screen-card strong{display:block;font:700 15px "Space Grotesk"}.screen-card .arrow{margin-right:auto}.screen-label{font-size:9px;font-weight:700;margin-top:27px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.screen-grid span{display:flex;flex-direction:column;gap:5px;background:#eff2e8;border-radius:9px;padding:11px;font-size:18px}.screen-grid small{font-size:8px;color:var(--muted)}.screen-bottom{height:6px;width:70px;background:#394943;border-radius:8px;margin:25px auto 0}.floating-note{position:absolute;background:#fffdf7;border:1px solid #ddddd4;border-radius:4px;padding:12px 14px;font-size:11px;box-shadow:0 10px 20px #27322d12;z-index:2}.floating-note b{color:#c9814d;margin-right:8px}.note-one{top:65px;right:0}.note-two{bottom:72px;left:5px}.work{padding-top:72px;padding-bottom:115px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px}.section-heading h2,.about h2,.contact h2{font-size:clamp(35px,4vw,52px);line-height:1.3;letter-spacing:-2px;margin:0}.app-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;margin-top:29px}.app-card{min-height:410px;background:#eeece3;padding:15px;display:flex;flex-direction:column;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.app-card:hover{transform:translateY(-7px);border-color:#d3d4c9;box-shadow:0 18px 35px #27322d15}.app-card.featured{background:#e4e1d6}.app-visual{height:190px;display:grid;place-items:center;font-size:75px;overflow:hidden;position:relative}.visual-sun{background:var(--green);color:#f6f4ea}.visual-blue{background:var(--blue);color:#f4f3e9}.visual-orange{background:var(--orange);color:#f5f0e6}.app-visual span{font-family:"Space Grotesk";font-size:75px}.app-visual img{width:150px;height:150px;object-fit:contain;border-radius:28px;filter:drop-shadow(0 12px 14px #20342a33);transition:transform .25s ease}.app-card:hover .app-visual img{transform:scale(1.06) rotate(-2deg)}.visual-badge{position:absolute;right:10px;top:10px!important;background:#fffdf7;color:var(--ink);border-radius:30px;padding:7px 10px;font:700 9px Cairo!important;letter-spacing:0!important;line-height:1!important;box-shadow:0 5px 12px #20342a14}.app-info{display:flex;justify-content:space-between;align-items:start;margin-top:22px}.card-kicker{font:700 9px "Space Grotesk";letter-spacing:1px;color:var(--muted);margin:0 0 6px}.app-info h3{font-size:20px;margin:0}.card-arrow{font-size:22px;transition:transform .25s ease}.app-card:hover .card-arrow{transform:translate(3px,-3px)}.app-description{color:var(--muted);font-size:12px;line-height:1.8;max-width:270px;margin-bottom:15px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.card-tags span{border:1px solid #d0d1c7;border-radius:20px;color:var(--muted);font-size:9px;padding:4px 8px}.card-link{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;font-weight:700;margin-top:auto;border-top:1px solid #d0d1c7;border-bottom:0;padding-top:13px;padding-bottom:0;align-self:stretch}.card-link b{font:16px "Space Grotesk";transition:transform .2s ease}.card-link:hover b{transform:translate(3px,-3px)}.about{display:grid;grid-template-columns:.55fr 1fr;gap:70px;background:var(--cream);max-width:none;padding-top:105px;padding-bottom:105px;padding-left:calc((100% - 1112px)/2 + 34px);padding-right:calc((100% - 1112px)/2 + 34px)}.about-label{display:flex;gap:13px}.line{width:32px;height:1px;background:#8d958d;margin-top:9px}.about-copy>p{max-width:550px;color:var(--muted);font-size:15px;line-height:2;margin:27px 0 37px}.principles{display:flex;gap:50px;border-top:1px solid #cfd0c5;padding-top:18px;font:11px "Space Grotesk";color:var(--muted)}.principles b{color:var(--ink);font-family:Cairo;margin-right:10px}.contact{display:grid;grid-template-columns:1fr .8fr;align-items:end;background:var(--ink);color:#f1f0e7;max-width:none;padding-top:100px;padding-bottom:105px;padding-left:calc((100% - 1112px)/2 + 34px);padding-right:calc((100% - 1112px)/2 + 34px)}.contact .eyebrow,.contact-side p{color:#acb8ae}.contact h2 em{color:#a9c79d}.contact-side{max-width:320px}.contact-side p{line-height:2;font-size:14px;margin:0 0 30px}.button-light{background:#e9e8dd;color:var(--ink)}.button-light:hover{background:#fff;transform:translateY(-2px)}.site-footer{display:flex;justify-content:space-between;padding-top:23px;padding-bottom:23px;color:var(--muted);font-size:10px}.site-footer a{color:var(--ink);font-weight:700}@media(max-width:800px){.site-header{height:75px}.nav-links{display:none}.header-cta{font-size:11px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:480px;order:-1}.hero h1{letter-spacing:-2px}.hero-meta{gap:20px;margin-top:50px}.app-grid{grid-template-columns:1fr}.app-card{min-height:390px}.about,.contact{grid-template-columns:1fr;gap:35px;padding-left:34px;padding-right:34px}.about{padding-top:70px;padding-bottom:70px}.contact{padding-top:70px;padding-bottom:70px}.section-heading{align-items:start;gap:25px;flex-direction:column}.site-footer{gap:12px;flex-wrap:wrap}.note-one{right:-5px}.note-two{left:-5px}}
.contact-intro{max-width:580px}.contact-note{max-width:430px;color:#acb8ae;font-size:13px;line-height:2;margin:28px 0 0}.contact-side{width:100%;max-width:390px;display:grid;gap:12px}.contact-card{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #40504a}.contact-card-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #74857a;border-radius:50%;color:#b8d2ad;font:16px "Space Grotesk"}.contact-card small{display:block;color:#91a097;font-size:10px;margin-bottom:4px}.contact-card a{display:block;color:#f1f0e7;font-size:12px;font-weight:700;direction:ltr;text-align:right}.contact-card a:hover{color:#b8d2ad}.contact-button{justify-self:start;margin-top:14px}.contact-button span{font-size:18px}@media(max-width:800px){.contact-note{margin-top:20px}.contact-card a{font-size:11px}.contact-button{margin-top:10px}}
.whatsapp-link{display:flex!important;align-items:center;gap:14px;width:100%;direction:rtl!important;text-align:right!important}.whatsapp-link:hover .whatsapp-icon{background:#25d366;border-color:#25d366;color:#10251a}.whatsapp-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #74857a;border-radius:50%;color:#b8d2ad;transition:.2s}.whatsapp-icon svg{width:19px;height:19px;fill:currentColor}.whatsapp-link small{display:block;color:#91a097;font-size:10px;margin-bottom:4px}.whatsapp-link strong{display:block;color:#f1f0e7;font-size:12px;direction:ltr;text-align:right}
.inquiry-form{display:grid;gap:8px;width:100%;padding:18px;background:#26352f;border:1px solid #40504a}.inquiry-form-title{margin:0 0 5px;color:#f1f0e7;font-size:14px;font-weight:700}.inquiry-form label{margin-top:5px;color:#d5ddd5;font-size:11px;font-weight:600}.inquiry-form label span{color:#91a097;font-weight:400}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;min-width:0;border:1px solid #52635a;border-radius:4px;padding:10px 11px;background:#1d2925;color:#f1f0e7;font:12px Cairo,Arial,sans-serif}.inquiry-form textarea{resize:vertical;min-height:90px;line-height:1.8}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:2px solid #a9c79d;outline-offset:2px}.inquiry-form option{background:#1d2925;color:#f1f0e7}.inquiry-submit{justify-self:start;margin-top:8px;border:0;cursor:pointer;font-family:inherit}.inquiry-privacy{color:#91a097;font-size:9px;line-height:1.8}.contact-side .contact-card{min-width:0}.contact-side .inquiry-form{order:-1;margin-bottom:4px}@media(max-width:800px){.inquiry-form{padding:16px}.inquiry-submit{font-size:11px}}
/* Polished language switch */
.language-switch{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #d5d8cf;border-radius:999px;background:#fffdf7;color:var(--ink);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 2px 7px #17211f0b;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.language-switch::before{content:"";width:15px;height:15px;flex:0 0 15px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366716d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E")}.language-switch:hover{background:#e8ece3;border-color:#aebdad;box-shadow:0 4px 12px #17211f12;transform:translateY(-1px)}.language-switch:focus-visible{outline:3px solid #829b83;outline-offset:3px}