:root{--g0:#031c14;--g1:#052f22;--g2:#064531;--g3:#08754d;--g4:#09a66d;--mint:#e3f8ef;--cyan:#25a9bf;--ink:#112820;--muted:#687b74;--line:#dce7e3;--soft:#f4f8f6;--white:#fff;--shadow:0 24px 70px rgba(4,54,38,.12);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1480px,calc(100% - 48px));margin:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(90deg,rgba(3,35,25,.92),rgba(7,79,56,.85));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.site-header.scrolled{box-shadow:0 12px 35px rgba(0,0,0,.14);background:rgba(4,45,32,.96)}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:#fff;min-width:max-content}.brand-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#fff,#dff9ed);color:var(--g3);display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.brand strong{display:block;font-size:15px}.brand small{display:block;font-size:10px;color:#53e3a9;margin-top:3px}.main-nav{display:flex;gap:25px;margin-left:auto}.main-nav a{color:#d6e9e1;font-size:13px;font-weight:600;position:relative}.main-nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-9px;background:#39e39f;transition:.2s}.main-nav a:hover:after{right:0}.nav-actions{display:flex;gap:9px}.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#08b775,#04d286);color:#fff;box-shadow:0 14px 32px rgba(5,191,119,.24)}.btn-outline{border-color:rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.04)}.btn-glass{border-color:rgba(255,255,255,.46);background:rgba(3,27,20,.34);color:#fff}.btn-light{background:#fff;color:var(--g2)}.btn-lg{padding:14px 21px;border-radius:12px;font-size:14px}
.hero{min-height:780px;padding:150px 0 70px;background:radial-gradient(circle at 72% 12%,rgba(39,208,142,.26),transparent 29%),radial-gradient(circle at 98% 70%,rgba(41,168,191,.19),transparent 31%),linear-gradient(118deg,#021910 0%,#043223 48%,#07563d 100%);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center;position:relative;z-index:2}.eyebrow,.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(38,236,157,.42);background:rgba(20,189,118,.09);color:#64efb3;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.1em}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#2ee39d;box-shadow:0 0 0 6px rgba(46,227,157,.1)}.hero h1{color:#fff;font-size:clamp(46px,5.2vw,79px);line-height:1.01;letter-spacing:-.055em;margin:25px 0 22px;max-width:860px}.hero h1 em{font-style:normal;color:#39e8a4}.hero-copy>p{color:#c8ddd5;font-size:17px;line-height:1.72;max-width:720px}.hero-actions{display:flex;gap:12px;margin:30px 0}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);padding-top:25px;margin-top:30px;gap:15px}.hero-proof b{display:block;color:#fff;font-size:15px}.hero-proof span{display:block;color:#8fb5a7;font-size:10px;margin-top:4px}
.hero-product{position:relative;min-height:555px}.desktop-mock{position:absolute;left:0;top:40px;width:94%;height:450px;border:7px solid #12251f;border-radius:24px;background:#f7faf9;box-shadow:0 34px 100px rgba(0,0,0,.46);overflow:hidden;transform:perspective(1000px) rotateY(-4deg)}.mock-top{height:46px;background:#fff;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e4ece8;gap:15px}.mock-brand{font-size:10px;font-weight:850;color:#123b2e;display:flex;gap:7px;align-items:center}.mock-brand span{background:#0b7650;color:#fff;padding:6px;border-radius:7px}.mock-search{width:130px;height:20px;background:#f0f4f2;border-radius:8px;margin-left:auto}.mock-user{width:24px;height:24px;background:linear-gradient(145deg,#d7eee5,#fff);border-radius:50%}.mock-body{height:calc(100% - 46px);display:grid;grid-template-columns:78px 1fr}.mock-side{background:linear-gradient(#073a29,#05291e);display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:24px}.mock-side i{width:35px;height:7px;background:#315e4e;border-radius:6px}.mock-side i.active{height:26px;background:#08b975}.mock-content{padding:20px}.mock-title{display:flex;align-items:flex-end;justify-content:space-between}.mock-title strong{font-size:18px}.mock-title small{font-size:9px;color:#687b74}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.mock-kpis>div{background:#fff;border:1px solid #e0e9e5;border-radius:12px;padding:12px}.mock-kpis span,.mock-kpis small{font-size:7px;color:#75877f;display:block}.mock-kpis b{display:block;font-size:12px;margin:6px 0}.mock-kpis .up{color:#08a569}.mock-charts{display:grid;grid-template-columns:1.45fr .75fr;gap:10px}.chart-card,.donut-card{background:#fff;border:1px solid #e0e9e5;border-radius:13px;padding:13px}.chart-head{display:flex;justify-content:space-between;align-items:center;font-size:9px}.chart-head small{font-size:7px;color:#7a8c85}.chart-card svg{width:100%;height:190px;margin-top:10px}.donut{width:120px;height:120px;border-radius:50%;margin:20px auto 12px;background:conic-gradient(#08ad71 0 42%,#39a9bd 42% 68%,#c1d6ce 68% 100%);display:grid;place-items:center;position:relative}.donut:before{content:"";width:72px;height:72px;border-radius:50%;background:#fff;position:absolute}.donut div{position:relative;z-index:2;text-align:center}.donut b{display:block;font-size:10px}.donut span{font-size:7px;color:#7b8d86}.legend{display:grid;gap:6px;font-size:7px}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.l1{background:#08ad71}.l2{background:#39a9bd}.l3{background:#c1d6ce}
.phone-mock{position:absolute;right:-8px;bottom:3px;width:214px;height:435px;border:7px solid #111c18;border-radius:38px;background:#071b14;box-shadow:0 28px 70px rgba(0,0,0,.43);padding:8px;z-index:5;transform:rotate(2deg)}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:78px;height:19px;background:#0c1411;border-radius:0 0 13px 13px;z-index:5}.phone-screen{height:100%;border-radius:28px;background:linear-gradient(#075139 0 28%,#f7faf9 28%);padding:22px 13px 12px;overflow:hidden}.phone-top{display:flex;justify-content:space-between;color:#fff;font-size:8px;align-items:center}.mini-logo{background:#fff;color:#0a7851;border-radius:6px;padding:5px;font-weight:900}.phone-screen h4{color:#fff;margin:18px 0 2px;font-size:16px}.phone-screen>small{color:#a6d0c0;font-size:7px}.phone-balance{background:#fff;border-radius:13px;padding:12px;margin:15px 0 9px;box-shadow:0 8px 18px rgba(3,42,29,.08)}.phone-balance span,.phone-balance small{display:block;font-size:7px;color:#778b83}.phone-balance b{display:block;font-size:18px;margin:5px 0}.phone-balance small{color:#08a569}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.phone-grid div{background:#fff;border:1px solid #e2ebe7;border-radius:10px;padding:9px}.phone-grid span{display:block;font-size:6px;color:#7b8b85}.phone-grid b{font-size:11px}.phone-mini-chart{height:76px;background:#fff;margin-top:7px;border-radius:10px;display:flex;align-items:flex-end;justify-content:space-around;padding:10px}.phone-mini-chart span{width:11px;border-radius:4px 4px 0 0;background:linear-gradient(#1aca88,#0a7f56)}.phone-mini-chart span:nth-child(1){height:35%}.phone-mini-chart span:nth-child(2){height:52%}.phone-mini-chart span:nth-child(3){height:44%}.phone-mini-chart span:nth-child(4){height:71%}.phone-mini-chart span:nth-child(5){height:62%}.phone-mini-chart span:nth-child(6){height:82%}.phone-mini-chart span:nth-child(7){height:93%}.phone-nav{display:flex;justify-content:space-around;margin-top:9px}.phone-nav b{font-size:12px;color:#0a8257;text-align:center}.phone-nav small{display:block;font-size:5px;color:#6b7b75;margin-top:2px}.floating-pill{position:absolute;background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(0,0,0,.22);padding:10px 13px;border-radius:12px;font-size:9px;font-weight:800;color:#154235;z-index:8}.pill-one{left:-15px;bottom:22px}.pill-two{right:25px;top:2px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0bd581;margin-right:6px;box-shadow:0 0 0 5px rgba(11,213,129,.12)}
.trust-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 50px rgba(5,49,34,.05)}.trust-grid{min-height:100px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.trust-grid>div{display:flex;gap:12px;align-items:center;padding:18px 24px;border-right:1px solid #edf2f0}.trust-grid>div:last-child{border:0}.trust-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--g3);font-weight:900}.trust-grid p{margin:0}.trust-grid b{display:block;font-size:12px}.trust-grid small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.section{padding:100px 0}.section-head{max-width:760px;margin-bottom:40px}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.split-copy h2,.install-card h2,.security-card h2,.company-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;line-height:1.05;margin:15px 0}.section-head p,.split-copy>p,.install-card>p,.company-section p{color:var(--muted);line-height:1.7}.tag{color:#078557;background:#eaf9f3;border-color:#c7efde}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{border:1px solid var(--line);border-radius:17px;padding:22px;background:#fff;transition:.22s;min-height:190px}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bfe2d4}.ficon{width:40px;height:40px;border-radius:11px;background:#e4f8f0;color:#07905e;display:grid;place-items:center;font-weight:900;font-size:18px}.feature-card h3{font-size:15px;margin:17px 0 8px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.dark-section{background:radial-gradient(circle at 75% 15%,rgba(37,193,128,.18),transparent 30%),linear-gradient(135deg,#031e15,#063b2a);color:#fff}.section-head.light p{color:#a9c9bd}.tag-dark{background:rgba(20,197,125,.1);color:#57e7ad;border-color:rgba(70,234,171,.3)}.steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin-top:50px}.steps:before{content:"";height:1px;background:linear-gradient(90deg,transparent,#14c77e,transparent);position:absolute;top:54px;left:8%;right:8%}.step{text-align:center;position:relative;z-index:2}.step>span{position:absolute;top:-13px;left:50%;margin-left:22px;background:#0c6747;color:#7ef4bd;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:8px}.step i{width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#0a714d,#0c9d67);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-style:normal;font-size:25px;margin:18px auto;box-shadow:0 16px 35px rgba(0,0,0,.2)}.step b{display:block;font-size:13px}.step small{display:block;color:#96b8ab;font-size:10px;margin-top:5px}.center-action{text-align:center;margin-top:44px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.check-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}.check-list li{display:flex;align-items:center;gap:11px;font-size:13px}.check-list span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--g3);font-weight:900}.hierarchy-card{background:linear-gradient(145deg,#f7fbf9,#edf7f3);border:1px solid #d8e8e2;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.hierarchy-top{background:linear-gradient(135deg,#073e2d,#0b7650);border-radius:18px;padding:20px;color:#fff}.hierarchy-top span,.hierarchy-top small{display:block;font-size:9px;color:#9ed1bd}.hierarchy-top b{display:block;font-size:20px;margin:5px 0}.hierarchy-flow{padding:24px}.h-node{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:14px;box-shadow:0 8px 18px rgba(5,55,39,.05)}.h-node i{width:38px;height:38px;border-radius:10px;background:#e5f7ef;color:#07895a;display:grid;place-items:center;font-style:normal}.h-node span{flex:1}.h-node b,.h-node small{display:block}.h-node b{font-size:12px}.h-node small{font-size:8px;color:var(--muted);margin-top:3px}.h-node strong{font-size:11px;color:#07905f}.h-node.group{border-color:#bfe8d6}.h-line{width:1px;height:22px;background:#b6daca;margin:auto}.h-children{display:grid;gap:9px}
.soft-section{background:#f2f8f5}.ai-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.ai-panel{background:linear-gradient(145deg,#042d20,#07523a);border-radius:30px;padding:25px;color:#fff;box-shadow:0 28px 70px rgba(4,49,35,.2);min-height:420px}.ai-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px}.ai-orb{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#12cb83,#38a9be);display:grid;place-items:center;font-size:19px}.ai-title b,.ai-title small{display:block}.ai-title small{color:#a5c7ba;font-size:9px;margin-top:4px}.ai-message{max-width:82%;padding:14px 16px;border-radius:17px;margin-top:20px;font-size:12px;line-height:1.55}.ai-message.user{margin-left:auto;background:#0d9161}.ai-message.bot{background:#fff;color:#18382d}.ai-message.bot strong{color:#05895a}.ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.ai-suggestions span{font-size:9px;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#b7d3c8}
.report-badges{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.report-badges span{padding:7px 10px;border-radius:8px;background:#eaf6f1;color:#08784f;font-size:10px;font-weight:800}.paper-stack{position:relative;min-height:480px}.paper{position:absolute;right:5%;top:0;width:72%;height:470px;background:#fff;border:1px solid #d9e5e1;border-radius:10px;box-shadow:0 28px 70px rgba(4,50,35,.16);padding:30px;transform:rotate(2deg)}.paper-back{right:14%;top:22px;background:#e7f2ed;transform:rotate(-5deg)}.paper-brand{display:flex;gap:12px;align-items:center;border-bottom:2px solid #0b8056;padding-bottom:18px}.paper-brand>span{width:40px;height:40px;border-radius:10px;background:#08764f;color:#fff;display:grid;place-items:center;font-weight:900}.paper-brand b,.paper-brand small{display:block}.paper-brand small{color:#778b83;font-size:8px;margin-top:3px}.paper-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.paper-kpis div{background:#f4f8f6;border-radius:9px;padding:11px}.paper-kpis small,.paper-kpis b{display:block}.paper-kpis small{font-size:7px;color:#778b83}.paper-kpis b{font-size:13px;margin-top:5px}.paper-chart{height:140px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid #dfe8e4;padding:0 15px}.paper-chart i{flex:1;background:linear-gradient(#13bf7c,#08774f);border-radius:5px 5px 0 0}.paper-lines{display:grid;gap:11px;margin-top:25px}.paper-lines span{height:7px;background:#e8eeec;border-radius:5px}.paper-lines span:nth-child(2){width:84%}.paper-lines span:nth-child(3){width:92%}.paper-lines span:nth-child(4){width:65%}
.pwa-section{background:linear-gradient(135deg,#eff8f4,#f9fbfa)}.pwa-grid{display:grid;grid-template-columns:.75fr 1.1fr 1.1fr;gap:20px}.phone-showcase,.install-card,.security-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px}.phone-showcase{text-align:center;background:linear-gradient(155deg,#073c2b,#0c7652);color:#fff}.app-icon-large{width:120px;height:120px;border-radius:31px;margin:16px auto 22px;background:radial-gradient(circle at 30% 20%,#1ab97d,#042c20 65%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font-size:34px;font-weight:900;box-shadow:0 20px 45px rgba(0,0,0,.25)}.phone-showcase p{color:#9ad2bc}.platform{display:flex;gap:13px;border:1px solid #e2ebe7;border-radius:14px;padding:12px;margin-top:9px}.platform>span{width:39px;height:39px;border-radius:10px;background:#e7f8f1;color:#087c53;display:grid;place-items:center;font-weight:900}.platform b,.platform small{display:block}.platform b{font-size:12px}.platform small{font-size:8px;color:#75877f;margin-top:3px}.security-card ul{padding-left:19px;color:#566b63;line-height:2;font-size:12px}
.company-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:70px;align-items:center}.company-lead{font-size:20px!important;color:#08754d!important;font-weight:800}.company-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.company-meta>div{border:1px solid var(--line);border-radius:13px;padding:14px}.company-meta small,.company-meta b{display:block}.company-meta small{color:var(--muted);font-size:9px}.company-meta b{font-size:11px;margin-top:4px}.company-card{background:linear-gradient(145deg,#052f22,#08744e);color:#fff;border-radius:28px;padding:35px;text-align:center;box-shadow:0 28px 75px rgba(5,60,42,.2)}.sgmax-mark{width:100px;height:100px;margin:auto;border-radius:27px;background:#fff;color:#0a8056;display:grid;place-items:center;font-weight:900;font-size:32px}.company-card h3{font-size:23px;margin:20px 0 7px}.company-card p{color:#a7d0c1}.company-card .btn{margin-top:16px;width:100%}.text-link{display:block;color:#70edb7;font-size:11px;margin-top:14px}
.cta-section{padding:0 0 90px}.cta-box{border-radius:30px;padding:45px 50px;background:radial-gradient(circle at 85% 20%,rgba(57,225,159,.25),transparent 33%),linear-gradient(135deg,#031e15,#075038);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-box h2{font-size:32px;letter-spacing:-.03em;margin:13px 0 7px;max-width:800px}.cta-box p{color:#a8c8bc;margin:0}.cta-actions{display:flex;gap:10px;min-width:max-content}.footer{background:#031a12;color:#c1d8cf;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand b,.footer-brand small{display:block}.footer-brand small{color:#6f9e8d;font-size:9px;margin-top:4px}.footer-grid>div>b{display:block;color:#fff;font-size:11px;margin-bottom:12px}.footer-grid>div>a{display:block;color:#88ad9f;font-size:10px;margin:9px 0}.footer-bottom{border-top:1px solid #16372b;margin-top:35px;padding-top:18px;font-size:9px;color:#638878}
@media(max-width:1200px){.main-nav{display:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-product{min-height:520px}.desktop-mock{width:88%}.trust-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr);gap:25px}.steps:before{display:none}}
@media(max-width:820px){.wrap{width:min(100% - 28px,1480px)}.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.menu-open .main-nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#052f22;flex-direction:column;padding:22px}.hero{min-height:auto;padding:120px 0 60px}.hero h1{font-size:44px}.hero-proof{grid-template-columns:1fr 1fr}.hero-product{min-height:420px}.desktop-mock{width:100%;height:350px}.phone-mock{width:175px;height:355px}.feature-grid{grid-template-columns:1fr 1fr}.split,.ai-grid,.company-grid{grid-template-columns:1fr;gap:40px}.paper-stack{min-height:420px}.pwa-grid{grid-template-columns:1fr}.cta-box{display:block}.cta-actions{margin-top:25px;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:72px 0}}
@media(max-width:540px){.hero h1{font-size:38px}.hero-actions{display:grid}.hero-product{min-height:340px}.desktop-mock{height:290px;transform:none}.phone-mock{display:none}.mock-side{display:none}.mock-body{grid-template-columns:1fr}.mock-content{padding:12px}.donut-card{display:none}.floating-pill{display:none}.trust-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.company-meta{grid-template-columns:1fr}.paper{width:88%;right:1%;height:390px}.paper-back{right:8%}.cta-box{padding:32px 25px}.footer-grid{grid-template-columns:1fr}.section-head h2,.split-copy h2,.company-section h2{font-size:34px}}