:root{--color-dark:#02050a;--color-white:#fff;--color-darkWhite:#a2a2a2;--color-green:#b1e35d;--color-lightDark:#09101a;--color-grey:#151c25;--font-heading:"Audiowide",sans-serif;--font-body:"Poppins",sans-serif}.page-calculator-hero-section{overflow:hidden;position:relative}.hero-section{align-items:center;display:flex;justify-content:center;min-height:90vh;padding:100px 20px;position:relative;z-index:2}.hero-content{max-width:900px;position:relative;text-align:center;z-index:3}.hero-badge{align-items:center;animation:fadeInDown .6s ease-out;background:rgba(177,227,93,.1);border:1px solid rgba(177,227,93,.3);border-radius:50px;display:inline-flex;gap:8px;margin-bottom:24px;padding:8px 20px}.hero-badge span{color:var(--color-green);font-family:Audiowide,sans-serif;font-size:14px;font-weight:100;letter-spacing:.5px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeInUp .6s ease-out .2s both;background:linear-gradient(135deg,#fff,#b1e35d);-webkit-background-clip:text;color:var(--color-white);font-size:56px;font-weight:700;line-height:1.2;margin-bottom:24px;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-description{animation:fadeInUp .6s ease-out .3s both;color:var(--color-darkWhite);font-family:var(--font-body);font-size:20px;line-height:1.6;margin-bottom:48px}.hero-features{animation:fadeInUp .6s ease-out .4s both;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.hero-feature{align-items:flex-start;background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:12px;display:flex;gap:16px;padding:24px;text-align:left;transition:all .3s}.hero-feature:hover{background:rgba(21,28,37,.8);border-color:var(--color-green);transform:translateY(-4px)}.feature-icon{align-items:center;background:rgba(177,227,93,.1);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-text{display:flex;flex-direction:column;gap:4px}.feature-text strong{color:var(--color-white);font-family:var(--font-body);font-size:16px;font-weight:600}.feature-text span{color:var(--color-darkWhite);font-family:var(--font-body);font-size:14px;line-height:1.4}.hero-cta{align-items:center;animation:fadeInUp .6s ease-out .5s both;background:var(--color-green);border:none;border-radius:8px;box-shadow:0 4px 20px rgba(177,227,93,.3);color:var(--color-dark);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:18px;font-weight:600;gap:12px;padding:18px 40px;text-decoration:none;transition:all .3s}.hero-cta:hover{background:#a0d34d;box-shadow:0 6px 30px rgba(177,227,93,.5);transform:translateY(-2px)}.hero-cta svg{transition:transform .3s}.hero-cta:hover svg{transform:translateY(3px)}.hero-note{animation:fadeInUp .6s ease-out .6s both;color:var(--color-darkWhite);font-family:var(--font-body);font-size:14px;margin-top:24px}.hero-bg-animation{height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-card{animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;backdrop-filter:blur(10px);background:rgba(21,28,37,.8);border:1px solid var(--color-grey);border-radius:8px;padding:16px;position:absolute}.card-1{animation-name:float1;left:10%;top:15%}.card-2{animation-delay:1s;animation-name:float2;right:10%;top:15%}.card-3{animation-delay:2s;animation-name:float3;bottom:20%;left:15%}@keyframes float1{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}}@keyframes float2{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(20px) translateX(-10px)}}@keyframes float3{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-15px) translateX(-15px)}}.card-tier{border-radius:4px;display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:4px 8px;text-transform:uppercase}.card-tier.simple{background:rgba(96,165,250,.15);color:#60a5fa}.card-tier.medium{background:rgba(177,227,93,.15);color:var(--color-green)}.card-tier.complex{background:rgba(245,158,11,.15);color:#f59e0b}.card-label{color:var(--color-white);font-family:var(--font-body);font-size:14px;font-weight:500}.smooth-scroll{scroll-behavior:smooth}@media (max-width:1024px){.hero-section{min-height:80vh;padding:80px 20px}.hero-title{font-size:42px}.hero-description{font-size:18px}.hero-features{gap:16px;grid-template-columns:1fr}.floating-card{display:none}}@media (max-width:640px){.hero-section{min-height:auto;padding:60px 16px}.hero-subtitle-small{font-size:14px;letter-spacing:1.5px}.hero-title{font-size:32px}.hero-title br{display:none}.hero-description{font-size:16px;margin-bottom:32px}.hero-description br{display:none}.hero-features{gap:12px}.hero-feature{padding:16px}.feature-icon{height:40px;width:40px}.feature-text strong{font-size:15px}.feature-text span{font-size:13px}.hero-cta{font-size:16px;justify-content:center;padding:16px 32px;width:100%}.hero-badge{padding:6px 16px}.hero-badge span{font-size:12px}.hero-note{font-size:13px}}