:root{--blue:#0071e3;--blue2:#2997ff;--ink:#1d1d1f;--mute:#6e6e73;--gray:#f5f5f7;--line:#d2d2d7;
--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.47;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
html[lang=ar] body{font-family:"Noto Sans Arabic",var(--font);letter-spacing:0}
html[lang=hi] body{font-family:"Noto Sans Devanagari",var(--font);letter-spacing:0}
html[lang=zh] body{font-family:var(--font),"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,251,253,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-inner{max-width:1080px;margin:auto;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:16px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;letter-spacing:-.02em;white-space:nowrap}
.links{display:flex;gap:26px;font-size:12.5px;color:#333}
.links a{opacity:.85;transition:opacity .2s}.links a:hover{opacity:1;color:var(--blue)}
.nav-right{display:flex;align-items:center;gap:10px}
.lang{display:flex;align-items:center;gap:4px;font-size:12px;background:rgba(0,0,0,.05);border-radius:980px;padding:3px 8px}
.lang select{border:0;background:transparent;font:inherit;color:var(--ink);cursor:pointer;outline:0}
.burger{display:none;background:none;border:0;width:28px;height:28px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}
.burger span{display:block;height:1.5px;background:var(--ink);width:18px;margin:auto}
/* BUTTONS */
.btn{display:inline-block;background:var(--blue);color:#fff;border-radius:980px;padding:11px 22px;font-size:17px;font-weight:500;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:#0077ed;transform:scale(1.02)}
.btn-sm{padding:5px 12px;font-size:12px}
.btn-o{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.btn-o:hover{background:var(--blue);color:#fff}
.btn-full{width:100%}
.link{color:var(--blue);font-size:17px;display:inline-flex;align-items:center;gap:4px}
.link:hover{text-decoration:underline}.link i{font-style:normal;font-size:20px;line-height:1}
.dark .link{color:var(--blue2)}
[dir=rtl] .link i,[dir=rtl] .ch>i{transform:scaleX(-1)}
.ctas{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}
/* HERO */
.hero{text-align:center;padding:90px 22px 0;background:#fff;overflow:hidden}
.eyebrow{color:var(--mute);font-size:17px;font-weight:600;margin-bottom:10px}
.hero h1{font-size:clamp(44px,8vw,96px);line-height:1.04;font-weight:700;letter-spacing:-.035em;max-width:980px;margin:auto}
.lead{font-size:clamp(19px,2.2vw,26px);color:var(--mute);max-width:760px;margin:16px auto 0;line-height:1.3;font-weight:500}
.dark .lead,.dark .muted{color:#a1a1a6}
.hero-art{position:relative;height:420px;max-width:980px;margin:56px auto 0}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.o1{width:380px;height:380px;background:#2997ff;left:8%;top:40px}.o2{width:320px;height:320px;background:#bf5af2;right:10%;top:20px}.o3{width:300px;height:300px;background:#ff375f;left:40%;top:140px;opacity:.35}
.device{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:min(760px,92%);height:380px;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.18);border:10px solid #1d1d1f;border-bottom:0;overflow:hidden}
.bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f5f5f7;border-bottom:1px solid #e5e5ea}
.bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.bar i:nth-child(2){background:#febc2e}.bar i:nth-child(3){background:#28c840}
.bar span{margin:auto;font-size:11px;color:var(--mute);background:#fff;padding:2px 40px;border-radius:6px}
.dv-body{padding:34px}.dv-h{height:34px;width:60%;margin:auto;border-radius:8px;background:linear-gradient(90deg,#1d1d1f,#424245)}
.dv-l{height:12px;width:44%;margin:16px auto 0;border-radius:6px;background:#e5e5ea}.dv-l.s{width:30%}
.dv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.dv-grid b{height:150px;border-radius:14px;background:linear-gradient(135deg,#2997ff,#0071e3)}.dv-grid b:nth-child(2){background:linear-gradient(135deg,#bf5af2,#5e5ce6)}.dv-grid b:nth-child(3){background:linear-gradient(135deg,#ff9f0a,#ff375f)}
/* TILES */
.tile{text-align:center;padding:72px 22px 0;overflow:hidden;margin-top:12px}
.tile h2{font-size:clamp(36px,5.6vw,56px);line-height:1.07;font-weight:700;letter-spacing:-.03em}
.tag{font-size:clamp(20px,2.4vw,28px);margin-top:6px;font-weight:500;line-height:1.2}
.desc{font-size:17px;color:var(--mute);max-width:600px;margin:12px auto 0}
.dark .desc{color:#a1a1a6}
.price{margin-top:12px;font-size:15px;color:var(--mute)}.price b{color:var(--ink);font-weight:600}
.dark .price b{color:#f5f5f7}
.light{background:#fff}.gray{background:var(--gray)}.dark{background:#000;color:#f5f5f7}
.accent-text{color:#0071e3}
.art{margin:50px auto 0;max-width:900px}
.art-browser .br{border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.14);background:#fff;border:1px solid #e5e5ea;border-bottom:0}
.br-hero{height:220px;background:linear-gradient(120deg,#e8f2ff,#f5e8ff 60%,#ffe8ee)}
.br-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.br-row b{height:90px;border-radius:12px;background:var(--gray)}
.art-phones{display:flex;justify-content:center;align-items:flex-end;gap:22px;height:380px}
.phone{width:170px;height:340px;border-radius:34px;background:#1d1d1f;padding:9px;position:relative;box-shadow:0 0 0 1px #333,0 30px 60px rgba(41,151,255,.25)}
.phone.p2{height:380px;width:190px}
.notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:60px;height:16px;background:#000;border-radius:10px;z-index:2}
.scr{height:100%;border-radius:26px}
.g1{background:linear-gradient(160deg,#5e5ce6,#bf5af2)}.g3{background:linear-gradient(160deg,#ff9f0a,#ff375f)}
.g2{background:linear-gradient(180deg,#0a84ff,#003d80);padding:60px 16px;display:flex;flex-direction:column;gap:12px}.g2 b{height:60px;border-radius:14px;background:rgba(255,255,255,.18)}
.art-chat{max-width:520px;display:flex;flex-direction:column;gap:12px;padding:0 0 70px;text-align:start}
.bub{padding:12px 16px;border-radius:20px;font-size:16px;max-width:78%}
.bub.u{align-self:flex-end;background:var(--blue);color:#fff;border-end-end-radius:6px}
.bub.a{align-self:flex-start;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);border-end-start-radius:6px}
.typing{display:flex;gap:5px}.typing i{width:7px;height:7px;border-radius:50%;background:#aaa;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.subs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:44px auto 0;text-align:start}
.sub{background:#1d1d1f;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:8px}
.si{font-size:30px}.sub h3{font-size:19px}.sub p{color:#a1a1a6;font-size:14px;flex:1}.sp{font-size:13px;color:#a1a1a6}.sp b{color:#2997ff}
#marketing{padding-bottom:72px}
.grid-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}
.gt{text-align:center;padding:56px 28px 40px;min-height:560px;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.gt h3{font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.025em;max-width:520px}
.gt .tag{font-size:21px}
.gt .ctas{margin-top:16px}
.gart{flex:1;display:flex;align-items:center;justify-content:center;width:100%;margin:28px 0 18px;min-height:200px}
.gt .desc{font-size:15px;margin-top:0}
.art-logo{gap:18px}.lg{width:96px;height:96px;border-radius:26px}
.c1{background:#1d1d1f;position:relative}.c1::after{content:"F";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:52px;font-weight:800}
.c2{border-radius:50%;background:conic-gradient(#0071e3,#bf5af2,#ff375f,#ff9f0a,#0071e3)}
.c3{background:linear-gradient(135deg,#30d158,#0a84ff);transform:rotate(12deg)}
.art-code pre{direction:ltr;text-align:left;font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:#1d1d1f;padding:24px 30px;border-radius:18px;color:#f5f5f7}
.k{color:#ff7ab2}.f{color:#67b7ff}.s{color:#fc6a5d}
.art-crm{gap:12px}.kb{width:120px;background:#fff;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;align-self:flex-start;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.kb b{height:34px;border-radius:8px;background:var(--gray);border-inline-start:4px solid #0071e3}.kb:nth-child(2) b{border-color:#ff9f0a}.kb:nth-child(3) b{border-color:#30d158}
.art-brand{gap:0}.art-brand i{width:76px;height:76px;border-radius:50%;margin-inline-start:-14px;box-shadow:0 0 0 4px #fff}
.art-spark{font-size:150px;color:#0071e3}
.talk{justify-content:center}
/* SECTIONS */
.section{padding:110px 22px;text-align:center}
.big{font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.06}
.mid{font-size:28px;font-weight:700;margin:80px 0 24px;letter-spacing:-.02em}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1080px;margin:56px auto 0;text-align:start}
.step{background:var(--gray);border-radius:22px;padding:30px}
.step span{font-size:15px;font-weight:700;color:var(--blue)}.step h3{font-size:22px;margin:10px 0 6px}.step p{color:var(--mute);font-size:15px}
.work{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:56px auto 0;text-align:start}
.wk{background:#fff;border-radius:22px;overflow:hidden;position:relative;transition:transform .4s}
.wk:hover{transform:scale(1.02)}
.wk-img{height:220px;position:relative}
.w1{background:linear-gradient(135deg,#1d1d1f,#3a3a3c)}.w2{background:linear-gradient(135deg,#e8f2ff,#c7dcff)}.w3{background:linear-gradient(135deg,#bf5af2,#5e5ce6)}.w4{background:linear-gradient(135deg,#d1f5df,#a5e8c0)}.w5{background:linear-gradient(135deg,#ff9f0a,#ff375f)}
.w6{background:linear-gradient(135deg,#0a1a33,#003d80)}
.chart{position:absolute;inset:40px 40px 30px;display:flex;align-items:flex-end;gap:12px}.chart b{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#2997ff,#0071e3)}
.wk h3{padding:18px 22px 22px;font-size:18px}
.ph{position:absolute;top:14px;inset-inline-start:14px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);font-size:12px;font-weight:600;padding:4px 10px;border-radius:980px;color:var(--ink)}
.about{display:grid;grid-template-columns:320px 1fr;gap:64px;max-width:1080px;margin:auto;text-align:start;align-items:center}
.about .lead{margin-inline:0}
.avatar{aspect-ratio:4/5;border-radius:28px;background:linear-gradient(160deg,#1d1d1f,#2c2c2e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #333}
.avatar small{color:#6e6e73}
.muted{margin-top:16px;font-size:17px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.stats div{border-top:1px solid #333;padding-top:14px}.stats b{display:block;font-size:40px;letter-spacing:-.03em}.stats span{font-size:13px;color:#a1a1a6}
.clients{margin-top:28px;font-size:14px;color:#86868b}
/* PRICING */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:56px auto 0;text-align:start}
.tier{background:var(--gray);border-radius:24px;padding:36px 30px;display:flex;flex-direction:column}
.tier.featured{background:#000;color:#f5f5f7;transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.18)}
.tier .badge{align-self:flex-start;font-size:12px;font-weight:600;color:#fff;background:var(--blue);padding:4px 10px;border-radius:980px;margin-bottom:12px}
.tier h3{font-size:26px}.tier .td{color:var(--mute);font-size:15px;margin-top:4px;min-height:44px}.featured .td{color:#a1a1a6}
.tier .amt{margin:22px 0 4px;font-size:14px;color:var(--mute)}.tier .amt b{display:block;font-size:44px;color:inherit;letter-spacing:-.03em}
.featured .amt b{color:#fff}
.tier ul{list-style:none;margin:18px 0 26px;flex:1}.tier li{padding:9px 0;border-top:1px solid rgba(128,128,128,.2);font-size:15px}
.tier li::before{content:"✓";color:var(--blue);font-weight:700;margin-inline-end:10px}.featured li::before{color:#2997ff}
.ptable{max-width:820px;margin:auto;text-align:start;background:var(--gray);border-radius:24px;padding:8px 28px}
.prow{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);gap:12px}.prow:first-child{border-top:0}
.prow span{font-weight:500}.prow b{font-weight:600;white-space:nowrap}.prow small{color:var(--mute);font-weight:400}
.prow.subrow span{padding-inline-start:22px;color:var(--mute);font-size:15px}
.note{color:var(--mute);font-size:13px;margin-top:20px}
/* CONTACT */
.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;max-width:1080px;margin:56px auto 0;text-align:start}
.form{background:#fff;border-radius:24px;padding:34px;display:flex;flex-direction:column;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--mute)}
.form input,.form select,.form textarea{font:inherit;font-size:17px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:0;transition:border .2s,box-shadow .2s}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,113,227,.15)}
.formnote{font-size:12px;color:var(--mute);text-align:center}
.channels{display:flex;flex-direction:column;gap:14px}
.ch{background:#fff;border-radius:20px;padding:20px 22px;display:flex;align-items:center;gap:16px;transition:transform .3s}
.ch:hover{transform:scale(1.02)}.ch div{flex:1}.ch b{display:block;font-size:17px}.ch small{color:var(--mute)}.ch>i{font-style:normal;color:var(--blue);font-size:24px}
.chi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700}
.wa{background:#25d366}.ml{background:var(--blue)}.li{background:#0a66c2;font-size:18px}
.small{font-size:14px;padding:6px 4px}
/* FOOTER */
.footer{background:var(--gray);border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.f-inner{max-width:1080px;margin:auto;padding:40px 22px 24px}
.f-logo{height:44px;margin-bottom:26px}
.f-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.f-cols h3{color:var(--ink);font-size:12px;margin-bottom:10px}.f-cols a{display:block;padding:3px 0}.f-cols a:hover{text-decoration:underline}
.f-bottom{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* ANIM */
.fade{opacity:1}
.fade.in{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{transform:translateY(24px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}}
/* RESPONSIVE */
@media (max-width:1000px){.links{gap:16px}.subs{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
 .burger{display:flex}.links{position:fixed;top:52px;inset-inline:0;background:rgba(251,251,253,.97);backdrop-filter:blur(20px);flex-direction:column;padding:10px 28px 24px;gap:0;font-size:22px;font-weight:600;display:none}
 .links.open{display:flex}.links a{padding:12px 0;border-bottom:1px solid #eee}
 .nav-right .btn-sm{display:none}
 .grid-tiles{grid-template-columns:1fr}.work{grid-template-columns:1fr 1fr}.tiers{grid-template-columns:1fr}.tier.featured{transform:none}
 .about{grid-template-columns:1fr;gap:36px}.avatar{max-width:260px;aspect-ratio:1}.contact{grid-template-columns:1fr}
}
@media (max-width:560px){
 .hero{padding-top:56px}.hero-art{height:300px}.device{height:260px}.dv-body{padding:18px}.dv-grid b{height:90px}
 .art-phones{height:280px;gap:10px}.phone{width:100px;height:210px;border-radius:24px;padding:6px}.phone.p2{width:118px;height:240px}.scr{border-radius:19px}.notch{width:36px;height:10px;top:11px}.g2{padding:36px 10px;gap:8px}.g2 b{height:34px}
 .br-hero{height:130px}.br-row{grid-template-columns:1fr 1fr}.br-row b{height:60px}
 .subs,.steps,.work{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.row2{grid-template-columns:1fr}
 .gt{min-height:0;padding:48px 20px 32px}.ctas{gap:16px}.lang select{max-width:92px}
 .brand span{font-size:15px}.f-cols{grid-template-columns:1fr 1fr}.ptable{padding:4px 18px}
 .art-code pre{font-size:13px;padding:18px}
}
/* IMAGES */
img{max-width:100%;display:block}
.hero-art{height:auto;max-width:1100px}
.hero-img{width:100%;height:auto;margin:auto;mix-blend-mode:multiply}
.tile-img{width:100%;max-width:980px;height:auto;margin:0 auto;border-radius:0}
.tile .art{margin-top:40px}
.gray .tile-img{mix-blend-mode:multiply}
#marketing .art{margin-top:30px}
.art-chat{margin-top:-40px;position:relative}
.gart{min-height:0}
.gt-img{width:100%;max-width:460px;aspect-ratio:4/3;object-fit:cover;border-radius:22px;margin:auto}
.wk-img{height:auto;aspect-ratio:4/3;overflow:hidden}
.wk-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.wk:hover .wk-img img{transform:scale(1.04)}

/* ABOUT values / presence / FAQ */
.about-mark{width:140px;height:140px}
.values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.values div{border-top:1px solid #333;padding-top:14px}.values h3{font-size:17px;color:#f5f5f7}.values p{font-size:14px;color:#a1a1a6;margin-top:4px}
.presence{margin-top:28px}.presence h3{font-size:15px;color:#86868b;font-weight:600;margin-bottom:10px}
.presence-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.presence-list li{border:1px solid #424245;border-radius:980px;padding:6px 14px;font-size:14px;color:#f5f5f7}
.f-presence{flex-direction:column;gap:0}.f-presence li{border:0;padding:3px 0;font-size:12px;color:var(--mute)}
.faq{max-width:820px;margin:48px auto 0;text-align:start}
.qa{border-top:1px solid var(--line);padding:4px 0}.qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:26px;color:var(--blue);font-weight:300}.qa[open] summary::after{content:"–"}
.qa h3{font-size:19px;font-weight:600}.qa p{color:var(--mute);font-size:17px;padding:0 0 20px}
@media (max-width:560px){.values{grid-template-columns:1fr}.f-cols{grid-template-columns:1fr 1fr}}
.f-cols{grid-template-columns:repeat(4,1fr)}
@media (max-width:560px){.f-cols{grid-template-columns:1fr 1fr}}
/* PRICING TABS */
.choose{color:var(--mute);font-size:14px;font-weight:600;margin-top:40px}
.ptabs{display:flex;gap:8px;overflow-x:auto;justify-content:safe center;max-width:1080px;margin:14px auto 0;padding:6px;background:var(--gray);border-radius:980px;scrollbar-width:none;flex-wrap:nowrap}
.ptabs::-webkit-scrollbar{display:none}
.ptab{flex:0 0 auto;border:0;background:transparent;font:inherit;font-size:14px;font-weight:500;color:var(--ink);padding:9px 16px;border-radius:980px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ptab:hover{background:rgba(0,0,0,.05)}.ptab.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08);font-weight:600}
.ptab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tiers{margin-top:40px}.tier .td{min-height:0}
.tier .amt b small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--mute)}
.quote-line{margin-top:28px;font-size:15px;color:var(--mute)}.quote-line .link{font-size:15px}
@media (max-width:860px){.ptabs{justify-content:flex-start;border-radius:18px}}
.tier .amt b{color:var(--ink)}.tier.featured .amt b{color:#fff}.tier.featured .amt b small{color:rgba(255,255,255,.7)}
@media (min-width:861px){.ptabs{flex-wrap:wrap;justify-content:center;border-radius:24px;overflow:visible}}