@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Space+Grotesk:wght@400;600;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a1423;color:#f7f7f5;font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,h4,.logo{font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25}.logo{font-weight:700;font-size:18px}.logo span:not(.mark){color:#a8b6c5;font-weight:400}.logo .gold{color:#d9bd7c}.mark{display:inline-grid;place-items:center;background:#d9bd7c;color:#0a1423;width:36px;height:36px;border-radius:8px;margin-right:8px}nav{display:flex;gap:32px;color:#b4c2d0;font-size:13px}.navbtn{border:1px solid #788696;padding:12px 20px;border-radius:5px;font-size:13px}.hero{min-height:630px;padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;background:radial-gradient(circle at 80% 45%,#223e52,#0a1423 60%)}.eyebrow{color:#d9bd7c;font-size:11px;letter-spacing:2.4px;font-weight:700}.dot{display:inline-block;background:#8de2bd;width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(40px,5vw,74px);line-height:1.07;letter-spacing:-3px;margin:28px 0}.hero em,h2 em{font-style:normal;color:#d9bd7c}.hero p{max-width:510px;color:#b6c4d2;line-height:1.85;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{display:inline-block;padding:16px 24px;border-radius:5px;font-size:13px;font-weight:700}.primary{background:#d9bd7c;color:#0a1423}.secondary{border:1px solid #67788b}.metrics{display:flex;gap:38px;margin-top:65px}.metrics div{display:flex;flex-direction:column;gap:6px}.metrics b{font-size:31px}.metrics small{font-size:9px;color:#9caebe;letter-spacing:1px}.visual{position:relative;min-height:420px;display:grid;place-items:center}.glow{position:absolute;width:360px;height:360px;border:1px solid #6688a355;border-radius:50%;box-shadow:0 0 0 70px #6688a30a,0 0 0 140px #6688a309}.window{position:relative;width:100%;max-width:550px;background:#132238;border:1px solid #607e9a;border-radius:10px;box-shadow:0 25px 65px #0009;overflow:hidden}.windowtop{display:flex;justify-content:space-between;padding:14px;background:#21334a;color:#aabbd0;font-size:10px}.windowtop span:first-child{color:#d9bd7c}.mock{display:flex}.mock aside{width:55px;background:#0b1727;text-align:center;line-height:53px;color:#d9bd7c}.mock article{padding:22px;flex:1}.mocktitle{font-weight:700;font-size:20px}.mocktitle small{float:right;color:#81d5b0;font-size:9px}.mock article p{font-size:11px;color:#8399ae}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.statrow div{border:1px solid #3b526a;background:#1d3047;padding:13px;font-size:8px;color:#b4c3d0}.statrow strong{display:block;font-size:25px;color:white;margin-top:7px}.charthead{margin:25px 0 10px;font-size:12px}.charthead span{float:right;font-size:9px;color:#9db0c0}.bars{height:100px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #ffffff2a}.bars i{flex:1;background:linear-gradient(#e3c787,#947746);border-radius:3px 3px 0 0}.mockfoot{margin-top:15px;color:#84d7b6;font-size:9px}.floating{position:absolute;right:-10px;bottom:0;background:#f6f2e7;color:#142337;padding:17px 21px;border-radius:5px;font-weight:700;font-size:12px}.ticker{display:flex;justify-content:space-around;gap:15px;padding:22px;background:#18293d;color:#a5b4c3;letter-spacing:2px;font-size:11px}.section{padding:110px 6%}.light{background:#f7f6f2;color:#152337}.dark{background:#101e30}.sectionheading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.sectionheading h2,.manifesto h2,.contact h2{font-size:clamp(39px,5vw,68px);line-height:1.1;letter-spacing:-2.5px;margin:18px 0 0}.sectionheading>p{max-width:400px;color:#798694;line-height:1.8}.ink{color:#a38850}.light h2 em{color:#a38850}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.services article{background:white;border:1px solid #e3e5e6;padding:28px;min-height:270px}.serviceicon{display:grid;place-items:center;width:52px;height:52px;background:#f0e9da;color:#9a7e48;font-size:26px;margin-bottom:18px}.services small{color:#a5b0ba}.services h3{font-size:20px;margin:13px 0}.services p,.steps p{color:#72808d;font-size:14px;line-height:1.75}.portfolio{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project{border:1px solid #34455a;background:#17263a}.art{height:290px;padding:28px 30px;position:relative;overflow:hidden}.arthead{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:1px;font-weight:700}.arthead span{font-size:9px;opacity:.7}.art h4{font-size:33px;letter-spacing:-1px;line-height:1.15;margin:45px 0 20px}.supply{background:linear-gradient(125deg,#1b5267,#152539)}.minicards{display:flex;gap:9px}.minicards div{background:#ffffff1a;padding:12px 16px;font-size:9px}.minicards strong{display:block;font-size:23px;margin-top:6px}.lines{position:absolute;right:20px;bottom:35px;width:25%}.lines i{display:block;background:#ffffff22;height:9px;margin:9px}.poly{background:linear-gradient(125deg,#f5ede2,#e0cdbb);color:#70303c}.bottles{position:absolute;bottom:0;right:11%;display:flex;align-items:end;gap:12px}.bottles i{width:47px;height:138px;background:white;border-radius:12px 12px 4px 4px;box-shadow:0 10px 25px #40251c3b;position:relative}.bottles i:before{content:'';position:absolute;top:-14px;left:14px;width:18px;height:14px;background:#ddd}.bottles i:after{content:'';position:absolute;top:50px;width:100%;height:40px;background:#813846}.bottles i:nth-child(2){height:165px}.blue{background:linear-gradient(125deg,#d9f3ff,#a9d6f5);color:#16547d}.learning{display:flex;gap:12px}.learning span{background:white;padding:14px;border-radius:13px;font-size:28px;text-align:center}.learning small{display:block;font-size:9px}.remote{background:linear-gradient(120deg,#253d58,#0a1424)}.screens{display:flex;gap:14px;position:absolute;right:25px;bottom:24px}.screens div{border:3px solid #7191b1;background:#243f5b;width:120px;height:90px;padding:12px;text-align:center;font-size:28px}.screens span{font-size:9px}.projectbody{padding:28px 30px}.kicker{display:flex;justify-content:space-between;gap:12px;color:#d5b97a;letter-spacing:1px;font-size:10px}.kicker span{color:#8da3b7;font-size:9px}.projectbody h3{font-size:28px;margin:18px 0 10px}.projectbody p{color:#b2c1cf;line-height:1.75;font-size:14px;min-height:76px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #52657b;padding:7px 9px;font-size:9px;letter-spacing:1px}.projectbody button{background:none;border:0;color:#e2c586;padding:20px 0 0;font-weight:700;cursor:pointer}.manifesto{text-align:center;padding:130px 6%;background:radial-gradient(circle at center,#1d3a4b,#0a1423 72%)}.manifesto h2{font-size:clamp(42px,6vw,83px)}.manifesto p{max-width:620px;margin:28px auto;line-height:1.8;color:#aabaca}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{border-top:1px solid #c8cccb;padding-top:20px}.steps b{color:#a68a53}.steps h3{font-size:24px;margin:27px 0 8px}.contact{text-align:center;padding:110px 6%;background:#1b2c40}.contact p{color:#b3c1d0;max-width:560px;margin:22px auto 30px;line-height:1.8}.contact small{display:block;color:#95a5b6;margin-top:22px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:35px 6%;font-size:12px;color:#94a5b7}footer .logo{color:white}dialog{border:0;border-radius:12px;padding:38px;max-width:620px;width:calc(100% - 30px);color:#152337}dialog::backdrop{background:#06101ed9}dialog h2{font-size:35px}dialog p{line-height:1.8;color:#596877}#close{float:right;border:0;background:#eee;border-radius:50%;width:35px;height:35px;cursor:pointer}@media(max-width:950px){.hero{grid-template-columns:1fr}.visual{margin-top:20px}.services{grid-template-columns:repeat(2,1fr)}.sectionheading{align-items:start;flex-direction:column}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){header{padding:0 5%}nav{display:none}.logo{font-size:13px}.navbtn{font-size:11px;padding:10px}.hero{padding:65px 5%}.hero h1{font-size:clamp(35px,9vw,60px);letter-spacing:-1.5px}.metrics{gap:18px;margin-top:35px}.visual{min-height:340px}.mock aside{width:28px;line-height:38px}.mock article{padding:12px}.mocktitle{font-size:15px}.mocktitle small{font-size:6px}.statrow div{padding:6px;font-size:6px}.statrow strong{font-size:17px}.bars{height:65px}.floating{right:0;padding:10px;font-size:10px}.ticker{overflow:hidden;white-space:nowrap;justify-content:start}.section{padding:70px 5%}.sectionheading h2,.manifesto h2,.contact h2{font-size:42px;letter-spacing:-1.5px}.services,.portfolio{grid-template-columns:1fr}.services article{min-height:210px}.art{height:260px;padding:20px}.art h4{font-size:28px}.projectbody{padding:24px}.kicker{flex-direction:column}.manifesto,.contact{padding:80px 5%}.steps{gap:15px}}

