@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@700;800;900&display=swap');
:root{--orange:#ff7900;--gold:#ffad16;--ink:#14233d;--muted:#52647e;--cream:#fffaf4;--line:#ffe7bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}.site-header{height:92px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fffdf9;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:47px;height:47px;border-radius:15px;background:linear-gradient(140deg,#ff6b00,#ffbd26);color:#fff;display:grid;place-items:center;font:900 27px Nunito;box-shadow:0 7px 18px #ff9b3338}.brand-name{font:900 17px Nunito;line-height:1;color:#f07800;letter-spacing:.3px}.brand-name small{display:block;font:800 9px 'DM Sans';letter-spacing:1.8px;margin-top:4px}.nav{display:flex;gap:38px;color:#46556c;font-weight:600}.nav a:hover,.nav a.active{color:#f36d00}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:28px;padding:16px 24px;background:linear-gradient(100deg,#ff7410,#ffad12);color:white;font-weight:700;box-shadow:0 9px 20px #ff8b2830;cursor:pointer}.btn-small{padding:13px 23px}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:10px;font-size:20px}.section{padding:92px max(7vw,24px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:var(--cream);min-height:620px}.hero-visual{height:490px;border:1px solid #ffe8bd;border-radius:30px;background:linear-gradient(135deg,#fff 10%,#f1e9df);display:grid;place-items:center;position:relative;overflow:hidden}.server-rack{width:47%;height:74%;background:linear-gradient(90deg,#171d26,#343e4a 50%,#171d26);border:8px solid #c4c0b9;border-radius:13px;box-shadow:22px 24px 45px #15243c45;display:flex;flex-direction:column;gap:13px;padding:20px 15px;transform:perspective(700px) rotateY(-9deg)}.rack-top,.rack-base{height:14px;background:#687583;border-radius:3px}.rack-unit{height:65px;background:linear-gradient(#596575,#242d39);border:3px solid #89919a;border-radius:5px;display:flex;align-items:center;gap:8px;padding:10px}.rack-unit i{width:8px;height:8px;border-radius:50%;background:#ff8a16;box-shadow:0 0 9px #ff8a16}.rack-unit span{margin-left:auto;width:38%;height:5px;background:#9aa5ad;border-radius:4px}.rack-unit.patch{height:45px}.rack-unit b{height:12px;flex:1;background:#e2a04b;border-radius:2px}.visual-orbit{position:absolute;width:570px;height:570px;border:1px solid #ffc879;border-radius:50%;opacity:.5}.visual-chip{position:absolute;background:#fff;border:1px solid #ffe0a8;padding:12px 17px;border-radius:30px;font-size:11px;letter-spacing:1.3px;font-weight:800;color:#ed7100;box-shadow:0 8px 25px #5b3b1614}.chip-one{top:14%;left:8%}.chip-two{bottom:13%;right:6%}.hero-copy{max-width:650px}.eyebrow{display:inline-block;padding:9px 15px;border-radius:30px;background:#fff0d9;color:#ec6900;font-size:13px;font-weight:700;letter-spacing:.7px}.hero h1,.section-heading h2,.about-copy h2,.amc-inner h2,.contact-copy h2{font:900 clamp(34px,4vw,53px)/1.12 Nunito;margin:24px 0;color:#14233d}.hero h1 span,.section-heading h2 span,.about-copy h2 span{color:#f47708}.hero-copy>p,.about-copy p,.contact-copy p{font-size:17px;line-height:1.8;color:var(--muted)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;color:#354761;font-size:14px}.proof-grid div:first-letter{color:#f47708}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-weight:700;color:#e86e00}.trust-strip{display:flex;justify-content:center;align-items:center;gap:27px;flex-wrap:wrap;padding:22px;background:#17263d;color:#fff;font-size:11px;letter-spacing:1.5px}.trust-strip b{color:#ff9a20}.services-section{background:#fff}.section-heading{text-align:center;max-width:700px;margin:0 auto 48px}.section-heading h2{margin:18px 0}.section-heading p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:auto}.service-card{padding:30px;border:1px solid #f3e9dd;border-radius:20px;background:#fffdfa;transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #26344b12}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff0dd;color:#f47708;font-size:25px}.service-card h3{font:800 20px Nunito;margin:20px 0 9px}.service-card p{color:var(--muted);line-height:1.7;margin:0;font-size:14px}.amc-section{padding:85px max(7vw,24px);background:linear-gradient(120deg,#17263d,#243e5d);color:white}.amc-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.eyebrow.light{background:#ffffff18;color:#ffc06b}.amc-inner h2,.contact-copy h2{color:white}.amc-inner h2 span,.contact-copy h2 span{color:#ffb34c}.amc-inner p{color:#d5deea;line-height:1.8}.amc-list{display:grid;gap:16px}.amc-list>div{display:flex;gap:18px;align-items:center;padding-bottom:15px;border-bottom:1px solid #ffffff24}.amc-list b{color:#ffad42}.amc-list span{color:#f0f3f8}.btn-light{background:white;color:#e96e00;justify-self:start;margin-top:12px}.about-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;background:#fffaf4}.about-badge{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffbf59,#f07808 70%);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 22px 45px #e47b2a35}.about-badge span{font:900 75px Nunito}.about-badge small{text-align:center;letter-spacing:3px;font-weight:700;line-height:1.5}.about-copy h2{font-size:42px}.about-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:14px;font-weight:700}.about-points span{color:#e86f08}.contact-section{padding:85px max(7vw,24px);background:#17263d;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-copy{max-width:500px}.contact-copy h2{font-size:45px}.contact-lines{display:grid;gap:22px;margin-top:35px}.contact-lines>div{display:flex;gap:15px;align-items:center;color:#ffb34c;font-size:23px}.contact-lines span{display:grid;gap:4px}.contact-lines small{font-size:10px;letter-spacing:1.5px;color:#9eafc4}.contact-lines strong{font-size:15px;color:white;font-weight:600}.contact-form{background:#fff;border-radius:22px;padding:30px;display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:700;font-size:13px;color:#263750}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #e1e6ed;border-radius:10px;padding:13px;font:14px 'DM Sans';color:#263750;background:#fff}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid #ffbd75;border-color:#ff9c34}.contact-form .btn{width:100%}.form-note{font-size:11px;line-height:1.5;color:#78869a;margin:0}footer{padding:35px max(7vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#78869a;font-size:12px}.footer-brand{margin-right:20px}.floating-whatsapp{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:50%;background:#19bd68;color:white;display:grid;place-items:center;font-size:33px;box-shadow:0 8px 22px #0a8f4b45;z-index:9}
@media(max-width:900px){.nav{gap:17px;font-size:13px}.hero{gap:30px}.hero-visual{height:400px}.amc-inner{gap:40px}.about-section{grid-template-columns:.5fr 1.5fr}.about-badge{width:190px;height:190px}}
@media(max-width:700px){.site-header{height:75px;padding:0 18px}.menu-toggle{display:block;margin-left:auto;margin-right:12px}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 20px #14233d18;flex-direction:column;gap:18px}.nav.open{display:flex}.call-link{display:none}.hero{grid-template-columns:1fr;padding-top:35px;min-height:0}.hero-visual{height:310px;order:2}.hero-copy{order:1}.hero h1{font-size:37px}.hero-copy>p{font-size:15px}.proof-grid{gap:14px;font-size:12px}.section{padding:65px 22px}.service-grid{grid-template-columns:1fr}.section-heading h2{font-size:34px}.amc-inner,.contact-section{grid-template-columns:1fr;gap:35px}.amc-section,.contact-section{padding:65px 22px}.about-section{grid-template-columns:1fr;gap:35px}.about-badge{width:160px;height:160px;margin:auto}.about-badge span{font-size:55px}.about-copy h2,.contact-copy h2{font-size:35px}.trust-strip{gap:12px;font-size:9px;padding:18px 10px}.trust-strip b{display:none}footer{padding:30px 22px;display:grid}.contact-form{padding:22px}}