html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:#F7F6F2;color:#31424E;font-family:'Instrument Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#123A52;text-decoration:none;transition:color .25s ease,transform .25s ease}a:hover{color:#B08D57}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes coinIn{from{transform:rotateY(-90deg)}to{transform:rotateY(0deg)}}

/* Quiet hero artwork: present enough to give the page depth, pale enough to disappear behind the copy. */
[data-screen-label^="Hero"],body>div>header+section{position:relative;isolation:isolate}
[data-screen-label^="Hero"]:before,body>div>header+section:before{content:"";position:absolute;z-index:-1;inset:-1px calc((100vw - 100%)/-2);background:url('/assets/hero/noray-quiet-coast-v1.webp') right center/auto 100% no-repeat;opacity:.72;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 46%);mask-image:linear-gradient(90deg,transparent 4%,#000 46%)}
.hero-property:before{background-image:url('/assets/hero/noray-property-v1.webp')!important;opacity:.78!important}
.hero-sport:before{background-image:url('/assets/hero/noray-football-v2.webp')!important;opacity:.72!important}

/* Refined icon boxes: a restrained gold edge and soft inner highlight replace the flat circles. */
[style*="width:52px;height:52px;border-radius:50%"]{border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(176,141,87,.13))!important;border:1px solid rgba(176,141,87,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 22px -16px rgba(18,58,82,.55);transform:rotate(-2deg)}
[style*="width:52px;height:52px;border-radius:50%"]>svg{transform:rotate(2deg);filter:drop-shadow(0 2px 4px rgba(176,141,87,.16))}

/* Card hovers: the design's style-hover states — lift, gold edge, soft shadow. Cards ship with the matching inline transition. */
[style*="border:1px solid #E7E3DA"][style*="transition:transform"]:hover{border-color:#D9BE93!important;transform:translateY(-4px);box-shadow:0 18px 38px -22px rgba(18,58,82,0.3)}
[style*="border:1px solid #E2DFD6"][style*="transition:transform"]:hover{transform:translateY(-6px);box-shadow:0 36px 64px -38px rgba(18,58,82,0.55)}
/* Icon medallions pop when their card (or row) is hovered */
[style*="width:46px"][style*="border-radius:50%"],[style*="width:44px"][style*="border-radius:50%"]{transition:transform .35s ease,background-color .35s ease}
[style*="border:1px solid #E7E3DA"]:hover [style*="width:46px"][style*="border-radius:50%"]{transform:scale(1.12) rotate(-5deg);background:rgba(176,141,87,0.22)!important}
[data-noray-stagger]>div:hover [style*="width:44px"][style*="border-radius:50%"]{transform:scale(1.1);background:rgba(176,141,87,0.22)!important}
[style*="width:52px;height:52px;border-radius:50%"]{transition:transform .35s ease,box-shadow .35s ease}
a:hover [style*="width:52px;height:52px;border-radius:50%"]{transform:rotate(-7deg) scale(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px -14px rgba(176,141,87,.6)}

/* Header, footer, FAQ */
header nav a{transition:color .25s ease,border-color .25s ease}
header nav a:hover{color:#B08D57;border-bottom-color:#B08D57!important}
header button:hover{border-color:#B08D57!important;box-shadow:0 8px 18px -8px rgba(176,141,87,0.5)}
footer a:hover{color:#FFFFFF!important}
footer a[style*="color:#B9CBD8"]{transition:color .25s ease,transform .25s ease;display:inline-block}
footer a[style*="color:#B9CBD8"]:hover{transform:translateX(3px)}
summary:hover,details[open]>summary{color:#B08D57!important}
details[open]>p{animation:fadeUp .45s ease both}

/* CTA buttons: the design's style-hover states (gold lift + glow), plus a passing light sweep that invites the click. */
a[style*="border-radius:999px"]{position:relative;overflow:hidden}
a[style*="background:#123A52"][style*="border-radius:999px"]:after,a[style*="background:#FFFFFF"][style*="border-radius:999px"]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.38) 50%,transparent 85%);transform:translateX(-170%) skewX(-18deg);animation:ctaShine 5.6s ease-in-out 1.6s infinite;pointer-events:none}
a[style*="background:#FFFFFF"][style*="border-radius:999px"]:after{background:linear-gradient(105deg,transparent 15%,rgba(176,141,87,.22) 50%,transparent 85%)}
@keyframes ctaShine{0%,76%{transform:translateX(-170%) skewX(-18deg)}94%,100%{transform:translateX(320%) skewX(-18deg)}}
a[style*="background:#123A52"][style*="border-radius:999px"]:hover{background:#B08D57!important;color:#FFFFFF!important;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(176,141,87,.55)}
a[style*="border:1px solid #C9C4B8"]:hover{border-color:#B08D57!important;color:#B08D57!important;transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(176,141,87,.4)}
a[style*="background:#FFFFFF"][style*="border-radius:999px"]:hover{background:#D9BE93!important;color:#0E2E42!important;transform:translateY(-2px);box-shadow:0 14px 32px -12px rgba(217,190,147,.55)}
a[style*="border-radius:999px"]:active{transform:translateY(0) scale(.97)}
a[style*="border-radius:999px"]:focus-visible{outline:2px solid #B08D57;outline-offset:3px}

@media (max-width:720px){header>div{gap:14px!important;padding:13px 18px!important}header nav{order:3;width:100%;margin-left:0!important;gap:14px!important;font-size:13px!important}header>a:last-child{display:none}section{padding-left:18px!important;padding-right:18px!important}h1{font-size:42px!important}h2{font-size:32px!important}[data-screen-label^="Hero"]:before,body>div>header+section:before{background-position:68% center;opacity:.42}.hero-property:before,.hero-sport:before{opacity:.44!important}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}