:root{--brand-surface:#E8FAEF;--brand-surface-border:#ccebd9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#071928;background:#fff;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #31b068;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{max-width:1320px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:174px;height:auto}.brand span{font-size:20px;font-weight:500;border-left:1px solid #d8e2e6;padding-left:12px;line-height:1}.header nav{display:flex;gap:28px;font-size:14px;font-weight:600}.header nav a:hover,.text-link:hover{color:#218854}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;background:#00d164;color:#071928;font-weight:800;font-size:14px;border-radius:7px;border:1px solid #00d164;transition:background .15s}.button:hover{background:#31b068}.button.small{padding:12px 18px}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-top:64px;padding-bottom:85px}.eyebrow{font-size:14px;font-weight:700;color:#24764f;margin-bottom:18px}.tiny-cloud{margin-right:7px;font-size:20px}h1{font-size:clamp(42px,4.6vw,64px);line-height:1.1;letter-spacing:-3px;font-weight:800;margin:0 0 25px}p{color:#61717c;margin:0;line-height:1.8}.hero-copy>p{max-width:470px;font-size:17px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.text-link{font-size:14px;font-weight:700}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:29px;font-size:12px;color:#536873}.console{border:1px solid #dce7e3;border-radius:14px;background:#fff;box-shadow:0 25px 65px #07192810;position:relative;transform:rotate(-1deg)}.console-top{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #e7eeea;font-size:13px;font-weight:700}.console-top img{width:28px}.demo{margin-left:auto;color:#677881;font-size:12px;font-weight:500}.console-content{padding:25px}.muted{font-size:12px;color:#6a7a83}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.console-heading h2{font-size:20px;line-height:1.4;letter-spacing:-.6px;margin:7px 0 26px}.server-icon{font-size:28px;color:#31b068}.server-row{display:flex;align-items:center;padding:17px 14px;background:#f5f9f7;border:1px solid #e5ede8;border-radius:7px;gap:12px}.app-icon{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;background:#071928;color:#00d164;font-weight:800}.server-row strong{display:block;font-size:13px}.server-row small{display:block;font-size:12px;color:#6a7a83}.status{margin-left:auto;background:#def8e9;color:#24774d;padding:3px 10px;border-radius:5px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.metrics span{font-size:12px;color:#6a7a83}.metrics strong{display:block;font-size:25px;line-height:1.6}.metrics small{font-size:12px;font-weight:500;color:#6a7a83}.meter{height:4px;background:#e9f0ec;border-radius:4px;margin-top:6px}.meter i{height:100%;display:block;background:#00d164;border-radius:4px}.deploy-log{background:#071928;padding:18px 20px;border-radius:7px;font-size:12px}.deploy-log>span{color:#9aafb7;display:block;margin-bottom:12px}.deploy-log p{color:#d2e0e4;margin-top:6px}.deploy-log b{color:#00d164;margin-right:8px}.console-bottom{border-top:1px solid #e7eeea;display:flex;align-items:center;gap:9px;padding:14px 25px;color:#61717c;font-size:12px}.pulse{width:6px;height:6px;background:#00d164;border-radius:50%}.technology-strip{background:var(--brand-surface);border-block:1px solid var(--brand-surface-border)}.technology-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:28px;padding-bottom:28px}.technology-strip span{font-size:13px;color:#6b7b83;max-width:155px}.technology-strip strong{font-size:20px;font-weight:800;color:#50616a;letter-spacing:-.5px}.process,.features{padding-top:96px;padding-bottom:96px}.section-heading{text-align:center;max-width:680px;margin:auto}.section-heading h2,.stack-intro h2,.credits h2,.faq h2{font-size:38px;font-weight:800;line-height:1.25;letter-spacing:-1.5px;margin:0 0 20px}.section-heading .eyebrow{margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.step-number{color:#278957;font-size:14px;font-weight:800;border-bottom:2px solid #00d164;padding-bottom:8px;display:inline-block;width:44px}h3{font-size:19px;font-weight:800;letter-spacing:-.4px;margin:23px 0 10px}.steps p,.feature-grid p{font-size:14px}.stack-section{background:#071928;color:white;padding:80px 0}.stack-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.stack-intro .eyebrow{color:#00d164}.stack-intro>p{color:#a6b8c1;font-size:15px;max-width:360px}.stack-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.stack-tabs button{color:#bfccd2;background:#102b3d;border:1px solid #284354;border-radius:5px;font-size:13px;padding:10px 14px;cursor:pointer}.stack-tabs button[aria-selected=true]{background:#00d164;color:#071928;border-color:#00d164;font-weight:800}.stack-tabs small{font-size:10px;margin-left:3px}.stack-panel{background:white;color:#071928;border-radius:10px;overflow:hidden}.stack-panel-top{background:var(--brand-surface);display:flex;justify-content:space-between;gap:15px;padding:17px 24px;font-size:12px;border-bottom:1px solid #e7eeea;color:#657780}.stack-panel-top span:last-child{color:#218854}.stack-title{padding:26px 25px;display:flex;align-items:center;gap:17px}.stack-title>span{display:grid;place-items:center;background:#e7faee;color:#238747;border-radius:10px;min-width:53px;height:53px;font-size:26px;font-weight:800}.stack-title h3{font-size:24px;margin:0 0 4px}.stack-title p{font-size:13px;line-height:1.6}.spec-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;border-top:1px solid #e8efeb;padding:17px 0;margin:0 25px}.spec-row span{color:#6a7a83}.spec-row strong{text-align:right;font-weight:600}.installer{display:flex;gap:13px;background:#f1faf5;padding:17px;margin:5px 25px;border-radius:6px}.check{color:#22804d}.installer strong{font-size:13px}.installer p{font-size:12px;line-height:1.65;margin-top:5px}.stack-footnote{font-size:12px;padding:14px 25px 20px;color:#788891}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 50px;margin-top:55px}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#ecfaf2;font-size:26px;color:#22804d}.feature-grid h3{margin-top:18px}.credits{background:#ebfaf1;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:48px;padding-bottom:48px}.credits img{width:45px;float:left;margin-right:20px}.credits .eyebrow{padding-top:5px;margin-bottom:25px}.credits h2{clear:both;margin-bottom:0}.credits>div:last-child{align-self:center}.credits p{font-size:15px;color:#496658;margin-bottom:24px}.credits small{display:block;color:#627e6c;font-size:12px;margin-top:17px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding-top:100px;padding-bottom:100px}.faq details{border-bottom:1px solid #e2eae6}.faq summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;padding:19px 32px 19px 0;position:relative}.faq summary:after{content:'+';position:absolute;right:3px;color:#208c52;font-size:23px;top:12px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;padding:0 22px 22px 0}.footer{border-top:1px solid #e8eeeb;padding-top:33px;padding-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer .brand img{width:145px}.footer .brand span{font-size:17px}.footer p,.footer a:not(.brand),.footer small{font-size:12px;color:#75858d}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:110px}}@media(max-width:1000px){.header nav{gap:15px}.header nav a{font-size:12px}.brand img{width:140px}.brand span{font-size:17px}.hero{gap:32px}.actions{gap:16px;flex-wrap:wrap}h1{letter-spacing:-2px}.stack-layout{gap:35px}.wrap{padding-left:28px;padding-right:28px}.credits{margin-left:28px;margin-right:28px}.console-content{padding:20px}.hero-notes{gap:10px}.technology-strip strong{font-size:17px}.technology-strip .wrap{gap:18px}}@media(max-width:760px){.header{height:80px;padding:0 22px}.header>.button{display:none}.menu{display:block;border:0;background:#edf8f2;padding:6px 12px;border-radius:5px;font-size:20px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:22px;z-index:5;box-shadow:0 15px 20px #07192810}.header nav.open{display:flex;flex-direction:column}.header nav a{font-size:16px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:48px;gap:40px}h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.console{transform:none}.technology-strip .wrap{flex-wrap:wrap;justify-content:center;gap:18px 24px}.technology-strip span{flex-basis:100%;text-align:center;max-width:none}.technology-strip strong{font-size:15px}.process,.features{padding-top:60px;padding-bottom:60px}.section-heading h2,.stack-intro h2,.credits h2,.faq h2{font-size:30px;letter-spacing:-1px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:0 20px}.step-number{grid-row:span 2;align-self:start;margin-top:5px}.steps h3{margin:0 0 9px}.stack-section{padding:55px 0}.stack-layout{grid-template-columns:1fr;gap:30px}.stack-intro h2 br{display:none}.stack-intro>p{max-width:none}.feature-grid{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:35px}.feature-grid h3{font-size:17px}.credits{grid-template-columns:1fr;margin:0 22px;gap:25px;padding:30px 24px}.faq{grid-template-columns:1fr;gap:20px;padding-top:60px;padding-bottom:60px}.footer{margin:0 22px;padding-left:0;padding-right:0}.footer p{display:none}.footer small{flex-basis:100%}.spec-row{font-size:12px;margin:0 20px}.stack-panel-top{padding:15px 20px}.stack-title{padding:25px 20px}}@media(max-width:380px){h1{font-size:42px}.feature-grid{grid-template-columns:1fr}.metrics{gap:10px}.metrics strong{font-size:21px}.console-content{padding:15px}.console-heading h2{font-size:18px}.brand img{width:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* WhatsApp contact */
.whatsapp-contact { position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 40; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #00d164; color: #071928; box-shadow: 0 4px 14px #07192820; text-decoration: none; isolation: isolate; }
  .whatsapp-contact::before { content: ''; position: absolute; inset: 0; border: 2px solid #00d164; border-radius: inherit; z-index: -1; pointer-events: none; animation: whatsapp-pulse 2.4s ease-out infinite; }
  .whatsapp-contact svg { display: block; width: 28px; height: 28px; }
  .whatsapp-contact:hover { background: #31b068; }
  .whatsapp-contact:focus-visible { outline: 3px solid #071928; outline-offset: 5px; }
  @keyframes whatsapp-pulse { 0% { transform: scale(1); opacity: .55; } 75%, 100% { transform: scale(1.45); opacity: 0; } }
  @media (max-width: 760px) { .whatsapp-contact { right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); width: 50px; height: 50px; } }
  @media (prefers-reduced-motion: reduce) { .whatsapp-contact::before { animation: none; display: none; } }
  @media print { .whatsapp-contact { display: none; } }

.hero-copy>.eyebrow{display:flex;align-items:center;gap:8px;line-height:1.5}.hero-copy .tiny-cloud{display:block;width:20px;height:20px;flex:0 0 20px;margin:0}