:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#142842;background:#fafcf8;--navy:#102d49;--green:#096550;--muted:#435e65;--line:#d7e6de;line-height:1.5}
*,*:before,*:after{box-sizing:border-box}body{margin:0}a{color:inherit}a,select{outline-offset:4px}a:focus-visible,select:focus-visible{outline:2px solid #187e64}.ico{width:20px;height:20px;flex:none}.shell{width:min(1216px,calc(100% - 88px));margin-inline:auto}.skip-landing{position:absolute;top:12px;left:12px;z-index:4;background:#fff;padding:8px 12px;transform:translateY(-180%)}.skip-landing:focus{transform:none}
.site-header{background:#fff;border-bottom:1px solid #e5ece6}.header-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;flex:none}.wordmark img{width:151px;height:auto;display:block}.header-nav,.header-actions,.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.header-nav{gap:25px}.header-nav a{font-size:14px;font-weight:650;text-decoration:none;color:#37505f}.header-nav a:hover{text-decoration:underline}.language{position:relative;color:#0b6854}.language .ico{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;width:16px;height:16px}.language .ico:first-child{left:9px}.language .ico:last-child{right:7px;width:14px;height:14px}.language select{appearance:none;min-height:42px;font:inherit;font-weight:650;font-size:13px;border:1px solid #d5e2dc;border-radius:9px;padding:6px 24px 6px 30px;background:#fff;color:var(--navy);max-width:100%}.cta{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:9px 15px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:14px;font-weight:750;background:#0a6853;color:white;line-height:1.25;text-align:center}.cta:hover{background:#085642}.cta .ico{width:17px;height:17px}.header-cta{min-height:42px;font-size:13px}.ghost{background:transparent;border-color:#bacfc6;color:#204e4a}.ghost:hover{background:#e9f5ec}.mint{background:#aee9ca;color:#133d32}.mint:hover{background:#c4f3db}
.hero{min-height:605px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:30px;padding-block:41px 46px}.hero-copy{padding:12px 0 12px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.17em;font-weight:850;text-transform:uppercase;color:#0b6854}.eyebrow .ico{width:16px;height:16px}.hero h1{font-size:clamp(51px,6.6vw,99px);letter-spacing:-.08em;line-height:.99;margin:19px 0 20px;color:#102b45;font-weight:800}.hero-title-line{display:block}.hero h1 em{color:#0b6a55;font-style:normal}.hero-copy>p{color:var(--muted);font-size:clamp(16px,1.7vw,21px);max-width:460px;margin:0 0 27px}.hero-figure{margin:0;position:relative;align-self:center;min-width:0;aspect-ratio:660/590;overflow:hidden;isolation:isolate;border-radius:clamp(18px,2.4vw,32px);background:#dbe8dd}
.hero-figure img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
.hero-flow{position:absolute;inset:auto 15px 15px;background:#102d29f5;color:#f1faf4;border:1px solid #93c6b780;border-radius:15px;padding:11px 12px 9px;box-shadow:0 8px 24px #0b211f65}
.hero-flow-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #45665d;padding-bottom:6px;margin-bottom:8px}
.hero-flow-header strong{display:flex;align-items:center;gap:6px;font-size:clamp(11px,1.3vw,15px);line-height:1.2}
.hero-flow-header strong .ico,.hero-flow-update .ico{width:15px;height:15px;color:#9bf0c8}
.hero-flow-toggle{display:grid;place-items:center;width:32px;height:29px;flex:none;border:1px solid #659688;border-radius:7px;background:#214841;color:#dcfaed;cursor:pointer}
.hero-flow-toggle:hover{background:#30675a}
.hero-flow-toggle:focus-visible{outline:2px solid #9bf0c8;outline-offset:2px}
.hero-flow-toggle .ico{width:16px;height:16px}
.hero-flow-map{position:relative}
.hero-flow-forward,.hero-flow-return{display:block;width:100%;color:#85baab;overflow:visible}
.hero-flow-forward{position:absolute;inset:7px 0 auto;height:20px}
.hero-flow-return{height:19px}
.hero-flow-guide,.hero-flow-chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hero-flow-guide{stroke:#77a99a;stroke-width:1.2;stroke-dasharray:3 4}
.hero-flow-chevron{stroke-width:1.8}
.hero-flow-marker{opacity:0;fill:#a6ffd4;filter:drop-shadow(0 0 3px #a6ffd4)}
.hero-flow-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;list-style:none;margin:0;padding:0}
.hero-flow-nodes li{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0;line-height:1.16}
.hero-flow-nodes b{font-size:clamp(10px,1.15vw,14px)}
.hero-flow-nodes li>span:last-child{color:#b8d7ce;font-size:clamp(9px,.9vw,11px)}
.hero-flow-node-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:2px;border:1px solid #78ad9d;border-radius:10px;background:#244f45;color:#d1f8e7}
.hero-flow-node-icon .ico{width:21px;height:21px}
.hero-flow-update{display:flex;align-items:center;justify-content:center;gap:4px;width:fit-content;margin:0 auto;color:#d2f7e3;font-size:clamp(9px,1vw,12px);font-weight:750;text-align:center}
@media(prefers-reduced-motion:no-preference){
  .hero-title-line{animation:hero-title-reveal .72s cubic-bezier(.2,.72,.3,1) both}
  .hero-title-line+.hero-title-line{animation-delay:.2s}
  .hero-flow-forward .hero-flow-marker{animation:flow-forward 8s linear infinite}
  .hero-flow-return .hero-flow-marker{animation:flow-return 8s linear infinite}
  .hero-flow-node-icon{animation:flow-node 8s ease-out var(--delay) infinite}
  .hero-flow-update{animation:flow-update 8s ease-out infinite}
  .hero-flow:not(.is-visible) :is(.hero-flow-marker,.hero-flow-node-icon,.hero-flow-update),
  .hero-flow.is-paused :is(.hero-flow-marker,.hero-flow-node-icon,.hero-flow-update){animation-play-state:paused}
  @keyframes hero-title-reveal{from{opacity:.45;transform:translateY(.18em)}to{opacity:1;transform:translateY(0)}}
  @keyframes flow-forward{
    0%,10%{opacity:0;transform:translateX(0)}
    14%{opacity:1;transform:translateX(0)}
    30%,42%{opacity:1;transform:translateX(100px)}
    60%,68%{opacity:1;transform:translateX(200px)}
    72%,100%{opacity:0;transform:translateX(200px)}
  }
  @keyframes flow-return{
    0%,68%{opacity:0;transform:translate(0,0)}
    71%{opacity:1;transform:translate(0,0)}
    73%{opacity:1;transform:translate(0,7px)}
    75%{opacity:1;transform:translate(-7px,13px)}
    90%{opacity:1;transform:translate(-193px,13px)}
    92%{opacity:1;transform:translate(-200px,7px)}
    94%{opacity:1;transform:translate(-200px,1px)}
    97%,100%{opacity:0;transform:translate(-200px,1px)}
  }
  @keyframes flow-node{
    0%,18%,100%{transform:translateY(0)}
    4%,13%{background:#367962;border-color:#a6ffd4;box-shadow:0 0 0 3px #a6ffd44d;transform:translateY(-2px)}
  }
  @keyframes flow-update{
    0%,88%,100%{text-shadow:none}
    94%,98%{color:#fff;text-shadow:0 0 9px #89f5bb;transform:scale(1.045)}
  }
}
@media(prefers-reduced-motion:reduce){.hero-flow-toggle{display:none}}
.proof-strip{background:#eaf4ed;border-block:1px solid #d6e5db}.proof-inner{display:grid;grid-template-columns:repeat(3,1fr);min-height:81px}.proof-inner a{padding:15px 23px;display:flex;align-items:center;gap:12px;color:#254a4d;font-weight:750;font-size:14px;text-decoration:none}.proof-inner a+a{border-left:1px solid #cfe1d8}.proof-inner a:hover{background:#e0eee5}.proof-inner a .ico:first-child{color:#0a725a;width:21px;height:21px}.proof-inner a .ico:last-child{width:16px;height:16px;margin-left:auto}
.feature-section{padding-block:68px 74px}.section-heading{margin-bottom:23px}.section-heading h2,.workflow-section h2,.end-card h2{color:var(--navy);font-size:clamp(33px,4vw,57px);letter-spacing:-.06em;line-height:1.03;margin:10px 0 13px}.section-heading p,.section-copy{font-size:16px;color:var(--muted);margin:0;max-width:535px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature{display:flex;flex-direction:column;background:#fff;border:1px solid #dce8e1;border-radius:15px;padding:19px 19px 14px;color:var(--navy);text-decoration:none;min-height:206px}.feature:hover{border-color:#94c7b2}.feature-top{display:flex;align-items:center;justify-content:space-between;color:#53716c;font-size:11px;font-weight:800;letter-spacing:.1em}.tile-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:9px;background:#e2f2ea;color:#0a705a}.tile-icon.tone-1{background:#e8f0f9;color:#235d83}.tile-icon.tone-2{background:#f8efd4;color:#795b22}.feature h3{margin:15px 0 3px;font-size:19px;letter-spacing:-.025em}.feature p{margin:0 0 10px;color:var(--muted);font-size:14px}.feature-arrow{margin-top:auto;color:#0a705a}.feature-arrow .ico{width:18px;height:18px}
.workflow-section{background:#eef5ef;border-block:1px solid #dfe9e2;padding-block:59px}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px}.workflow-grid .cta{margin-top:20px}.ticket-example{background:#fff;border:1px solid #cfe2d8;border-radius:16px;box-shadow:0 13px 28px #183f3c0b;padding:22px}.sample-label{display:flex;align-items:center;gap:7px;color:#0a6853;font-size:10px;letter-spacing:.13em;font-weight:800}.sample-label .ico{width:15px;height:15px}.example-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 15px}.example-head h3{font-size:19px;margin:0}.example-head p{color:var(--muted);font-size:12px;margin:1px 0 0}.example-head>span{display:inline-flex;align-items:center;gap:4px;background:#eaf6ed;color:#1d654f;border-radius:15px;font-size:11px;font-weight:750;padding:4px 8px;white-space:nowrap}.example-head>span .ico{width:13px;height:13px}.ticket-example ol{list-style:none;padding:0;margin:0}.ticket-example li{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #e9f0eb;padding:10px 0}.ticket-example li:last-child{padding-bottom:0}.ticket-example li b{background:#e9f3ee;color:#12604d;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;flex:none;font-size:10px}.ticket-example li strong{display:block;font-size:13px}.ticket-example li p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.end-section{padding-block:54px}.end-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(ellipse at 99% 8%,#1b5c5a,#142e49 58%);color:white;padding:27px 31px;border-radius:16px}.end-card h2{color:white;font-size:clamp(27px,3.4vw,43px);margin:0 0 8px}.end-card p{color:#d2e5e5;font-size:14px;margin:0}.end-card .cta{flex:none}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:17px}.footer-grid h2{font-size:13px;margin:0 0 7px}.footer-grid p,.footer-grid>div>a:not(.wordmark){color:#435e65;font-size:13px}.footer-grid p{margin:8px 0 0}.footer-grid>div>a:not(.wordmark){display:flex;align-items:center;gap:6px;width:fit-content;margin:4px 0;text-decoration:none}.site-footer .ico{width:15px;height:15px;color:#15745e}.footer-grid>div>a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:24px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:#4d666a}.footer-bottom a{display:inline-flex;align-items:center;gap:5px;text-decoration:none}
@media(max-width:980px){.shell{width:min(100% - 52px,1216px)}.hero{min-height:0;gap:18px}.hero h1{font-size:clamp(47px,7.5vw,79px)}.header-nav{gap:13px}}
@media(max-width:760px){.header-nav{display:none}.hero{grid-template-columns:1fr;padding-block:24px 29px}.hero-copy>p{margin-bottom:19px}.hero-figure{width:min(100%,535px);justify-self:center}.hero h1{margin:13px 0 14px}.hero-copy{padding:10px 0 0}.feature-section{padding-block:44px}.feature-grid{gap:8px}.feature{padding:13px;min-height:0}.workflow-grid{gap:19px}.end-section{padding-block:39px}}
@media(max-width:540px){.shell{width:calc(100% - 32px)}.header-inner{min-height:62px;gap:7px}.header-actions{gap:7px}.wordmark img{width:123px}.header-cta.login-cta{min-height:36px;padding:5px 7px;font-size:11px}.header-cta.login-cta .ico{display:none}.hero h1{font-size:clamp(47px,12vw,63px)}.hero-flow{inset:auto 8px 8px;padding:7px 8px}.hero-flow-header{margin-bottom:6px;padding-bottom:4px}.hero-flow-node-icon{width:28px;height:28px}.hero-flow-node-icon .ico{width:17px;height:17px}.hero-flow-forward{top:4px}.hero-flow-return{height:14px}.proof-inner{grid-template-columns:1fr}.proof-inner a{padding:10px 4px}.proof-inner a+a{border-left:0;border-top:1px solid #cfe1d8}.feature-grid,.workflow-grid{grid-template-columns:1fr}.workflow-section{padding-block:42px}.end-card{align-items:flex-start;flex-direction:column;padding:22px 17px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
.hero-copy>.trial-note{display:flex;align-items:center;gap:7px;margin:11px 0 0;color:#405e58;font-size:12px;font-weight:680}.trial-note .ico{width:15px;height:15px;color:#13765f}.workflow-art{display:block;width:min(100%,320px);height:auto;margin:17px 0 0}

.workflow-art{color:#136852}
.workflow-trace{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}
@media(prefers-reduced-motion:no-preference){
  .workflow-art.is-visible .workflow-trace{animation:workflow-trace 2.6s ease-in-out both}
  .workflow-art.is-visible .workflow-node{animation:workflow-pulse .75s ease-out calc(.15s + var(--step)*.65s) both;transform-box:fill-box;transform-origin:center}
  .workflow-art.is-visible .workflow-node rect{animation:workflow-fill .75s ease-out calc(.15s + var(--step)*.65s) both}
  .cta .ico,.proof-inner a .ico:last-child,.feature-arrow .ico{transition:transform .2s ease}
  .cta:hover .ico,.proof-inner a:hover .ico:last-child,.feature:hover .feature-arrow .ico{transform:translateX(3px)}
  @keyframes workflow-trace{0%{opacity:0;stroke-dashoffset:1}25%{opacity:1}75%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
  @keyframes workflow-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.09)}}
  @keyframes workflow-fill{0%,100%{fill:#e2f0e7}45%{fill:#c6e9da}}
}

@media(max-width:540px){.header-inner{flex-wrap:wrap;padding-block:7px}.header-actions{margin-left:auto}}