/* Vazirmatn v33.0.3 (SIL OFL, assets/fonts/OFL.txt), self-hosted so the page never waits on Google Fonts */
@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html{scroll-padding-top:72px;background:#06081a}
html.light{background:#eef3f4}
body{margin:0}
.z3{--acc:#3fe0cf;--bg:#06081a;--surface:#0b0f27;--fg:#eef1fb;--mute:#8e97be;--line:rgba(180,195,255,.10);--line-2:rgba(180,195,255,.22);--warm:#ffb547;--glass:rgba(6,8,26,.5);--surface-0:rgba(11,15,39,0);--acc-dim:color-mix(in srgb,var(--acc) 15%,transparent);position:relative;background:var(--bg);color:var(--fg);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8;overflow-x:clip;-webkit-font-smoothing:antialiased;color-scheme:dark}
html.light .z3{--acc:#00776d;--bg:#eef3f4;--surface:#ffffff;--fg:#101a4a;--mute:#4d5a85;--line:rgba(16,26,74,.12);--line-2:rgba(16,26,74,.24);--warm:#c47600;--glass:rgba(238,243,244,.72);--surface-0:rgba(255,255,255,0);color-scheme:light}
.z3,.z3-nav{transition:background-color .35s,color .35s}
.z3 *{box-sizing:border-box}
.z3 a{color:inherit;text-decoration:none}
.z3 ::selection{background:var(--acc);color:var(--bg)}
.z3 :focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.z3-wrap{max-width:1200px;margin-inline:auto;padding-inline:32px}
.z3-lat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;unicode-bidi:isolate;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);font-weight:400}

/* nav */
.z3-nav{position:sticky;top:0;z-index:40;height:64px;background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.z3-nav .z3-wrap{height:100%;display:flex;align-items:center;gap:30px}
.z3-logo{display:flex;align-items:center;direction:ltr}
.z3-logo img{display:block;height:26px;width:auto}
.logo-light,html.light .logo-dark{display:none!important}
html.light .logo-light{display:block!important}
@keyframes z3seed{50%{opacity:.35}}
.z3-links{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--mute);margin-inline-end:auto}
.z3-links a{transition:color .2s}
.z3-links a:hover{color:var(--fg)}
.z3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding-inline:22px;border-radius:999px;font-family:inherit;font-weight:700;font-size:14px;border:1px solid var(--line-2);background:transparent;color:var(--fg);cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.z3-btn:hover{border-color:var(--fg)}
.z3-btn.solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.z3-btn.solid:hover{background:var(--acc);border-color:var(--acc);box-shadow:0 0 0 7px var(--acc-dim)}
.z3-btn.icon{width:44px;padding:0}
.z3-btn.icon svg{width:19px;height:19px}
.ic-moon,html.light .ic-sun{display:none}
html.light .ic-moon{display:block}
.z3-btn.lg{height:54px;padding-inline:28px;font-size:15.5px}

/* story: one pinned stage scrubbed by scroll */
.z3-story{position:relative}
.z3-stage{position:sticky;top:64px;overflow:hidden}
.z3-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.z3-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 50%,transparent 62%,var(--bg) 100%),linear-gradient(180deg,transparent 80%,var(--bg))}
.z3-copy{position:absolute;inset-block:0;inset-inline-start:0;width:min(48%,600px);display:grid;align-items:center;padding-inline-start:max(32px,calc((100vw - 1200px) / 2 + 32px));z-index:2;pointer-events:none}
[data-act]{opacity:var(--o,0)}
.z3-act{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;transform:translateY(calc((1 - var(--o,0)) * 26px));filter:blur(calc((1 - var(--o,0)) * 10px));pointer-events:auto}
.z3-hero,.z3-hint{--o:1}
.z3-tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:5px 14px;background:var(--glass)}
.z3-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--acc-dim)}
.z3-h1{font-size:clamp(40px,5.4vw,82px);line-height:1.22;margin:4px 0 0;font-weight:200;letter-spacing:0;text-wrap:balance}
.z3-h1 b{font-weight:800}
.z3-h1 em{font-style:normal;font-weight:800;color:var(--acc)}
.z3-h1 .t{display:inline-block;opacity:0;filter:blur(16px);transform:translateY(.3em);animation:z3tok .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes z3tok{to{opacity:1;filter:none;transform:none}}
.z3-lede{font-size:clamp(16px,1.35vw,19px);color:var(--mute);font-weight:300;margin:0;max-width:30em}
.z3-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.z3-fine{color:var(--mute);font-size:12.5px;opacity:.8}
/* mono labels are English and LTR: Persian does not set well in a monospace face */
.z3-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);direction:ltr;unicode-bidi:isolate}
.z3-h2{font-size:clamp(32px,4vw,58px);font-weight:800;line-height:1.28;margin:0;letter-spacing:0;text-wrap:balance}
.z3-h2 span{color:var(--mute);font-weight:200}
.z3-p{color:var(--mute);font-size:clamp(16px,1.3vw,18px);font-weight:300;margin:0;max-width:27em}
.z3-act-end{position:absolute;inset-inline:0;bottom:9%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;z-index:2;transform:translateY(calc((1 - var(--o,0)) * 26px));filter:blur(calc((1 - var(--o,0)) * 10px))}
.z3-rail{position:absolute;inset-inline-end:max(28px,calc((100vw - 1200px) / 2));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:2}
.z3-rail i{display:block;width:2px;height:34px;background:var(--line-2);position:relative;overflow:hidden;border-radius:2px}
.z3-rail i::after{content:"";position:absolute;inset:0;background:var(--acc);transform:scaleY(var(--f,0));transform-origin:top}
.z3-hint{position:absolute;bottom:26px;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:var(--mute);z-index:2;pointer-events:none}
.z3-hint i{display:block;width:1px;height:44px;background:linear-gradient(180deg,var(--acc),transparent);transform-origin:top;animation:z3drip 2.2s cubic-bezier(.6,0,.2,1) infinite}
@keyframes z3drip{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

/* statement: words light up as you scroll */
.z3-say{padding:180px 0 150px;border-top:1px solid var(--line)}
.z3-eye{display:flex;align-items:center;gap:14px;color:var(--acc);font-size:13px;margin-bottom:26px}
.z3-eye::after{content:"";height:1px;width:56px;background:var(--acc);opacity:.45}
.z3-say p{font-size:clamp(28px,3.6vw,52px);font-weight:700;line-height:1.6;margin:0;max-width:20em;text-wrap:pretty}
.z3-w{opacity:calc(.13 + .87 * var(--o,1))}
.z3-w.k{color:var(--acc)}
.z3-chans{margin-top:48px;display:flex;flex-wrap:wrap;gap:10px}
.z3-chans span{font-size:13px;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:4px 14px}

/* steps: vertical scroll drives a horizontal track */
.z3-steps{position:relative;border-top:1px solid var(--line)}
.z3-steps .pin{display:flex;flex-direction:column;gap:48px;padding-block:130px}
.z3-steps .z3-h2{font-size:clamp(30px,3.4vw,48px)}
.z3-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;width:100%;max-width:1200px;margin-inline:auto;padding-inline:32px}
.z3-card{min-height:340px;transform:translateY(calc((1 - var(--a,1)) * 40px));border:1px solid var(--line);border-radius:22px;padding:30px 30px 34px;background:linear-gradient(180deg,var(--surface),var(--surface-0));display:flex;flex-direction:column;gap:14px;position:relative}
.z3-card .n{position:relative;font-size:80px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line-2);align-self:flex-start}
.z3-card .n::after{content:attr(data-n);position:absolute;inset:0;color:var(--acc);-webkit-text-stroke:0;opacity:var(--a,1)}
.z3-card .ill{width:100%;height:auto;aspect-ratio:160/96;max-width:240px;margin-inline:auto;margin-block:0}
.z3-card .ill :is(path,circle){fill:none;stroke:var(--mute);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a,1))}
.z3-card .ill .a{stroke:var(--acc)}
.z3-card .ill .k{fill:var(--surface)}
.z3-card h3{font-size:22px;font-weight:700;margin:0}
.z3-card p{color:var(--mute);font-size:15px;font-weight:300;margin:0}
.z3-card.go{grid-column:1/-1;min-height:0;justify-content:center;align-items:flex-start;border-style:dashed;background:none}
.z3-card.go h3{font-size:30px;font-weight:800}

