@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#183f35;--paper:#f8f9f4;--muted:#6b7770;--line:#dce2d8;--lime:#d7ec94}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #95ad68;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}header{height:100px;max-width:1440px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font:700 17px Manrope,sans-serif;letter-spacing:-.7px}.brand strong{font-weight:400}.symbol{font-size:30px;letter-spacing:-3px}.symbol span{font-size:22px;color:#8fa75f;margin-left:4px}nav{display:flex;gap:28px;font-size:12px}nav a:hover,.link:hover{text-decoration:underline;text-underline-offset:6px}.btn{display:inline-block;background:var(--ink);border:1px solid var(--ink);color:#fff;padding:16px 21px;border-radius:4px;font-weight:600;font-size:12px;transition:transform .2s,background .2s}.btn:hover{background:#2d594a;transform:translateY(-2px)}.btn.small{padding:10px 16px;font-size:11px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-block:75px 80px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;margin:0 0 24px}h1,h2{font-family:Manrope,sans-serif;font-weight:500;line-height:1.12}h1{font-size:clamp(48px,5.1vw,73px);letter-spacing:-3.5px;margin:0 0 27px}em{font-style:normal;color:#7c9650}h2{font-size:42px;letter-spacing:-2px;margin:0 0 20px}p{margin-top:0}.intro{max-width:440px;color:var(--muted);font-size:15px;line-height:1.85}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.link{font-size:11px;font-weight:700}.footnote{font-size:10px;color:var(--muted);margin:23px 0 0}.hero-art{position:relative;height:490px;background:#e8eddf;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden}.art-label{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px}.art-label span{font-size:25px}.orbit{position:absolute;width:560px;height:560px;border:1px solid #cad6bb;border-radius:50%}.orbit.second{width:410px;height:410px}.app-window{width:85%;position:relative;transform:rotate(-5deg);background:white;border:1px solid #cdd6c5;border-radius:7px;box-shadow:0 25px 40px #36552e19;margin-top:10px}.window-top{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #edf0e8}.window-top b{font-size:15px;letter-spacing:-1px}.window-top>span{font-size:6px;letter-spacing:3px;color:#b8c4af}.app-body{display:flex}.app-body aside{width:43px;border-right:1px solid #edf0e8;padding:20px 13px;display:flex;flex-direction:column;gap:20px}.app-body aside i{height:10px;width:13px;border-radius:3px;background:#e1e8dc}.app-body aside i:first-child{background:#819c51}.app-body aside b{margin-top:auto;font-weight:400;color:#8ea75e}.dashboard{flex:1;padding:24px 20px 20px}.dashboard>p{font-size:6px;letter-spacing:1px;color:#8d9789;margin-bottom:7px}.dashboard h3{font-size:14px;font-weight:600;letter-spacing:-.3px;margin:0 0 18px}.metrics{display:flex;gap:9px}.metrics>div{flex:1;padding:10px;background:#f3f6ef}.metrics small{display:block;font-size:7px;color:#78836f}.metrics b{font-size:10px;font-weight:600}.chart{border:1px solid #e9ede3;padding:12px;margin-top:12px}.chart>span{display:flex;justify-content:space-between;font-size:8px}.bars{height:87px;display:flex;align-items:flex-end;gap:9px;margin-top:15px;border-bottom:1px solid #dfe6d7}.bars i{flex:1;background:#d3dfbb;border-radius:3px 3px 0 0}.bars i:last-child{background:#648445}.task{font-size:8px;margin-top:14px}.floating{position:absolute;right:17px;bottom:53px;display:flex;align-items:center;gap:13px;background:var(--ink);color:white;padding:13px 19px;transform:rotate(3deg);border-radius:5px;box-shadow:0 10px 25px #183f3522}.floating>b{font-size:30px;color:var(--lime);font-weight:400}.floating>span{font-size:12px}.floating small{display:block;font-size:9px;color:#c3d2c5}.art-caption{position:absolute;bottom:10px;margin:0;font-size:7px;color:#6c7a62}.ribbon{background:#edf1e7;border-block:1px solid var(--line)}.ribbon .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:11px}.ribbon b{font-size:23px;font-weight:400;color:#879d58}.section{padding-block:85px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-title>p{font-size:12px;color:var(--muted);margin-bottom:24px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.services article{position:relative;padding:30px 35px 30px 0}.services article+article{border-left:1px solid var(--line);padding-left:35px}.services article>span{font-size:30px}.services article>small{position:absolute;right:30px;top:38px;color:#88977f;font-size:10px}.services h3{font:600 19px Manrope,sans-serif;letter-spacing:-.7px;margin:30px 0 12px}.services p{font-size:12px;color:var(--muted);min-height:80px}.services footer{font-size:10px;color:#738052;margin-top:25px}.examples{background:#edf0e7}.tabs{display:flex;border-bottom:1px solid #cdd7c6;margin-bottom:30px;gap:5px}.tabs button{border:0;border-bottom:2px solid transparent;color:#6d7969;background:transparent;padding:15px 26px;font-size:12px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.demo-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.badge{font-size:8px;font-weight:700;letter-spacing:1px;border:1px solid #c4cfb9;padding:6px 9px;border-radius:3px}.demo-copy h3{font:500 31px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:25px 0 20px}.demo-copy>p{font-size:12px;color:var(--muted);max-width:310px}.demo-copy ul{list-style:none;padding:0;margin:25px 0 30px;font-size:11px}.demo-copy li{margin:12px 0}.demo-copy li:before{content:'✓';color:#789150;margin-right:10px}.browser{border:1px solid #c7d1bf;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 20px 35px #2a43210d}.browser-top{height:34px;background:#f6f7f3;border-bottom:1px solid #dfe5d9;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#84917b;font-size:8px}.browser-top>span:first-child{font-size:6px;letter-spacing:3px}.business{background:#fbf8f0;color:#563d2c;padding:25px}.business-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px}.business-nav b{font:18px Georgia,serif}.business-nav b small{font:7px 'DM Sans',sans-serif}.business-hero{position:relative;padding:38px 0 20px;min-height:210px;overflow:hidden}.business-hero>p{font-size:7px;letter-spacing:1.5px}.business-hero h4{position:relative;z-index:1;font:40px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:0 0 20px}.illustration{position:absolute;right:8px;top:28px;width:190px;height:180px;transform:rotate(-15deg)}.saucer{width:160px;height:160px;background:#e2c9a0;border:12px solid #ead9bc;border-radius:50%;position:absolute;top:5px;left:10px;box-shadow:8px 12px 16px #67462b18}.cup{position:absolute;top:20px;left:25px;width:130px;height:130px;background:#f5eee1;border-radius:50%;padding:9px;box-shadow:7px 8px 8px #64412338}.cup:after{content:'';position:absolute;right:-22px;top:48px;width:28px;height:20px;border:8px solid #f5eee1;border-radius:9px;z-index:-1}.coffee{height:100%;border-radius:50%;background:radial-gradient(ellipse,#b4834f,#7e4b28);border:3px solid #c99b69;display:grid;place-items:center}.coffee span{color:#f3dfb9;font-size:75px;transform:rotate(35deg)}.leaf{position:absolute;right:-10px;bottom:0;font-size:65px;color:#7c8b54;font-weight:400}.catalog-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ded5c7;padding-bottom:12px}.catalog-title b{font:15px Georgia,serif}.catalog-title span{font-size:6px;letter-spacing:1px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-block:16px}.product{border:1px solid #e0d8ca;background:#fffaf1;padding:12px;border-radius:3px;display:flex;flex-direction:column;gap:5px}.product strong{font-size:10px;font-weight:600}.product small{font-size:8px;color:#907d65;min-height:26px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px}.product button{border:1px solid #cbbca7;color:#563d2c;background:transparent;width:24px;height:24px;font-size:16px;line-height:1;border-radius:50%}.product button:hover{background:#e7ddcb}.cart{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ede5d6;padding:10px;font-size:8px}.cart button{background:#563d2c;color:#fff;border:0;font-size:8px;padding:9px 12px;border-radius:2px}.disclaimer{font-size:7px;color:#867966;text-align:center;margin:10px 0 0}.business.tienda{background:#f1f2ed;color:#313d35}.tienda .illustration{transform:rotate(12deg)}.tienda .saucer{border:0;border-radius:5px;background:#879c79;width:105px;height:125px;top:30px;left:45px}.tienda .cup{background:#cbd5bd;border-radius:5px;width:95px;height:115px;top:5px;left:20px}.tienda .cup:after{width:30px;height:30px;border:5px solid #cbd5bd;border-radius:20px;top:-18px;right:27px}.tienda .coffee{border:0;background:none}.tienda .coffee span{font-size:36px;color:#5e7657}.tienda .leaf{color:#c8ad67}.business.servicios{background:#f0f3f6;color:#344b67}.servicios .saucer{border:0;border-radius:8px;background:#cdd9e4;width:135px;height:140px;top:20px;left:35px}.servicios .cup{border-radius:8px;background:#fff;width:125px;height:140px;top:0;left:20px;border-top:22px solid #506e90}.servicios .cup:after{display:none}.servicios .coffee{border:0;background:repeating-linear-gradient(0deg,#fff 0px,#fff 17px,#e1e8ef 18px,#e1e8ef 20px);border-radius:0}.servicios .coffee span{font:50px Manrope,sans-serif;color:#506e90;transform:none}.servicios .leaf{color:#8ba8c4}.process{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process p{color:var(--muted);font-size:12px}.process>div>p:last-child{margin-top:30px}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.process li:first-child{padding-top:0}.process li>span{font-size:10px;color:#8a9c6a}.process h3{font:600 18px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 9px}.process li p{max-width:320px;margin:0}.contact{background:var(--ink);color:var(--paper)}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.contact .eyebrow,.contact em{color:var(--lime)}.contact h2{font-size:45px}.contact p{font-size:12px;color:#c0cfc5}.contact small{display:block;margin-top:60px;font-size:10px;color:#93aa9b}label{display:block;font-size:11px;margin-bottom:6px}input,textarea{width:100%;border:1px solid #547063;border-radius:3px;background:#ffffff05;color:white;padding:11px 13px;margin-bottom:17px;font-size:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#9bb0a3}.btn.light{background:var(--lime);border-color:var(--lime);color:var(--ink);width:100%}.btn.light:hover{background:#e4f3b5}.contact .form-note{font-size:10px;margin-top:12px;color:#97b09f}#copy{background:transparent;color:var(--lime);border:1px solid #8aa27a;padding:7px 12px;font-size:11px;border-radius:3px}#copy-status{font-size:11px;margin-left:10px}#result{border-top:1px solid #547063;padding-top:20px;margin-top:20px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding-block:30px;font-size:10px;color:#78816f}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:35px;width:min(460px,90vw)}dialog::backdrop{background:#143e3580;backdrop-filter:blur(5px)}dialog .x{position:absolute;right:13px;top:8px;border:0;background:none;font-size:25px;color:var(--ink)}dialog h3{font:500 25px Manrope,sans-serif;letter-spacing:-1px}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-block:20px}.selection-item{border-bottom:1px solid var(--line);padding:8px 0;display:flex;justify-content:space-between;font-size:13px}button:disabled{opacity:.5;cursor:default}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}header{padding-inline:28px}nav{gap:16px;font-size:11px}.hero{gap:25px}h1{font-size:56px}.hero-art{height:450px}.actions{flex-wrap:wrap;gap:18px}.demo-layout{gap:30px;grid-template-columns:.75fr 1.25fr}.illustration{right:-35px;opacity:.85}.business-hero h4{font-size:36px}.contact-layout{gap:45px}.contact h2{font-size:38px}h2{font-size:37px}.ribbon .wrap{font-size:9px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:78px;padding-inline:20px}.symbol{font-size:26px}.symbol span{font-size:17px}.brand{font-size:14px;gap:9px}header nav{display:none}header .btn{font-size:9px;padding:8px 10px}.hero{grid-template-columns:1fr;padding-block:44px 40px;gap:35px}h1{font-size:57px;letter-spacing:-3px}.intro{font-size:14px;max-width:440px}.hero-art{height:410px}.app-window{max-width:380px}.ribbon .wrap{flex-wrap:wrap;justify-content:center;gap:6px 15px;padding-block:18px;font-size:9px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding-block:55px}.section-title{display:block;margin-bottom:25px}h2{font-size:33px;letter-spacing:-1.7px}.section-title>p{font-size:12px;margin-top:20px}.services{grid-template-columns:1fr}.services article,.services article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.services article:last-child{border-bottom:0}.services h3{margin-top:15px}.services p{min-height:0;max-width:450px}.services footer{margin-top:14px}.services article>small{top:30px;right:10px}.demo-layout{grid-template-columns:1fr;gap:25px}.demo-copy h3{font-size:29px}.demo-copy>p{max-width:100%}.demo-copy ul{margin:20px 0}.tabs{gap:0}.tabs button{flex:1;padding:14px 4px;font-size:10px}.business{padding:18px}.business-nav>span{font-size:7px}.business-nav b{font-size:15px}.business-nav b small{font-size:6px}.business-hero{min-height:210px}.business-hero h4{font-size:37px;max-width:65%}.illustration{right:-30px;transform:scale(.85) rotate(-15deg);transform-origin:right center}.products{gap:6px}.product{padding:8px}.product strong{font-size:9px}.product small{font-size:7px;min-height:25px}.catalog-title b{font-size:13px}.catalog-title span{font-size:5px}.cart,.cart button{font-size:7px}.process{grid-template-columns:1fr;gap:30px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact h2{font-size:35px}.contact small{margin-top:25px}.page-footer{flex-wrap:wrap;gap:15px}.page-footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* SGM Business brand identity */
:root{--ink:#f1f3ff;--paper:#060719;--muted:#a6aec9;--line:#272b48;--lime:#70e5ff}body{background:radial-gradient(ellipse at 90% 4%,#171043 0,transparent 34%),#060719}header{background:#060719a8}.brand-logo{display:block;position:relative;width:205px;height:83px;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;width:238px;height:238px;max-width:none;left:-24px;top:-62px}header .brand{gap:0}.btn{background:linear-gradient(110deg,#1658f5,#7839f5);border-color:#6764e5;color:#fff;box-shadow:0 5px 25px #5738f51a}.btn:hover{background:linear-gradient(110deg,#2278ff,#9a49fb)}em{color:#79dcff}h1 em,.contact h2 em{background:linear-gradient(100deg,#69edff,#8a81ff 55%,#d786ff);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{color:#9cbfff}.hero-art{background:radial-gradient(ellipse at 20% 20%,#153d6d,#161436 65%,#251047);border:1px solid #333c64}.orbit{border-color:#757aff26}.art-label{color:#c2d6ff}.app-window{background:#10162e;border-color:#435076;box-shadow:0 25px 50px #0005}.window-top{border-color:#2a3356}.window-top b{color:#b2baff}.window-top>span{color:#797fa8}.app-body aside{border-color:#2a3356}.app-body aside i{background:#384167}.app-body aside i:first-child{background:#41c8ff}.app-body aside b{color:#a586ff}.dashboard>p{color:#8296bf}.metrics>div{background:#1c2442}.metrics small{color:#91a2c9}.metrics b{color:#d6e2ff}.chart{border-color:#29365a}.bars{border-color:#35446c}.bars i{background:linear-gradient(#6e58ee,#393487)}.bars i:last-child{background:linear-gradient(#5fe7ff,#2c7bec)}.task{color:#a9c8ff}.floating{background:linear-gradient(120deg,#242451,#33225c);border:1px solid #6b5fa9;box-shadow:0 10px 25px #0004}.floating small{color:#b7b8dc}.art-caption{color:#9babc6}.ribbon{background:#0e1028}.ribbon b{color:#a08bff}.services article>small{color:#8b90b6}.services footer{color:#95c8ff}.examples{background:linear-gradient(150deg,#101329,#101024)}.tabs{border-color:#353955}.tabs button{color:#9da7c4}.tabs button[aria-selected=true]{color:#8edfff;border-bottom-color:#8edfff}.badge{border-color:#444367;color:#b3b4f0}.demo-copy li:before{color:#9ca1ff}.browser{border-color:#41476c;box-shadow:0 20px 35px #0003}.browser-top{background:#191e37;border-color:#353b58;color:#a6b0cd}.business{--ink:#563d2c}.business button:focus-visible{outline-color:#483099}.business .btn{color:#fff}.process li>span{color:#9ba6fc}.contact{background:radial-gradient(ellipse at 5% 100%,#251342,transparent 65%),#10142d;border-block:1px solid #303353}.contact .eyebrow{color:#99dfff}.contact p{color:#b9c1db}.contact small{color:#939fc2}input,textarea{border-color:#434e73;background:#141a36;color:#f2f5ff}input::placeholder,textarea::placeholder{color:#8e9abc}.btn.light{color:#071327;background:linear-gradient(110deg,#72e9ff,#b39aff);border-color:#9eb2ff}.btn.light:hover{background:linear-gradient(110deg,#a0f1ff,#cbbaff)}.contact .form-note{color:#98a4c6}#copy{border-color:#8190ca;color:#a8ddff}#result{border-color:#434e73}.page-footer{color:#98a4c6}.page-footer .brand-logo{width:175px;height:70px}.page-footer .brand-logo img{width:205px;height:205px;left:-22px;top:-53px}dialog{background:#10142d;color:#f1f3ff;border-color:#434e73}dialog .x{color:#dbe4ff}dialog::backdrop{background:#020413b8}@media(max-width:760px){header .brand-logo{width:145px;height:65px}header .brand-logo img{width:175px;height:175px;left:-18px;top:-44px}.hero-art{height:410px}header .btn{font-size:9px}.page-footer .brand{width:auto}.page-footer>span{font-size:9px}}
/* Contact text must stay light independently of the page background token. */
.contact{color:#f1f3ff}.contact h2,.contact label{color:#f1f3ff}.contact #copy-status{color:#dce5ff}

/* Four service offerings, responsive across screen sizes. */
@media(min-width:1060px){.services{grid-template-columns:repeat(4,1fr)}.services article{padding-right:24px}.services article+article{padding-left:24px}.services p{min-height:120px}}
@media(min-width:761px) and (max-width:1059px){.services{grid-template-columns:repeat(2,1fr)}.services article:nth-child(3){border-left:0;padding-left:0}.services article:nth-child(n+3){border-top:1px solid var(--line)}}

.contact-email{color:#a8ddff;text-decoration:underline;text-underline-offset:4px}.contact-email:hover{color:#dcefff}

.honeypot{position:absolute;left:-10000px;overflow:hidden;width:1px;height:1px}.consent{font-size:11px;line-height:1.6;margin:8px 0 20px}.consent input{width:auto;margin:0 8px 0 0;vertical-align:middle}.consent a{text-decoration:underline;color:#a8ddff}#result{font-size:13px;color:#dce5ff;overflow-wrap:anywhere}.page-footer{flex-wrap:wrap;gap:16px}