@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}.hilho-landing{--ground:#efefea;--ink:#16181b;--muted:#5a5e64;--accent:#1e7556;--accent-ink:#fff;--surface:#fff;--line:#dadbd4;--radius:12px;--font-display:"Schibsted Grotesk", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, sans-serif;--r1:calc(var(--radius) * 2.4 + 12px);--r2:calc(var(--radius) * 1.6 + 6px);--r3:calc(var(--radius) * 1.1 + 2px);background:var(--ground);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.65}html:has(.hilho-landing){scroll-behavior:smooth}.hilho-landing .display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;line-height:1.04}.hilho-landing .h1{line-height:1.02}.hilho-landing .h2{line-height:1.08}.hilho-landing .h3{letter-spacing:-.015em;line-height:1.25}.hilho-landing .tray{background:var(--surface);border:1px solid var(--line);border-radius:var(--r1)}.hilho-landing .inner{border:1px solid var(--line);border-radius:var(--r2);background:color-mix(in srgb, var(--ground) 45%, var(--surface))}.hilho-landing .frames{aspect-ratio:1;width:100%;max-width:380px;margin-left:auto;position:relative}.hilho-landing .f1,.hilho-landing .f2,.hilho-landing .f3{border:1px solid var(--line);position:absolute}.hilho-landing .f1{border-radius:calc(var(--r1) + 16px);background:color-mix(in srgb, var(--accent) 4%, var(--surface));inset:0}.hilho-landing .f2{border-radius:calc(var(--r1) + 2px);background:color-mix(in srgb, var(--accent) 7%, var(--surface));inset:38px}.hilho-landing .f3{border-radius:var(--r2);background:var(--surface);color:var(--accent);box-shadow:0 30px 60px -30px color-mix(in srgb, var(--ink) 30%, transparent);place-items:center;display:grid;inset:76px}.hilho-landing .f3 svg{width:72px;height:72px}.hilho-landing .rim{border-radius:calc(var(--r1) + 16px);pointer-events:none;background:conic-gradient(from var(--ang), transparent 0deg, transparent 280deg, color-mix(in srgb, var(--accent) 70%, transparent) 330deg, transparent 360deg);-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:1.5px;animation:16s ease-in-out infinite orbit;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes orbit{to{--ang:360deg}}.hilho-landing .chip{border-radius:var(--r3);background:var(--surface);width:52px;height:52px;color:var(--accent);border:1px solid var(--line);place-items:center;display:grid}.hilho-landing .chip svg{width:28px;height:28px}.hilho-landing .card{transition:transform .3s,box-shadow .3s}.hilho-landing .card:hover{box-shadow:0 30px 60px -34px color-mix(in srgb, var(--ink) 30%, transparent);transform:translateY(-2px)}.hilho-landing .btn{background:var(--accent);color:var(--accent-ink);transition:transform .25s,filter .25s,box-shadow .25s}.hilho-landing .btn:hover{filter:brightness(1.08);box-shadow:0 14px 28px -16px color-mix(in srgb, var(--accent) 80%, transparent);transform:translateY(-2px)}.hilho-landing .btn:active{transform:translateY(0)scale(.98)}.hilho-landing .rise.js{transition:transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.hilho-landing .rise.js.in{transform:none}@media (prefers-reduced-motion:reduce){.hilho-landing .rise.js{transition:none;transform:none}.hilho-landing .rim{animation:none}.hilho-landing *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