/* sections */
.z3-sec{padding:130px 0;border-top:1px solid var(--line)}
[data-reveal]{opacity:var(--r,1);transform:translateY(calc((1 - var(--r,1)) * 44px))}
.z3-sub{color:var(--mute);font-size:17px;font-weight:300;margin:18px 0 0;max-width:36em}

.z3-tpl{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.z3-tc{grid-column:span 4;border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--surface);min-height:236px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s;--x:50%;--y:50%}
.z3-tc.w{grid-column:span 8}
.z3-tc::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--x) var(--y),var(--acc-dim),transparent 62%);opacity:0;transition:opacity .35s}
.z3-tc:hover{border-color:var(--line-2)}
.z3-tc:hover::before{opacity:1}
.z3-tc>*{position:relative}
.z3-tc .k{font-size:12px;color:var(--mute)}
.z3-tc h3{font-size:24px;font-weight:700;margin:10px 0 8px}
.z3-tc p{color:var(--mute);font-size:15px;font-weight:300;max-width:30em;margin:0 0 18px}
.z3-tc q{margin-top:auto;quotes:none;font-size:14px;color:var(--fg);display:flex;align-items:center;gap:10px}
.z3-tc q::before{content:"";width:18px;height:1px;background:var(--acc)}

.z3-local{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.z3-local article{padding:30px 28px 34px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:10px}
.z3-local .lab{color:var(--acc);font-size:13px;font-weight:700}
.z3-local h3{font-size:22px;font-weight:700;margin:0}
.z3-local p{color:var(--mute);font-size:15px;font-weight:300;margin:0}

.z3-plans{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.z3-plan{border:1px solid var(--line);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:18px;min-width:0}
.z3-plan.on{border-color:var(--acc);background:linear-gradient(180deg,var(--acc-dim),transparent 55%)}
.z3-plan h3{font-size:19px;margin:0}
.z3-price{font-size:32px;font-weight:900;line-height:1.3}
.z3-price small{display:block;font-size:13px;color:var(--mute);font-weight:400;line-height:1.6}
.z3-ph{color:var(--mute);border:1px dashed var(--line-2);border-radius:8px;padding:0 .3em}
.z3-plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--mute);font-size:14.5px;font-weight:300;flex:1}
.z3-plan li::before{content:"—";color:var(--acc);margin-inline-end:10px}
.z3-note{margin:22px 0 0;color:var(--mute);font-size:13px}

