@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-600.woff2)format("woff2");font-weight:600;font-display:swap}:root{--white:#fff;--off-white:#f7f7f8;--mid-gray:#b0aead;--dark-gray:#6b6b6b;--charcoal:#2a2a2a;--black:#111;--deep:#0a0a0a;--accent:#2d6a4f;--accent-light:#40916c;--accent-glow:#2d6a4f59;--accent-soft:#2d6a4f14;--green:#52b788;--red:#e17055;--blue:#0984e3;--heading:"Inter", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, sans-serif;--ease:cubic-bezier(.16,1,.3,1);--container:1140px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--body);color:var(--charcoal);background:var(--white);font-size:17px;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.wrap{max-width:var(--container);margin:0 auto;padding:0 clamp(20px,5vw,48px)}[data-reveal]{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transform:translateY(48px)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal="0.1"]{transition-delay:.1s}[data-reveal="0.2"]{transition-delay:.2s}[data-reveal="0.3"]{transition-delay:.3s}[data-reveal="0.4"]{transition-delay:.4s}.hero{background:#050709;position:relative;overflow:hidden}.hero:after{content:"";z-index:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.hero-bg-mobile{display:none}.hero-bg-mobile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-phone-light{z-index:1}.hero-phone-dark{z-index:0}.hero-content{z-index:3;text-align:center;flex-direction:column;align-items:center;padding:clamp(100px,12vh,160px) clamp(20px,5vw,48px) 0;display:flex;position:relative}.hero-dashboard{z-index:2;perspective:1200px;max-width:1080px;margin:-20px auto 0;padding:0 clamp(20px,5vw,48px);position:relative}.hero-dashboard-inner{transform-origin:top;transform-style:preserve-3d;transition:transform .6s var(--ease),box-shadow .6s var(--ease);border-radius:16px;position:relative;overflow:hidden;transform:rotateX(8deg)scale(.97);box-shadow:0 40px 100px -20px #000000b3}.hero-dashboard-inner:hover{transform:rotateX(2deg)scale(1);box-shadow:0 50px 120px -20px #0009,0 0 60px #2d6a4f26}.hero-dashboard-inner img{width:100%;display:block}.hero-dashboard:before{content:"";filter:blur(60px);pointer-events:none;z-index:-1;background:radial-gradient(#2d6a4f2e 0%,#0000 65%);width:70%;height:60%;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hero-dashboard-spacer{height:clamp(40px,6vh,80px)}.hero-card{-webkit-backdrop-filter:blur(40px)saturate(1.4);backdrop-filter:blur(40px)saturate(1.4);background:#080b0ee0;border:1px solid #ffffff0f;border-radius:28px;width:100%;max-width:780px;padding:clamp(28px,3.5vh,44px) clamp(36px,5vw,72px);box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ffffff08}.hero h1{font-family:var(--heading);letter-spacing:-.04em;color:#f0f0f0;margin-bottom:16px;font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:700;line-height:1.05}.hero h1 em{background:linear-gradient(135deg,#40916c 0%,#52b788 35%,#95d5b2 65%,#d8f3dc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{font-family:var(--body);color:#94a3b8;letter-spacing:-.01em;max-width:500px;margin:0 auto 28px;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:400;line-height:1.6}.hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.btn-main{font-family:var(--body);color:#fff;cursor:pointer;transition:all .3s var(--ease);background:linear-gradient(135deg,#2d6a4f,#40916c);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:15px 36px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 24px #40916c59,inset 0 1px #ffffff1f}.btn-main:hover{background:linear-gradient(135deg,#358b5b,#4aa87a);transform:translateY(-2px);box-shadow:0 0 40px #40916c8c,inset 0 1px #ffffff2e}.btn-main:after{content:"";background:linear-gradient(135deg,#0000,#ffffff24,#0000);transition:transform .55s;position:absolute;inset:0;transform:translate(-100%)}.btn-main:hover:after{transform:translate(100%)}.btn-main .arr{transition:transform .25s var(--ease)}.btn-main:hover .arr{transform:translate(5px)}.btn-ghost{font-family:var(--body);color:#94a3b8;transition:color .2s ease,gap .3s var(--ease);align-items:center;gap:6px;padding:14px 8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:#f0f0f0;gap:10px}.btn-ghost .arr{transition:transform .25s var(--ease)}.btn-ghost:hover .arr{transform:translate(4px)}.hero-note{color:#ffffff4d;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.hero-note svg{flex-shrink:0}.hero [data-entrance]{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(18px)}.hero [data-entrance].is-live{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){.hero-bg-scroll{animation:none}.hero [data-entrance]{opacity:1!important;transform:none!important}}.marquee-section{background:var(--off-white);z-index:2;border-top:none;border-bottom:1px solid #0000000f;padding:40px 0;position:relative;overflow:hidden}.marquee-track{align-items:center;gap:48px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{white-space:nowrap;color:var(--charcoal);flex-shrink:0;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.marquee-item strong{font-family:var(--heading);color:var(--black);font-size:24px;font-weight:700}.marquee-divider{background:var(--accent);opacity:.35;border-radius:50%;flex-shrink:0;width:5px;height:5px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento{background:var(--white);z-index:2;padding:clamp(80px,10vw,140px) 0;position:relative}.bento .section-intro{text-align:center;margin-bottom:64px}.bento .label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.bento .label:before{content:"";background:var(--accent);border-radius:1px;width:18px;height:2px}.bento h2{font-family:var(--heading);letter-spacing:-.03em;color:var(--black);max-width:600px;margin:0 auto 16px;font-size:clamp(32px,4.5vw,52px);font-weight:700;line-height:1.1}.bento .sub{color:var(--dark-gray);max-width:480px;margin:0 auto;font-size:18px}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px;display:grid}.bento-card{background:var(--off-white);transition:all .4s var(--ease);border:1px solid #0000000f;border-radius:20px;padding:36px 32px;position:relative;overflow:hidden}.bento-card:hover{border-color:#2d6a4f33;transform:translateY(-6px);box-shadow:0 24px 64px -16px #0000001a}.bento-card.card-hero{background:var(--deep);color:var(--white);flex-direction:column;grid-area:span 2/span 2;justify-content:space-between;padding:48px 44px;display:flex}.bento-card.card-hero h3{color:var(--white)}.bento-card.card-hero p{color:#fff9}.bento-card.card-hero .card-phone{width:220px;transition:transform .5s var(--ease);background:#1a1a2e;border-radius:28px;align-self:center;margin-top:32px;padding:8px;box-shadow:0 16px 60px #00000080}.bento-card.card-hero:hover .card-phone{transform:translateY(-8px)scale(1.02)}.card-phone-screen{background:#0f0f23;border-radius:22px;overflow:hidden}.bento-card .card-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.bento-card h3{font-family:var(--heading);color:var(--black);margin-bottom:8px;font-size:20px;font-weight:600}.bento-card p{color:var(--dark-gray);font-size:15px;line-height:1.55}.card-icon-green{color:var(--accent);background:#2d6a4f1a}.card-icon-teal{color:var(--accent-light);background:#40916c1a}.card-icon-lime{color:var(--green);background:#52b7881a}.card-icon-blue{color:var(--blue);background:#0984e314}.bento-card.card-dark{background:var(--charcoal);color:var(--white)}.bento-card.card-dark h3{color:var(--white)}.bento-card.card-dark p{color:#ffffff8c}.bento-card.card-dark .card-icon{color:var(--green);background:#52b78826}.bento-card.card-dark:hover{border-color:#52b7884d;box-shadow:0 24px 64px -16px #2d6a4f33}.compare{background:var(--off-white);z-index:2;padding:clamp(80px,10vw,140px) 0;position:relative}.compare .section-intro{text-align:center;margin-bottom:64px}.compare .label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.compare .label:before{content:"";background:var(--accent);border-radius:1px;width:18px;height:2px}.compare h2{font-family:var(--heading);letter-spacing:-.03em;color:var(--black);max-width:600px;margin:0 auto;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.12}.compare-grid{grid-template-columns:1fr 80px 1fr;align-items:stretch;gap:0;max-width:900px;margin:0 auto;display:grid}.compare-col{border:1px solid #0000000f;border-radius:20px;padding:40px 36px}.compare-col.col-before{background:var(--white)}.compare-col.col-after{background:var(--deep);color:var(--white)}.compare-col.col-after h4{color:var(--white)}.compare-col.col-after li{color:#ffffffb3}.compare-col.col-after li svg{color:var(--green)}.compare-col h4{font-family:var(--heading);color:var(--black);margin-bottom:28px;font-size:18px;font-weight:600}.compare-col ul{flex-direction:column;gap:18px;display:flex}.compare-col li{color:var(--dark-gray);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.compare-col li svg{flex-shrink:0;margin-top:3px}.compare-arrow{justify-content:center;align-items:center;display:flex}.compare-arrow-circle{background:var(--accent);width:52px;height:52px;box-shadow:0 4px 20px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;animation:2.5s ease-in-out infinite arrowPulse;display:flex}@keyframes arrowPulse{0%,to{box-shadow:0 4px 20px var(--accent-glow)}50%{box-shadow:0 4px 32px #2d6a4f80}}.process{background:var(--white);z-index:2;padding:clamp(80px,10vw,140px) 0;position:relative}.process .section-intro{text-align:center;margin-bottom:72px}.process .label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.process .label:before{content:"";background:var(--accent);border-radius:1px;width:18px;height:2px}.process h2{font-family:var(--heading);letter-spacing:-.03em;color:var(--black);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.12}.timeline{max-width:680px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--accent),#2d6a4f1a);width:2px;position:absolute;top:0;bottom:0;left:27px}.tl-step{grid-template-columns:56px 1fr;gap:28px;padding-bottom:56px;display:grid;position:relative}.tl-step:last-child{padding-bottom:0}.tl-dot{background:var(--white);width:56px;height:56px;font-family:var(--heading);color:var(--accent);z-index:1;transition:all .3s var(--ease);border:2px solid #2d6a4f33;border-radius:16px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:relative}.tl-step:hover .tl-dot{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow)}.tl-body h3{font-family:var(--heading);color:var(--black);margin-bottom:8px;font-size:22px;font-weight:600}.tl-body p{color:var(--dark-gray);max-width:480px;font-size:16px}.cta-final{text-align:center;background:var(--deep);z-index:2;padding:clamp(100px,12vw,180px) 24px;position:relative;overflow:hidden}.cta-final:before{content:"";pointer-events:none;background:radial-gradient(#2d6a4f33,#0000 65%);width:120%;height:100%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.cta-final .inner{z-index:1;max-width:620px;margin:0 auto;position:relative}.cta-final h2{font-family:var(--heading);letter-spacing:-.03em;color:var(--white);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.08}.cta-final p{color:#ffffff8c;margin-bottom:44px;font-size:19px;line-height:1.55}.cta-final .btn-main{border-radius:16px;padding:20px 44px;font-size:18px}.cta-final .note{color:#ffffff59;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:13px;display:flex}.site-footer{font-family:var(--body);z-index:2;background:#0a0a0a;border-top:1px solid #ffffff0d;padding:64px 0 0;position:relative}.site-footer .footer-wrap{max-width:var(--container);margin:0 auto;padding:0 clamp(20px,5vw,48px)}.site-footer .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px;display:grid}.site-footer .footer-brand{color:#ffffff80;font-size:14px;line-height:1.6}.site-footer .footer-brand-logo{font-family:var(--heading);color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.site-footer .footer-brand-logo img{border-radius:8px;width:30px;height:30px}.site-footer .footer-col h4{font-family:var(--heading);color:#ffffffe6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-size:13px;font-weight:600}.site-footer .footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.site-footer .footer-col a{color:#fff6;font-size:14px;transition:color .2s}.site-footer .footer-col a:hover{color:#ffffffd9}.site-footer .footer-bottom{color:#ffffff4d;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;display:flex}.site-footer .footer-social{gap:12px;display:flex}.site-footer .footer-social a{color:#ffffff59;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;transition:all .25s;display:flex;overflow:hidden}.site-footer .footer-social a svg{flex-shrink:0;width:15px;height:15px}.site-footer .footer-social a:hover{color:#fff;border-color:#2d6a4f66;transform:translateY(-2px)}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr 1fr}.bento-card.card-hero{grid-column:span 2}.compare-grid{grid-template-columns:1fr;gap:24px}.compare-arrow{transform:rotate(90deg)}.site-footer .footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hdr-links{display:none}.mob-btn{display:block}.hero{min-height:100vh}.hero-bg-mobile{z-index:0;aspect-ratio:1290/2796;opacity:0;width:55%;max-width:240px;transition:opacity .8s var(--ease);border:3px solid #ffffff1a;border-radius:28px;display:block;position:fixed;top:clamp(70px,10vh,100px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 60px #00000080}.hero-bg-mobile.is-live{opacity:1}.hero-bg-mobile img{object-fit:cover;opacity:.8;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-dashboard,.hero-dashboard-spacer{display:none}.hero-content{justify-content:center;min-height:100vh;padding-bottom:clamp(40px,6vh,80px)}.bento-grid{grid-template-columns:1fr}.bento-card.card-hero{grid-area:span 1/span 1}.compare-grid{grid-template-columns:1fr;gap:20px}.compare-arrow{transform:rotate(90deg)}.site-footer .footer-grid{grid-template-columns:1fr;gap:32px}.site-footer .footer-bottom{text-align:center;flex-direction:column;gap:12px}}@media (max-width:480px){.hero-card{padding:32px 18px}.hero h1{font-size:clamp(2rem,8vw,2.6rem)}.hero-cta-row{flex-direction:column;width:100%}.btn-main,.btn-ghost{justify-content:center;width:100%}}
