*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit}
input,textarea,select{font-family:inherit;font-size:inherit}

:root{
  --primary:#ff6b00;--primary-container:#fff7ed;--on-primary:#ffffff;
  --surface-container-high:#f5f5f5;--on-surface-variant:#6b7280;
  --outline:#e5e5e5;--background:#ffffff;--on-background:#1a1a1a;
  --margin-mobile:20px;--margin-tablet:32px;--margin-desktop:48px;
  --container-max:1120px;--base:24px;
}

.text-primary{color:var(--primary)}.bg-primary{background:var(--primary)}
.text-on-primary{color:var(--on-primary)}.text-on-surface-variant{color:var(--on-surface-variant)}
.bg-surface-container-high{background:var(--surface-container-high)}
.bg-background{background:var(--background)}.text-on-background{color:var(--on-background)}
.text-center{text-align:center}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}

.font-headline-lg{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.75rem;line-height:1.2;letter-spacing:-0.01em}
.font-headline-md{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.125rem;line-height:1.3;letter-spacing:-0.005em}
.font-label-md{font-family:'Inter',sans-serif;font-weight:600;font-size:0.875rem;line-height:1.4;letter-spacing:0.01em}
.font-body-md{font-family:'Inter',sans-serif;font-weight:400;font-size:0.9375rem;line-height:1.6}
.text-headline-lg{font-size:1.75rem}.text-headline-md{font-size:1.125rem}.text-label-md{font-size:0.875rem}.text-body-md{font-size:0.9375rem}
.leading-relaxed{line-height:1.7}.tracking-tight{letter-spacing:-0.02em}

.px-margin-mobile{padding-left:20px;padding-right:20px}
.py-base{padding-top:24px;padding-bottom:24px}
.max-w-container-max{max-width:1120px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-xl{max-width:36rem}
.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}
.space-y-1>*+*{margin-top:4px}.space-y-1\.5>*+*{margin-top:6px}.space-y-6>*+*{margin-top:24px}
.w-full{width:100%}.h-full{height:100%}.h-12{height:48px}.h-16{height:64px}.h-px{height:1px}
.fixed{position:fixed}.relative{position:relative}
.top-0{top:0}.left-0{left:0}
.z-50{z-index:50}
.shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.overflow-hidden{overflow:hidden}
.object-cover{object-fit:cover}
.aspect-square{aspect-ratio:1/1}

.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}
.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}
.p-5{padding:20px}.p-6{padding:24px}.p-4{padding:16px}
.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}
.mx-auto{margin-left:auto;margin-right:auto}
.mr-3{margin-right:12px}.mt-2{margin-top:8px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-16{margin-top:64px}.mb-1{margin-bottom:4px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.pt-20{padding-top:80px}.pb-32{padding-bottom:128px}.pt-6{padding-top:24px}

.border{border:1px solid var(--outline)}.border-2{border-width:2px}
.no-underline{text-decoration:none}
.tactile-card{background:#fff;transition:all 0.2s ease}
.tactile-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08)}

.transition-all{transition:all .5s ease}.duration-700{transition-duration:.7s}
.opacity-0{opacity:0}.opacity-100{opacity:1}
.translate-y-10{transform:translateY(40px)}.translate-y-0{transform:translateY(0)}
.nav-active span{color:#ff6b00!important}.nav-active span:last-child{color:#ff6b00!important}

@media(min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}
  .md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}
  .md\:flex-row{flex-direction:row}
  .md\:text-3xl{font-size:1.875rem}
  .md\:text-6xl{font-size:3.75rem}
  .md\:gap-6{gap:24px}
  .md\:gap-8{gap:32px}
  .md\:p-8{padding:32px}
  .md\:mb-12{margin-bottom:48px}
  :root{--margin-mobile:32px}
}
@media(min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}
  :root{--margin-mobile:48px}
}
@media(max-width:767px){
  .hero-text{font-size:2rem!important}
  .hero-sub{font-size:1rem!important}
}