:root{--logo-blue:hsla(205,77%,55%,1);--logo-green:hsla(145,70%,50%,1);--logo-purple:hsla(265,70%,60%,1);--logo-orange:hsla(16,77%,55%,1);--brand-navy:hsla(231,95%,17%,1);--brand-blue:hsla(221,95%,33%,1);--brand-teal:hsla(178,99%,23%,1);--brand-green:hsla(142,100%,32%,1);--brand-yellow:hsla(62,94%,46%,1);--white:hsla(0,0%,100%,1);--black:hsla(0,0%,0%,1);--graphite:hsla(0,0%,23%,1)}*,*:before,*:after{box-sizing:border-box;font-family:Verdana,sans-serif;font-size:16px;color:var(--black)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#3b3b3b80;border-radius:10px}::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#020f5580}h1,h2,h3,h4{margin:0 0 20px;font-family:Helvetica,sans-serif;font-weight:700;line-height:1.1}h1{color:var(--brand-navy);font-size:40px}h2{color:var(--brand-teal);font-size:30px}h3{color:var(--graphite);font-size:25px}h4{color:var(--black);font-size:20px}p,ul,button{margin:0 0 10px}p,ul{text-align:left}label,input,textarea,select,span{margin:0 0 5px}ul{list-style:none}button{background:var(--white);padding:15px 30px;border:3px solid var(--black);border-radius:30px;color:var(--black);font-family:Helvetica,sans-serif;font-size:20px;font-weight:700;cursor:pointer}button:hover{background:var(--black);color:var(--white)}button.teal{background:var(--brand-teal);border-color:var(--brand-teal);color:var(--white)}button.teal:hover{background:var(--white);color:var(--brand-teal)}button.blue-{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--white)}button.blue:hover{background:var(--white);color:var(--brand-blue)}button.blue-outline{background:var(--white);border-color:var(--brand-blue);color:var(--brand-blue)}button.blue-outline:hover{background:var(--brand-blue);color:var(--white)}html,body,#app{display:flex;flex-wrap:wrap;width:100%;height:100%;margin:0;padding:0;overflow:hidden}main{position:relative;z-index:0;display:flex;width:calc(100% - 20px);height:calc(100% - 60px)}nw,ne{display:flex;justify-content:center;align-items:center;width:50px;height:50px}sw,se{display:flex;justify-content:center;align-items:center;width:10px;height:10px}north{display:flex;justify-content:center;align-items:center;width:calc(100% - 100px);height:50px}south{display:flex;justify-content:center;align-items:center;width:calc(100% - 20px);height:10px}west,east{display:flex;justify-content:center;align-items:center;width:10px;height:calc(100% - 60px)}nw svg{max-width:45px;max-height:45px;transition:all .3s ease;cursor:pointer}nw:hover svg{transform:scale(1.1)}nw.menu-active svg{transform:rotate(45deg)}nw.menu-active:hover svg{transform:rotate(45deg) scale(1.1)}nw .top-left-dot,nw .top-right-dot,nw .bottom-left-dot,nw .bottom-right-dot{transition:all .3s ease}nw:hover .top-left-dot{transform:translate(-1.5px,-1.5px)}nw:hover .top-right-dot{transform:translate(1.5px,-1.5px)}nw:hover .bottom-left-dot{transform:translate(-1.5px,1.5px)}nw:hover .bottom-right-dot{transform:translate(1.5px,1.5px)}nw.menu-active .top-left-dot{transform:translate(0)}nw.menu-active .top-right-dot{transform:translate(0)}nw.menu-active .bottom-left-dot{transform:translate(0)}nw.menu-active .bottom-right-dot{transform:translate(0)}#L{position:absolute;z-index:10;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#L.visible{opacity:1;visibility:visible}#L ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}#L li{cursor:pointer;font-size:20px;padding:5px 10px;text-align:center;transition:all .2s ease;color:#fff;border-radius:5px;position:relative;overflow:hidden}#L li:hover{text-decoration:underline}.menu{background:var(--brand-blue);padding:25px;border-radius:25px;box-shadow:0 0 25px #000000b3,0 0 2px #5326d980;border:1px solid hsla(255,70%,40%,.3);animation:menu-appear .3s ease-out;transform:translateY(0)}@keyframes menu-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}north svg{cursor:pointer}north h1{margin:0 0 0 15px;font-size:40px;font-weight:400;letter-spacing:-1px;cursor:pointer}#P{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;color:var(--black);text-align:center}#S{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#B{positon:absolute;z-index:0;display:flex;width:calc(100vw - 30px);height:calc(100vh - 60px)}#B svg{opacity:75%}#C{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;width:calc(100vw - 30px);max-width:750px;height:calc(100vh - 60px);padding:10px;overflow-x:hidden;overflow-y:auto}.transform h3,.framework h3,.implementation h3{font-family:Verdana,sans-serif;font-size:20px;font-weight:500;letter-spacing:-1px}.quantum h1,.quantum .steps{margin:0 0 25px}.pricing .feature{width:55%;margin:0 auto 25px;background:#01757140;border:3px solid var(--brand-teal)}.pricing .feature h2{font-size:22px}.pricing .feature h3{font-size:25px;font-weight:700}.pricing .feature h4{margin:0;font-size:15px;font-style:italic}.pricing .features{justify-content:center}.pricing .features h2{margin:0 0 10px;font-size:25px;text-align:center}.pricing .features h3{margin:0 0 10px;font-size:20px}.pricing .features h4{margin:0;font-size:16px;font-weight:500}.deliverables #C{flex-wrap:wrap;flex-direction:row;align-content:center;gap:25px}.deliverables div{width:calc(50% - 12.5px);text-align:left}.deliverables h3{margin:0}.deliverables ul{padding:10px}.about h2{font-size:22px}.about p,.team .features,.team .feature div:first-child{margin:0 0 25px}.results #C{max-width:800px}.results h2{font-size:22px}.results h3{font-size:16px}.contact{overflow:hidden}.contact h2{margin:0 0 50px;font-size:25px}.contact h3{font-size:15px;text-transform:uppercase}.contact h4,.contact a{font-size:16px;font-weight:500;color:var(--black);text-decoration:none}.contact a:hover{text-decoration:underline}.contact ul{padding:0 0 0 15px;list-style:disc}.faqs h2{font-size:25px}.headlines{display:flex;justify-content:space-evenly;width:100%}.headlines div{display:flex;flex-direction:column;padding:10px}.headlines h3{font-size:20px}.features{display:flex;flex-wrap:wrap;gap:25px;width:100%}.features div{display:flex;flex-direction:column;width:calc(50% - 12.5px);padding:15px;border-radius:10px;text-align:left}.features div.logo-blue{border:2px solid var(--logo-blue);background:#349be540}.features div.logo-green{border:2px solid var(--logo-green);background:#26d97140}.features div.logo-purple{border:2px solid var(--logo-purple);background:#8d52e040}.features div.logo-orange{border:2px solid var(--logo-orange);background:#e5633440}.features div.brand-navy{border:2px solid var(--brand-navy);background:#020f5540}.features div.graphite{border:2px solid var(--graphite);background:#3b3b3b40}.features .logo-green li{color:var(--black)}.features ul{list-style:disc}.features p{color:var(--black)}.feature{display:flex;flex-direction:column;padding:30px;border-radius:15px;background:#3b3b3b40}.feature h2{font-size:25px}.feature h3{font-size:20px;font-weight:500}.feature button{font-size:16px}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.steps div{width:125px;padding:10px 5px;border-radius:10px}.steps .i{background:#26d97140;border:1px solid var(--logo-green)}.steps .ii{background:#349be540;border:1px solid var(--logo-blue)}.steps .iii{background:#e5633440;border:1px solid var(--logo-orange)}.steps .iv{background:#8d52e040;border:1px solid var(--logo-purple)}.steps .v{background:#00a33c40;border:1px solid var(--brand-green)}.steps h2{margin:0 0 5px;font-size:30px}.steps h3{margin:0 0 10px;font-size:15px}.steps h4{margin:0 0 10px;font-size:15px;font-weight:500}.cta{display:flex;justify-content:center;gap:30px}@media (max-width:575px){h1,h2,h3,h4{margin:0 0 10px}h1{font-size:30px;margin:0 0 10px}h2{font-size:25px;margin:0 0 10px}h3{font-size:20px}button{padding:10px 20px;font-size:16px}#C{justify-content:flex-start}.transform #C{justify-content:center}.headlines h2{font-size:20px}.headlines h3{font-size:15px}}.logo-blue{color:#349be5}.logo-green{color:#26d971}.logo-purple{color:#8d52e0}.logo-orange{color:#e56334}.brand-navy{color:#020f55}.brand-blue{color:#0437a4}.brand-teal{color:#017571}.brand-green{color:#00a33c}.brand-yellow{color:#dce407}.white{color:#fff}.black{color:#000}.graphite{color:#3b3b3b}