@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html,body{margin:0;padding:0;font-family:sans-serif;overflow-x:hidden;width:100%;max-width:100vw;position:relative}:root{--color-primary: #029eb3;--color-primary-light: #0bb4ca;--color-primary-dark: #027a8a;--color-primary-50: #f0fafb;--color-primary-100: #d6f0f3;--color-primary-200: #ade1e6;--color-primary-300: #84d2d9;--color-primary-400: #5bc3cc;--color-primary-500: #029eb3;--color-primary-600: #027e8f;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #000000;--color-white: #ffffff;--color-clinical-900: #134e4a;--color-clinical-800: #115e59;--color-clinical-700: #0f766e;--color-clinical-600: #0d9488;--color-clinical-500: #14b8a6;--color-clinical-400: #2dd4bf;--color-clinical-300: #5eead4;--color-clinical-200: #99f6e4;--color-clinical-100: #ccfbf1;--color-clinical-50: #f0fdfa;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-300: #cbd5e1;--color-slate-200: #e2e8f0;--color-slate-100: #f1f5f9;--color-slate-50: #f8fafc}body{margin:0;font-family:Inter,sans-serif;background-color:var(--color-gray-50)}.landing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.left-0{left:0}.top-0{top:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-20{z-index:20}.w-full{width:100%}.h-full{height:100%}.w-1_3{width:33.333333%}.w-2_3{width:66.666667%}.w-1_2{width:50%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-h-screen{max-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-sm{box-shadow:0 1px 2px #0000000d}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-white{color:#fff}.text-slate-800{color:var(--color-slate-800)}.text-slate-600{color:var(--color-slate-600)}.text-slate-500{color:var(--color-slate-500)}.text-clinical-900{color:var(--color-clinical-900)}.text-clinical-800{color:var(--color-clinical-800)}.text-clinical-100{color:var(--color-clinical-100)}.text-teal-headline{color:#297c8c}.bg-white{background-color:#fff}.bg-slate-50{background-color:var(--color-slate-50)}.bg-teal-300{background-color:var(--color-clinical-300)}.bg-teal-400{background-color:var(--color-clinical-400)}.bg-clinical-900{background-color:var(--color-clinical-900)}.bg-clinical-800{background-color:var(--color-clinical-800)}.bg-clinical-600{background-color:var(--color-clinical-600)}.bg-clinical-200{background-color:var(--color-clinical-200)}.bg-clinical-50{background-color:var(--color-clinical-50)}.bg-brand-orange{background-color:#f2674b}.bg-brand-orange:hover{filter:brightness(.9)}.border{border-width:1px}.border-2{border-width:2px}.border-slate-100{border-color:var(--color-slate-100)}.border-clinical-900{border-color:var(--color-clinical-900)}.border-clinical-800{border-color:var(--color-clinical-800)}.border-clinical-200{border-color:var(--color-clinical-200)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-clinical-900{--tw-gradient-from: var(--color-clinical-900);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(19, 78, 74, 0))}.from-clinical-600{--tw-gradient-from: var(--color-clinical-600);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(13, 148, 136, 0))}.from-white{--tw-gradient-from: #ffffff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.via-clinical-800{--tw-gradient-stops: var(--tw-gradient-from), var(--color-clinical-800), var(--tw-gradient-to, rgba(17, 94, 89, 0))}.to-clinical-700{--tw-gradient-to: var(--color-clinical-700)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.from-teal-start{--tw-gradient-from: #065466;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 84, 102, 0))}.to-teal-end{--tw-gradient-to: #278aa1}.to-transparent{--tw-gradient-to: transparent}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.blur-3xl{filter:blur(64px)}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-multiply{mix-blend-mode:multiply}.skew-x-12{transform:skew(12deg)}.origin-top-right{transform-origin:top right}.translate-x-32{--tw-translate-x: 8rem;transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) skew(12deg)}.-translate-x-1_2{--tw-translate-x: -50%}.-translate-y-1_2{--tw-translate-y: -50%}@media(min-width:768px){.md_text-5xl{font-size:3rem;line-height:1}.md_text-4xl{font-size:2.25rem;line-height:2.5rem}.md_text-3xl{font-size:1.875rem;line-height:2.25rem}.md_text-xl{font-size:1.25rem;line-height:1.75rem}.md_grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg_flex-row{flex-direction:row}.lg_w-1_3{width:33.333333%}.lg_hidden{display:none}.lg_block{display:block}.lg_left-35{left:35%}.lg_bottom-8{bottom:2rem}.lg_absolute{position:absolute}.min-h-50vh{min-height:50vh}.lg_h-auto{height:auto}.lg_h-full{height:100%}.lg_w-2_3{width:66.666667%}.lg_w-1_2{width:50%}.lg_w-35{width:35%}.lg_w-65{width:65%}.lg_text-6xl{font-size:3.75rem;line-height:1}.lg_text-5xl{font-size:3rem;line-height:1}.lg_p-24{padding:6rem}.lg_px-12{padding-left:3rem;padding-right:3rem}.lg_py-0{padding-top:0;padding-bottom:0}.lg_bg-center{background-position:center}.lg_bg-cover{background-size:cover}}.bg-contain{background-size:contain}.bg-top{background-position:top}.h-14{height:3.5rem}.pt-20{padding-top:5rem}.h-10{height:2.5rem}.h-55vh{height:55vh}.h-45vh{height:45vh}.bg-y-20{background-position:center 20%}.bg-y-13{background-position:center 13%}*{box-sizing:border-box}.basics-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-white);color:var(--color-gray-900);overflow-x:hidden}.basics-content{flex:1;display:flex;flex-direction:column;padding:1rem;max-width:42rem;margin:0 auto;width:100%}.basics-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-gray-100);margin-bottom:1rem}.header-title{font-size:1rem;font-weight:500;color:var(--color-gray-700);letter-spacing:.025em}.header-icon{color:var(--color-gray-600);background:none;border:none;cursor:pointer;padding:.5rem;transition:color .2s}.header-icon:hover{color:var(--color-black)}.progress-section{margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-title{font-size:.875rem;font-weight:600;color:var(--color-black)}.progress-count{font-size:.875rem;color:var(--color-gray-600)}.progress-bars{display:flex;gap:.5rem}.progress-step{height:.25rem;flex:1;border-radius:9999px;background-color:var(--color-gray-100)}.progress-step.active{background-color:#42b5c2}.question-title{font-size:1.5rem;font-weight:600;color:var(--color-black);margin-bottom:1.5rem;line-height:1.25}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.form-input{width:100%;padding:1rem 1.25rem;font-size:1rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box;color:var(--color-black)}.form-input:hover{background-color:#f1f5f9;border-color:#94a3b8}.form-input:focus{background-color:var(--color-white);border-color:#42b5c2;box-shadow:0 0 0 4px #42b5c226}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-input::placeholder{color:#94a3b8}.options-grid{display:flex;flex-direction:column;gap:.75rem}.option-button{width:100%;text-align:left;padding:.875rem 1.25rem;background-color:var(--color-white);border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:var(--color-black);cursor:pointer;transition:all .2s}.option-button:hover{background-color:#42b5c20d;border-color:#42b5c2}.option-button:focus{outline:none;border-color:#42b5c2;box-shadow:0 0 0 2px #42b5c233}.option-button.selected{border:2px solid #42b5c2!important;background-color:#42b5c21a!important;color:#42b5c2!important;font-weight:600}.basics-footer{padding:1rem;max-width:42rem;margin:0 auto;width:100%}.footer-buttons{display:flex;gap:1rem}.btn-prev,.btn-next{flex:1;padding:.75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;border:1px solid transparent}.btn-prev{background-color:var(--color-white);color:var(--color-black);border-color:#d1d5db}.btn-prev:hover{background-color:var(--color-gray-50)}.btn-next{background-color:var(--color-black);color:var(--color-white)}.btn-next:hover{background-color:var(--color-gray-800)}.cover-container{background-color:#288a9e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Crect fill='%23000000' width='1920' height='1080'%3E%3C/rect%3E%3Cg id='a' fill='%23288A9E' fill-opacity='0.09'%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.1s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.2s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.3s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.4s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.5s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.6s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.7s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3Crect width='960' height='1080'%3E%3Canimate attributeName='x' values='0%3B-960' dur='2s' calcMode='spline' keySplines='.3 0 .9 .7' begin='0.8s' repeatCount='1' fill='freeze'/%3E%3C/rect%3E%3C/g%3E%3Cuse href='%23a' transform='rotate(180 960 540)'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;color:var(--color-white);min-height:100vh;display:flex;flex-direction:column;padding:1.5rem 1.5rem 10rem;position:relative;overflow-x:hidden}@keyframes zoomReveal{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cover-container .basics-footer{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:transparent;padding:1rem 1.5rem 2.5rem;z-index:100;opacity:0;animation:zoomReveal 1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:1.6s}.cover-container .cover-cta{width:100%;max-width:25rem;margin:0 auto}.cover-content{flex:1;max-width:25rem;margin:0 auto;padding-top:1.5rem;opacity:0;animation:zoomReveal 1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:1.5s}.cover-title{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem;line-height:1}.cover-desc{font-size:1rem;color:#d4d4d4;line-height:1.5;margin-bottom:2rem}.timeline{border-left:2px solid #525252;padding-left:2rem;margin-left:.5rem;display:flex;flex-direction:column;gap:1.5rem}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-2.6rem;top:.75rem;width:1rem;height:1rem;border-radius:50%;background-color:var(--color-black);border:2px solid #525252}@keyframes pulseTeal{0%{box-shadow:0 0 #288a9eb3}70%{box-shadow:0 0 0 10px #288a9e00}to{box-shadow:0 0 #288a9e00}}.timeline-item.active .timeline-dot{background:linear-gradient(135deg,#42b5c2,#76dde0);border:none;width:1.25rem;height:1.25rem;left:-2.7rem;animation:pulseTeal 2s infinite}.timeline-title{font-size:1rem;font-weight:600;color:#737373}.timeline-item.active .timeline-title{color:var(--color-white)}.timeline-subtitle{font-size:.875rem;color:#525252}.cover-cta{width:100%;padding:1rem;border-radius:9999px;background-color:var(--color-white);color:var(--color-black);font-weight:600;letter-spacing:.05em;text-align:center;border:none;cursor:pointer;margin-top:auto;transition:background-color .2s;display:block}.cover-cta:hover{background-color:#e5e5e5}@media(max-width:768px){.cover-container{padding:5rem 1rem 6rem;justify-content:flex-start}.cover-content{padding-top:.5rem}.cover-title{font-size:1.75rem;margin-bottom:.5rem}.cover-desc{font-size:.9rem;margin-bottom:1rem}.timeline{gap:.75rem;padding-left:1.5rem}.timeline-title{font-size:.9rem}.timeline-subtitle{font-size:.8rem}.timeline-item.active p{font-size:.9rem!important;margin-top:.25rem!important;line-height:1.3!important}.timeline-item.active .timeline-title{font-size:1.1rem}.timeline-dot{left:-2.15rem;top:.9rem}.timeline-item.active .timeline-dot{left:-2.28rem;top:.9rem}.cover-container .basics-footer{padding:1rem 1rem 1.5rem}.basics-header{margin-bottom:.5rem;padding:.5rem 0}}.carousel-container{width:100%;max-width:600px;margin:0 auto;position:relative;padding:0;perspective:1000px;height:600px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden}.carousel-track{position:relative;width:100%;height:380px;transform-style:preserve-3d;margin-bottom:2rem}.carousel-card{position:absolute;top:2rem;left:50%;width:65%;max-width:280px;aspect-ratio:1/1.2;background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px #0003;transition:all .5s cubic-bezier(.2,.8,.2,1);cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.carousel-card .equipment-image-container{flex:1;width:100%;aspect-ratio:auto;height:100%}.carousel-action{text-align:center;margin-top:0;z-index:20;padding-bottom:2rem}.selected-label-display{display:none}.select-button{background-color:var(--color-black);color:#fff;padding:.75rem 2rem;border-radius:9999px;font-weight:600;border:none;cursor:pointer;transition:transform .2s}.select-button:hover{transform:scale(1.05)}.detail-checkmark{position:absolute;top:1rem;left:1rem;width:2.5rem;height:2.5rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 6px #0000001a;color:#42b5c2;font-size:1.25rem}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:3rem;margin-top:0;margin-bottom:2rem;z-index:20}.carousel-arrow{background:transparent;border:none;width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;padding:0}.carousel-arrow:hover{background:transparent;transform:scale(1.1)}@media(max-width:640px){.carousel-controls{gap:1rem}.carousel-arrow{width:4rem;height:4rem}}.carousel-action{display:none}.carousel-minis{display:flex;gap:.5rem}.carousel-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#d4d4d4;cursor:pointer;transition:all .2s}.carousel-dot.active{background-color:var(--color-black);transform:scale(1.2)}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.equipment-option{width:100%;padding:0;border:none;border-radius:1rem;overflow:hidden;background-color:var(--color-white);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative}.equipment-option:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.equipment-option:focus{outline:none;box-shadow:0 0 0 3px #42b5c280,0 10px 15px -3px #0000001a}.equipment-image-container,.equipment-image-placeholder{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative;background-color:#f8fafc}.equipment-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.equipment-option:hover .equipment-image{transform:scale(1.05)}.equipment-image-placeholder{height:auto;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.875rem}.equipment-label{background-color:var(--color-black);color:var(--color-white);padding:1rem .5rem;text-align:center;font-size:.95rem;font-weight:500;width:100%;z-index:2}.slider-container{padding:1rem 0}.slider-wrapper{position:relative;width:100%}.slider-input{width:100%;height:.5rem;background-color:#e5e5e5;border-radius:.5rem;appearance:none;cursor:pointer;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:50%;background:#f2674b;cursor:pointer;border:none}.slider-input::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:#f2674b;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem;color:#525252}.slider-value-display{text-align:center;margin-top:1.5rem}.slider-value-number{font-size:1.875rem;color:var(--color-black);font-weight:400}.slider-value-unit{font-size:1.125rem;color:#525252;margin-left:.25rem}.quick-select-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem}.quick-select-btn{padding:.5rem;text-align:center;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;font-size:.75rem;cursor:pointer;transition:all .2s}.quick-select-btn:hover{background-color:#f9fafb}.quick-select-btn.active{background-color:#f3f4f6;border-color:#9ca3af}.number-input-container{max-width:20rem;margin:0 auto}.currency-input-wrapper{position:relative;margin-bottom:1.5rem}.currency-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#525252}.currency-input{width:100%;padding:1rem 1rem 1rem 2rem;font-size:1.25rem;color:var(--color-black);border:1px solid #d1d5db;border-radius:.5rem;outline:none;background-color:var(--color-white);transition:border-color .2s}.currency-input:focus{border-color:var(--color-black)}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.numpad-btn{height:3.5rem;font-size:1.25rem;background-color:var(--color-white);border:1px solid #d1d5db;border-radius:.5rem;color:var(--color-black);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.numpad-btn:hover{background-color:#f9fafb;border-color:var(--color-black)}.numpad-btn:active{background-color:#e5e5e5}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.gearbox{background:#111;height:150px;width:200px;position:relative;border:none;overflow:hidden;border-radius:6px;box-shadow:0 0 0 1px #ffffff1a}.gearbox .overlay{border-radius:6px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;box-shadow:inset 0 0 20px #000;transition:background .2s}.gearbox .overlay{background:transparent}.gear{position:absolute;height:60px;width:60px;box-shadow:0 -1px #888,0 1px #000;border-radius:30px}.gear.large{height:120px;width:120px;border-radius:60px}.gear.large:after{height:96px;width:96px;border-radius:48px;margin-left:-48px;margin-top:-48px}.gear.one{top:12px;left:10px}.gear.two{top:61px;left:60px}.gear.three{top:110px;left:10px}.gear.four{top:13px;left:128px}.gear:after{content:"";position:absolute;height:36px;width:36px;border-radius:36px;background:#111;top:50%;left:50%;margin-left:-18px;margin-top:-18px;z-index:3;box-shadow:0 0 10px #ffffff1a,inset 0 0 10px #0000001a,inset 0 2px #090909,inset 0 -1px #888}.gear-inner{position:relative;height:100%;width:100%;background:#555;border-radius:30px;border:1px solid rgba(255,255,255,.1)}.large .gear-inner{border-radius:60px}.gear.one .gear-inner{animation:counter-clockwise 3s infinite linear}.gear.two .gear-inner{animation:clockwise 3s infinite linear}.gear.three .gear-inner{animation:counter-clockwise 3s infinite linear}.gear.four .gear-inner{animation:counter-clockwise 6s infinite linear}.gear-inner .bar{background:#555;height:16px;width:76px;position:absolute;left:50%;margin-left:-38px;top:50%;margin-top:-8px;border-radius:2px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.large .gear-inner .bar{margin-left:-68px;width:136px}.gear-inner .bar:nth-child(2){transform:rotate(60deg)}.gear-inner .bar:nth-child(3){transform:rotate(120deg)}.gear-inner .bar:nth-child(4){transform:rotate(90deg)}.gear-inner .bar:nth-child(5){transform:rotate(30deg)}.gear-inner .bar:nth-child(6){transform:rotate(150deg)}.processing-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:10;position:relative;width:100%}@media(max-width:768px){.processing-container{justify-content:flex-start;padding-top:20vh}}