/* end: the name fills with light as you arrive */
.z3-end{padding:170px 0 150px;text-align:center;border-top:1px solid var(--line);overflow:hidden}
/* the logo lockup, used as a mask so it fills with the accent colour from the bottom as you arrive */
.z3-big{width:min(78%,900px);aspect-ratio:5066/840;margin:0 auto 44px;background-image:linear-gradient(0deg,var(--acc) 0 50%,var(--line-2) 50%);background-size:100% 200%;background-repeat:no-repeat;background-position:0 calc(var(--q,1) * 100%);-webkit-mask:url(brand/seedwise-logo-mask.svg) center/contain no-repeat;mask:url(brand/seedwise-logo-mask.svg) center/contain no-repeat}
.z3-end .z3-h2{margin-inline:auto;max-width:14em}
.z3-end .z3-btn{margin-top:40px}
.z3-foot{padding:34px 0;color:var(--mute);font-size:13px;border-top:1px solid var(--line)}
.z3-foot .z3-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media (max-width:900px){
  .z3-links{display:none}
  .z3-logo{margin-inline-end:auto}
  .z3-tc,.z3-tc.w{grid-column:span 12}
  .z3-local{grid-template-columns:minmax(0,1fr)}
  .z3-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .z3-sec{padding:90px 0}
}
@media (max-width:760px){
  .z3-copy{inset:auto 0 0 0;width:auto;height:auto;padding:0 max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));align-items:end}
  .z3-h1{font-size:clamp(28px,8vw,36px)}
  .z3-lede{font-size:15px;line-height:1.75}
  .z3-fine{display:none}
  .z3-btn.lg{height:48px;padding-inline:20px;font-size:14.5px}
  .z3-act{gap:12px}
  .z3-rail{display:none}
  .z3-act-end{bottom:12%;padding-inline:20px}
  .z3-hint{display:none}
}
@media (max-width:560px){
  .z3-wrap{padding-inline:16px}
  .z3-nav .z3-wrap{gap:10px}
  .z3-login,.z3-logo .z3-lat{display:none}
  .z3-plans{grid-template-columns:minmax(0,1fr)}
  .z3-row{padding-inline:16px}
  .z3-steps .pin{padding-block:90px}
  .z3-say{padding:110px 0 100px}
}
@media (prefers-reduced-motion:reduce){
  .z3 *,.z3 *::before,.z3 *::after{animation:none!important;transition:none!important}
  .z3-h1 .t{opacity:1;filter:none;transform:none}
}

/* inner pages: about, contact, terms, privacy */
.z3-doc{padding:96px 0 120px}
.z3-doc .z3-wrap{max-width:820px}
.z3-doc .z3-h2{font-size:clamp(30px,3.6vw,46px);margin-bottom:14px}
.z3-doc .z3-lede{margin-bottom:40px}
.z3-doc h3{font-size:19px;font-weight:700;margin:40px 0 8px}
.z3-doc p,.z3-doc li{color:var(--mute);font-size:16px;font-weight:300}
.z3-doc p{margin:0 0 12px}
.z3-doc ul{margin:0 0 12px;padding-inline-start:22px}
.z3-doc a.u{color:var(--acc);border-bottom:1px solid var(--acc-dim)}
.z3-doc .z3-fine{display:block;margin-top:48px}
.z3-cards{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.z3-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--surface)}
.z3-card .z3-num{display:block;margin-bottom:8px}
.z3-card b{display:block;font-size:17px;font-weight:500;color:var(--fg);line-height:1.9}
.z3-foot a:hover{color:var(--fg)}
.z3-badge{display:inline-block;min-height:1em}