/* UAOE visual polish. This is the approved preview layer without its preview-only selector. */
body{font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.btn{border-radius:999px;font-size:14px;min-height:48px;padding:13px 24px;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(11,29,35,.22);filter:none}
.btn:active{transform:translateY(0)}
.btn.primary{background:linear-gradient(135deg,#ffe08a 0%,#ffd166 55%,#ff9f43 100%);box-shadow:0 8px 22px rgba(255,159,67,.28)}
.btn.outline{border-color:#8aa6ad}
.btn.small{min-height:44px;font-size:13px}
.btn:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px;border-radius:12px}

.hero{background:radial-gradient(1100px 520px at 88% -12%,rgba(255,159,67,.30),transparent 62%),radial-gradient(900px 440px at -5% 112%,rgba(255,209,102,.13),transparent 60%),var(--deep)}
.hero h1{font-size:clamp(46px,6vw,84px);letter-spacing:-.03em;line-height:1.05}
.hero p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:#cfe3df}
.hero .hero-actions~p,.hero .hero-actions+*{opacity:.74;font-size:12px}

.tile,.price-card,.package-card,.panel,.workspace-card,.choice{border-radius:18px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,29,35,.04),0 18px 40px rgba(11,29,35,.06);transition:transform .2s ease,box-shadow .2s ease}
.tile:hover,.price-card:hover,.package-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(11,29,35,.05),0 26px 54px rgba(11,29,35,.10)}
.featured{box-shadow:0 22px 60px rgba(19,54,60,.35)}

.eyebrow{font-size:12px;letter-spacing:.1em}
.tag{border-radius:999px;padding:5px 11px;font-size:11.5px}
.language-switcher select{min-height:42px;border-radius:999px;padding-inline:16px 30px;font-size:13px}
.section{padding-block:clamp(64px,8vw,112px)}

@media (prefers-reduced-motion:no-preference){
  .hero h1,.hero p,.hero-actions{animation:uaoe-fadeup .7s cubic-bezier(.2,.7,.2,1) both}
  .hero p{animation-delay:.08s}.hero-actions{animation-delay:.16s}
  @keyframes uaoe-fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}