/* A handwritten accent, staggered words, and the company ribbon in motion. */
.hero{text-align:start;padding-top:38px;position:relative;isolation:isolate}
.hero-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(30px,4.4vw,70px);align-items:end;padding:20px 0 12px;position:relative;z-index:1}
.hero-title-block{min-width:0;position:relative}.hero .eyebrow{font-size:10px;margin-bottom:23px;background:#f1f8fbbb;border-color:#d9eaf2}
.hero-copy-block{position:relative;isolation:isolate}.hero-copy-block::before{content:'';position:absolute;inset:-45px -50px;background:radial-gradient(ellipse,#f5fbfff2 35%,#f5fbff00 72%);z-index:-1;pointer-events:none}
.hero h1.hero-headline{font-size:clamp(56px,5.2vw,72px);line-height:1.12;font-weight:500;letter-spacing:-.065em;margin:0;text-align:start}
.hero-title-visual,.hero-line{display:block}.hero-line{white-space:nowrap}.hero-word{display:inline-block;position:relative;opacity:1;padding-inline:.035em;margin-inline:-.035em;transform-origin:50% 85%;will-change:auto}
.hero-line-script{font-family:'Dancing Script',Georgia,serif;font-size:clamp(82px,7.4vw,106px);font-weight:500;letter-spacing:-.035em;line-height:1.08;color:#257b9e;padding-bottom:.08em;margin-bottom:-.08em}
.hero-line-indent{margin-inline-start:.75em;color:#6a81b0}
.hero-line-script .hero-word{background:linear-gradient(110deg,#167d9b 5%,#5685b2 66%,#8d7bb3 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-flourish{display:block;width:76%;height:27px;overflow:visible;margin-top:10px;margin-inline-start:9%;opacity:.68}.hero-flourish path{stroke-dasharray:1;stroke-dashoffset:0}
.hero-copy-block{padding-bottom:20px;max-width:460px}.hero-description{font-size:14px;line-height:1.95;margin-top:0;color:#5e7d91}.hero-actions{justify-content:flex-start;gap:10px;margin-top:25px}.hero-actions .button{font-size:12px;padding:12px 17px;gap:15px;min-height:48px}.hero-note{justify-content:flex-start;margin-top:18px;font-size:10px;color:#7793a5}.hero-tax-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px;margin-top:25px}.hero-tax-links .tax-pill{font-size:10px;padding:8px 10px;background-color:#ecf6fbd9;backdrop-filter:blur(6px)}.hero-tax-links .tax-pill-vat{background-color:#eee9f8d9}.hero-tax-links .tax-pill-corporate{background-color:#e5f3f9d9}.hero-tax-links .tax-pill b{font-size:7px}
.hero-animation-controls{display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;margin-top:23px}.hero-animation-controls button{display:inline-flex;align-items:center;gap:6px;padding:3px 0;font-size:10px;color:#5b8198;line-height:1.5}.hero-animation-controls button:hover{color:#164e6b}.hero-animation-controls button:disabled{opacity:.42;cursor:default}.hero-animation-controls svg{width:13px;height:13px;stroke-width:1.6}
.hero .stage{margin-top:44px}.hero .stage::after{display:none}.hero .stage::before{inset:-65px -120px -20px;background:radial-gradient(ellipse,#c0dfef80,transparent 70%)}.hero::before{left:auto;inset-inline-end:-210px;top:55px;width:600px;height:530px;background:radial-gradient(ellipse,#e3e0f752 0,#d7eff752 40%,transparent 70%)}.hero::after{content:'';position:absolute;inset-inline-start:-200px;top:250px;width:590px;height:320px;background:radial-gradient(ellipse,#b2e0ed45,transparent 70%);z-index:-2;pointer-events:none}
.hero-brand-flow{position:absolute;inset-inline-start:-230px;top:100px;width:calc(100% + 460px);height:660px;z-index:-1;overflow:visible;pointer-events:none;opacity:.78;stroke-linejoin:round}
.brand-wave-layer{transform-origin:50% 50%;animation:brand-wave-breathe 18s ease-in-out infinite}.brand-wave-b{opacity:.52;animation:brand-wave-counter 24s ease-in-out infinite}.flow-strand{stroke-dasharray:1;stroke-dashoffset:0}.brand-flow-light{opacity:.7;transform-origin:50% 50%;animation:brand-wave-breathe 18s ease-in-out infinite}.flow-light-trace{stroke-dasharray:.055 .945;stroke-dashoffset:1;animation:brand-light-travel 14s linear infinite;animation-delay:var(--trace-delay);opacity:.75}
.hero-playing .hero-word{animation:hero-word-arrive .76s cubic-bezier(.18,.75,.22,1) both;animation-delay:var(--word-delay)}.hero-playing .hero-line-script .hero-word{animation-name:hero-ink-arrive;animation-duration:1.12s}.hero-playing .flow-strand{animation:brand-strand-arrive 2.5s cubic-bezier(.28,.55,.22,1) both;animation-delay:var(--strand-delay)}.hero-playing .hero-flourish path{animation:brand-strand-arrive 1.6s ease both;animation-delay:1.08s}
.pricing-section::before{opacity:.22;background-size:155% auto;animation:brand-background-drift 29s ease-in-out infinite alternate}.closing::before{animation:brand-background-drift 24s ease-in-out infinite alternate;opacity:.3}.workflow-section::after{animation:brand-background-drift 27s ease-in-out infinite alternate;opacity:.19}.connection-card::before{opacity:.17}.announcement::before{opacity:.37}.art-grid{opacity:.49;animation:brand-background-drift 22s ease-in-out infinite alternate}
@keyframes hero-word-arrive{from{opacity:0;transform:translateY(16px) rotate(-1.3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes hero-ink-arrive{0%{opacity:0;transform:translateY(13px) rotate(-2deg);clip-path:inset(-20% 105% -30% -15%)}35%{opacity:1}100%{opacity:1;transform:translateY(0) rotate(0);clip-path:inset(-20% -15% -30% -15%)}}
@keyframes hero-ink-arrive-rtl{0%{opacity:0;transform:translateY(13px) rotate(1deg);clip-path:inset(-20% -15% -30% 105%)}35%{opacity:1}100%{opacity:1;transform:translateY(0) rotate(0);clip-path:inset(-20% -15% -30% -15%)}}
@keyframes brand-strand-arrive{from{stroke-dashoffset:1;opacity:.05}to{stroke-dashoffset:0;opacity:1}}
@keyframes brand-wave-breathe{0%,100%{transform:translate(0,0) rotate(-.65deg)}50%{transform:translate(8px,-14px) rotate(.65deg)}}
@keyframes brand-wave-counter{0%,100%{transform:translate(-9px,8px) rotate(.6deg)}50%{transform:translate(10px,-7px) rotate(-.5deg)}}
@keyframes brand-light-travel{from{stroke-dashoffset:1}to{stroke-dashoffset:-1}}
@keyframes brand-background-drift{from{transform:translate(-7px,5px) rotate(-.4deg)}to{transform:translate(10px,-8px) rotate(.5deg)}}
html[dir=rtl] .hero h1.hero-headline{font-family:'Vazirmatn',sans-serif;font-size:55px;line-height:1.3;letter-spacing:-.04em}
html[dir=rtl] .hero-line-script{font-family:'Noto Naskh Arabic','Vazirmatn',serif;font-size:86px;font-weight:500;line-height:1.1;letter-spacing:0}
html[dir=rtl] .hero-line-indent{margin-inline-start:.8em}
html[dir=rtl] .hero-playing .hero-line-script .hero-word{animation-name:hero-ink-arrive-rtl}
html[dir=rtl] .hero-brand-flow{transform:scaleX(-1)}html[dir=rtl] .hero-flourish{transform:scaleX(-1)}
html[dir=rtl] .hero-copy-block{padding-bottom:15px}html[dir=rtl] .hero-description{font-size:14px;line-height:2}
.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
.motion-off .hero-word{opacity:1;transform:none;clip-path:none}.motion-off .flow-strand,.motion-off .hero-flourish path{stroke-dashoffset:0;opacity:1}.motion-off .flow-light-trace{opacity:0}
.motion-sleep *,.motion-sleep *::before,.motion-sleep *::after{animation-play-state:paused!important}
@media(max-width:1050px){.hero-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px}.hero h1.hero-headline{font-size:53px}.hero-line-script{font-size:87px}.hero .eyebrow{font-size:8px;padding:5px 10px}.hero-copy-block{padding-bottom:8px}.hero-description{font-size:12px}.hero-actions{flex-wrap:wrap;gap:5px;margin-top:20px}.hero-actions .button{font-size:11px;padding:10px 14px}.hero-note{font-size:9px}.hero-tax-links{gap:6px;margin-top:19px}.hero-animation-controls{margin-top:17px;gap:12px}.hero-brand-flow{top:120px;height:590px;inset-inline-start:-290px;width:calc(100% + 580px)}html[dir=rtl] .hero h1.hero-headline{font-size:44px}html[dir=rtl] .hero-line-script{font-size:76px}html[dir=rtl] .hero-description{font-size:12px}}
@media(max-width:760px){.hero{padding-top:27px}.hero-intro{grid-template-columns:1fr;gap:25px;padding-top:6px}.hero-title-block{max-width:580px}.hero h1.hero-headline{font-size:clamp(43px,8vw,58px)}.hero-line-script{font-size:clamp(70px,12vw,88px)}.hero-line-indent{margin-inline-start:.7em}.hero .eyebrow{font-size:8px;margin-bottom:20px}.hero-flourish{width:66%;max-width:340px;margin-top:8px;height:22px}.hero-copy-block{max-width:530px;padding-bottom:0}.hero-description{font-size:12px}.hero-actions{margin-top:19px;flex-wrap:nowrap;gap:8px}.hero-actions .button{font-size:11px;min-height:46px;padding:11px 14px;gap:11px}.hero-note{font-size:9px;margin-top:13px}.hero-tax-links{display:flex;margin-top:18px;gap:6px}.hero-tax-links .tax-pill{font-size:10px;padding:7px 9px}.hero-animation-controls{margin-top:16px;gap:20px}.hero-animation-controls button{font-size:9px}.hero .stage{margin-top:34px}.hero-brand-flow{top:150px;height:530px;inset-inline-start:-370px;width:calc(100% + 740px);opacity:.56}.hero::before{inset-inline-end:-210px;top:50px;width:460px;height:460px}.hero::after{inset-inline-start:-200px;top:180px;width:390px;height:300px}html[dir=rtl] .hero h1.hero-headline{font-size:43px}html[dir=rtl] .hero-line-script{font-size:72px}html[dir=rtl] .hero-copy-block{padding:0}html[dir=rtl] .hero-description{font-size:12px}}
@media(max-width:370px){.hero h1.hero-headline{font-size:39px}.hero-line-script{font-size:65px}.hero-actions .button{font-size:10px;padding:10px 11px;gap:8px}.hero-tax-links .tax-pill{font-size:9px}.hero-tax-links .tax-pill b{font-size:6px}html[dir=rtl] .hero h1.hero-headline{font-size:39px}html[dir=rtl] .hero-line-script{font-size:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-word,.brand-wave-layer,.brand-flow-light,.flow-light-trace,.flow-strand,.hero-flourish path,.pricing-section::before,.closing::before,.workflow-section::after,.art-grid{animation:none!important;transition:none!important}.hero-word{opacity:1!important;transform:none!important;clip-path:none!important}.flow-strand,.hero-flourish path{stroke-dashoffset:0!important;opacity:1!important}.flow-light-trace{opacity:0!important}}