@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Inter:wght@400;500;600;700;800&family=Cairo:wght@400;600;700;800&family=Amiri:wght@400;700&display=swap');
/* Minimal reset (replaces Tailwind preflight) */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}
h1,h2,h3,h4,p{font-size:inherit;font-weight:inherit}
body{margin:0;line-height:inherit}
a{color:inherit;text-decoration:none}
b,strong{font-weight:bolder}
ul,ol{list-style:none;margin:0;padding:0}
button,input,optgroup,select,textarea{font:inherit;color:inherit;background-color:transparent;background-image:none;margin:0;padding:0}
button{text-transform:none}
img,svg{display:block;vertical-align:middle}

:root { --ink:#111936; --ink-soft:#303957; --paper:#f7f6f1; --white:#fffefa; --lime:#ceee52; --coral:#ff6e49; --sky:#b7d4ff; --line:rgba(17,25,54,.14); --muted:#68718c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
a { color:inherit; text-decoration:none; }
button, input, textarea, select { font:inherit; }
button { cursor:pointer; }
.section-pad { padding-left:clamp(20px,6.25vw,100px); padding-right:clamp(20px,6.25vw,100px); }
.site-header { height:82px; padding:0 clamp(20px,6.25vw,100px); display:flex; align-items:center; justify-content:space-between; position:fixed; inset:0 0 auto; z-index:100; transition:height .32s ease,background-color .32s ease,box-shadow .32s ease,border-color .32s ease; animation:headerIn .85s cubic-bezier(.22,.61,.36,1) both; }.site-header.scrolled { height:62px; background:rgba(247,246,241,.88); -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px); box-shadow:0 10px 28px rgba(17,25,54,.07); border-bottom:1px solid rgba(17,25,54,.06); }@keyframes headerIn { from { transform:translateY(-32px); opacity:0; } to { transform:translateY(0); opacity:1; } }@keyframes menuDrop { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }
.brand { display:flex; align-items:center; gap:9px; font-size:21px; font-weight:800; letter-spacing:-1.3px; }
.brand-mark { height:29px; width:29px; border-radius:9px; display:grid; place-items:center; background:var(--ink); color:var(--lime); font-size:17px; font-weight:900; font-family:Fraunces, Georgia, serif; transform:rotate(-8deg); }
.brand-dot { color:var(--coral); }
.site-header nav { display:flex; gap:31px; margin-left:118px; }
.site-header nav a { color:#37405c; font-size:13px; font-weight:700; transition:color .2s ease; }
.site-header nav a:hover,.site-header nav a.active { color:var(--coral); }
.header-cta { font-size:13px; font-weight:700; display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--ink); padding-bottom:4px; }
.menu-button { display:none; border:0; background:transparent; color:var(--ink); padding:5px; }
.hero { min-height:760px; padding-top:174px; padding-bottom:70px; display:grid; grid-template-columns:1fr 1fr; gap:30px; overflow:hidden; position:relative; }
.hero-copy { align-self:center; max-width:650px; padding-bottom:15px; position:relative; z-index:2; }
.eyebrow { color:#505975; text-transform:uppercase; display:flex; align-items:center; gap:9px; font-size:10px; font-weight:800; letter-spacing:1.6px; }
.eyebrow > span { width:25px; height:1px; background:currentColor; display:inline-block; }
h1,h2,h3,p { margin:0; }
h1,h2 { font-family:Fraunces, Georgia, serif; font-weight:500; letter-spacing:-.07em; }
h1 { max-width:650px; margin-top:20px; font-size:clamp(51px,5.45vw,88px); line-height:.93; }
h1 em,h2 em { font-weight:400; color:var(--coral); }
.hero-lead { margin-top:25px; max-width:480px; font-size:16px; line-height:1.65; color:#4b5470; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:35px; }
.button { min-height:48px; padding:0 20px; border:1px solid transparent; display:inline-flex; align-items:center; justify-content:center; gap:11px; font-size:12px; font-weight:800; transition:transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform:translateY(-3px); }
.button-dark { background:var(--ink); color:white; box-shadow:0 8px 20px rgba(17,25,54,.16); }
.button-outline { border-color:#b9bdc7; color:var(--ink); background:transparent; }
.button-lime { background:var(--lime); color:var(--ink); }
.text-link { display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:800; border-bottom:1px solid currentColor; padding-bottom:4px; }
.arrow-mini { font-size:17px; line-height:10px; }
.hero-proof { margin-top:49px; display:flex; align-items:center; gap:13px; color:#707a94; font-size:11px; line-height:1.45; }
.hero-proof strong { color:var(--ink); font-size:12px; }
.proof-avatars { display:flex; }
.proof-avatars b { width:28px; height:28px; display:grid; place-items:center; margin-left:-5px; border:2px solid var(--paper); border-radius:50%; font-size:9px; color:white; background:#d7705e; }
.proof-avatars b:nth-child(2) { background:#465471; }.proof-avatars b:nth-child(3) { background:#d6a758; }.proof-avatars b:last-child { color:var(--ink); background:var(--lime); }
.hero-visual { min-height:514px; position:relative; display:grid; place-items:center; }
.hero-halo { position:absolute; width:510px; height:510px; border-radius:50%; background:#dfe8ff; box-shadow:inset 0 0 0 1px rgba(17,25,54,.05); }
.hero-halo:before { content:""; position:absolute; inset:40px; border:1px solid rgba(17,25,54,.08); border-radius:50%; }
.hero-phone { width:249px; height:500px; padding:9px; background:linear-gradient(160deg,#4a5468,#141a26 48%,#303848); border-radius:44px; position:relative; z-index:3; will-change:transform; animation:heroLevitate 6.5s ease-in-out infinite; }
.hero-phone:before { content:""; position:absolute; inset:0; border-radius:44px; padding:2px; background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(255,255,255,.12) 28%,rgba(8,12,22,.75) 66%,rgba(255,255,255,.4) 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.hero-phone:after { content:""; position:absolute; inset:9px; border-radius:35px; z-index:5; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.16),rgba(255,255,255,0) 32%),linear-gradient(300deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%); }
.phone-notch { position:absolute; width:120px; height:33px; background:linear-gradient(180deg,#1c222e,#0b0f17 62%); left:calc(50% - 60px); top:15px; border-radius:100px; z-index:7; box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.5); }
.phone-notch:after { content:""; position:absolute; width:9px; height:9px; right:9px; top:50%; transform:translateY(-50%); border-radius:50%; background:radial-gradient(circle at 35% 30%,#3d6bff,#0b1230 70%); opacity:.9; }
.hero-phone img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; border-radius:35px; filter:saturate(1.06) contrast(1.04); }
@keyframes heroLevitate { 0%,100% { transform:rotate(7deg) translateX(18px) translateY(0); } 50% { transform:rotate(7deg) translateX(18px) translateY(-13px); } }
@keyframes heroLevitateSm { 0%,100% { transform:rotate(6deg) translateX(19px) scale(.68) translateY(0); } 50% { transform:rotate(6deg) translateX(19px) scale(.68) translateY(-9px); } }
@media (max-width:520px){ .hero-phone { animation-name:heroLevitateSm; } }
@keyframes heroLevitateMd { 0%,100% { transform:rotate(7deg) translateX(18px) scale(.88) translateY(0); } 50% { transform:rotate(7deg) translateX(18px) scale(.88) translateY(-10px); } }
@media (max-width:860px){ .hero-phone { animation-name:heroLevitateMd; } .hero-visual { min-height:415px; } }
.hero-dashboard { position:absolute; width:194px; height:145px; border-radius:13px; padding:15px; background:var(--ink); color:#ecf4ff; left:5%; top:19%; z-index:4; box-shadow:0 18px 24px rgba(17,25,54,.22); transform:rotate(-5deg); }.dash-top,.dash-bottom { display:flex; align-items:center; justify-content:space-between; font-size:9px; }.dash-top b { color:var(--lime); }.dash-bottom { border-top:1px solid rgba(255,255,255,.15); padding-top:9px; }.dash-bottom b { font-size:14px; }.chart-bars { height:61px; display:flex; align-items:flex-end; gap:8px; padding:9px 4px 10px; }.chart-bars i { width:11px; background:#8094bd; border-radius:3px 3px 0 0; }.chart-bars i:nth-child(1){height:21%}.chart-bars i:nth-child(2){height:52%}.chart-bars i:nth-child(3){height:35%}.chart-bars i:nth-child(4){height:70%}.chart-bars i:nth-child(5){height:49%}.chart-bars i:nth-child(6){height:90%;background:var(--lime)}.chart-bars i:nth-child(7){height:62%}
.hero-label { position:absolute; z-index:5; font-size:10px; font-weight:800; box-shadow:0 8px 19px rgba(22,31,66,.12); }.top-label { color:var(--ink); background:var(--lime); padding:10px 13px; right:3%; top:12%; display:flex; align-items:center; gap:7px; transform:rotate(3deg); }.bottom-label { background:var(--white); padding:11px 13px; left:14%; bottom:11%; }.pulse-dot { width:6px; height:6px; background:#77af35; border-radius:50%; display:inline-block; margin-right:5px; box-shadow:0 0 0 4px rgba(119,175,53,.14); }.visual-orbit { position:absolute; border:1px dashed rgba(17,25,54,.2); border-radius:50%; }.orbit-one { width:420px; height:420px; }.orbit-two { width:590px; height:590px; }
.trust-line { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:19px max(20px,6.25vw); overflow:hidden; }.trust-marquee { max-width:1240px; display:flex; align-items:center; margin:auto; }.trust-track { display:flex; align-items:center; justify-content:space-between; gap:28px; white-space:nowrap; }.trust-track + .trust-track { display:none; }@keyframes trustMarquee { to { transform:translateX(-50%); } }.trust-line span { text-transform:uppercase; font-size:9px; color:#7a8298; letter-spacing:1.4px; }.trust-line b { font-family:Fraunces, Georgia, serif; font-size:19px; letter-spacing:-1px; color:#6c7284; }.trust-line b:nth-of-type(2) { font-family:Inter, Arial, sans-serif; font-size:17px; font-weight:900; letter-spacing:-1.8px; }.trust-line b i { font-family:Fraunces, Georgia, serif; font-weight:400; }
.portfolio { padding-top:143px; padding-bottom:138px; }.section-heading { max-width:1240px; margin:auto; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(230px,.7fr); gap:50px; align-items:end; }.section-heading h2 { max-width:670px; margin-top:14px; font-size:clamp(38px,4.4vw,65px); line-height:.95; }.section-heading > p { max-width:360px; padding-bottom:3px; color:#5a637d; font-size:14px; line-height:1.65; }.portfolio-toolbar { max-width:1240px; margin:64px auto 29px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.filter-scroll { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; max-width:100%; padding-bottom:18px; border-bottom:1px solid var(--line); }.filter-scroll button { flex:none; display:flex; align-items:center; gap:7px; padding:10px 13px; border:1px solid transparent; background:transparent; color:#59627a; font-size:11px; font-weight:700; white-space:nowrap; transition:color .2s,background .2s,border-color .2s,box-shadow .2s; }.filter-scroll button:hover { color:var(--ink); }.filter-scroll button.active { background:var(--white); border-color:#cbced4; color:var(--ink); box-shadow:0 4px 12px rgba(17,25,54,.05); }.portfolio-count { color:#8b91a1; font-size:10px; letter-spacing:1px; text-transform:uppercase; }.projects-grid { max-width:1240px; margin:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.project-card { min-width:0; }.project-card-visual { height:310px; border-radius:2px; background:#dde4ed; overflow:hidden; position:relative; display:grid; place-items:center; }.project-featured .project-card-visual { height:410px; }.project-card:nth-child(3n+2) .project-card-visual { background:#e2ddd4; }.project-card:nth-child(3n+3) .project-card-visual { background:#d9e6e3; }.project-card:nth-child(4n+1) .project-card-visual { background:#e8e0d3; }.project-glow { position:absolute; width:60%; aspect-ratio:1; background:rgba(255,255,255,.42); filter:blur(40px); border-radius:50%; opacity:.65; transition:opacity .5s,transform 1s ease; }.project-card:hover .project-glow { opacity:1; transform:scale(1.1); }.project-card:hover .device-stage { transform:translateY(9px) scale(1.045); }.device-stage { position:relative; width:290px; height:235px; z-index:2; transform:translateY(13px); transition:transform .55s cubic-bezier(.2,.7,.3,1); }.large-device { width:385px; height:315px; }.desktop-device { width:82%; height:78%; border-radius:10px 10px 2px 2px; background:#1a212f; position:absolute; left:0; top:6px; box-shadow:0 14px 24px rgba(17,25,54,.22); overflow:hidden; }.desktop-device:before { content:""; position:absolute; inset:0; z-index:4; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,0) 30%),linear-gradient(300deg,rgba(255,255,255,0) 72%,rgba(255,255,255,.06) 100%); }.desktop-device:after { content:""; position:absolute; height:8px; width:116%; left:-8%; bottom:-14px; border-radius:0 0 12px 12px; background:linear-gradient(180deg,#3a4356,#202634); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }.desktop-bar { position:absolute; top:7px; left:10px; display:flex; gap:5px; z-index:2; }.desktop-bar i { display:block; height:4px; width:4px; border-radius:50%; background:rgba(234,106,92,.72); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }.desktop-bar i:nth-child(2) { background:rgba(244,191,79,.72); }.desktop-bar i:nth-child(3) { background:rgba(88,195,91,.72); }.desktop-device img { display:block; box-sizing:border-box; width:100%; height:100%; padding-top:18px; object-fit:cover; object-position:top; filter:saturate(1.03) contrast(1.01); }.phone-device { position:absolute; width:26%; height:84%; right:4%; bottom:-3px; border-radius:15px; padding:2px; box-sizing:border-box; background:linear-gradient(160deg,#3b4353,#151a26 55%,#2a313c); box-shadow:10px 16px 28px rgba(17,25,54,.36); overflow:hidden; }.phone-device:before { content:""; position:absolute; inset:2px; z-index:4; pointer-events:none; border-radius:13px; background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,0) 32%); }.phone-speaker { position:absolute; z-index:6; height:7px; width:36%; background:#0c111b; top:5px; left:32%; border-radius:0 0 8px 8px; box-shadow:inset 0 1px 1px rgba(255,255,255,.07); }.phone-device img { display:block; width:100%; height:100%; border-radius:12px; object-fit:cover; object-position:top; }.project-screen { height:100%; position:relative; overflow:hidden; background:#ebe5dc; color:#253040; }.screen-nav { height:15%; background:rgba(255,255,255,.78); display:flex; gap:6%; align-items:center; padding:0 6%; }.screen-nav i { width:19%; height:20%; background:#28334a; }.screen-nav span { width:8%; height:7%; background:#9298a2; }.screen-hero { height:59%; display:flex; position:relative; overflow:hidden; }.screen-copy { padding:9% 0 0 9%; position:relative; z-index:2; }.screen-copy b { display:block; font-family:Fraunces, Georgia, serif; font-size:clamp(8px,1.15vw,16px); line-height:1.03; max-width:90px; }.screen-copy small { display:block; margin-top:5px; font-size:clamp(3px,.42vw,6px); }.screen-copy em { display:block; width:34px; height:2px; background:#27304a; margin-top:10px; }.screen-orb { position:absolute; width:45%; aspect-ratio:1; right:-5%; top:10%; border-radius:50%; background:#d39e73; }.screen-cards { display:flex; gap:4%; padding:5% 8%; height:26%; }.screen-cards span { background:#ded6cb; flex:1; }.project-screen.dining { background:#efe7db; }.dining .screen-nav { background:#33302a; }.dining .screen-nav i { background:#e6d3ab; }.dining .screen-nav span { background:#9c968a; }.dining .screen-hero { background:#8e5a43; color:white; }.dining .screen-orb { width:56%; background:#e4b588; border-radius:50% 50% 0 0; bottom:-14%; top:auto; }.dining .screen-copy em { background:#f1c983; }.dining .screen-cards span { background:#c7a68c; }.project-screen.estate { background:#edf2ed; }.estate .screen-hero { background:#bbd0c8; }.estate .screen-orb { background:#e4dfcb; width:60%; border-radius:50% 50% 10px 10px; }.estate .screen-copy b { font-size:clamp(7px,1vw,14px); }.estate .screen-cards span { background:#d6dfdc; }.project-screen.emna { background:#fbf0e7; }.emna .screen-hero { background:#e9c4a8; }.emna .screen-orb { background:#7c534f; width:50%; border-radius:45% 45% 0 0; bottom:-16%; top:auto; }.emna .screen-cards span { background:#e4d0bf; }.project-screen.sukoon { background:#dedccb; }.sukoon .screen-hero { background:#b9b99c; }.sukoon .screen-orb { background:#f1f0df; width:56%; border-radius:52% 52% 0 0; top:14%; }.sukoon .screen-cards span { background:#c6c5ad; }.project-screen.rawnak { background:#f4e8df; }.rawnak .screen-hero { background:#d6967a; }.rawnak .screen-orb { background:#5c3b35; width:48%; bottom:-12%; top:auto; border-radius:50% 50% 0 0; }.rawnak .screen-cards span { background:#dfc9bc; }.project-screen.health { background:#f1f6f7; }.health .screen-hero { background:#c3d6d4; }.health .screen-orb { background:#f7fbf6; width:55%; border-radius:8px; transform:rotate(27deg); }.health .screen-cards span { background:#d7e4e5; }.project-screen.gym { color:white; background:#202631; }.gym .screen-nav { background:#171b24; }.gym .screen-nav i { background:#d1ee50; }.gym .screen-nav span { background:#677080; }.gym .screen-hero { background:#303b47; }.gym .screen-orb { background:#d1ee50; width:45%; border-radius:18% 70% 30% 70%; }.gym .screen-cards span { background:#3c4857; }.project-screen.hijab { background:#f1e9e1; }.hijab .screen-hero { background:#c1aa9a; }.hijab .screen-orb { background:#f4e6d9; width:52%; border-radius:50% 50% 0 0; bottom:-18%; top:auto; }.hijab .screen-cards span { background:#d8c8bd; }.project-card-meta { display:flex; align-items:center; justify-content:space-between; padding:16px 2px 0; }.project-card-meta span { color:#7c8498; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:1.1px; }.project-card-meta h3 { margin-top:5px; font-family:Fraunces, Georgia, serif; font-size:25px; font-weight:500; letter-spacing:-1.2px; }.project-card-meta a { height:38px; width:38px; display:grid; place-items:center; background:transparent; border:1px solid #b9bec8; border-radius:50%; transition:.2s; }.project-card-meta a:hover { background:var(--ink); color:white; }.center-action { display:flex; justify-content:center; margin-top:58px; }
.services { background:var(--ink); color:white; padding-top:132px; padding-bottom:83px; }.light { color:#b7c2dc; }.services .section-heading p { color:#aab4cb; }.services h2 { color:white; }.services h2 em { color:var(--lime); }.service-grid { max-width:1240px; margin:65px auto 82px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.17); }.service-card { padding:30px 30px 33px; border-right:1px solid rgba(255,255,255,.17); border-bottom:1px solid rgba(255,255,255,.17); position:relative; transition:background .25s ease; }.service-card:first-child { border-left:1px solid rgba(255,255,255,.17); }.service-card:hover { background:#202b4a; }.service-number { position:absolute; top:27px; right:28px; color:#8f9ab5; font-size:11px; }.service-icon { height:42px; width:42px; display:grid; place-items:center; color:var(--ink); background:var(--lime); }.accent-orange .service-icon { background:var(--coral); }.accent-blue .service-icon { background:var(--sky); }.service-card h3 { margin-top:40px; font-family:Fraunces, Georgia, serif; letter-spacing:-1px; font-size:27px; font-weight:500; }.service-card p { min-height:65px; margin-top:12px; color:#b4bdd1; font-size:13px; line-height:1.58; }.service-card ul { border-top:1px solid rgba(255,255,255,.15); list-style:none; margin:24px 0 0; padding:18px 0 0; }.service-card li { color:#dce2ed; font-size:11px; padding:4px 0; }.service-card li:before { content:"↗"; color:var(--lime); padding-right:8px; }.process-row { max-width:1240px; margin:auto; padding-top:25px; border-top:1px solid rgba(255,255,255,.16); display:flex; justify-content:space-between; align-items:center; }.process-row > span { color:#abb5ce; font-size:10px; text-transform:uppercase; letter-spacing:1.3px; }.process-row > div { display:flex; align-items:center; gap:15px; }.process-row b { font-family:Fraunces, Georgia, serif; font-size:25px; font-weight:400; color:var(--lime); }.process-row small { font-family:Inter, Arial, sans-serif; color:white; font-size:10px; vertical-align:middle; margin-left:3px; }.process-row i { width:42px; border-top:1px solid rgba(255,255,255,.24); }
.mobile-first { padding-top:139px; padding-bottom:140px; max-width:1440px; margin:auto; display:grid; grid-template-columns:.87fr 1.13fr; align-items:center; gap:55px; overflow:hidden; }.mobile-content { max-width:490px; }.mobile-content h2 { margin-top:15px; font-size:clamp(42px,4.7vw,67px); line-height:.95; }.mobile-content p { color:#5a637d; font-size:14px; line-height:1.7; margin-top:22px; }.mobile-stats { display:flex; gap:44px; border-top:1px solid var(--line); margin-top:34px; padding-top:20px; }.mobile-stats div { max-width:145px; }.mobile-stats strong { display:block; font-family:Fraunces, Georgia, serif; font-size:37px; font-weight:500; letter-spacing:-2px; }.mobile-stats strong span { color:var(--coral); }.mobile-stats small { color:#6c7489; font-size:10px; line-height:1.35; display:block; margin-top:2px; }.strong-link { margin-top:30px; }.mobile-showcase { height:530px; position:relative; display:grid; place-items:center; }.showcase-ring { position:absolute; height:435px; width:435px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#eaf0ff,#d4e0fb 55%,#c2d2f5); box-shadow:0 24px 55px rgba(120,140,200,.35),inset 0 0 60px rgba(255,255,255,.75); animation:ringPulse 9s ease-in-out infinite; }.showcase-ring:after { content:""; position:absolute; inset:33px; border:1px solid rgba(17,25,54,.11); border-radius:50%; }.showcase-phone { position:absolute; height:393px; width:196px; padding:9px; border-radius:36px; background:linear-gradient(160deg,#4b5263,#151a26 50%,#2e3645); box-shadow:18px 30px 46px rgba(17,25,54,.32); transition:transform .6s cubic-bezier(.2,.7,.3,1); }.showcase-phone:before { content:""; position:absolute; inset:0; border-radius:36px; padding:2px; background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.1) 30%,rgba(8,12,22,.7) 66%,rgba(255,255,255,.35)); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }.showcase-phone:after { content:""; position:absolute; inset:9px; border-radius:28px; z-index:4; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.16),rgba(255,255,255,0) 30%); }.showcase-phone.front { z-index:3; animation:showcaseBob 7s ease-in-out infinite; }.showcase-phone.back { height:360px; z-index:2; animation:showcaseBobAlt 8s ease-in-out infinite; }.showcase-phone:hover { z-index:6; }.showcase-phone img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; border-radius:28px; filter:saturate(1.06); }
@keyframes ringPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.045); } }
@keyframes showcaseBob { 0%,100% { transform:rotate(8deg) translate(42px,4px); } 50% { transform:rotate(8deg) translate(42px,-9px); } }
@keyframes showcaseBobAlt { 0%,100% { transform:rotate(-12deg) translate(-99px,17px); } 50% { transform:rotate(-12deg) translate(-99px,8px); } }
@keyframes showcaseBobMd { 0%,100% { transform:rotate(8deg) translate(29px,4px); } 50% { transform:rotate(8deg) translate(29px,-8px); } }
@keyframes showcaseBobAltMd { 0%,100% { transform:rotate(-12deg) translate(-88px,17px); } 50% { transform:rotate(-12deg) translate(-88px,8px); } }
@keyframes showcaseBobSm { 0%,100% { transform:rotate(-5deg) translate(0,2px) scale(.84); } 50% { transform:rotate(-5deg) translate(0,-5px) scale(.84); } }
@keyframes showcaseBobAltSm { 0%,100% { transform:rotate(-12deg) translate(-80px,15px) scale(.86); } 50% { transform:rotate(-12deg) translate(-80px,9px) scale(.86); } }.floating-note { position:absolute; z-index:5; bottom:33px; right:-3px; padding:12px; display:flex; align-items:flex-start; gap:8px; font-size:10px; line-height:1.35; background:#fffefa; box-shadow:0 10px 23px rgba(17,25,54,.15); }.floating-note svg { color:#5a7a2e; flex:none; }.floating-note b { font-size:10px; }
.pricing { padding-top:128px; padding-bottom:113px; background:#f0eee7; }.pricing-picker { max-width:1240px; margin:53px auto 26px; display:flex; gap:8px; border-bottom:1px solid var(--line); padding-bottom:18px; overflow-x:auto; scrollbar-width:none; }.pricing-picker button { flex:none; display:flex; align-items:center; gap:7px; padding:10px 13px; border:1px solid transparent; background:transparent; font-size:11px; color:#59627a; font-weight:700; white-space:nowrap; }.pricing-picker button.selected { background:var(--white); border-color:#cbced4; color:var(--ink); box-shadow:0 4px 12px rgba(17,25,54,.05); }.pricing-picker button.selected svg { color:var(--coral); }.pricing-intro { max-width:1240px; margin:0 auto 29px; display:flex; align-items:baseline; gap:18px; }.pricing-intro span { font-size:10px; text-transform:uppercase; letter-spacing:1.2px; font-weight:800; }.pricing-intro p { color:#6c7488; font-size:12px; }.pricing-intro strong { margin-left:auto; font-family:Fraunces, Georgia, serif; font-weight:500; font-size:21px; }.price-grid { max-width:1240px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.price-card { min-height:474px; background:#faf9f5; border:1px solid #d8d7d0; padding:28px; position:relative; display:flex; flex-direction:column; }.price-card.featured-price { background:var(--ink); border-color:var(--ink); color:white; transform:translateY(-10px); box-shadow:0 16px 26px rgba(17,25,54,.16); }.popular-pill { position:absolute; right:17px; top:0; transform:translateY(-50%); background:var(--lime); color:var(--ink); font-weight:800; font-size:9px; letter-spacing:.4px; padding:7px 10px; }.price-card h3 { font-family:Fraunces, Georgia, serif; font-size:29px; letter-spacing:-1px; font-weight:500; }.price-card > p { min-height:38px; color:#6a7287; font-size:12px; line-height:1.45; margin-top:7px; }.featured-price > p { color:#b6c1d8; }.price { font-family:Fraunces, Georgia, serif; font-size:37px; letter-spacing:-2px; margin-top:24px; }.price small { font-family:Inter, Arial, sans-serif; font-size:10px; letter-spacing:0; color:#778098; }.price-card .full { width:100%; margin-top:20px; }.price-card ul { list-style:none; border-top:1px solid #deded7; margin:23px 0 0; padding:15px 0 0; }.featured-price ul { border-color:rgba(255,255,255,.17); }.price-card li { display:flex; align-items:center; gap:8px; margin:10px 0; color:#525b72; font-size:11px; }.featured-price li { color:#d7deed; }.price-card li svg { color:#61723c; }.featured-price li svg { color:var(--lime); }.pricing-footnote { max-width:1240px; margin:31px auto 0; text-align:center; font-size:10px; color:#7c8393; }.pricing-footnote a { color:var(--ink); text-decoration:underline; font-weight:700; }
.testimonials { background:linear-gradient(180deg,#11192f,#0c1122 62%); color:#fff; position:relative; overflow:hidden; padding-top:116px; padding-bottom:104px; }.testimonials::before { content:""; position:absolute; width:560px; height:560px; border-radius:50%; background:radial-gradient(closest-side,rgba(240,116,106,.16),transparent 70%); top:-180px; right:-140px; pointer-events:none; }.testimonials::after { content:""; position:absolute; width:440px; height:440px; border-radius:50%; background:radial-gradient(closest-side,rgba(179,229,150,.14),transparent 70%); bottom:-160px; left:-120px; pointer-events:none; }.testimonials-head { position:relative; max-width:1240px; margin:0 auto; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }.testimonials-head .eyebrow { color:#9aa5c2; }.testimonials-head h2 { margin-top:14px; font-size:clamp(38px,4.2vw,62px); line-height:.96; letter-spacing:-2.6px; max-width:640px; }.testimonials-head h2 em { color:var(--lime); font-style:normal; }.testimonials-meta strong { display:block; font-family:Fraunces, Georgia, serif; font-size:46px; font-weight:500; letter-spacing:-2px; }.testimonials-meta strong span { color:var(--coral); font-size:18px; }.testimonials-meta p { color:#97a2be; font-size:11px; margin-top:2px; }.test-slider { position:relative; max-width:1240px; margin:58px auto 0; }.test-track { display:grid; }.test-slide { grid-area:1/1; display:grid; grid-template-columns:auto 1fr; gap:6px 36px; padding:40px 46px 44px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); opacity:0; visibility:hidden; transform:translateY(24px); transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1),visibility .65s; }.test-slide.active { opacity:1; visibility:visible; transform:none; }.test-stars { grid-column:2; justify-self:start; display:flex; gap:3px; color:#ffd9a0; font-size:13px; letter-spacing:2px; }.test-slide blockquote { grid-column:2; margin-top:16px; max-width:900px; font-family:Fraunces, Georgia, serif; font-size:clamp(24px,2.7vw,42px); line-height:1.1; letter-spacing:-1.3px; color:#f4f6fb; }.test-author { grid-column:2; display:flex; align-items:center; gap:14px; margin-top:30px; }.test-avatar { height:46px; width:46px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:800; color:#fff; background:linear-gradient(140deg,var(--coral),#9d5347); box-shadow:0 10px 22px rgba(0,0,0,.28); letter-spacing:.5px; }.test-meta b { display:block; font-size:13px; }.test-meta small { display:block; color:#98a3bf; font-size:11px; margin-top:3px; }.test-nav { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:44px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); }.test-prev svg { transform:scaleX(-1); }.test-arrow { flex:0 0 auto; height:44px; width:44px; display:grid; place-items:center; background:transparent; border:1px solid rgba(255,255,255,.24); border-radius:50%; color:#e6ebf5; cursor:pointer; transition:background .25s,color .25s,border-color .25s; }.test-arrow:hover { background:var(--lime); border-color:var(--lime); color:var(--ink); }.test-dots { display:flex; gap:8px; }.test-dot { height:8px; width:8px; padding:0; border:0; border-radius:100px; background:rgba(255,255,255,.28); cursor:pointer; transition:width .35s,background .35s; }.test-dot.active { width:28px; background:var(--lime); }.test-count { font-family:Fraunces, Georgia, serif; font-size:21px; letter-spacing:1px; color:#8b96b2; }.test-count b { color:#fff; font-weight:500; }@media (max-width:860px){ .testimonials { padding-top:88px; padding-bottom:86px; }.testimonials-head h2 { font-size:44px; }.test-slide { grid-template-columns:1fr; padding:34px 30px 36px; }.test-stars,.test-slide blockquote,.test-author { grid-column:1; } }@media (max-width:520px){ .testimonials-head h2 { font-size:39px; }.testimonials-meta { display:none; }.test-slide { padding:30px 24px 32px; }.test-slide blockquote { font-size:23px; }.test-count { display:none; } }
.journal { padding-top:130px; padding-bottom:135px; }.article-grid { max-width:1240px; margin:61px auto 0; display:grid; grid-template-columns:1.08fr .92fr; gap:55px; }.journal-feature { border:1px solid #cdd0d6; }.article-visual { height:251px; background:#d9e6ff; position:relative; overflow:hidden; }.article-visual > span { position:absolute; top:20px; left:22px; z-index:2; color:#53617a; font-family:Fraunces, Georgia, serif; font-size:22px; }.visual-window { position:absolute; width:245px; height:163px; padding:19px; background:#232a48; color:#d4ec5d; right:16%; bottom:0; box-shadow:13px -5px 30px rgba(17,25,54,.2); }.visual-window i { display:inline-block; width:5px; height:5px; background:#d4ec5d; border-radius:50%; margin:0 3px 20px 0; }.visual-window b { display:block; font-family:Fraunces, Georgia, serif; font-size:31px; line-height:.82; letter-spacing:-1.5px; }.visual-window small { display:block; margin-top:20px; font-size:7px; letter-spacing:1.4px; }.visual-cursor { position:absolute; bottom:37px; left:20%; width:18px; height:25px; background:#ff744e; clip-path:polygon(0 0,100% 58%,55% 60%,43% 100%); }.article-content { padding:24px; }.article-content span,.article-list span { color:#788197; font-size:9px; font-weight:800; letter-spacing:1.1px; }.article-content h3 { margin-top:9px; font-family:Fraunces, Georgia, serif; font-weight:500; font-size:29px; line-height:1.04; letter-spacing:-1.2px; }.article-content a { display:inline-flex; align-items:center; gap:8px; margin-top:24px; border-bottom:1px solid var(--ink); padding-bottom:4px; font-size:11px; font-weight:800; }.article-list { border-top:1px solid var(--line); }.article-list article { position:relative; padding:22px 45px 24px 0; border-bottom:1px solid var(--line); }.article-list h3 { margin-top:7px; max-width:430px; font-family:Fraunces, Georgia, serif; font-size:24px; font-weight:500; letter-spacing:-1.2px; line-height:1.05; }.article-list a { position:absolute; right:0; top:50%; transform:translateY(-50%); height:34px; width:34px; display:grid; place-items:center; background:var(--ink); color:white; border-radius:50%; }
.brief { background:var(--ink); display:grid; grid-template-columns:.82fr 1.18fr; gap:75px; padding-top:116px; padding-bottom:117px; color:white; }.brief-aside { max-width:425px; }.brief-aside h2 { margin-top:16px; font-size:clamp(41px,4.7vw,66px); line-height:.94; }.brief-aside h2 em { color:var(--lime); }.brief-aside > p { color:#b7c0d5; font-size:14px; line-height:1.65; margin-top:22px; }.contact-direct { margin-top:35px; display:grid; gap:13px; }.contact-direct a { color:#ecf0fa; display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; }.contact-direct span { height:29px; width:29px; display:grid; place-items:center; background:#27314f; color:var(--lime); }.founder { margin-top:53px; display:flex; align-items:center; gap:10px; }.founder-avatar { height:39px; width:39px; background:linear-gradient(145deg,#d4977d,#684b54); color:white; border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:800; }.founder b,.founder small { display:block; }.founder b { font-size:11px; }.founder small { color:#adb8d1; font-size:10px; margin-top:3px; }.brief-form-wrap { background:#fffefa; padding:31px; color:var(--ink); }.form-head { display:flex; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid #dadddf; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; }.form-head small { color:#7e8696; font-size:9px; text-transform:none; letter-spacing:0; }.brief-form { display:grid; gap:18px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.brief-form label { display:block; color:#4d5670; font-size:10px; font-weight:800; letter-spacing:.2px; position:relative; }.brief-form input,.brief-form textarea,.brief-form select { appearance:none; width:100%; border:0; border-bottom:1px solid #c7cad2; border-radius:0; background:transparent; padding:11px 0 8px; color:var(--ink); font-size:13px; outline:none; transition:border-color .2s; }.brief-form textarea { resize:vertical; min-height:74px; }.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus { border-color:var(--coral); }.brief-form input::placeholder,.brief-form textarea::placeholder { color:#a2a7b5; }.brief-form label svg { position:absolute; right:0; bottom:9px; color:#6a7389; pointer-events:none; }.submit-button { justify-self:start; border:0; margin-top:3px; }.submit-button:disabled { opacity:.65; cursor:wait; transform:none; }.form-feedback { margin:0; display:flex; align-items:center; gap:7px; font-size:11px; line-height:1.4; }.form-feedback.success { color:#3f6e31; }.form-feedback.error { color:#be493d; }
.footer { background:#ffffff; color:var(--ink); padding:0 clamp(20px,6.25vw,100px); }.footer-top { border-top:1px solid rgba(17,25,54,.15); padding:30px 0; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; }.footer-top p { color:#1a2132; font-size:11px; }.footer-social { width:35px; height:35px; border:1px solid rgba(24,119,242,.4); border-radius:50%; display:grid; place-items:center; color:#1877f2; transition:color .2s ease,border-color .2s ease,transform .2s ease; animation:socialPop .7s cubic-bezier(.34,1.56,.64,1) both; }.footer-social:hover { color:#0d5ede; border-color:#1877f2; transform:translateY(-2px); animation:socialWiggle .6s ease; }.footer-social svg { width:19px; height:19px; }@keyframes socialPop { 0%{opacity:0; transform:scale(.4) rotate(-14deg); } 70%{transform:scale(1.18) rotate(3deg); } 100%{opacity:1; transform:scale(1) rotate(0); } }@keyframes socialWiggle { 0%,100%{transform:translateY(-2px) rotate(0); } 25%{transform:translateY(-2px) rotate(-9deg); } 50%{transform:translateY(-2px) rotate(7deg); } 75%{transform:translateY(-2px) rotate(-4deg); } }.footer-bottom { padding:18px 0 27px; color:#2a2f45; border-top:1px solid rgba(17,25,54,.1); display:flex; justify-content:space-between; font-size:9px; }.footer-bottom i { color:var(--coral); font-style:normal; }.footer-bottom a { color:var(--ink); }.seo-tagline { padding:0 0 32px; text-align:center; color:#8a91a3; font-size:9px; line-height:1.8; max-width:760px; margin:0 auto; }
.reveal-up { animation:reveal .72s both cubic-bezier(.2,.7,.3,1); }.delay-1 { animation-delay:.12s; }@keyframes reveal { from {opacity:0;transform:translateY(20px)} to {opacity:1;transform:translateY(0)} }
@media (max-width: 860px) { .site-header { height:70px; }.site-header nav { display:none; }.header-cta { display:none; }.menu-button { display:block; }.site-header nav.nav-open { position:absolute; display:flex; flex-direction:column; gap:18px; padding:25px; left:20px; right:20px; top:100%; margin:0; background:var(--ink); box-shadow:0 16px 30px rgba(17,25,54,.19); animation:menuDrop .35s cubic-bezier(.22,.61,.36,1) both; }.site-header nav.nav-open a { color:white; }.hero { min-height:auto; padding-top:123px; padding-bottom:45px; grid-template-columns:1fr; gap:42px; }.hero-copy { padding-bottom:0; }.hero-copy h1 { max-width:520px; }.hero-visual { min-height:455px; }.hero-halo { width:420px; height:420px; }.orbit-two { width:490px; height:490px; }.hero-dashboard { left:5%; top:14%; }.top-label { top:8%; right:1%; }.bottom-label { bottom:5%; left:5%; }.trust-line { padding:15px 0; user-select:none; -webkit-user-select:none; pointer-events:none; }.trust-marquee { width:max-content; max-width:none; animation:trustMarquee 26s linear infinite; }.trust-track { flex:none; gap:34px; padding-right:34px; }.trust-track + .trust-track { display:flex; }.trust-line b { font-size:16px; }.trust-line b:nth-of-type(2) { font-size:14px; }.section-heading { grid-template-columns:1fr; gap:17px; }.section-heading > p { max-width:520px; }.portfolio { padding-top:90px; padding-bottom:86px; }.portfolio-toolbar { margin-top:36px; }.filter-scroll { overflow-x:auto; max-width:100%; scrollbar-width:none; }.portfolio-count { display:none; }.projects-grid { gap:34px 14px; }.project-card-visual,.project-featured .project-card-visual { height:205px; }.device-stage,.large-device { width:200px; height:158px; }.project-card-meta h3 { font-size:20px; }.project-card-meta a { width:33px; height:33px; }.services { padding-top:88px; }.service-grid { margin:42px auto 55px; }.service-card { padding:23px 19px 26px; }.service-card h3 { font-size:23px; }.service-card p { min-height:80px; }.process-row { gap:20px; align-items:flex-start; }.process-row > div { display:grid; grid-template-columns:1fr 1fr; gap:12px 25px; }.process-row i { display:none; }.mobile-first { padding-top:91px; padding-bottom:82px; grid-template-columns:1fr; gap:20px; }.mobile-showcase { height:400px; }.showcase-ring { height:320px; width:320px; }.showcase-phone.front { height:350px; width:175px; }.showcase-phone.back { height:320px; width:160px; }.showcase-phone.front { animation-name:showcaseBobMd; }.showcase-phone.back { animation-name:showcaseBobAltMd; }.pricing { padding-top:88px; padding-bottom:90px; }.pricing-picker { margin-top:38px; }.pricing-intro { align-items:flex-start; gap:7px; flex-direction:column; }.pricing-intro strong { margin-left:0; }.price-grid { grid-template-columns:repeat(3,minmax(280px,1fr)); overflow-x:auto; padding:12px 20px 20px; margin-left:-20px; margin-right:-20px; scroll-snap-type:x mandatory; }.price-card { scroll-snap-align:start; min-height:448px; }.price-card.featured-price { transform:none; }.testimonial { min-height:auto; grid-template-columns:1fr; gap:0; padding-top:50px; padding-bottom:60px; }.quote-symbol { display:none; }.testimonial-copy { padding:0; }.testimonial-side { border:0; padding:28px 0 0; justify-self:start; display:grid; grid-template-columns:auto auto; column-gap:18px; align-items:end; }.testimonial-side > span,.testimonial-side p,.mini-circles { display:none; }.testimonial-side strong { margin:0; }.journal { padding-top:88px; padding-bottom:91px; }.article-grid { grid-template-columns:1fr; gap:28px; margin-top:39px; }.brief { grid-template-columns:1fr; gap:47px; padding-top:83px; padding-bottom:70px; }.brief-form-wrap { padding:24px 18px; }.footer-top { grid-template-columns:1fr auto; gap:20px; }.footer-top p { grid-column:1 / -1; grid-row:2; }.footer-bottom { gap:12px; flex-wrap:wrap; }.footer-bottom a { margin-left:auto; } }
@media (max-width: 520px) { .section-pad { padding-left:20px; padding-right:20px; }.brand { font-size:20px; }.hero { padding-top:109px; }.eyebrow { font-size:9px; }.hero-copy h1 { margin-top:15px; font-size:49px; }.hero-lead { font-size:14px; margin-top:20px; }.hero-actions { margin-top:27px; gap:17px; }.button { min-height:46px; padding:0 15px; }.hero-actions .text-link { font-size:11px; }.hero-proof { margin-top:35px; }.hero-visual { min-height:330px; margin:0 -20px; }.hero-phone { animation-name:heroLevitateSm; }.hero-halo { width:270px; height:270px; }.orbit-one { width:230px; height:230px; }.orbit-two { width:330px; height:330px; }.hero-dashboard { display:none; }.hero-dashboard { transform:rotate(-5deg) scale(.77); transform-origin:left center; left:8px; }.top-label { transform:rotate(3deg) scale(.8); transform-origin:right top; top:3%; }.bottom-label { transform:scale(.8); transform-origin:left bottom; bottom:2%; left:9%; }.trust-line b { font-size:14px; }.trust-line b:nth-of-type(2) { font-size:12.5px; }.section-heading h2 { font-size:39px; }.portfolio { padding-top:78px; }.projects-grid { grid-template-columns:1fr; gap:29px; }.project-card-visual,.project-featured .project-card-visual { height:205px; }.device-stage,.large-device { width:170px; height:140px; }.project-card-meta { padding-top:12px; }.center-action { margin-top:43px; }.services { padding-top:75px; padding-bottom:62px; }.service-grid { grid-template-columns:1fr; }.service-card,.service-card:first-child { border-left:1px solid rgba(255,255,255,.17); }.service-card p { min-height:0; }.service-card h3 { margin-top:27px; }.service-card ul { margin-top:17px; }.process-row { display:block; }.process-row > span { display:block; margin-bottom:19px; }.process-row > div { grid-template-columns:1fr 1fr; }.mobile-first { padding-top:76px; }.mobile-content h2 { font-size:45px; }.mobile-stats { gap:23px; }.mobile-showcase { height:300px; margin:0 -20px; }.showcase-ring { height:240px; width:240px; }.showcase-phone { transform-origin:center; height:270px; width:135px; padding:7px; }.showcase-phone.front { animation-name:showcaseBobSm; }.showcase-phone.back { display:none; }.floating-note { bottom:20px; right:15px; transform:scale(.86); transform-origin:right bottom; }.pricing { padding-top:78px; }.pricing-picker { margin-left:-20px; margin-right:-20px; padding-left:20px; }.price-grid { grid-template-columns:repeat(3,calc(100vw - 55px)); }.price-card { padding:25px 22px; }.pricing-footnote { text-align:left; }.testimonial { padding-top:46px; padding-bottom:51px; }.testimonial blockquote { font-size:28px; letter-spacing:-1px; }.journal { padding-top:76px; padding-bottom:79px; }.article-visual { height:215px; }.visual-window { transform:scale(.78); transform-origin:bottom right; right:2%; }.article-content h3 { font-size:26px; }.article-list h3 { font-size:21px; }.brief { padding-top:71px; padding-bottom:50px; }.brief-aside h2 { font-size:47px; }.form-row { grid-template-columns:1fr; gap:18px; }.brief-form { gap:18px; }.footer { padding:0 20px; }.footer-bottom span:first-child { width:100%; }.footer-bottom a { margin-left:0; } }
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }

/* Logo image */
.brand img { display:block; height:34px; width:auto; }
.footer-top .brand img { height:28px; }
@media (max-width: 860px) { .brand img { height:30px; } .footer-top .brand img { height:24px; } }.meet { background:#fffefa; padding-top:132px; padding-bottom:132px; }.meet-head { max-width:1240px; margin:auto; }.meet-head .eyebrow { color:#8b91a1; }.meet-head h2 { max-width:760px; margin-top:14px; font-size:clamp(38px,4.2vw,62px); line-height:.96; letter-spacing:-2.4px; }.meet-head h2 em { color:var(--coral); font-style:normal; }.meet-grid { max-width:1240px; margin:64px auto 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center; }.meet-card { display:grid; justify-items:center; position:relative; }.meet-avatar { height:238px; width:238px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(140deg,#141b33,#27324f); color:var(--lime); font-family:Fraunces, Georgia, serif; font-size:74px; font-weight:500; letter-spacing:-3px; box-shadow:0 34px 62px rgba(17,25,54,.3); position:relative; }.meet-avatar:before { content:""; position:absolute; inset:-15px; border-radius:50%; border:1px dashed rgba(17,25,54,.28); }.meet-avatar:after { content:""; position:absolute; inset:-36px; border-radius:50%; border:1px solid rgba(17,25,54,.09); }.meet-badge { margin-top:38px; background:var(--lime); color:var(--ink); font-size:9px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; padding:8px 13px; }.meet-meta { margin-top:18px; text-align:center; }.meet-meta b { display:block; font-family:Fraunces, Georgia, serif; font-size:32px; font-weight:500; letter-spacing:-1px; }.meet-meta small { color:#6c7489; font-size:11px; margin-top:5px; display:block; }.meet-bio p { color:#464f66; font-size:15px; line-height:1.75; max-width:600px; }.meet-bio p + p { margin-top:15px; }.meet-trust { list-style:none; margin:30px 0 0; padding:26px 0 0; border-top:1px solid var(--line); max-width:600px; }.meet-trust li { display:flex; align-items:center; gap:12px; font-size:13px; font-weight:600; color:#20293f; padding:6px 0; }.meet-trust li svg { color:var(--coral); flex:none; }.meet-cta { display:flex; align-items:center; gap:26px; margin-top:32px; flex-wrap:wrap; }.meet-cta p { color:#4b546b; font-size:13px; line-height:1.6; margin:0; }.meet-stats { max-width:1240px; margin:78px auto 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.meet-stat { padding:30px 20px 34px; text-align:center; }.meet-stat + .meet-stat { border-left:1px solid var(--line); }.meet-stat strong { display:block; font-family:Fraunces, Georgia, serif; font-size:46px; font-weight:500; letter-spacing:-2.5px; line-height:1; }.meet-stat strong span { color:var(--coral); font-size:15px; }.meet-stat small { display:block; color:#6c7489; font-size:11px; line-height:1.55; margin-top:8px; }@media (max-width:860px){ .meet { padding-top:84px; padding-bottom:84px; }.meet-grid { grid-template-columns:1fr; gap:46px; }.meet-bio p, .meet-trust { max-width:100%; }.meet-avatar { height:205px; width:205px; font-size:64px; }.meet-stats { grid-template-columns:repeat(3,1fr); }.meet-stat { padding:22px 10px 24px; }.meet-stat strong { font-size:37px; letter-spacing:-1.8px; }.meet-stat strong span { font-size:13px; }.meet-stat small { font-size:9.6px; line-height:1.5; margin-top:7px; } }@media (max-width:520px){ .meet { padding-top:70px; padding-bottom:70px; }.meet-head h2 { font-size:39px; }.meet-avatar { height:180px; width:180px; font-size:57px; }.meet-stats { margin-top:48px; }.meet-stat { padding:16px 6px 18px; }.meet-stat strong { font-size:30px; letter-spacing:-1.4px; }.meet-stat small { font-size:8.8px; margin-top:6px; } }
.wa-float { position:fixed; right:26px; bottom:26px; z-index:250; isolation:isolate; height:58px; width:58px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#25d366,#128c7e); box-shadow:0 12px 28px rgba(18,140,126,.42); animation:waEntrance .8s cubic-bezier(.34,1.56,.64,1) both; transition:transform .25s ease,box-shadow .25s ease; }.wa-float:hover { transform:scale(1.09); box-shadow:0 16px 34px rgba(18,140,126,.52); }.wa-float svg { position:relative; z-index:2; width:30px; height:30px; animation:waWiggle 7s ease-in-out 2.4s infinite; }.wa-ping { position:absolute; inset:0; z-index:1; border-radius:50%; background:rgba(37,211,102,.5); animation:waPing 2.6s ease-out infinite; }.wa-badge { position:absolute; z-index:3; top:-3px; right:-3px; min-width:18px; height:18px; padding:0 5px; border-radius:50px; background:var(--coral); color:#fff; font-size:9px; font-weight:800; display:grid; place-items:center; border:2px solid #fff; animation:waBlink 2.6s ease-in-out infinite; }.wa-bubble { position:absolute; z-index:3; right:70px; top:50%; transform:translateY(-50%); background:var(--ink); color:#fff; padding:9px 13px; border-radius:12px 12px 12px 3px; font-size:11px; font-weight:600; white-space:nowrap; opacity:0; visibility:hidden; transition:opacity .25s ease,visibility .25s ease,transform .25s ease; box-shadow:0 8px 22px rgba(17,25,54,.2); }.wa-float:hover .wa-bubble { opacity:1; visibility:visible; transform:translateY(-50%) translateX(-5px); }@keyframes waPing { 0% { transform:scale(1); opacity:.65; } 80%,100% { transform:scale(1.9); opacity:0; } }@keyframes waEntrance { from { opacity:0; transform:scale(0) rotate(-30deg); } to { opacity:1; transform:scale(1) rotate(0); } }@keyframes waWiggle { 0%,76%,100% { transform:rotate(0); } 80% { transform:rotate(-12deg); } 84% { transform:rotate(9deg); } 88% { transform:rotate(-6deg); } 92% { transform:rotate(3deg); } 95% { transform:rotate(0); } }@keyframes waBlink { 0%,100% { transform:scale(1); } 50% { transform:scale(1.18); } }@media (max-width:520px){ .wa-float { right:16px; bottom:16px; height:52px; width:52px; }.wa-float svg { width:27px; height:27px; }.wa-bubble { display:none; } }
/* About & Blog pages */
.page-hero { position:relative; overflow:hidden; min-height:470px; padding-top:186px; padding-bottom:70px; }.page-hero:before { content:""; position:absolute; width:560px; height:560px; border-radius:50%; background:radial-gradient(closest-side,rgba(206,238,82,.15),transparent 70%); top:-190px; right:-130px; pointer-events:none; }.page-hero .eyebrow { color:#68718c; }.page-hero h1 { max-width:780px; margin-top:18px; font-size:clamp(47px,5.4vw,86px); line-height:.94; }.page-hero h1 em { font-weight:400; color:var(--coral); }.page-lead { max-width:570px; margin-top:22px; color:#4b5470; font-size:16px; line-height:1.7; }.page-actions { margin-top:34px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }.page-meta { margin-top:46px; display:flex; gap:42px; flex-wrap:wrap; }.page-meta b { display:block; font-family:Fraunces, Georgia, serif; font-size:31px; font-weight:500; letter-spacing:-1.5px; }.page-meta b span { color:var(--coral); font-size:14px; }.page-meta small { display:block; color:#68718c; font-size:11px; margin-top:4px; }.about-story { padding:96px 0 0; }.about-grid { max-width:1240px; margin:64px auto 0; display:grid; grid-template-columns:.9fr 1.1fr; gap:78px; align-items:center; }.about-copy h2 { margin-top:16px; font-size:clamp(36px,4vw,54px); line-height:.98; letter-spacing:-2px; }.about-copy p { margin-top:18px; color:#464f66; font-size:15px; line-height:1.75; max-width:600px; }.about-note { margin-top:30px; padding-top:22px; border-top:1px solid var(--line); color:#68718c; font-size:12px; line-height:1.7; }.timeline { padding:118px 0 6px; }.timeline-head { display:flex; align-items:flex-end; justify-content:space-between; gap:34px; flex-wrap:wrap; }.timeline-head p { max-width:380px; color:#68718c; font-size:12px; line-height:1.6; }.timeline-grid { max-width:1240px; margin:64px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }.tl-item { position:relative; padding:26px 0 0; border-top:1px solid var(--line); }.tl-item:before { content:""; position:absolute; top:-5px; left:0; height:10px; width:10px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 4px rgba(255,110,73,.16); }.tl-item .tl-tag { color:#8b91a1; font-size:9px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; }.tl-item .tl-year { margin-top:14px; font-family:Fraunces, Georgia, serif; font-size:46px; letter-spacing:-2.6px; line-height:1; color:#c9cedb; transition:color .3s ease; }.tl-item:hover .tl-year { color:var(--coral); }.tl-item h3 { margin-top:12px; font-family:Fraunces, Georgia, serif; font-size:23px; font-weight:500; letter-spacing:-1px; }.tl-item p { margin-top:8px; color:#6a7287; font-size:12.5px; line-height:1.62; }.values { padding:112px 0 0; }.values-grid { max-width:1240px; margin:56px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.value-card { border:1px solid #d8d7d0; background:#faf9f5; padding:26px 24px 30px; transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease,border-color .35s ease; }.value-card:hover { transform:translateY(-6px); box-shadow:0 18px 34px rgba(17,25,54,.1); border-color:#c9cbc4; }.value-card svg { color:var(--coral); }.value-card h3 { margin-top:20px; font-family:Fraunces, Georgia, serif; font-size:22px; font-weight:500; letter-spacing:-1px; }.value-card p { margin-top:9px; color:#6a7287; font-size:12.5px; line-height:1.65; }.about-quote { background:var(--ink); color:#fff; padding:98px 0; margin-top:126px; }.about-quote blockquote { max-width:920px; margin:auto; text-align:center; font-family:Fraunces, Georgia, serif; font-size:clamp(30px,3.8vw,49px); line-height:1.12; letter-spacing:-1.5px; }.about-quote blockquote em { color:var(--lime); font-weight:400; }.about-quote figcaption { margin-top:24px; color:#98a3bf; font-size:10px; letter-spacing:1.6px; text-transform:uppercase; }.about-cta { padding:118px 0 132px; text-align:center; }.about-cta h2 { max-width:720px; margin:14px auto 0; font-size:clamp(40px,4.6vw,64px); line-height:.95; letter-spacing:-2.4px; }.about-cta h2 em { color:var(--coral); font-weight:400; }.about-cta > p { max-width:460px; margin:22px auto 0; color:#68718c; font-size:13px; line-height:1.6; }.about-cta .page-actions { justify-content:center; }.blog-cats { display:flex; gap:8px; max-width:1240px; margin:56px auto 0; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid var(--line); padding-bottom:16px; }.blog-cats button { flex:none; padding:9px 13px; border:1px solid transparent; background:transparent; color:#5a637d; font-size:11px; font-weight:700; white-space:nowrap; cursor:pointer; transition:color .2s,background .2s,border-color .2s,box-shadow .2s; }.blog-cats button:hover { color:var(--ink); }.blog-cats button.active { background:var(--white); border-color:#cbced4; color:var(--ink); box-shadow:0 4px 12px rgba(17,25,54,.05); }.featured-post { max-width:1240px; margin:64px auto 0; }.featured-post .post-card { display:grid; grid-template-columns:1.12fr 1fr; }.featured-post .post-cover { height:auto; min-height:320px; }.featured-post .post-content { padding:34px 40px; justify-content:center; }.featured-post .post-content h3 { font-size:36px; letter-spacing:-1.8px; }.featured-post p.excerpt { font-size:14px; }.featured-post .post-card:hover { transform:none; }.post-grid { max-width:1240px; margin:26px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.post-card { border:1px solid #d8d7d0; background:#faf9f5; display:flex; flex-direction:column; transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease; }.post-card:hover { transform:translateY(-6px); box-shadow:0 18px 34px rgba(17,25,54,.1); }.post-cover { height:200px; position:relative; overflow:hidden; display:grid; place-items:center; color:#fff; }.post-cover span { font-family:Fraunces, Georgia, serif; font-size:19px; letter-spacing:2px; text-transform:uppercase; opacity:.92; }.post-cover-1 { background:linear-gradient(135deg,#111936,#303957); }.post-cover-2 { background:linear-gradient(135deg,#ff6e49,#d7705e); }.post-cover-3 { background:linear-gradient(135deg,#4a5468,#141a26); }.post-cover-4 { background:linear-gradient(135deg,#d6a758,#e4b588); }.post-cover-5 { background:linear-gradient(135deg,#3f6e31,#77af35); }.post-cover-6 { background:linear-gradient(135deg,#3d6bff,#8094bd); }.post-content { flex:1; display:flex; flex-direction:column; padding:22px 24px 26px; }.post-meta { display:flex; align-items:center; justify-content:space-between; color:#8b91a1; font-size:9px; font-weight:800; letter-spacing:1.1px; }.post-content h3 { margin-top:11px; font-family:Fraunces, Georgia, serif; font-size:24px; font-weight:500; letter-spacing:-1px; line-height:1.04; }.post-card p.excerpt { margin-top:10px; color:#6a7287; font-size:12.5px; line-height:1.6; }.post-more { margin-top:auto; padding-top:20px; display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800; border-bottom:1px solid var(--ink); padding-bottom:4px; width:fit-content; }.blog-note { max-width:1240px; margin:24px auto 0; color:#8b91a1; font-size:11px; }@media (max-width:860px){ .page-hero { min-height:0; padding-top:150px; }.about-grid { grid-template-columns:1fr; gap:46px; }.timeline-head { align-items:flex-start; }.timeline-grid { grid-template-columns:1fr; }.values-grid { grid-template-columns:1fr 1fr; }.featured-post .post-card { grid-template-columns:1fr; }.featured-post .post-cover { min-height:190px; }.featured-post .post-content { padding:26px 28px; }.featured-post .post-content h3 { font-size:30px; }.post-grid { grid-template-columns:1fr 1fr; } }@media (max-width:520px){ .page-hero { padding-top:126px; }.page-hero h1 { font-size:46px; }.page-meta { gap:26px; }.page-meta b { font-size:27px; }.values-grid { grid-template-columns:1fr; }.about-cta { padding:92px 0 100px; }.post-grid { grid-template-columns:1fr; }.featured-post .post-cover { min-height:150px; } }
/* Contact page */
.contact-sec { padding:84px 0 0; }.contact-grid { max-width:1240px; margin:64px auto 0; display:grid; grid-template-columns:.82fr 1.18fr; gap:75px; align-items:start; }.contact-info { display:grid; gap:13px; }.contact-card { border:1px solid #d8d7d0; background:#faf9f5; padding:22px 24px; display:flex; gap:16px; align-items:flex-start; }.contact-card .contact-ico { height:42px; width:42px; flex:none; border-radius:11px; display:grid; place-items:center; color:var(--coral); background:rgba(255,110,73,.11); }.contact-card h3 { font-family:Fraunces, Georgia, serif; font-size:18px; font-weight:500; letter-spacing:-.6px; }.contact-card .contact-line { display:block; margin-top:3px; color:#6a7287; font-size:12px; line-height:1.55; }.contact-card a.contact-link { display:inline-flex; align-items:center; gap:7px; margin-top:9px; font-size:13px; font-weight:800; border-bottom:1px solid var(--ink); padding-bottom:2px; transition:color .2s,border-color .2s; }.contact-card a.contact-link:hover { color:var(--coral); border-color:var(--coral); }.contact-founder { margin-top:13px; border:1px solid #d8d7d0; background:#faf9f5; padding:20px 24px; display:flex; align-items:center; gap:13px; }.contact-founder .founder-avatar { height:42px; width:42px; }.contact-founder b { display:block; font-size:12px; }.contact-founder small { display:block; color:#6a7287; font-size:10.5px; margin-top:3px; }.contact-form-wrap { background:#fffefa; padding:31px; color:var(--ink); }.faq { padding:118px 0 0; }.faq-list { max-width:820px; margin:56px auto 0; display:grid; gap:10px; }.faq-item { border:1px solid #d8d7d0; background:#faf9f5; }.faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; font-family:Fraunces, Georgia, serif; font-size:17px; font-weight:500; letter-spacing:-.4px; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary .faq-x { flex:none; color:#8b91a1; transition:color .2s,transform .3s; }.faq-item[open] summary .faq-x { transform:rotate(45deg); color:var(--coral); }.faq-item .faq-body { padding:0 22px 20px; color:#6a7287; font-size:13px; line-height:1.7; }.contact-closing { padding:100px 0 130px; text-align:center; }.contact-closing h2 { max-width:720px; margin:14px auto 0; font-size:clamp(40px,4.6vw,64px); line-height:.95; letter-spacing:-2.4px; }.contact-closing h2 em { color:var(--coral); font-weight:400; }.contact-closing p { max-width:480px; margin:22px auto 28px; color:#68718c; font-size:13px; line-height:1.6; }@media (max-width:860px){ .contact-grid { grid-template-columns:1fr; gap:48px; }.faq { padding:70px 0 0; }.contact-closing { padding:70px 0 92px; } }@media (max-width:520px){ .contact-form-wrap { padding:24px 18px; }.contact-closing h2 { font-size:44px; }.faq-item summary { font-size:15px; padding:15px 18px; }.faq-item .faq-body { padding:0 18px 16px; } }
/* Language switcher */
.lang-switch { display:flex; align-items:center; gap:3px; margin-left:118px; }.site-header nav + .lang-switch { margin-left:22px; }.lang-opt { display:inline-flex; align-items:center; justify-content:center; min-width:31px; height:27px; padding:0 8px; border:1px solid transparent; border-radius:100px; font-size:10.5px; font-weight:800; letter-spacing:.3px; color:#59627a; text-decoration:none; transition:color .2s,background .2s,border-color .2s; }.lang-opt:hover { color:var(--ink); border-color:#cbced4; }.lang-opt.lang-active { background:var(--ink); color:var(--lime); border-color:var(--ink); }.lang-opt.lang-ar { min-width:auto; font-family:Cairo, Inter, Arial, sans-serif; letter-spacing:0; }@media (max-width:860px){ .lang-switch { margin-left:0; } }@media (max-width:520px){ .lang-switch { gap:2px; }.lang-opt { min-width:28px; height:25px; padding:0 6px; } }
/* Arabic (RTL) support */
html[lang="ar"] body, html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] select, html[lang="ar"] button { font-family:Cairo, Inter, Arial, sans-serif; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] .brand-mark, html[lang="ar"] .test-slide blockquote, html[lang="ar"] .price, html[lang="ar"] .meet-stat strong, html[lang="ar"] .tl-year, html[lang="ar"] .page-meta b, html[lang="ar"] .about-quote blockquote { font-family:Amiri, Fraunces, Georgia, serif; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h1 em, html[lang="ar"] h2 em, html[lang="ar"] .brand, html[lang="ar"] .price, html[lang="ar"] .meet-stat strong { letter-spacing:0 !important; }
html[lang="ar"] .eyebrow { letter-spacing:.4px; }
html[dir="rtl"] .site-header nav { margin-left:0; margin-right:118px; }
html[dir="rtl"] .lang-switch { margin-left:0; }
html[dir="rtl"] .button svg, html[dir="rtl"] .text-link svg, html[dir="rtl"] .header-cta svg, html[dir="rtl"] .post-more svg, html[dir="rtl"] .article-content a svg, html[dir="rtl"] .strong-link svg, html[dir="rtl"] .meet-cta a svg, html[dir="rtl"] .contact-link svg { transform:scaleX(-1); }
html[dir="rtl"] .pricing-intro strong { margin-left:0; margin-right:auto; }
html[dir="rtl"] .wa-float { right:auto; left:26px; }
html[dir="rtl"] .wa-float .wa-bubble { right:auto; left:70px; border-radius:12px 12px 3px 12px; }.wa-float:hover .wa-bubble { transform:translateY(-50%) translateX(5px); }
html[dir="rtl"] .wa-badge { right:auto; left:-3px; }
html[dir="rtl"] .page-hero:before { right:auto; left:-130px; }
html[dir="rtl"] .pricing-picker button.selected svg, html[dir="rtl"] .filter-scroll button svg { transform:scaleX(-1); }

/* SEO landing pages (services, articles) */
.srv-price { display:inline-flex; align-items:baseline; gap:8px; margin-top:18px; font-size:13px; color:#68718c; }.srv-price strong { font-family:Fraunces, Georgia, serif; font-size:38px; font-weight:500; color:var(--ink); letter-spacing:-1.4px; }.srv-intro { max-width:610px; margin-top:24px; color:#464f66; font-size:14.5px; line-height:1.75; }
.feature-grid { max-width:1240px; margin:58px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }.feature-card { border:1px solid var(--line); padding:24px 22px 26px; background:#fffefa; }.feature-num { display:block; font-family:Fraunces, Georgia, serif; font-size:13px; color:var(--coral); letter-spacing:.8px; }.feature-card b { display:block; margin-top:14px; font-family:Fraunces, Georgia, serif; font-size:19px; font-weight:500; letter-spacing:-.6px; }.feature-card p { margin-top:10px; color:#6a7287; font-size:12.5px; line-height:1.65; }
.seo-faq { padding-top:60px; padding-bottom:60px; background:#fffefa; }.seo-faq .faq-list { max-width:820px; margin:46px auto 0; }.seo-faq details { border:1px solid #d8d7d0; background:#fff; border-radius:0; }.seo-faq summary { list-style:none; cursor:pointer; padding:18px 22px; font-family:Fraunces, Georgia, serif; font-size:16.5px; font-weight:500; letter-spacing:-.4px; display:flex; justify-content:space-between; align-items:center; }.seo-faq summary::-webkit-details-marker { display:none; }.seo-faq summary:after { content:"+"; font-family:Georgia,serif; font-size:20px; color:var(--coral); }.seo-faq details[open] summary:after { content:"–"; }.seo-faq details p { padding:0 22px 20px; color:#6a7287; font-size:13px; line-height:1.7; }
.srv-strip { padding-top:70px; padding-bottom:70px; }.service-strip-links { max-width:1240px; margin:44px auto 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }.service-strip-links a { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:18px 20px; border:1px solid var(--line); color:var(--ink); font-size:14px; font-weight:700; transition:all .2s; }.service-strip-links a:hover { background:var(--ink); color:var(--lime); border-color:var(--ink); }
.service-more { display:inline-flex; align-items:center; gap:6px; margin-top:18px; font-size:12px; font-weight:800; color:var(--ink); border-bottom:1px solid var(--ink); padding-bottom:2px; }.service-more:hover { color:var(--coral); border-color:var(--coral); }
.article-body { max-width:820px; margin:0 auto; padding-bottom:20px; color:#333b52; font-size:16px; line-height:1.85; }.article-body .article-intro { font-size:18px; color:#1c2436; }.article-body h2 { font-family:Fraunces, Georgia, serif; font-weight:500; letter-spacing:-1.4px; font-size:clamp(27px,3vw,36px); margin:46px 0 16px; }.article-body p + h2 { margin-top:52px; }.article-body p + p { margin-top:16px; }.article-body .article-out { margin-top:30px; padding:22px 24px; background:#fffefa; border-left:4px solid var(--lime); color:#232c42; font-weight:700; }.article-meta { display:flex; gap:26px; flex-wrap:wrap; margin-top:24px; color:#68718c; font-size:11px; font-weight:800; letter-spacing:.6px; }
.seo-links { border-top:1px solid rgba(17,25,54,.1); padding:26px 0 4px; display:grid; grid-template-columns:1fr 1fr; gap:26px; }.seo-links b { display:block; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#8a91a3; margin-bottom:10px; }.seo-links a { display:block; color:#525c78; font-size:11.5px; line-height:2.05; text-decoration:none; max-width:430px; }.seo-links a:hover { color:var(--coral); }
html[dir="rtl"] .article-body { text-align:right; }.article-body h2, html[lang="ar"] .article-body h2, html[lang="ar"] .feature-card b, html[lang="ar"] .srv-price strong { letter-spacing:0; }
@media (max-width:860px){ .feature-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .feature-grid { grid-template-columns:1fr; }.seo-links { grid-template-columns:1fr; } }