.site{--s-bg:#f3f5f8;--s-surface:#fff;--s-soft:#f8f9fb;--s-line:#e3e7ed;--s-line2:#d3d9e2;--s-ink:#111827;--s-text:#2b3342;--s-mute:#5f6878;--s-faint:#858d9c;--s-acc:#0a7c66;--s-acc-strong:#08624f;--s-acc-soft:#e0f3ec;--s-hero:#10202a;--s-hero-2:#132731;--s-hero-line:#223842;--s-hero-ink:#eef5f3;--s-hero-mute:#97ada8;--s-live:#4be3b0;--s-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--s-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--s-ease:cubic-bezier(.2, .7, .2, 1);--s-radius:12px;--s-gap:20px;--lg-bg:var(--s-bg);--lg-surface:var(--s-surface);--lg-line:var(--s-line);--lg-line2:var(--s-line2);--lg-ink:var(--s-ink);--lg-text:var(--s-text);--lg-mute:var(--s-mute);--lg-faint:var(--s-faint);--lg-acc:var(--s-acc);--lg-acc-strong:var(--s-acc-strong);--lg-acc-soft:var(--s-acc-soft);--lg-on-acc:#fff;--lg-ring:#0a7c6638;--lg-ok:#0b5e4e;--lg-amber:#9a5410;--lg-hero:var(--s-hero);--lg-hero-2:var(--s-hero-2);--lg-hero-line:var(--s-hero-line);--lg-hero-ink:var(--s-hero-ink);--lg-hero-mute:var(--s-hero-mute);--lg-live:var(--s-live);--lg-display:var(--s-display);--lg-body:var(--s-body);--lg-ease:var(--s-ease);background:var(--s-bg);min-height:100dvh;color:var(--s-text);font-family:var(--s-body);font-feature-settings:"cv11";--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){.site{--s-bg:#0b1018;--s-surface:#111823;--s-soft:#0e141e;--s-line:#1e2734;--s-line2:#2b3646;--s-ink:#edf0f6;--s-text:#cdd3df;--s-mute:#9aa2b3;--s-faint:#7a8394;--s-acc:#4fd8b0;--s-acc-strong:#7fe6c4;--s-acc-soft:#10332a;--s-hero:#0c1b21;--s-hero-2:#0f2229;--s-hero-line:#1c3139;--lg-on-acc:#062a21;--lg-ring:#4fd8b042;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.site *{box-sizing:border-box}.site a{color:inherit;text-decoration:none}.site :is(h1,h2,h3,p){margin:0}.site :is(h1,h2,h3){font-family:var(--s-display);font-optical-sizing:auto;color:var(--s-ink);font-weight:600}.site :focus-visible{outline:2px solid var(--s-acc);outline-offset:2px;border-radius:4px}.site-container{width:min(1180px,100% - 48px);margin-inline:auto}.site-container.narrow{width:min(820px,100% - 48px)}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--s-hero-line);color:var(--s-hero-ink);background:#10202adb;padding:12px 0;position:sticky;top:0}.site-header-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-brand{color:var(--s-hero-ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.site-brand .em-mark{object-fit:contain;width:30px;height:30px}.site-nav{gap:2px;display:flex}.site-nav a{color:var(--s-hero-mute);border-radius:6px;padding:7px 12px;font-size:14px;font-weight:600;transition:color .15s,background-color .15s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--s-hero-ink);background:#ffffff0f}.site-actions{align-items:center;gap:8px;display:flex}.site-link{color:var(--s-hero-ink);padding:7px 12px;font-size:14px;font-weight:600}.site-link:hover{color:var(--s-live)}.site-button{background:var(--s-acc);letter-spacing:.005em;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;color:#fff!important}.site-button:hover{background:var(--s-acc-strong)}.site-header .site-button,.hero .site-button:not(.ghost){background:var(--s-live);color:#062a21!important}.site-header .site-button:hover,.hero .site-button:not(.ghost):hover{background:#7fe6c4}.site-button.large{min-height:46px;padding:0 22px;font-size:15px}.site-button.ghost{border-color:var(--s-line2);background:0 0;color:var(--s-ink)!important}.site-button.ghost:hover{background:var(--s-soft);border-color:var(--s-acc)}.hero .site-button.ghost{border-color:var(--s-hero-line);color:var(--s-hero-ink)!important}.hero .site-button.ghost:hover{border-color:var(--s-hero-mute);background:#ffffff0f}.site-button.light{background:var(--s-live);color:#062a21!important}.site-button.light:hover{background:#7fe6c4}.hero{isolation:isolate;background:var(--s-hero);color:var(--s-hero-ink);padding:clamp(56px,8vw,104px) 0 clamp(64px,8vw,104px);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero-copy{min-width:0}.pill{border:1px solid var(--s-line);background:var(--s-surface);color:var(--s-mute);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--s-acc);border-radius:50%;width:6px;height:6px}.hero .pill{border-color:var(--s-hero-line);color:var(--s-hero-mute);background:#ffffff0a}.hero .pill:before{background:var(--s-live);animation:2.4s ease-in-out infinite site-live;box-shadow:0 0 0 4px #4be3b02e}.hero .lg-title{margin:20px 0 0;font-size:clamp(44px,6vw,84px)}.hero-copy>p.lg-lead{max-width:48ch;margin-top:22px}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-note{color:var(--s-hero-mute);margin-top:16px;font-size:13.5px}.hero-visual{min-width:0}.hero .lg-lead{display:block}.hero .lg-flow{max-width:none;margin-top:clamp(40px,6vw,64px);display:grid}.hero .lg-preview{width:100%;margin:0;display:block}.section{padding:clamp(64px,8vw,104px) 0}.section.alt{background:var(--s-surface);border-block:1px solid var(--s-line)}.section-head{text-align:center;justify-items:center;gap:12px;max-width:680px;margin:0 auto clamp(36px,5vw,56px);display:grid}.section-head :is(h1,h2){letter-spacing:-.035em;font-size:clamp(30px,3.8vw,46px);line-height:1.05}.section-head p{color:var(--s-mute);font-size:16.5px}.card{border:1px solid var(--s-line);border-radius:var(--s-radius);background:var(--s-surface);padding:24px}.section.alt .card{background:var(--s-soft)}.feature-grid,.steps,.plan-grid{gap:var(--s-gap);display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{transition:border-color .2s, transform .2s var(--s-ease);align-content:start;gap:10px;display:grid}.feature:hover{border-color:color-mix(in srgb, var(--s-acc) 45%, var(--s-line));transform:translateY(-2px)}.feature-icon{background:var(--s-acc-soft);width:40px;height:40px;color:var(--s-acc);border-radius:8px;place-items:center;display:grid}.feature-icon svg{width:20px;height:20px}.feature h3,.step h3{letter-spacing:-.02em;font-size:19px}.feature p,.step p{color:var(--s-mute);font-size:15px}.steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr))}.step{gap:10px;display:grid}.step-no{background:var(--s-hero);width:34px;height:34px;color:var(--s-live);font-family:var(--s-display);border-radius:8px;place-items:center;font-size:16px;font-weight:600;display:grid}.module-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.module-strip span{border:1px solid var(--s-line);background:var(--s-surface);color:var(--s-text);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600}.cta-band{background:radial-gradient(60% 90% at 0% 0%, #4be3b029, transparent 70%), radial-gradient(50% 80% at 100% 100%, #0a7c6659, transparent 70%), var(--s-hero);color:var(--s-hero-ink);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(28px,4.5vw,48px);display:flex;position:relative;overflow:hidden}.cta-band h2{color:var(--s-hero-ink);letter-spacing:-.03em;font-size:clamp(26px,3vw,36px);line-height:1.1}.cta-band p{max-width:560px;color:var(--s-hero-mute);margin-top:8px}.faq{gap:10px;display:grid}.faq details{padding:0}.faq summary{color:var(--s-ink);cursor:pointer;padding:18px 22px;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--s-acc);font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--s-mute);padding:0 22px 20px}.pricing-hero{padding-top:clamp(48px,6vw,80px)}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.plan{flex-direction:column;gap:12px;padding:30px 26px;display:flex;position:relative}.plan.featured{border-color:var(--s-acc);box-shadow:0 0 0 1px var(--s-acc) inset, 0 24px 48px -28px #0a7c6673}.plan-tag{background:var(--s-hero);color:var(--s-live);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:26px}.plan h2{letter-spacing:-.02em;font-size:24px}.plan-tagline{color:var(--s-mute);font-size:14.5px}.plan-price{color:var(--s-ink);font-family:var(--s-display);letter-spacing:-.035em;font-size:44px;font-weight:600;line-height:1.05}.plan-price small{color:var(--s-mute);font-family:var(--s-body);letter-spacing:0;margin-left:4px;font-size:15px;font-weight:600}.plan-year{color:var(--s-mute);font-size:13px}.plan ul{border-top:1px solid var(--s-line);flex:1;gap:10px;margin:8px 0 16px;padding:18px 0 0;list-style:none;display:grid}.plan li{color:var(--s-text);padding-left:26px;font-size:15px;position:relative}.plan li:before{content:"";border-left:2px solid var(--s-acc);border-bottom:2px solid var(--s-acc);width:12px;height:7px;position:absolute;top:.45em;left:2px;transform:rotate(-45deg)}.pricing-foot{color:var(--s-mute);text-align:center;margin-top:36px}.site-footer{border-top:1px solid var(--s-hero-line);background:var(--s-hero);color:var(--s-hero-mute);padding:48px 0 32px}.site-footer-row{flex-wrap:wrap;justify-content:space-between;gap:28px;display:flex}.site-footer strong{color:var(--s-hero-ink);font-family:var(--s-display);align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.site-footer strong .em-mark{width:26px;height:26px}.site-footer p{margin-top:6px}.site-footer nav{flex-wrap:wrap;gap:20px;font-size:14px;font-weight:600;display:flex}.site-footer nav a:hover{color:var(--s-live)}.site-copy{border-top:1px solid var(--s-hero-line);margin-top:32px;padding-top:20px;font-size:13px}@keyframes site-live{0%,to{box-shadow:0 0 0 3px #4be3b038}50%{box-shadow:0 0 0 7px #4be3b000}}@media (max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero .lg-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.feature-grid,.steps,.plan-grid{grid-template-columns:minmax(0,1fr)}.site-nav{display:none}}@media (max-width:560px){.site-container,.site-container.narrow{width:calc(100% - 32px)}.site-link{display:none}.hero .lg-flow{grid-template-columns:minmax(0,1fr)}.hero .lg-flow li+li{border-left:0;padding-left:0}.hero .lg-flow li+li:before{left:0}.hero .lg-title{font-size:clamp(36px,11vw,46px)}.hero .lg-title .lg-line{display:block}.hero .lg-title .lg-line+.lg-line:before{content:none}.hero-cta .site-button{flex:100%}}@media (prefers-reduced-motion:reduce){.site *,.site :before{transition:none!important;animation:none!important}}.legal{padding-top:clamp(40px,5vw,64px)}.legal-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.legal-nav{border:1px solid var(--s-line);border-radius:var(--s-radius);background:var(--s-surface);gap:2px;padding:14px;display:grid;position:sticky;top:84px}.legal-nav strong{color:var(--s-ink);font-family:var(--s-display);padding:4px 10px 8px;font-size:15px}.legal-nav a{color:var(--s-mute);border-radius:6px;padding:7px 10px;font-size:14px;font-weight:600}.legal-nav a:hover{color:var(--s-ink);background:var(--s-soft)}.legal-nav a[aria-current=page]{color:var(--s-acc-strong);background:var(--s-acc-soft)}.legal-doc{gap:26px;max-width:760px;display:grid}.legal-doc header{border-bottom:1px solid var(--s-line);justify-items:start;gap:12px;padding-bottom:20px;display:grid}.legal-doc h1{letter-spacing:-.035em;font-size:clamp(30px,4vw,44px);line-height:1.05}.legal-doc header p{color:var(--s-mute)}.legal-doc section{gap:10px;display:grid}.legal-doc h2{letter-spacing:-.02em;font-size:20px}.legal-doc p,.legal-doc li{color:var(--s-text);font-size:15.5px;line-height:1.7}.legal-doc ul{gap:6px;margin:0;padding-left:20px;display:grid}@media (max-width:860px){.legal-grid{grid-template-columns:minmax(0,1fr)}.legal-nav{position:static}}.hero-trust{color:var(--s-hero-mute);flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.hero-trust li{align-items:center;gap:7px;display:inline-flex}.hero-trust li:before{content:"";background:#4be3b024 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234BE3B0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") 50%/10px no-repeat;border-radius:50%;width:14px;height:14px}.marquee{border-bottom:1px solid var(--s-line);background:var(--s-surface);padding:26px 0 30px;overflow:hidden}.marquee p{color:var(--s-faint);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:14px;font-size:12.5px;font-weight:700}.marquee-track{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-row{gap:12px;width:max-content;animation:42s linear infinite site-marquee;display:flex}.marquee-row span{border:1px solid var(--s-line);background:var(--s-soft);color:var(--s-text);font-family:var(--s-display);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600}.marquee:hover .marquee-row{animation-play-state:paused}@keyframes site-marquee{to{transform:translate(-50%)}}.bento{gap:var(--s-gap);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(200px,auto);display:grid}.bento-card{border:1px solid var(--s-line);background:var(--s-surface);transition:border-color .2s, transform .25s var(--s-ease);border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:color-mix(in srgb, var(--s-acc) 40%, var(--s-line));transform:translateY(-3px)}.bento-card header{gap:8px;max-width:46ch;display:grid}.bento-card h3{letter-spacing:-.025em;font-size:clamp(20px,2vw,24px);line-height:1.12}.bento-card p{color:var(--s-mute);font-size:14.5px}.bento-tag{background:var(--s-acc-soft);color:var(--s-acc-strong);border-radius:999px;justify-self:start;padding:3px 10px;font-size:12px;font-weight:700}.bento-card.dark{border-color:var(--s-hero-line);background:radial-gradient(70% 90% at 100% 0%, #4be3b024, transparent 70%), var(--s-hero)}.bento-card.dark h3{color:var(--s-hero-ink)}.bento-card.dark p{color:var(--s-hero-mute)}.bento-card.dark .bento-tag{color:var(--s-live);background:#4be3b024}.bento-mail{grid-area:span 2/span 4}.bento-transfer{grid-area:span 2/span 2}.bento-agency,.bento-team,.bento-analytics{grid-column:span 2}.mock-list{gap:6px;display:grid}.mock-row{border:1px solid var(--s-line);background:var(--s-soft);border-radius:10px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.mock-row i{background:var(--s-line2);border-radius:50%;width:8px;height:8px}.mock-row.new i{background:var(--s-acc);box-shadow:0 0 0 4px var(--s-acc-soft)}.mock-row.seen{opacity:.72}.mock-row b{color:var(--s-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.mock-row small{color:var(--s-faint);font-size:12px}.mock-row em{color:var(--s-faint);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.mock-queue{gap:10px;display:grid}.mock-job{border:1px solid var(--s-hero-line);background:#ffffff08;border-radius:10px;gap:8px;padding:12px;display:grid}.mock-job b{color:var(--s-hero-ink);font-size:13.5px;display:block}.mock-job small{color:var(--s-hero-mute);font-size:12px}.mock-bar{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.mock-bar i{border-radius:inherit;background:linear-gradient(90deg, #2fb98e, var(--s-live));height:100%;animation:site-grow 1.6s var(--s-ease) both;transform-origin:0;display:block}@keyframes site-grow{0%{transform:scaleX(0)}}.mock-chips{flex-wrap:wrap;gap:6px;display:flex}.mock-chips span{border:1px solid var(--s-line);color:var(--s-mute);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.mock-chips span.on{border-color:var(--s-acc);background:var(--s-acc-soft);color:var(--s-acc-strong)}.mock-faces{display:flex}.mock-faces i{border:3px solid var(--s-surface);background:hsl(calc(160 + var(--i) * 32) 45% 42%);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:-8px;font-size:13px;font-style:normal;font-weight:800;display:grid}.mock-faces i:first-child{box-shadow:0 0 0 3px var(--s-live);margin-left:0}.mock-spark{height:72px;position:relative}.mock-spark svg{width:100%;height:100%}.mock-spark .area{fill:var(--s-acc-soft)}.mock-spark .line{fill:none;stroke:var(--s-acc);stroke-width:2.5px;stroke-dasharray:420;animation:lg-draw 2.2s var(--s-ease) both}.mock-spark span{color:var(--s-mute);font-size:12px;position:absolute;top:0;left:0}.mock-spark b{color:var(--s-acc-strong)}.timeline{gap:var(--s-gap);counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.timeline li{border:1px solid var(--s-line);border-radius:var(--s-radius);background:var(--s-soft);gap:14px;padding:22px;display:grid;position:relative}.timeline li:not(:last-child):after{content:"";top:39px;right:calc(-1 * var(--s-gap));width:var(--s-gap);background:linear-gradient(90deg, var(--s-acc), transparent);height:2px;position:absolute}.timeline-no{background:var(--s-hero);width:34px;height:34px;color:var(--s-live);font-family:var(--s-display);border-radius:8px;place-items:center;font-weight:600;display:grid}.timeline h3{letter-spacing:-.02em;font-size:18px}.timeline p{color:var(--s-mute);margin-top:4px;font-size:14.5px}.security{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.security-copy{justify-items:start;gap:14px;display:grid}.security-copy h2{letter-spacing:-.035em;font-size:clamp(30px,3.8vw,46px);line-height:1.05}.security-copy p{color:var(--s-mute);font-size:16.5px}.security-grid{gap:var(--s-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.security-grid .card{align-content:start;gap:10px;display:grid}.security-grid h3{letter-spacing:-.02em;font-size:17px}.security-grid p{color:var(--s-mute);font-size:14.5px}.plan.compact h3{letter-spacing:-.02em;font-size:22px}.plan.compact ul{margin-bottom:0}.final-cta{text-align:center;color:var(--s-hero-ink);background:radial-gradient(50% 80% at 50% 0%, #4be3b02e, transparent 70%), radial-gradient(40% 60% at 90% 100%, #0a7c6659, transparent 70%), var(--s-hero);padding:clamp(72px,10vw,128px) 0;position:relative;overflow:hidden}.final-cta h2{max-width:18ch;color:var(--s-hero-ink);letter-spacing:-.045em;margin:0 auto;font-size:clamp(34px,5.4vw,68px);line-height:1}.final-cta p{color:var(--s-hero-mute);margin-top:18px;font-size:17px}.final-cta .hero-cta{justify-content:center}.final-cta .site-button:not(.ghost){background:var(--s-live);color:#062a21!important}.final-cta .site-button.ghost{border-color:var(--s-hero-line);color:var(--s-hero-ink)!important}@media (max-width:1060px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-mail,.bento-transfer{grid-area:auto/span 2}.bento-agency,.bento-team,.bento-analytics{grid-column:span 1}.bento-analytics{grid-column:span 2}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline li:after{display:none}.security{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}.bento-card{grid-column:auto!important}.timeline,.security-grid{grid-template-columns:minmax(0,1fr)}}.pricing-foot a{color:var(--s-acc-strong);text-underline-offset:3px;font-weight:600;text-decoration:underline}.pricing-foot .site-button{text-decoration:none}.site-footer nav[aria-label=Yasal]{flex-basis:100%;gap:16px;font-size:13px;font-weight:500}
