:root{--color-orange:#f97415;--color-orange-dark:#e06106;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-2xl:48px}.hero-content{width:100%}.hero-content,.hero-text-wrapper{display:flex;flex-direction:column}.hero-text-wrapper{gap:var(--spacing-lg)}.hero-headline{color:#000;font-weight:600;line-height:1.1;margin:0}.headline-part1{color:#1a1a1a;display:block;font-size:clamp(28px,5vw,48px);letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.headline-part2{background:linear-gradient(135deg,var(--color-orange),var(--color-orange-dark));-webkit-background-clip:text;font-size:clamp(36px,7vw,72px);-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:800;letter-spacing:-.03em;position:relative}.headline-part2:after{background:linear-gradient(90deg,var(--color-orange),transparent);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.hero-subhead{color:#6b7280;font-size:clamp(16px,3vw,18px);line-height:1.75;margin:0}.hero-subhead p{margin:0}.hero-cta-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.btn,.hero-cta-wrapper{align-items:center;justify-content:center}.btn{border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;max-width:300px;overflow:hidden;padding:16px 36px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-primary{background-color:var(--color-orange);border:2px solid var(--color-orange);box-shadow:0 2px 8px rgba(251,146,60,.2);color:#fff}.btn-primary:focus,.btn-primary:hover{background-color:var(--color-orange-dark);border-color:var(--color-orange-dark);box-shadow:0 8px 24px rgba(251,146,60,.4);transform:translateY(-3px)}.btn-primary:focus-visible{box-shadow:0 0 0 3px rgba(251,146,60,.3),0 8px 24px rgba(251,146,60,.4);outline:none}.btn-secondary{background-color:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#374151}.btn-secondary:focus,.btn-secondary:hover{background-color:#f9fafb;border-color:var(--color-orange);box-shadow:0 8px 24px rgba(0,0,0,.1);color:var(--color-orange);transform:translateY(-3px)}.btn-secondary:focus-visible{box-shadow:0 0 0 3px rgba(251,146,60,.2),0 8px 24px rgba(0,0,0,.1);outline:none}@media (min-width:640px){.hero-cta-wrapper{flex-direction:row}.btn{width:auto}}.btn:active{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:focus,.btn:hover{transform:none}}