.landing-page{background:#0a0f1a;min-height:100vh;position:relative;overflow-x:hidden;font-family:Poppins,sans-serif}.lamp-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;background:linear-gradient(180deg,rgba(10,15,26,.95) 0%,rgba(10,15,26,.8) 60%,transparent 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);transition:all .4s ease}.lamp-header.scrolled{background:#0a0f1af2;box-shadow:0 4px 30px #0000004d}.lamp-logo{display:flex;align-items:center;gap:.875rem}.lamp-logo .logo-icon{font-size:2rem;filter:drop-shadow(0 0 20px rgba(99,102,241,.5));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px rgba(99,102,241,.4))}50%{filter:drop-shadow(0 0 30px rgba(139,92,246,.6))}}.lamp-logo h1{font-size:1.35rem;font-weight:600;background:linear-gradient(135deg,#f8fafc,#c7c7e0,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.lamp-header-btn{padding:.875rem 1.75rem;border-radius:12px;background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#fffffff2;font-weight:500;font-size:.95rem;border:1px solid rgba(99,102,241,.25);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.lamp-header-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.lamp-header-btn:hover:before{left:100%}.lamp-header-btn:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:#6366f180;transform:translateY(-2px);box-shadow:0 8px 30px #6366f140}.hero-main{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,92,246,.1),transparent),linear-gradient(180deg,#0a0f1a,#0f172a,#0a0f1a);padding-top:72px;padding-bottom:24px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.lamp-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(99,102,241,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.025) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}.lamp-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.lamp-particle{position:absolute;width:3px;height:3px;background:#a78bfacc;border-radius:50%;animation:floatElegant 8s ease-in-out infinite;box-shadow:0 0 20px #a78bfa80}.lamp-particle:nth-child(1){top:15%;left:8%;animation-delay:0s;transform:scale(1.2)}.lamp-particle:nth-child(2){top:35%;left:18%;animation-delay:1.5s}.lamp-particle:nth-child(3){top:25%;right:12%;animation-delay:3s;transform:scale(1.5)}.lamp-particle:nth-child(4){top:55%;left:3%;animation-delay:4.5s}.lamp-particle:nth-child(5){top:45%;right:8%;animation-delay:6s;transform:scale(1.3)}.lamp-particle:nth-child(6){top:65%;left:22%;animation-delay:2.5s}@keyframes floatElegant{0%,to{transform:translateY(0) scale(var(--scale, 1));opacity:.4}50%{transform:translateY(-30px) scale(calc(var(--scale, 1) * 1.3));opacity:1}}.lamp-light-left{position:absolute;top:5%;right:55%;height:25rem;width:50rem;background:conic-gradient(from 80deg at center top,rgba(99,102,241,.3) 0%,rgba(139,92,246,.15) 25%,transparent 55%);animation:lampExpandLeft 2s ease-out forwards;filter:blur(40px);opacity:.7}.lamp-light-right{position:absolute;top:5%;left:55%;height:25rem;width:50rem;background:conic-gradient(from 280deg at center top,transparent 0%,rgba(139,92,246,.15) 45%,rgba(99,102,241,.3) 100%);animation:lampExpandRight 2s ease-out forwards;filter:blur(40px);opacity:.7}.lamp-glow-main{position:absolute;top:25%;left:50%;transform:translate(-50%);height:20rem;width:60rem;border-radius:9999px;background:radial-gradient(ellipse,rgba(99,102,241,.2) 0%,transparent 70%);filter:blur(60px);animation:lampGlowPulse 2s ease-out forwards}.hero-container{position:relative;z-index:10;display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;max-width:1440px;width:100%;padding:2rem 4rem;align-items:center}.hero-calculator-col{display:flex;justify-content:center;align-items:center}.calculator-hero-wrapper-large{position:relative;width:100%;max-width:600px}.calculator-image-container-large{position:relative;width:100%;border-radius:24px;box-shadow:0 60px 120px #0009,0 0 100px #6366f126,inset 0 1px 1px #ffffff1a;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .5s cubic-bezier(.4,0,.2,1)}.calculator-image-container-large:hover{box-shadow:0 80px 160px #000000b3,0 0 140px #6366f133,inset 0 1px 1px #ffffff26;transform:scale(1.02)}.calculator-img-large{width:100%;height:auto;display:block;border-radius:24px}.hero-content-col{display:flex;flex-direction:column;gap:2rem;padding:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:9999px;font-size:.875rem;color:#a5b4fc;font-weight:500;width:fit-content;animation:fadeInUp 1s ease-out .2s both}.hero-badge span{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hero-title{font-size:3.75rem;font-weight:700;line-height:1.05;color:#f8fafc;letter-spacing:-.03em;animation:fadeInUp 1s ease-out .4s both}.hero-title span{background:linear-gradient(135deg,#818cf8,#c084fc,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hero-title span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(135deg,#818cf833,#c084fc33);filter:blur(20px);z-index:-1}.hero-subtitle{font-size:1.35rem;color:#94a3b8;line-height:1.7;font-weight:400;max-width:90%;animation:fadeInUp 1s ease-out .6s both}.hero-features{display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0;animation:fadeInUp 1s ease-out .7s both}.hero-feature{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;font-size:1rem}.hero-feature i{color:#818cf8;font-size:1.1rem}.hero-cta{display:flex;gap:1rem;margin-top:.5rem;animation:fadeInUp 1s ease-out .8s both}.hero-btn{padding:1.125rem 2.25rem;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;gap:.625rem;position:relative;overflow:hidden}.hero-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 10px 40px #6366f159,0 0 0 1px #ffffff1a inset}.hero-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hero-btn-primary:hover:before{left:100%}.hero-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 60px #6366f180,0 0 0 1px #ffffff26 inset}.hero-btn-secondary{background:#ffffff08;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.content-section{background:linear-gradient(180deg,#0a0f1a,#0f172a,#0a0f1a);padding:2.5rem 2rem 8rem;position:relative;overflow:hidden}.content-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.content-header{text-align:center;max-width:600px;margin:0 auto 4rem}.content-header h2{font-size:2.5rem;font-weight:700;color:#f8fafc;margin-bottom:1rem;letter-spacing:-.02em}.content-header p{font-size:1.125rem;color:#94a3b8}.content-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.content-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:3rem 2rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(99,102,241,.1),transparent 40%);opacity:0;transition:opacity .3s ease}.content-card:hover:before{opacity:1}.content-card:hover{transform:translateY(-8px);background:#ffffff0a;border-color:#6366f133;box-shadow:0 30px 60px #0006,0 0 0 1px #6366f11a inset}.content-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-flex;padding:1rem;background:#6366f11a;border-radius:20px;transition:all .4s ease}.content-card:hover .content-icon{transform:scale(1.1);background:#6366f126}.content-card h3{font-size:1.5rem;color:#f8fafc;margin-bottom:.875rem;font-weight:600}.content-card p{color:#64748b;font-size:1rem;line-height:1.6}.features-section{background:#0a0f1a;padding:4rem 2rem 6rem;position:relative}.features-container{max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;transition:all .4s ease}.feature-item:hover{background:#ffffff0a;border-color:#6366f126;transform:translateY(-3px)}.feature-icon-wrapper{flex-shrink:0;width:52px;height:52px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.feature-text h4{font-size:1.1rem;color:#f8fafc;font-weight:600;margin-bottom:.5rem}.feature-text p{font-size:.95rem;color:#64748b;line-height:1.5}.floating-cta-simple{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);color:#fff;padding:18px 28px;border-radius:16px;display:flex;align-items:center;gap:18px;box-shadow:0 20px 50px #6366f166,0 0 0 1px #ffffff26 inset;z-index:1000;animation:slideUpElegant .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}@keyframes slideUpElegant{0%{opacity:0;transform:translate(-50%) translateY(40px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.floating-cta-simple.hidden{transform:translate(-50%) translateY(150%);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.floating-cta-simple .btn-close{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.floating-cta-simple .btn-close:hover{background:#ffffff40;transform:rotate(90deg)}.floating-cta-simple .btn-primary{background:#fff;color:#6366f1;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .3s ease}.floating-cta-simple .btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 25px #0003}@keyframes lampExpandLeft{0%{opacity:0;width:30rem}to{opacity:.7;width:50rem}}@keyframes lampExpandRight{0%{opacity:0;width:30rem}to{opacity:.7;width:50rem}}@keyframes lampGlowPulse{0%{opacity:.1;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.hero-container{gap:3rem;padding:2rem}.hero-title{font-size:3rem}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center;padding:1.5rem}.features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.hero-calculator-col{order:1}.hero-content-col{order:2;align-items:center;padding:1rem}.hero-title{font-size:2.75rem}.hero-subtitle{max-width:100%;font-size:1.2rem}.hero-cta{justify-content:center}.calculator-hero-wrapper-large{max-width:450px}.content-grid{grid-template-columns:1fr;max-width:500px}.content-section{padding:4rem 1.5rem 6rem}}@media(max-width:640px){.lamp-header{padding:1rem 1.5rem}.lamp-logo h1{display:none}.hero-container{padding:1rem}.hero-main{padding-top:74px;padding-bottom:18px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-btn{padding:1rem 1.75rem;font-size:.95rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .hero-btn{width:100%;justify-content:center}.floating-cta-simple{left:1rem;right:1rem;transform:none;border-radius:14px;padding:14px 18px;flex-wrap:wrap;justify-content:center;text-align:center;gap:10px}.floating-cta-simple.hidden{transform:translateY(150%)}.content-card{padding:2rem 1.5rem}.content-header h2{font-size:2rem}.features-section{padding:3rem 1.5rem 4rem}.feature-item{flex-direction:column;text-align:center;align-items:center}}.landing-page .lcd-display-large{position:absolute;top:var(--lcd-top);left:var(--lcd-left);width:var(--lcd-width);height:var(--lcd-height);background:linear-gradient(145deg,#9ab39e,#7a9a7e);border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding:0 4%;box-shadow:inset 0 3px 12px #00000059,inset 0 -1px 2px #ffffff1a;border:1px solid rgba(0,0,0,.15)}.landing-page .lcd-content-large{display:flex;flex-direction:column;align-items:flex-start;width:100%}.landing-page .lcd-expression-large{font-size:.9rem;color:#2d3b2f;opacity:.75;font-family:Courier New,monospace;min-height:1.3rem;letter-spacing:.5px}.landing-page .lcd-result-large{font-size:2.4rem;color:#1a221c;font-family:Digital-7 Mono,sans-serif;font-weight:400;letter-spacing:3px;text-shadow:0 0 2px rgba(0,0,0,.3)}.landing-page .keys-overlay-large{position:absolute;top:var(--area-top);left:var(--area-left);width:calc(100% - (var(--area-left) * 2));height:calc(100% - var(--area-top) - 5%)}.landing-page .keys-overlay-large .calc-key{position:absolute;width:var(--key-width);height:var(--key-height);background:linear-gradient(180deg,#2d2f35,#1a1c20)!important;border:1px solid rgba(0,0,0,.6)!important;box-shadow:inset 0 1px 1px #ffffff14,0 3px 6px #0009,0 1px 2px #0006!important;border-radius:6px!important;cursor:pointer;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:3px;transition:all .15s cubic-bezier(.4,0,.2,1)}.landing-page .keys-overlay-large .calc-key:hover{background:linear-gradient(180deg,#363840,#22242a)!important;border-color:#ffffff26!important;box-shadow:inset 0 1px 1px #ffffff1f,0 5px 12px #00000080,0 0 20px #6366f126!important;transform:translateY(-1px);z-index:10}.landing-page .keys-overlay-large .calc-key:active{box-shadow:inset 0 3px 8px #00000080,0 1px 2px #0000004d!important;transform:translateY(1px) scale(.98);transition:all .05s ease}.landing-page .keys-overlay-large .calc-key.enter{height:calc((var(--key-height) * 2) + var(--gap-y) + 1%)!important}.landing-page .keys-overlay-large .calc-key.f-key{background:linear-gradient(180deg,#e8b84d,#c9962e)!important;border-color:#a67c24!important;box-shadow:inset 0 1px 1px #fff3,0 3px 6px #00000080!important}.landing-page .keys-overlay-large .calc-key.g-key{background:linear-gradient(180deg,#52aed8,#359bc9)!important;border-color:#257da6!important;box-shadow:inset 0 1px 1px #ffffff26,0 3px 6px #00000080!important}.landing-page .keys-overlay-large .calc-key.f-key .key-main,.landing-page .keys-overlay-large .calc-key.g-key .key-main{color:#111!important;text-shadow:0 1px 0 rgba(255,255,255,.3)!important}.landing-page .keys-overlay-large .calc-key.f-key:hover{background:linear-gradient(180deg,#f0c86a,#d4a83f)!important;box-shadow:inset 0 1px 1px #ffffff40,0 5px 12px #0006,0 0 25px #e8b84d4d!important}.landing-page .keys-overlay-large .calc-key.g-key:hover{background:linear-gradient(180deg,#65c0e8,#42aad6)!important;box-shadow:inset 0 1px 1px #fff3,0 5px 12px #0006,0 0 25px #52aed84d!important}.landing-page .keys-overlay-large .key-special-top{font-size:clamp(.25rem,.6vw,.4rem);transform:translate(var(--lbl-top-x),calc(var(--lbl-top-y) - 6px));color:#ffffffe6;text-transform:uppercase;letter-spacing:.3px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9);margin-bottom:2px}.landing-page .keys-overlay-large .key-label-top{font-size:clamp(.3rem,.7vw,.45rem);transform:translate(var(--lbl-top-x),var(--lbl-top-y));color:#ffb347;text-transform:uppercase;letter-spacing:.3px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.9)}.landing-page .keys-overlay-large .key-main{font-size:clamp(.55rem,1.2vw,.75rem);transform:translate(var(--lbl-main-x),var(--lbl-main-y));color:#fff!important;font-weight:500;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.9)}.landing-page .keys-overlay-large .key-label-bottom{font-size:clamp(.25rem,.6vw,.4rem);transform:translate(var(--lbl-bot-x),var(--lbl-bot-y));color:#7dd3fc;text-transform:uppercase;letter-spacing:.3px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.9)}.landing-page .keys-overlay-large .enter-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.85;font-size:clamp(.5rem,1vw,.65rem);font-weight:600;letter-spacing:1px;transform:scaleX(1.7) translateY(-4px);color:#fff!important}.landing-page .keys-overlay-large .enter-vertical span{display:block}.landing-page .fin-bracket{position:absolute;display:flex;align-items:flex-start;height:6px;z-index:10}.landing-page .fin-bracket-line{flex:1;border-top:1px solid #ff9f43;height:4px}.landing-page .fin-bracket-line.left{border-left:1px solid #ff9f43}.landing-page .fin-bracket-line.right{border-right:1px solid #ff9f43}.landing-page .fin-bracket-text{color:#ff9f43;font-size:clamp(.25rem,.5vw,.4rem);font-weight:500;letter-spacing:.5px;padding:0 4px;transform:translateY(-50%);line-height:1;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9)}.landing-page .fin-bracket[data-row="1"]{top:calc(var(--global-offset-y) + var(--key-height) + var(--gap-y) + var(--f2-offset) - 4.5%)}.landing-page .fin-bracket[data-row="2"]{top:calc(var(--global-offset-y) + (var(--key-height) + var(--gap-y)) * 2 + var(--f3-offset) - 4.5%)}.landing-page .fin-bracket[data-start-col="0"]{left:calc((var(--key-width) + var(--gap-x)) * 0 + var(--global-offset-x))}.landing-page .fin-bracket[data-start-col="1"]{left:calc((var(--key-width) + var(--gap-x)) * 1 + var(--global-offset-x))}.landing-page .fin-bracket[data-start-col="2"]{left:calc((var(--key-width) + var(--gap-x)) * 2 + var(--global-offset-x))}.landing-page .fin-bracket[data-start-col="5"]{left:calc((var(--key-width) + var(--gap-x)) * 5 + var(--global-offset-x))}.landing-page .fin-bracket[data-start-col="0"][data-end-col="1"]{width:calc((var(--key-width) + var(--gap-x)) * 1 + var(--key-width))}.landing-page .fin-bracket[data-start-col="2"][data-end-col="4"]{width:calc((var(--key-width) + var(--gap-x)) * 2 + var(--key-width))}.landing-page .fin-bracket[data-start-col="1"][data-end-col="5"]{width:calc((var(--key-width) + var(--gap-x)) * 4 + var(--key-width))}.landing-page .fin-bracket[data-start-col="1"][data-end-col="4"]{width:calc((var(--key-width) + var(--gap-x)) * 3 + var(--key-width))}.landing-page .keys-overlay-large .calc-key[data-row="0"]{top:calc(var(--global-offset-y) + var(--f1-offset))!important}.landing-page .keys-overlay-large .calc-key[data-row="1"]{top:calc(var(--global-offset-y) + var(--key-height) + var(--gap-y) + var(--f2-offset))!important}.landing-page .keys-overlay-large .calc-key[data-row="2"]{top:calc(var(--global-offset-y) + (var(--key-height) + var(--gap-y)) * 2 + var(--f3-offset))!important}.landing-page .keys-overlay-large .calc-key[data-row="3"]{top:calc(var(--global-offset-y) + (var(--key-height) + var(--gap-y)) * 3 + var(--f4-offset))!important}.landing-page .keys-overlay-large .calc-key[data-col="0"]{left:calc((var(--key-width) + var(--gap-x)) * 0 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="1"]{left:calc((var(--key-width) + var(--gap-x)) * 1 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="2"]{left:calc((var(--key-width) + var(--gap-x)) * 2 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="3"]{left:calc((var(--key-width) + var(--gap-x)) * 3 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="4"]{left:calc((var(--key-width) + var(--gap-x)) * 4 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="5"]{left:calc((var(--key-width) + var(--gap-x)) * 5 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="6"]{left:calc((var(--key-width) + var(--gap-x)) * 6 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="7"]{left:calc((var(--key-width) + var(--gap-x)) * 7 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="8"]{left:calc((var(--key-width) + var(--gap-x)) * 8 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="9"]{left:calc((var(--key-width) + var(--gap-x)) * 9 + var(--global-offset-x))!important}.calculator-image-container-large:hover .keys-overlay-large .calc-key{transition-delay:.05s}@keyframes keyFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.landing-page .keys-overlay-large .calc-key{animation:keyFadeIn .4s ease-out backwards}.landing-page .keys-overlay-large .calc-key:nth-child(1){animation-delay:.05s}.landing-page .keys-overlay-large .calc-key:nth-child(2){animation-delay:.08s}.landing-page .keys-overlay-large .calc-key:nth-child(3){animation-delay:.11s}.landing-page .keys-overlay-large .calc-key:nth-child(4){animation-delay:.14s}.landing-page .keys-overlay-large .calc-key:nth-child(5){animation-delay:.17s}.landing-page .keys-overlay-large .calc-key:nth-child(6){animation-delay:.2s}.landing-page .keys-overlay-large .calc-key:nth-child(7){animation-delay:.23s}.landing-page .keys-overlay-large .calc-key:nth-child(8){animation-delay:.26s}.landing-page .keys-overlay-large .calc-key:nth-child(9){animation-delay:.29s}.landing-page .keys-overlay-large .calc-key:nth-child(10){animation-delay:.32s}@media(max-width:1024px){.landing-page .lcd-result-large{font-size:1.8rem}.landing-page .keys-overlay-large .key-main{font-size:clamp(.5rem,1.1vw,.7rem)}}@media(max-width:640px){.landing-page .lcd-result-large{font-size:1.3rem;letter-spacing:2px}.landing-page .lcd-expression-large{font-size:.75rem}.landing-page .keys-overlay-large .key-main{font-size:clamp(.4rem,1vw,.6rem)}.landing-page .keys-overlay-large .key-label-top,.landing-page .keys-overlay-large .key-label-bottom{font-size:clamp(.2rem,.5vw,.35rem)}}