/* Official Make Your System logo */
.logo{display:inline-flex;align-items:center;flex-shrink:1;min-width:0;max-width:min(38vw,360px)}
.logo img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}
footer .logo{max-width:300px}
@media(max-width:680px){header .logo{max-width:53vw}footer .logo{max-width:250px}}

/* Customer intake and anonymous interactive portfolio */
.intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.intake-card{background:#fff;border:1px solid #dde2e6;border-radius:12px;padding:30px;box-shadow:0 12px 35px #0b1a2910}
.intake-card h3{font-size:27px;margin:0 0 12px}.intake-card>p{color:#637487;line-height:1.7;min-height:72px}
.intake-card form{display:grid;gap:14px;margin-top:24px}.intake-card label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#24374c}
.intake-card input,.intake-card select,.intake-card textarea{font:inherit;color:#132439;background:#fafbfc;border:1px solid #bdc9d2;border-radius:7px;padding:12px;min-width:0;width:100%}
.intake-card textarea{resize:vertical}.intake-card input:focus,.intake-card select:focus,.intake-card textarea:focus{outline:2px solid #b28e4c;outline-offset:2px}
.intake-card button{padding:14px;border:0;border-radius:6px;background:#aeb6bf;color:#26374a;font-weight:700;cursor:not-allowed}
.intake-card .form-note{font-size:12px;color:#687989;margin:0;line-height:1.6}
.demo-panel{border:1px solid #41546b;border-radius:12px;overflow:hidden;background:#182b40}
.demo-controls{display:flex;flex-wrap:wrap;gap:6px;padding:14px;border-bottom:1px solid #41546b}
.demo-tab{border:1px solid #50647c;border-radius:6px;padding:12px 17px;background:transparent;color:#c6d4e0;font:inherit;cursor:pointer}
.demo-tab.selected,.demo-tab:hover{background:#d9bd7c;color:#13243a;border-color:#d9bd7c}
.demo-screen{padding:36px;min-height:285px}.demo-screen h3{font-size:clamp(25px,3vw,38px);margin:16px 0}.demo-screen p{color:#b4c4d2;line-height:1.7}
.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.demo-metrics>div{background:#233b54;border:1px solid #435b73;border-radius:8px;padding:20px}
.demo-metrics small{display:block;font-size:10px;color:#b8c7d5;letter-spacing:1px}
.demo-metrics strong{display:block;font-size:29px;margin-top:10px;color:#e4cb93}
@media(max-width:780px){.intake-grid{grid-template-columns:1fr}.intake-card>p{min-height:0}.demo-metrics{grid-template-columns:1fr}.demo-screen{padding:23px}.demo-controls{gap:7px}.demo-tab{flex:1 1 45%;padding:11px 8px}}

.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.turnstile-slot{min-height:0}.intake-card button[type=submit]:not(:disabled){background:#d9bd7c;color:#152337;cursor:pointer}.intake-card button[type=submit]:not(:disabled):hover{background:#e7cf98}