@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--font-default:"Outfit", sans-serif;--font-heading:"Outfit", sans-serif;--fontawesome:"Font Awesome 5 Pro";--black:#0f3d2b;--dark:#237c51;--dark-secondary:#2e9e68;--dark-optional:#66bb6a;--white:#fff;--color-primary:#a1d95c;--color-secondary:#66bb6a;--color-optional:#cdef8c;--color-style-two:linear-gradient(to bottom, #a1d95c, #66bb6a);--color-light-primary:#8cd38f;--color-lightest:#e8f7d1;--color-mint:#bfea86;--color-heading:#1f6b4b;--color-paragraph:#2e7d5b;--box-shadow-primary:0 3px 10px #2e9e6840;--box-shadow-secondary:0 10px 30px #66bb6a40;--box-shadow-light:0 5px 20px #a1d95c40;--box-shadow-regular:0 2px 12px #a1d95c2e;--bg-gray:#f4faef;--bg-gray-secondary:#ecf6e2;--bg-light-green:#f7fdf1;--bg-mint:#f0fae5;--bg-gradient:linear-gradient(90deg, #a1d95c 0%, #66bb6a 50%, #2e9e68 100%);--bg-gradient-reverse:linear-gradient(90deg, #2e9e68 0%, #66bb6a 50%, #a1d95c 100%);--bg-gradient-light:linear-gradient(90deg, #a1d95c 0%, #66bb6a 50%, #2e9e68 100%);--bg-gradient-soft:linear-gradient(135deg, #cdef8c 0%, #a1d95c 50%, #66bb6a 100%);--color-hover:#2e9e68;--color-active:#66bb6a;--color-focus:#cdef8c;--border:#cce5bc;--success:#0f8a4a;--danger:#be2949}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-default);color:var(--color-heading);background:var(--bg-gray);margin:0}a{color:inherit}h1,h2,h3,h4,p{margin:0}.app-shell{overflow-x:clip}.container{width:min(1120px,100% - 4rem);margin:0 auto}.section{padding:5.5rem 0;animation:.75s both fade-up}.section-head{max-width:700px;margin-bottom:2rem}.section-head h2{font-family:var(--font-heading);color:var(--color-heading);font-size:clamp(1.7rem,2vw + .8rem,2.4rem);line-height:1.2}.section-copy{max-width:760px;color:var(--color-paragraph);margin-top:.8rem;line-height:1.7}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--dark);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.btn{cursor:pointer;border:1px solid #0000;border-radius:.8rem;justify-content:center;align-items:center;min-height:46px;padding:.85rem 1.2rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .28s,box-shadow .28s,background-color .28s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.nav-links a:focus-visible,.brand:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #cdef8ccc}.btn-primary{background:var(--bg-gradient);color:#fff;box-shadow:var(--box-shadow-primary)}.btn-primary:hover{box-shadow:var(--box-shadow-secondary)}.btn-secondary{background:var(--white);color:var(--dark);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-light-green)}.full-width{width:100%}.navbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-bottom:1px solid #cce5bce6;position:sticky;top:0}.navbar-inner{justify-content:center;align-items:center;gap:1rem;min-height:76px;display:flex}.brand{align-items:center;gap:.65rem;margin:0 auto;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:42px;height:42px;display:block}.brand-text{font-family:var(--font-heading);letter-spacing:.06em;color:var(--black);font-size:1.08rem;font-weight:800}.nav-toggle{background:0 0;border:0;padding:.25rem;display:none}.nav-toggle span{background:var(--black);width:24px;height:2px;margin:5px 0;display:block}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-links a{color:var(--color-paragraph);font-weight:500;text-decoration:none;transition:color .2s,transform .2s;position:relative}.nav-links a:after{content:"";background:var(--dark-secondary);transform-origin:0;width:100%;height:2px;transition:transform .22s;position:absolute;bottom:-.3rem;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--dark);transform:translateY(-1px)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-cta{margin-left:.25rem}.hero-section{background:#e8efe4;padding-top:4.8rem}.hero-section:before{content:"";opacity:.8;z-index:-1;background:radial-gradient(circle at 15% 30%,#cdef8c3d,#0000 48%);height:360px;position:absolute;inset:4rem 0 auto}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:2.3rem;display:grid}.hero-content h1{font-family:var(--font-heading);color:var(--color-heading);margin-bottom:1.15rem;font-size:clamp(2rem,3.1vw + 1rem,3.6rem);line-height:1.08}.hero-description{max-width:610px;color:var(--color-paragraph);font-size:1.05rem;line-height:1.65}.hero-content .eyebrow{color:var(--dark)}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-visual-frame{width:min(500px,100%);transition:transform .34s;animation:.75s both rise-in}.hero-visual-frame:hover{transform:translateY(-6px)}.hero-visual-image{object-fit:contain;width:100%;display:block}.features-section{background:linear-gradient(#f7f8f7 0%,#edf6e8 100%);border-top:1px solid #cce5bcbf;border-bottom:1px solid #cce5bcbf}.feature-showcase{gap:1.2rem;display:grid}.feature-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.feature-intro-card{background:#ffffffd1;border:1px solid #cce5bce6;border-radius:1rem;padding:1rem 1.05rem;transition:transform .34s,box-shadow .34s,border-color .34s,background-color .34s;animation:.5s both rise-in;position:relative;overflow:hidden;box-shadow:0 8px 22px #2e9e6814}.feature-intro-card:before{content:"";transform-origin:50%;background:linear-gradient(90deg,#a1d95c1a,#2e9e68bf,#a1d95c1a);border-radius:999px;height:3px;transition:transform .34s;position:absolute;top:0;left:.9rem;right:.9rem;transform:scaleX(.45)}.feature-intro-card:after{content:"";opacity:.45;background:radial-gradient(circle,#a1d95c42,#a1d95c00);border-radius:999px;width:120px;height:120px;transition:transform .42s,opacity .42s;position:absolute;bottom:-58px;right:-50px}.feature-intro-card:hover{background:#fffffff2;border-color:#66bb6ab3;transform:translateY(-8px);box-shadow:0 16px 32px #2e9e6829}.feature-intro-card:hover:before{transform:scaleX(1)}.feature-intro-card:hover:after{opacity:.7;transform:translate(-8px,-8px)}.feature-intro-card h3{z-index:1;margin-bottom:.45rem;font-size:1rem;transition:color .28s;position:relative}.feature-intro-card p{z-index:1;color:var(--color-paragraph);line-height:1.6;transition:color .28s;position:relative}.feature-intro-card:hover h3{color:var(--dark)}.feature-intro-grid .feature-intro-card:nth-child(2){animation-delay:60ms}.feature-intro-grid .feature-intro-card:nth-child(3){animation-delay:.12s}.feature-showcase-card{background:#ffffffeb;border:1px solid #cce5bce6;border-radius:1.35rem;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:1.35rem;padding:1.15rem;transition:transform .34s,box-shadow .34s,border-color .34s;animation:.55s both rise-in;display:grid;box-shadow:0 12px 28px #2e9e681a}.feature-showcase-card:hover{border-color:#66bb6aa6;transform:translateY(-10px);box-shadow:0 22px 44px #2e9e682e}.feature-showcase-card.is-reversed{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}.feature-showcase-card.is-reversed .feature-media{order:2}.feature-showcase-card.is-reversed .feature-copy-block{order:1}.feature-media{background:linear-gradient(145deg,#a1d95c47,#2e9e6829);border:1px solid #cde5bcf2;border-radius:1.05rem;justify-content:center;align-items:stretch;min-height:320px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.feature-media:after{content:"";pointer-events:none;background:linear-gradient(#0f3d2b00,#0f3d2b2e);height:45%;position:absolute;inset:auto 0 0}.feature-id{z-index:1;min-width:44px;color:var(--dark);letter-spacing:.08em;background:#ffffffe0;border-radius:999px;padding:.45rem .7rem;font-weight:800;position:absolute;top:.9rem;left:.9rem;box-shadow:0 10px 25px #2e9e6824}.feature-media-image{object-fit:contain;background:#f2f5f1;width:100%;height:100%;transition:transform .55s,filter .55s;display:block}.feature-showcase-card:hover .feature-media-image{filter:saturate(1.04);transform:scale(1.025)}.feature-media-image.is-dashboard,.feature-media-image.is-documents,.feature-media-image.is-flow{object-position:center top}.feature-copy-block{padding:.3rem .2rem}.feature-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--dark);margin-bottom:.7rem;font-size:.82rem;font-weight:700}.feature-copy-block h3{margin-bottom:.8rem;font-size:clamp(1.35rem,1vw + 1rem,1.9rem);line-height:1.18}.feature-description{color:var(--color-paragraph);margin-bottom:1rem;line-height:1.7}.feature-points{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.feature-points li{color:var(--color-paragraph);padding-left:1.15rem;line-height:1.55;position:relative}.feature-points li:before{content:"";background:var(--dark-secondary);border-radius:999px;width:7px;height:7px;position:absolute;top:.58rem;left:0}.feature-detail-strip{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);align-items:stretch;gap:1.15rem;margin-top:1.4rem;display:grid}.feature-detail-copy{background:radial-gradient(circle at 0 0,#a1d95c33,#0000 34%),linear-gradient(145deg,#155239 0%,#1c6a49 55%,#237c51 100%);border:1px solid #66bb6a59;border-radius:1.5rem;padding:1.35rem 1.35rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 20px 42px #1552393d}.feature-detail-copy:before{content:"";background:#ffffff14;border-radius:999px;width:220px;height:220px;position:absolute;bottom:-90px;right:-80px}.feature-detail-copy .eyebrow,.feature-detail-copy h3,.feature-detail-copy p:not(.eyebrow){z-index:1;position:relative}.feature-detail-copy .eyebrow{color:#e8f7d1e0}.feature-detail-copy h3{color:#fff;margin-bottom:.65rem;font-size:clamp(1.2rem,.8vw + 1rem,1.65rem);line-height:1.25}.feature-detail-copy p:not(.eyebrow){color:#e8f7d1e6;max-width:38ch;line-height:1.8}.feature-detail-tags{z-index:1;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem;display:flex;position:relative}.feature-detail-tags span{color:#f6ffed;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;padding:.48rem .8rem;font-size:.82rem;font-weight:700}.feature-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feature-mini-card{background:linear-gradient(#fffffff5,#f7fdf1f5);border:1px solid #bddfa6f2;border-radius:1.35rem;min-height:170px;padding:1.1rem 1.05rem 1rem;transition:transform .32s,box-shadow .32s,border-color .32s;position:relative;box-shadow:0 12px 28px #2e9e6817}.feature-mini-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#a1d95c14,#0000 55%);position:absolute;inset:0}.feature-mini-card:hover{border-color:#66bb6aa6;transform:translateY(-6px);box-shadow:0 18px 34px #2e9e6829}.feature-mini-id,.feature-mini-card h4,.feature-mini-card p{z-index:1;position:relative}.feature-mini-id{color:#145239;background:linear-gradient(145deg,#cdef8c,#a1d95c);border-radius:.95rem;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:.95rem;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #a1d95c4d}.feature-mini-card h4{color:var(--color-heading);margin:0 0 .45rem;font-size:1.04rem;line-height:1.35}.feature-mini-card p{color:var(--color-paragraph);margin:0;line-height:1.65}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.timeline-item{border:1px solid var(--border);background:var(--white);border-radius:1rem;padding:1.2rem;transition:transform .22s,box-shadow .22s;animation:.55s both rise-in;position:relative}.timeline-item:hover{border-color:#66bb6ab3;transform:translateY(-6px);box-shadow:0 14px 30px #2e9e6833}.timeline-index{background:var(--bg-gradient-reverse);color:#fff;border-radius:999px;place-items:center;width:33px;height:33px;margin-bottom:.8rem;font-weight:700;display:grid}.timeline-item h3{margin-bottom:.45rem}.timeline-item p{color:var(--color-paragraph);line-height:1.6}.benefits-section{background:#e8efe4}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.benefit-card{border:1px solid var(--border);background:var(--white);border-radius:1rem;padding:1.2rem;transition:transform .28s,box-shadow .28s;animation:.55s both rise-in}.benefit-card:hover{border-color:#66bb6ab8;transform:translateY(-6px);box-shadow:0 16px 34px #2e9e682e}.feature-showcase .feature-showcase-card:nth-child(2),.timeline .timeline-item:nth-child(2),.benefit-grid .benefit-card:nth-child(2){animation-delay:80ms}.feature-showcase .feature-showcase-card:nth-child(3),.timeline .timeline-item:nth-child(3),.benefit-grid .benefit-card:nth-child(3){animation-delay:.16s}.benefit-label{color:var(--dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.73rem}.benefit-card h3{margin-bottom:.55rem;font-size:1.05rem}.benefit-card h3 span{color:inherit;font-size:inherit;font-weight:inherit}.benefit-card p{color:var(--color-paragraph);line-height:1.6}.qr-section{background:linear-gradient(#f3f8ee 0%,#fff 100%)}.qr-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.qr-role-card{border:1px solid var(--border);box-shadow:var(--box-shadow-regular);background:#ffffffeb;border-radius:1.05rem;padding:1.25rem;transition:transform .28s,box-shadow .28s,border-color .28s}.qr-role-card:hover{border-color:#66bb6ab8;transform:translateY(-6px);box-shadow:0 16px 34px #2e9e6829}.qr-role-card h3{color:var(--black);margin-bottom:.6rem}.qr-role-card p{color:var(--color-paragraph);margin-bottom:.75rem;line-height:1.65}.qr-role-card span{color:var(--dark);font-size:.88rem;line-height:1.5;display:block}.cta-box{background:var(--bg-gradient-soft);border:1px solid var(--border);text-align:center;box-shadow:var(--box-shadow-secondary);border-radius:1.2rem;padding:2rem;transition:transform .34s,box-shadow .34s}.cta-box:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2e9e683d}.cta-box h2{margin-bottom:.6rem}.cta-box p{color:var(--color-paragraph);max-width:620px;margin:0 auto 1.2rem;line-height:1.55}.contact-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:1.25rem;display:grid}.contact-content p{color:var(--color-paragraph);line-height:1.7}.contact-info-list{gap:.85rem;margin-top:1.25rem;display:grid}.contact-info-item{background:#ffffffd6;border:1px solid #cce5bcf2;border-radius:.95rem;padding:.95rem 1rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 8px 18px #2e9e6814}.contact-info-item:hover{border-color:#66bb6ab3;transform:translateY(-4px);box-shadow:0 14px 28px #2e9e6829}.contact-info-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--dark);margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:block}.contact-info-item strong{color:var(--color-heading);font-size:.98rem;line-height:1.55;display:block}.contact-form{background:var(--white);border:1px solid var(--border);box-shadow:var(--box-shadow-primary);border-radius:1rem;padding:1.3rem}.contact-form:hover{box-shadow:var(--box-shadow-secondary)}.form-row{gap:.45rem;margin-bottom:.95rem;display:grid}.form-row label{color:var(--color-heading);font-size:.92rem;font-weight:600}.form-row input{min-height:44px;font:inherit;border:1px solid #cde1be;border-radius:.7rem;padding:.72rem .84rem;transition:border-color .2s,box-shadow .2s}.form-row input::placeholder{color:#77a080}.form-row input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #cdef8c73}.form-row input[aria-invalid=true]{border-color:var(--danger)}.error-message{color:var(--danger);font-size:.86rem;line-height:1.4}.success-message{color:var(--success);font-size:.9rem;line-height:1.45}.footer{border-top:1px solid var(--border);color:#dff4df;background:#0f3d2b;margin-top:1rem;padding:2.2rem 0 1.4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.footer h3,.footer h4{color:#fff;margin-bottom:.5rem}.footer p{color:#d2efd8;line-height:1.65}.copyright{text-align:center;margin-top:1.1rem;font-size:.86rem}.scroll-top-button{background:var(--bg-gradient-reverse);width:46px;height:46px;color:var(--white);box-shadow:var(--box-shadow-secondary);cursor:pointer;opacity:0;pointer-events:none;z-index:30;border:0;border-radius:999px;place-items:center;transition:opacity .26s,transform .26s,box-shadow .26s;display:grid;position:fixed;bottom:1.2rem;right:1.2rem;transform:translateY(12px)scale(.96)}.scroll-top-button svg{fill:currentColor;width:20px;height:20px}.scroll-top-button.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f3d2b4d}.scroll-top-button:focus-visible{outline-offset:2px;outline:3px solid #cdef8cd9}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-section{position:relative}.features-section{animation-delay:80ms}.how-section{animation-delay:.16s}.benefits-section{animation-delay:.24s}.cta-section{animation-delay:.3s}.contact-section{animation-delay:.38s}@media (width<=992px){.container{width:min(1120px,100% - 3.2rem)}.section{padding:4.2rem 0}.hero-grid,.contact-grid{grid-template-columns:1fr}.hero-visual-frame{width:min(460px,100%)}.hero-section,.benefits-section{background:#e8efe4}.feature-intro-grid,.feature-showcase-card,.feature-detail-strip,.timeline,.benefit-grid,.qr-role-grid,.feature-showcase-card.is-reversed{grid-template-columns:1fr}.feature-showcase-card.is-reversed .feature-media,.feature-showcase-card.is-reversed .feature-copy-block{order:initial}.feature-detail-copy p:not(.eyebrow){max-width:none}.feature-media{min-height:280px}}@media (width<=640px){.container{width:min(1120px,100% - 1.8rem)}.section{padding:3.4rem 0}.timeline,.benefit-grid,.feature-mini-grid,.footer-grid,.qr-role-grid{grid-template-columns:1fr}.brand{gap:.55rem}.brand-logo{width:36px;height:36px}.brand-text{font-size:.96rem}.feature-showcase-card{padding:.9rem}.feature-media{min-height:200px}.feature-intro-card,.feature-detail-copy,.feature-mini-card,.contact-info-item{padding:.95rem}.feature-mini-card{min-height:unset}.feature-mini-id{width:34px;height:34px;margin-bottom:.8rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-visual-frame{width:min(380px,100%)}.scroll-top-button{bottom:.85rem;right:.85rem}}