@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#071516;--panel:#102122;--text:#eff1e9;--muted:#a1b0aa;--accent:#c4e88b;--line:rgba(211,232,215,.16);--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;background:var(--accent);color:var(--bg);padding:15px;z-index:100}.skip-link:focus{top:15px}.header{height:92px;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;letter-spacing:1.6px;font-size:19px}.brand-mark{width:31px;height:31px;border:1px solid var(--accent);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:400;transform:rotate(-15deg)}.brand-dot{font-size:9px;align-self:flex-start;margin-left:-7px}.header nav{display:flex;gap:33px;font-size:13px;color:#d0d8d1}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.login{font-size:12px;border:1px solid #ccd9c73b;padding:12px 17px;border-radius:4px;display:flex;gap:28px;align-items:center}.login span{color:var(--accent);font-size:18px}.login:hover{background:#c4e88b15}.menu-toggle{display:none}.hero{position:relative;min-height:760px;height:min(900px,100svh);overflow:hidden;display:flex;align-items:center}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center 52%}.hero-shade{background:linear-gradient(90deg,rgba(4,17,19,.86),rgba(4,17,19,.35) 52%,rgba(4,17,19,.06)),linear-gradient(0deg,#071516 0%,transparent 35%,rgba(4,17,19,.45))}.hero-content{position:relative;padding-top:36px}.eyebrow,.mono,.section-label,.overline,.card-top,.coming,.photo-tag,.dashboard-head,.values>div>span{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.2px}.eyebrow{display:flex;align-items:center;gap:11px;color:#dae5d5;margin-bottom:34px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #c4e88b55;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(60px,6.3vw,96px);font-weight:450;line-height:1.03;letter-spacing:-5px}em{font-style:normal;color:var(--accent)}.hero p{font-size:17px;color:#c0ccc7;line-height:1.65;margin:28px 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:49px;border-radius:3px;padding:0 21px;background:var(--accent);color:#152317;font-size:12px;font-weight:650;transition:background .2s,transform .2s}.button span{font-size:20px;font-weight:400}.button:hover{background:#d6f4a9;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#aebdb5}.hero-bottom .mono{font-size:9px;letter-spacing:1px}.hero-bottom a{font-size:11px;display:flex;gap:26px;align-items:center}.hero-bottom a span{font-size:23px;color:var(--accent)}.principles{border-block:1px solid var(--line)}.principles .wrap{display:flex;justify-content:space-between;padding-block:27px}.principles span{font-size:12px;color:#c1cec7}.principles i{font:10px var(--mono);font-style:normal;color:var(--accent);margin-right:18px}.section{padding-block:88px}.section-label{display:flex;justify-content:space-between;color:#9eafa5;font-size:9px;letter-spacing:1.3px;margin-bottom:54px}.section-label>span:last-child{color:#778b82}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}h2{font-size:clamp(38px,4vw,57px);font-weight:450;letter-spacing:-2.5px;line-height:1.09}h2 em{color:#a6b8a9}.section-heading p{max-width:365px;padding-bottom:4px}p{font-size:14px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:28px 27px 24px;background:linear-gradient(135deg,#142626,#0d1d1e);border:1px solid var(--line);border-radius:6px;transition:border-color .2s,transform .2s}.service-card[href]:hover{border-color:#c4e88b80;transform:translateY(-4px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:44px}.card-top .mono{font-size:9px;letter-spacing:1px}.card-top svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1}.service-card h3{font-size:25px;font-weight:450;letter-spacing:-.8px;margin-bottom:12px}.service-card p{font-size:13px}.card-link,.coming{display:flex;justify-content:space-between;align-items:center;margin-top:36px;font-size:11px}.card-link b{font-size:20px;color:var(--accent);font-weight:400}.upcoming{background:transparent}.upcoming .card-top{color:#899f8c}.coming{color:#a5b7a5;font-size:9px}.coming span{font-size:19px}.compass-section{background:#0a1a1b;border-block:1px solid var(--line)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.compass-photo{position:relative;min-height:560px;align-self:stretch;overflow:hidden;border-radius:5px}.compass-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:37% center}.compass-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06131488,transparent 40%)}.photo-tag{position:absolute;top:23px;left:24px;display:flex;gap:9px;align-items:center;font-size:8px}.photo-coordinates{position:absolute;bottom:26px;left:25px;z-index:1;line-height:1.8;color:var(--accent)}.overline{font-size:8px;color:#a3b49e;display:block;margin-bottom:24px;letter-spacing:1.5px}.feature-copy h2{font-size:clamp(35px,3.6vw,51px);margin-bottom:24px}.feature-copy h2 em{color:var(--accent)}.feature-copy>p{max-width:440px}.feature-list{list-style:none;padding:0;margin:28px 0 34px}.feature-list li{font-size:12px;color:#d3ddd4;padding:14px 0;border-bottom:1px solid var(--line)}.feature-list li span{font:9px var(--mono);color:#8ba77d;margin-right:19px}.rest-dashboard{background:radial-gradient(ellipse at 50% 20%,#23383033,transparent 70%),#0e2020;border:1px solid #b7d6b126;border-radius:7px;padding:25px 30px;box-shadow:0 24px 70px #0002}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:.6px}.dashboard-head>span:first-child{display:flex;align-items:center;gap:8px}.demo-label{font-size:7px;color:#92a59d}.rest-dial{width:255px;height:255px;margin:40px auto 30px;border-radius:50%;background:conic-gradient(var(--accent) 0 210deg,#416b7a 210deg 360deg);border:15px solid #0c1c1c;outline:1px solid #c4e88b25;position:relative;display:grid;place-items:center;transform:rotate(0deg)}.dial-face{width:180px;height:180px;background:#102323;border:10px solid #0d1e1e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.dial-face>span{font:6px var(--mono);color:#a2b7a5;letter-spacing:1px}.dial-face strong{font-size:66px;font-weight:400;letter-spacing:-4px;line-height:1.3}.dial-face strong span{font-size:25px;color:#a2b7a5;margin-left:4px}.dial-face small{font-size:7px;color:#a2b7a5}.dial-midnight,.dial-noon{position:absolute;font-size:8px;background:#0e2020;padding:3px 7px}.dial-midnight{top:-30px}.dial-noon{bottom:-30px}.rest-stats{display:flex;justify-content:center;gap:45px;padding:6px 0 26px;border-bottom:1px solid var(--line)}.rest-stats>div{font-size:11px;color:#b9c6bc;display:flex;align-items:center;gap:8px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.rest-dot{background:var(--accent)}.work-dot{background:#6897a8}.rest-stats strong{font-size:24px;font-weight:450;color:var(--text);margin-left:9px}.rest-stats strong span{font-size:12px;margin-left:2px;color:var(--muted)}.schedule{padding-top:22px}.schedule-title{display:flex;justify-content:space-between;margin-bottom:19px;font-size:11px}.schedule-title .mono{font-size:8px;color:var(--muted)}.schedule-row{display:flex;align-items:center;gap:20px;margin-top:9px}.schedule-row span{font:8px var(--mono);color:var(--muted)}.schedule-row i{height:7px;flex:1;border-radius:2px;background:linear-gradient(90deg,var(--accent) 0 25%,#416b7a 25% 42%,var(--accent) 42% 58.333%,#416b7a 58.333% 83.333%,var(--accent) 83.333%)}.schedule-row:nth-child(3) i,.schedule-row:nth-child(5) i{background:linear-gradient(90deg,var(--accent) 0 29.167%,#416b7a 29.167% 50%,var(--accent) 50% 66.667%,#416b7a 66.667% 87.5%,var(--accent) 87.5%)}.company-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 10% 100%,#243c2d66,transparent 60%),#0e1e1e}.company-content{display:grid;grid-template-columns:1.3fr 1fr;gap:11%}.company-content p+p{margin-top:18px}.company-content h2 em{color:var(--accent)}.text-link{font-size:12px;display:inline-flex;gap:45px;border-bottom:1px solid #74876c;padding:20px 0 10px;margin-top:8px}.text-link span{color:var(--accent)}.values{margin-top:62px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.values>div>span{font-size:8px;color:#9eb28f}.values h3{font-size:17px;font-weight:400;margin-top:14px;letter-spacing:-.3px}.contact-section{background:linear-gradient(90deg,#061516f5,#071516b0),url('/assets/voyage.jpg') center 38%/cover}.contact-content{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.contact-content h2{font-size:clamp(48px,5.5vw,78px)}.contact-content h2 em{color:var(--accent)}.contact-content p{margin:25px 0}.contact-email{font-size:23px;letter-spacing:-.5px;padding-bottom:12px;border-bottom:1px solid #afc7a855;display:flex;gap:60px}.contact-email span{color:var(--accent)}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:112px}.footer .brand{font-size:14px}.footer .brand-mark{width:26px;height:26px;font-size:17px}.footer>span{font-size:10px;color:#8d9f94}.back-top{font-size:10px;display:flex;align-items:center;gap:20px}.back-top span{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--accent)}
@media(min-width:1600px){.header{padding-inline:max(56px,calc((100% - 1280px)/2))}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.header nav{gap:20px}.hero-bottom>span:last-child{display:none}.feature-layout{gap:5%}.feature-copy h2{font-size:39px}.rest-dashboard{padding:23px 20px}.card-top .mono{font-size:8px}.card-top svg{width:30px}.service-card{padding:24px 20px}.service-card h3{font-size:22px}.section-heading p{max-width:310px}.company-content{gap:6%}.contact-email{font-size:20px;gap:25px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{height:77px;padding-inline:20px}.brand{font-size:16px}.header .login{margin-left:auto;margin-right:20px;font-size:10px;padding:9px 12px;gap:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;width:30px;height:40px;padding:3px;color:var(--text)}.menu-toggle span{height:1px;background:currentColor;width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b1c1df5;backdrop-filter:blur(18px);padding:24px 25px;border-bottom:1px solid var(--line)}.header nav.is-open{display:flex;flex-direction:column;gap:0}.header nav a{padding:15px 0}.hero{height:850px;height:100svh;min-height:720px;max-height:950px;align-items:flex-start}.hero-content{padding-top:153px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(180deg,#061516aa,#06151633 70%,#071516),linear-gradient(90deg,#06151699,transparent)}h1{font-size:clamp(46px,8.7vw,66px);letter-spacing:-2.6px;line-height:1.06}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:26px}.hero p{font-size:14px;margin:23px 0 26px}.hero-bottom{bottom:24px}.hero-bottom .mono{font-size:7px;letter-spacing:.4px}.hero-bottom a{font-size:9px;gap:15px}.principles .wrap{padding-block:21px;gap:20px;flex-wrap:wrap}.principles span{font-size:10px}.principles i{margin-right:7px;font-size:8px}.principles span:last-child{display:none}.section{padding-block:58px}.section-label{font-size:8px;letter-spacing:.7px;margin-bottom:35px;gap:20px}.section-label>span:last-child{display:none}.section-heading{display:block;margin-bottom:30px}h2{font-size:39px;letter-spacing:-1.8px}.section-heading p{margin-top:23px;max-width:440px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:24px}.card-top{margin-bottom:23px}.card-top .mono{font-size:9px}.service-card h3{font-size:26px}.card-link,.coming{margin-top:24px}.feature-layout{grid-template-columns:1fr;gap:34px}.compass-photo{min-height:380px;order:2}.feature-copy h2{font-size:39px}.feature-copy>p{max-width:none}.feature-list{margin-top:21px}.rest-dashboard{max-width:480px;width:100%;justify-self:center;padding:23px}.rest-dial{margin-top:43px}.company-content{grid-template-columns:1fr;gap:27px}.values{margin-top:35px;grid-template-columns:1fr;gap:24px}.values h3{margin-top:8px}.contact-content{display:block}.contact-content h2{font-size:51px}.contact-email{font-size:20px;margin-top:44px;width:fit-content;gap:45px}.footer{flex-wrap:wrap;padding-block:30px;gap:25px}.footer>span{order:3;width:100%;font-size:9px}.back-top{margin-left:auto;font-size:9px}.button{font-size:11px}.rest-dashboard .dashboard-head{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the keyboard shortcut fully clipped until it receives focus. */
.skip-link:not(:focus){top:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Motion: restrained reveals, scroll-linked parallax and a draggable bearing. Reveal rules are gated behind .js-motion (added by landing.js) so the page stays fully visible without JavaScript. */
@keyframes reveal-up{from{opacity:0;transform:translate3d(0,20px,0)}}
@keyframes reveal-fade{from{opacity:0}}
html.js-motion [data-reveal]{opacity:0}
html.js-motion [data-reveal].is-visible{opacity:1;animation:reveal-up .52s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:var(--reveal-delay,0ms)}
html.js-motion .hero-image,html.js-motion .hero-content,html.js-motion .compass-photo img{will-change:transform}
html.js-motion .header{animation:reveal-fade .8s cubic-bezier(.22,.61,.36,1) backwards}
html.js-motion .hero-content>*{animation:reveal-up .6s cubic-bezier(.22,.61,.36,1) backwards}
html.js-motion .hero-content>:nth-child(2){animation-delay:80ms}
html.js-motion .hero-content>:nth-child(3){animation-delay:160ms}
html.js-motion .hero-content>:nth-child(4){animation-delay:240ms}
html.js-motion .hero-bottom{animation:reveal-up .7s .3s cubic-bezier(.22,.61,.36,1) backwards}
.rest-dial{background:conic-gradient(var(--accent) 0 calc(var(--dial,210)*1deg),#416b7a calc(var(--dial,210)*1deg) 360deg)}
html.js-motion .schedule-row i{transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
html.js-motion .schedule-row:nth-child(2) i{transition-delay:120ms}
html.js-motion .schedule-row:nth-child(3) i{transition-delay:190ms}
html.js-motion .schedule-row:nth-child(4) i{transition-delay:260ms}
html.js-motion .schedule-row:nth-child(5) i{transition-delay:330ms}
html.js-motion .schedule-row:nth-child(6) i{transition-delay:400ms}
html.js-motion .rest-dashboard.is-visible .schedule-row i{transform:scaleX(1)}
.card-link b,.contact-email span,.login span,.hero-bottom a span,.text-link span{transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.service-card:hover .card-link b{transform:translate3d(3px,-3px,0)}
.contact-email:hover span,.text-link:hover span{transform:translate3d(3px,-3px,0)}
.hero-bottom a:hover span{transform:translate3d(0,3px,0)}
@media(min-width:761px){.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--accent);transition:right .28s cubic-bezier(.22,.61,.36,1)}.header nav a:hover:after{right:0}}
@media(prefers-reduced-motion:reduce){html.js-motion [data-reveal]{opacity:1}html.js-motion .schedule-row i{transform:none}}
/* Header contact line: clients can see the address without scrolling. On tablets it joins the navigation row, and from 760px down it moves into the menu. */
.header-actions{display:flex;align-items:center;gap:26px}
.header-mail{display:none;align-items:center;font:400 11px/1 var(--mono);letter-spacing:.9px;color:#cfd8d1;padding:6px 1px;border-bottom:1px solid transparent;transition:color .25s cubic-bezier(.22,.61,.36,1),border-color .25s cubic-bezier(.22,.61,.36,1)}
.header-mail:hover,.header-mail:focus-visible{color:var(--accent);border-bottom-color:#c4e88b80}
.nav-mail{display:none;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:#cfd8d1;white-space:nowrap}
.nav-mail:hover{color:var(--accent)}
@media(min-width:901px){.header-mail{display:inline-flex}}
@media(max-width:1050px){.header-actions{gap:18px}.header-mail{font-size:10px;letter-spacing:.4px}}
@media(min-width:761px) and (max-width:900px){.nav-mail{display:block}.header nav{gap:10px}.header .login{padding:10px 13px;font-size:11px}}
@media(min-width:761px) and (max-width:800px){.header nav{gap:8px}.header .login{padding:10px 11px}}
@media(max-width:760px){.header-actions{margin-left:auto;gap:0}.nav-mail{display:block;color:var(--accent)}}

/* The still arrives with the page; the film fades over it only after it can play. */
.hero-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#071516}
.hero-media .hero-image,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.hero-video{opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero-media.is-video-ready .hero-video{opacity:1}
html.js-motion .hero-media{will-change:transform}
@media(max-width:760px){.hero-video{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

/* 2026-09-30: modern hero compass inspired by a traditional bridge compass card */
.hero-instrument{background:radial-gradient(circle at 72% 62%,#17343b 0,#0b2228 38%,#071719 72%);overflow:hidden}
.hero-instrument:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061516 0%,rgba(6,21,22,.9) 31%,rgba(6,21,22,.22) 67%,rgba(6,21,22,.42) 100%);z-index:3;pointer-events:none}
.hero-compass{position:absolute;width:min(78vw,940px);aspect-ratio:1;right:-10vw;bottom:-37%;border-radius:50%;z-index:2;filter:drop-shadow(0 32px 70px rgba(0,0,0,.28))}
.hero-compass-glow{position:absolute;inset:-5%;border-radius:50%;background:radial-gradient(circle,rgba(196,232,139,.10),transparent 65%);filter:blur(22px)}
.hero-compass-bezel{position:absolute;inset:0;border-radius:50%;border:54px solid rgba(81,119,121,.24);box-shadow:inset 0 0 0 1px rgba(196,232,139,.12),inset 0 0 45px rgba(0,0,0,.38),0 0 0 1px rgba(196,232,139,.08)}
.hero-compass-card{position:absolute;inset:6%;width:88%;height:88%;transform-origin:50% 50%;animation:navora-card-swing 9s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform}
.hero-compass-lubber{position:absolute;left:50%;top:3.2%;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:30px solid var(--accent);transform:translateX(-50%);filter:drop-shadow(0 0 12px rgba(196,232,139,.38))}
.hero-compass-copy{position:absolute;right:8.5%;top:17%;z-index:4;text-align:right;font:400 clamp(17px,2vw,28px)/1.18 var(--mono);letter-spacing:-.7px;color:rgba(174,205,198,.18);transform:rotate(-12deg);transform-origin:right center}
@keyframes navora-card-swing{0%{transform:rotate(-7deg)}45%{transform:rotate(4deg)}100%{transform:rotate(-2deg)}}
.hero .hero-image,.hero .hero-video{display:none}
@media(max-width:900px){.hero-compass{width:820px;right:-410px;bottom:-170px}.hero-compass-copy{right:5%;top:20%;font-size:17px}.hero-instrument:after{background:linear-gradient(90deg,#061516 0%,rgba(6,21,22,.82) 55%,rgba(6,21,22,.35) 100%)}}
@media(max-width:760px){.hero-compass{width:650px;right:-390px;bottom:-90px;opacity:.82}.hero-compass-copy{display:none}.hero-instrument:after{background:linear-gradient(180deg,rgba(6,21,22,.42),rgba(6,21,22,.68) 55%,#071516 100%),linear-gradient(90deg,#061516cc,transparent)}}
@media(prefers-reduced-motion:reduce){.hero-compass-card{animation:none;transform:rotate(-2deg)}}

/* 2026-09-30 refinement: keep the hero film visible through a glass-like compass overlay. */
.hero-instrument{background:#071516}
.hero-instrument .hero-image{display:block!important;z-index:0}
.hero-instrument .hero-video{display:block!important;z-index:1}
.hero-instrument:after{z-index:2;background:linear-gradient(90deg,rgba(4,17,19,.84) 0%,rgba(4,17,19,.48) 48%,rgba(4,17,19,.10) 78%,rgba(4,17,19,.24) 100%)}
.hero-compass{z-index:3;filter:drop-shadow(0 28px 70px rgba(0,0,0,.16))}
.hero-compass:before{content:'';position:absolute;inset:7.7%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(205,235,218,.32) 0deg .32deg,transparent .32deg 1deg);-webkit-mask:radial-gradient(circle,transparent 0 78%,#000 78.3% 80.5%,transparent 80.8%);mask:radial-gradient(circle,transparent 0 78%,#000 78.3% 80.5%,transparent 80.8%);opacity:.42;pointer-events:none}
.hero-compass-glow{opacity:.35;background:radial-gradient(circle,rgba(196,232,139,.07),transparent 64%)}
.hero-compass-bezel{border-color:rgba(121,165,161,.10);box-shadow:inset 0 0 0 1px rgba(196,232,139,.12),inset 0 0 35px rgba(0,0,0,.10),0 0 0 1px rgba(196,232,139,.07);backdrop-filter:blur(.6px)}
.hero-compass-card{opacity:.56;filter:drop-shadow(0 0 12px rgba(174,220,197,.08))}
.hero-compass-card circle:first-of-type{fill:rgba(7,27,31,.18)!important}
.hero-compass-card circle:nth-of-type(6),.hero-compass-card circle:nth-of-type(7){fill:rgba(5,23,27,.16)!important}
.hero-compass-lubber{opacity:.72}
.hero-compass-copy{color:rgba(196,225,215,.16)}
@media(max-width:760px){.hero-compass{opacity:.68}.hero-instrument:after{background:linear-gradient(180deg,rgba(6,21,22,.30),rgba(6,21,22,.42) 58%,#071516 100%),linear-gradient(90deg,rgba(6,21,22,.70),transparent)}}