.flow-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 42%,#254d4d38,transparent 52%),radial-gradient(ellipse at 10% 20%,#49336325,transparent 65%),var(--bg)}
.flow-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:44px;padding-block:52px 64px}
.flow-copy{min-width:0}
.flow-product{display:flex;align-items:center;gap:14px;margin-bottom:27px}
.flow-product-icon{display:grid;place-items:center;flex:none;width:57px;height:57px;border:1px solid #bdded226;border-radius:15px;background:linear-gradient(135deg,#8ceac41a,#798bc411)}
.flow-product-icon img{width:35px;height:35px;object-fit:contain}
.flow-product .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:5px}
.flow-product .eyebrow::before{display:none}
.flow-product p{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;letter-spacing:-.3px}
.flow-product p>span{padding:2px 6px;font-size:9px;font-weight:400;color:#bdc7da;border:1px solid var(--line);border-radius:5px;letter-spacing:0}
.flow-copy h1{font:400 clamp(44px,4.9vw,66px)/1.16 var(--heading);letter-spacing:-3.4px}
.flow-copy h1>span{background:linear-gradient(110deg,#d6c5ff,#a3e9d8);background-clip:text;-webkit-background-clip:text;color:transparent}
.flow-intro{max-width:475px;margin-top:25px;font-size:14px;line-height:1.95;color:#abb7ca}
.flow-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:29px}
.flow-actions .button{font-size:12px;gap:16px}
.flow-actions .text-link{font-size:12px;gap:8px}
.flow-meta{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:22px 0 0;color:#b2bfd0;font-size:10px}
.flow-meta li{display:flex;align-items:center;gap:7px}
.flow-meta li::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--mint)}
.flow-scope{max-width:435px;font-size:11px;line-height:1.9;color:var(--muted);margin-top:18px}
.flow-visual{position:relative;isolation:isolate;margin:0;justify-self:stretch;width:100%;min-width:0}
.flow-visual::before{content:'';position:absolute;z-index:-1;inset:12% -25%;border:1px solid #b9b4eb13;border-radius:50%;transform:rotate(22deg);box-shadow:0 0 0 42px #b9b4eb05,0 0 0 85px #b9b4eb03;pointer-events:none}
.flow-window{overflow:hidden;border:1px solid #b9dbd32e;border-radius:16px;background:radial-gradient(ellipse at 30% 20%,#204b48,#172938 80%);box-shadow:0 32px 75px #0005}
.flow-window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:38px;padding-inline:15px;border-bottom:1px solid #bdddd418;background:#131e2b;color:#aebbcf;font-size:9px}
.flow-window-bar .window-dots{width:auto}
.flow-window-bar>.icon{width:13px;height:13px;color:#b4ced3}
.flow-screenshot{width:calc(100% - 48px);max-width:352px;height:auto;margin:24px auto;border:1px solid #b9dbd321;border-radius:12px}
.flow-visual figcaption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted);text-align:center;margin-top:18px}
.flow-visual figcaption>span:first-child{width:4px;height:4px;border-radius:50%;background:var(--mint);flex:none}
.flow-highlights{background:#101722;border-block:1px solid var(--line)}
.flow-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:27px}
.flow-highlights-grid>div{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;color:#bfcada}
.flow-highlights-grid>div+div{border-inline-start:1px solid var(--line)}
.flow-highlights .icon{color:#adcecd;width:20px;height:20px}
.flow-features{grid-template-columns:repeat(3,minmax(0,1fr))}
.flow-features .feature-card{min-height:290px}
.flow-features .feature-card p{max-width:none}
.flow-install{background:radial-gradient(ellipse at 5% 50%,#3d305829,transparent 65%),#101722;border-block:1px solid var(--line)}
.flow-install .setup-copy>p{max-width:385px}
.flow-install .setup-copy .flow-install-note{font-size:11px;margin-block:15px 25px}
.flow-steps strong,.faq-list strong{color:#cdd5e4;font-weight:600}
code{font:11px/1.7 Consolas,'Courier New',monospace;direction:ltr;unicode-bidi:isolate;display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#bfd2f10a;border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:#c8d4e9}
.flow-reload-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding-top:23px;margin-top:36px;font-size:11px;color:#b5c1d3}
.flow-reload-note .icon{width:16px;height:16px;margin-top:2px;color:var(--mint)}
.flow-privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.flow-privacy-intro{max-width:425px;font-size:13px;color:var(--muted);line-height:1.95;margin-top:23px}
.flow-permissions{margin:0}
.flow-permissions>div{padding-block:22px;border-bottom:1px solid var(--line)}
.flow-permissions>div:first-child{padding-top:0}
.flow-permissions dt{font:14px/1.5 var(--heading);color:#dbe3ee;margin-bottom:8px}
.flow-permissions dd{margin:0;font-size:12px;color:var(--muted);line-height:1.9}
@media(max-width:1100px){.flow-hero-grid{gap:25px}.flow-copy h1{font-size:54px;letter-spacing:-2.8px}.flow-actions{gap:18px}.flow-actions .button{padding-inline:18px}.flow-actions .text-link{font-size:11px}.flow-privacy-grid{gap:55px}}
@media(max-width:900px){.flow-hero-grid{gap:23px}.flow-copy h1{font-size:45px;letter-spacing:-2.4px}.flow-intro{font-size:12px}.flow-product .eyebrow{font-size:7px;letter-spacing:1px}.flow-product p{font-size:15px}.flow-product-icon{width:48px;height:48px}.flow-product-icon img{width:31px;height:31px}.flow-actions{gap:17px 14px}.flow-actions .button{font-size:11px;min-height:47px}.flow-meta{gap:6px 12px;font-size:9px}.flow-scope{font-size:10px}.flow-visual figcaption{font-size:8px}.flow-highlights-grid>div{font-size:10px;gap:9px}.flow-features .feature-card{min-height:270px}.flow-privacy-grid{gap:40px}}
@media(max-width:760px){.flow-hero-grid{grid-template-columns:1fr;padding-block:48px 44px;gap:38px}.flow-product{margin-bottom:23px;gap:12px}.flow-product .eyebrow{font-size:8px;letter-spacing:1.3px}.flow-copy h1{font-size:clamp(40px,8.4vw,60px);letter-spacing:-2.5px}.flow-intro{font-size:13px;max-width:490px;margin-top:22px}.flow-actions{gap:22px;margin-top:25px}.flow-actions .button{font-size:12px;min-height:49px}.flow-actions .text-link{font-size:11px}.flow-meta{font-size:10px;margin-top:20px}.flow-scope{font-size:11px;max-width:470px;margin-top:16px}.flow-visual{max-width:530px;justify-self:center}.flow-screenshot{width:100%;max-width:352px;margin:0 auto;border:0;border-radius:0}.flow-visual figcaption{font-size:9px;margin-top:15px}.flow-highlights-grid{padding-block:23px;gap:5px}.flow-highlights-grid>div{flex-direction:column;gap:9px;font-size:9px;line-height:1.65;text-align:center;padding-inline:6px}.flow-features{grid-template-columns:1fr}.flow-features .feature-card{min-height:0}.flow-install .setup-copy>p{max-width:100%}.flow-install .setup-copy .flow-install-note{font-size:11px}.flow-install .setup-copy>.button{min-height:49px;font-size:12px}.flow-reload-note{font-size:10px;margin-top:28px;padding-top:20px}.flow-privacy-grid{grid-template-columns:1fr;gap:30px}.flow-privacy-intro{font-size:12px;max-width:100%;margin-top:20px}.flow-permissions dt{font-size:14px}.flow-permissions dd{font-size:12px}}
@media(max-width:390px){.flow-product .eyebrow{font-size:7px;letter-spacing:1px}.flow-product p{font-size:14px}.flow-copy h1{font-size:39px;letter-spacing:-2px}.flow-actions{gap:18px}.flow-actions .button{font-size:11px;padding-inline:15px;gap:11px}.flow-actions .text-link{font-size:10px;gap:7px}.flow-meta{font-size:9px;gap:6px 12px}.flow-highlights-grid>div{font-size:8px}.flow-visual figcaption{font-size:8px}}
html[lang="fa"] .flow-copy h1{letter-spacing:0;line-height:1.5}
html[lang="fa"] .flow-product .eyebrow{letter-spacing:0;font-size:10px}
html[lang="fa"] .flow-product p{justify-content:flex-end}
html[lang="fa"] .flow-steps strong[dir="ltr"],html[lang="fa"] .faq-list strong[dir="ltr"]{display:inline-block;unicode-bidi:isolate}
@media(max-width:390px){html[lang="fa"] .flow-product .eyebrow{font-size:9px}html[lang="fa"] .flow-copy h1{font-size:36px}}