html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#edf2ee 0,#f7f7f3 420px)}
.hero{position:relative;overflow:hidden;padding-top:32px;padding-bottom:32px;background:radial-gradient(circle at 88% 5%,rgba(82,162,136,.38),transparent 35%),linear-gradient(145deg,#09271f,#164b3d)}
.hero:after{content:"";position:absolute;right:-85px;bottom:-150px;width:310px;height:310px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.brand{position:relative;z-index:1;gap:14px}
.brand-mark{display:block;width:50px;height:50px;object-fit:cover;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:#f8f3e8;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.tab{cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}
.tab:hover{border-color:#a9bbb3;transform:translateY(-1px)}
.tab.active{box-shadow:0 6px 16px rgba(18,59,49,.16)}
.tab:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline:3px solid rgba(210,170,97,.42);outline-offset:2px}
input,select{min-height:50px;border-radius:11px;transition:border-color .2s,box-shadow .2s,background .2s}
input:hover,select:hover{border-color:#94aa9f;background:#fff}
.primary{padding:16px 19px;box-shadow:0 10px 24px rgba(18,59,49,.22);transition:transform .2s,box-shadow .2s,filter .2s}
.primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(18,59,49,.26);filter:saturate(1.08)}
.secondary{transition:background .2s,color .2s}
.secondary:hover{background:var(--green);color:#fff}
@media(max-width:520px){.hero{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:26px}.hero p{font-size:14px}.tabs{margin:0 -14px;padding-left:14px;padding-right:14px;scroll-padding-left:14px}h1{font-size:32px}.brand-mark{width:46px;height:46px;border-radius:13px}}