/* MACSOM full homepage redesign */
:root{--navy:#06182e;--blue:#1674ea;--cyan:#47cce8;--ink:#14243b;--muted:#6b7b8f;--line:#e3eaf1;--soft:#f5f8fb;--green:#2bc47d;--shadow:0 24px 65px rgba(6,24,46,.13)}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{height:36px;background:#031324;color:#a9b9cb;font-size:12px}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.top span:first-child{color:#b8e8d2}nav{height:78px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{height:100%;display:flex;align-items:center;gap:38px}.logo{display:flex;align-items:center;gap:11px;margin-right:auto}.logo>i{font-style:normal;width:43px;height:43px;border-radius:10px;background:linear-gradient(145deg,var(--blue),#0c4ca9);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 9px 22px #1674ea38}.logo span{display:flex;flex-direction:column;line-height:1}.logo b{font-size:20px;color:var(--navy);letter-spacing:.7px}.logo small{font-size:8px;letter-spacing:2px;color:#78889b;margin-top:5px}.links{display:flex;gap:30px;height:100%}.links a{display:flex;align-items:center;border-bottom:3px solid transparent;font-size:14px;font-weight:650;color:#526175}.links a:hover,.links .active{color:var(--blue);border-color:var(--blue)}.staff{background:var(--navy);color:#fff;padding:11px 17px;border-radius:9px;font-size:13px;font-weight:750}
.hero{color:#fff;background:radial-gradient(circle at 78% 25%,#1a73914a,transparent 23%),linear-gradient(115deg,#05162b,#092a4c 64%,#0b3c61);overflow:hidden}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;gap:78px;align-items:center;padding:75px 0}.tag,.blue-tag,.cyan-tag{font-size:10px;letter-spacing:2px;font-weight:850;color:#7edbed}.hero-copy h1{font-size:clamp(48px,5.5vw,73px);line-height:1.02;letter-spacing:-2.8px;margin:20px 0 24px}.hero-copy h1 em{font-style:normal;color:#70d4ea}.hero-copy>p{font-size:17px;color:#b8c9dc;max-width:610px}.actions{display:flex;gap:12px;margin-top:33px}.actions a{padding:14px 21px;border-radius:9px;font-size:14px;font-weight:750}.primary{background:linear-gradient(135deg,var(--blue),#2795e5);box-shadow:0 13px 30px #1674ea45}.ghost{border:1px solid #ffffff3d;background:#ffffff0a}.proof{display:flex;gap:26px;border-top:1px solid #ffffff1f;margin-top:42px;padding-top:23px}.proof span{font-size:11px;color:#a4b7cc}.proof b{color:#64d1e8;margin-right:7px}
.tracker{background:#fff;color:var(--ink);padding:31px;border-radius:18px;border-top:4px solid var(--cyan);box-shadow:0 35px 90px #0005}.tracker-head{display:flex;gap:14px;align-items:center}.tracker-head>i{font-style:normal;width:46px;height:46px;border-radius:12px;background:#e8f8fb;color:#159db9;display:grid;place-items:center;font-size:23px}.tracker-head small{font-size:9px;letter-spacing:1.6px;color:var(--blue);font-weight:850}.tracker h2{font-size:25px}.tracker>p{font-size:13px;color:var(--muted);margin:17px 0 23px}.tracker label{font-size:11px;font-weight:750}.track-input{display:flex;border:1px solid #d8e1eb;background:#f8fafc;border-radius:10px;padding:5px;margin-top:7px}.track-input input{border:0;outline:0;background:transparent;flex:1;min-width:0;padding:12px;font-size:14px}.track-input button{border:0;border-radius:7px;background:var(--blue);color:#fff;padding:0 16px;font-weight:750}.safe{font-size:11px;color:#718096;margin-top:17px}.safe:first-letter{color:var(--green)}
.shortcuts{border-bottom:1px solid var(--line)}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr)}.shortcut-grid>a{display:flex;align-items:center;gap:15px;padding:25px 30px;border-right:1px solid var(--line)}.shortcut-grid>a:first-child{padding-left:0}.shortcut-grid>a:last-child{border:0}.shortcut-grid>a>i{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-size:10px;font-weight:850}.shortcut-grid>a>span{display:flex;flex-direction:column}.shortcut-grid b{font-size:14px}.shortcut-grid small{font-size:11px;color:var(--muted)}.shortcut-grid em{font-style:normal;margin-left:auto;color:var(--blue);font-size:20px}
.intro{padding:100px 0 55px;display:grid;grid-template-columns:1.05fr .75fr;gap:110px;align-items:end}.blue-tag{color:var(--blue)}.intro h2,.network h2,.center h2,.cta h2{font-size:clamp(32px,3.6vw,46px);line-height:1.13;letter-spacing:-1.5px;margin-top:10px}.intro>div:last-child p{color:var(--muted);font-size:14px}.intro>div:last-child a{display:inline-block;color:var(--blue);font-size:13px;font-weight:750;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:105px}.cards>a{min-height:285px;border:1px solid var(--line);border-radius:15px;padding:30px;position:relative;box-shadow:0 7px 25px #071b330a;transition:.25s}.cards>a:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.cards .featured{background:#f3f9ff;border-color:#c9def7}.cards>a>span{font-size:11px;color:#9aa8b8;font-weight:800}.cards>a>i{font-style:normal;float:right;width:45px;height:45px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:19px}.cards .featured>i{background:var(--blue)}.cards h3{font-size:20px;margin:58px 0 10px}.cards p{font-size:13px;color:var(--muted)}.cards>a>b{position:absolute;bottom:27px;left:30px;color:var(--blue);font-size:12px}
.network{background:radial-gradient(circle at 80% 0%,#47cce821,transparent 30%),linear-gradient(120deg,#05162b,#092a4b);color:#fff;padding:92px 0}.network-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.cyan-tag{color:#6ed8ed}.network p{color:#aebfd2;font-size:14px;max-width:480px;margin-top:20px}.route{color:#65d3e9;letter-spacing:3px;margin-top:35px}.metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff1f;border-radius:15px;overflow:hidden}.metrics>div{padding:28px;border-right:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.metrics>div:nth-child(2n){border-right:0}.metrics>div:nth-child(n+3){border-bottom:0}.metrics small{font-size:9px;letter-spacing:1.4px;color:#7fcde0}.metrics strong{display:block;font-size:38px;line-height:1.15;margin:8px 0}.metrics span{font-size:11px;color:#8fa4bd}
.journey{padding:100px 0}.center{text-align:center;max-width:650px;margin:0 auto 60px}.center p{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr;text-align:center}.steps div i{font-style:normal;width:50px;height:50px;border-radius:50%;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin:0 auto 17px;font-weight:850;border:6px solid #f8fbff}.steps div b{font-size:16px}.steps div p{font-size:12px;color:var(--muted);margin-top:6px}.steps>span{height:1px;background:linear-gradient(90deg,#dbe5f0,#72b4ee,#dbe5f0);margin-top:25px}
.cta{margin-bottom:90px;border-radius:20px;padding:47px 52px;background:linear-gradient(115deg,#1375e9,#0d5dc5);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 22px 55px #1674ea33}.cta small{font-size:9px;letter-spacing:1.8px;color:#bce8ff;font-weight:850}.cta h2{font-size:36px}.cta p{font-size:13px;color:#d6eaff}.cta>div:last-child{display:flex;gap:10px}.cta a{background:#fff;color:var(--blue);padding:13px 18px;border-radius:8px;font-size:12px;font-weight:800}.cta a.outline{background:transparent;color:#fff;border:1px solid #ffffff59}
footer{background:#031324;color:#91a4ba;padding-top:62px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:43px}.footer-grid .logo b{color:#fff}.footer-grid p{font-size:12px;max-width:320px;margin-top:17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column}.footer-grid h4{font-size:12px;color:#fff;margin-bottom:14px}.footer-grid>div:not(:first-child) a{font-size:12px;margin:5px 0}.copyright{border-top:1px solid #ffffff17;padding:19px 0;display:flex;justify-content:space-between;font-size:10px}
@media(max-width:900px){.nav{gap:18px}.links{display:flex;gap:14px}.links a{font-size:12px}.hero-grid,.intro,.network-grid{grid-template-columns:1fr;gap:45px}.hero-grid{padding:65px 0}.cards{grid-template-columns:1fr}.cards>a{min-height:235px}.steps{grid-template-columns:1fr 25px 1fr;gap:15px}.steps>span:nth-of-type(2){display:none}.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.top{display:none}nav{height:auto}.nav{min-height:70px;flex-wrap:wrap;padding:12px 0}.links{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.links a{height:auto;padding:4px 0;border-bottom:2px solid transparent}.logo b{font-size:17px}.logo small{font-size:7px}.logo>i{width:38px;height:38px}.staff{font-size:11px;padding:9px 11px}.hero-grid{padding:58px 0 70px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.actions{flex-direction:column;text-align:center}.proof{justify-content:space-between;gap:8px}.tracker{padding:23px}.track-input{flex-direction:column;gap:5px}.track-input button{padding:12px}.shortcut-grid{grid-template-columns:1fr}.shortcut-grid>a,.shortcut-grid>a:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.intro{padding-top:70px;gap:22px}.cards{padding-bottom:70px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:21px 16px}.metrics strong{font-size:29px}.journey{padding:70px 0}.steps{grid-template-columns:1fr}.steps>span{display:none}.steps>div{margin-bottom:28px}.cta{margin-bottom:65px;padding:33px 25px}.cta h2{font-size:30px}.cta>div:last-child{width:100%;flex-direction:column}.cta a{text-align:center}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:5px}}