.dial-trigger{display:inline-flex;align-items:center;gap:11px;min-height:47px;padding:7px 18px 7px 10px;border:1px solid #bfc8b3;border-radius:30px;background:#edf0e4;color:var(--ink);font-size:12px;transition:background .2s,box-shadow .2s}.dial-trigger:hover{background:#e0e7d4;box-shadow:0 3px 16px #253a3010}.dial-trigger>svg{height:31px;width:31px;stroke:currentColor;stroke-width:1.2}.dial-trigger-chevron{margin-left:13px;font-size:17px;color:#667a55}
.dial-dialog{width:min(570px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:27px 30px 20px;border:1px solid #c8d1ba;border-radius:24px;background:#f5f5eb;color:var(--ink);box-shadow:0 28px 120px #10261c55;overflow:auto}.dial-dialog::backdrop{background:#182b2966;backdrop-filter:blur(10px)}.dial-dialog[open]{animation:dial-arrive .25s ease-out}.dial-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dial-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.dial-heading h2{font-size:27px;letter-spacing:-1px;line-height:1.3;margin:10px 0 20px}.dial-heading h2 em{letter-spacing:-1px}.dial-close{background:none;border:1px solid #c9d0c0;border-radius:50%;width:32px;height:32px;flex-shrink:0;color:var(--ink);font-size:23px;font-weight:400;line-height:1}
.watch-face{position:relative;isolation:isolate;aspect-ratio:1;width:100%;border-radius:50%;touch-action:none;user-select:none;cursor:grab;background:radial-gradient(circle at 35% 25%,#f8faee 0%,#e0e7d3 55%,#c1cdb1 100%);border:8px solid #a7b59a;box-shadow:inset 0 0 0 2px #f6f8e5,inset 0 0 0 6px #a4b592,inset 0 0 35px #6b7f5833,0 10px 30px #263e2920;--turn:0deg}.watch-face:active{cursor:grabbing}.watch-bezel{position:absolute;inset:7px;border-radius:50%;transform:rotate(var(--turn));background:repeating-conic-gradient(from -1deg,#6f825a 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 64%,#000 64.4%,#000 69%,transparent 69.4%);pointer-events:none;transition:transform .35s ease-out}.watch-face.turning .watch-bezel{transition:none}.watch-top-marker{position:absolute;top:19px;left:50%;transform:translateX(-50%);width:10px;height:13px;background:#284436;clip-path:polygon(0 0,100% 0,50% 100%);z-index:3;pointer-events:none}.watch-inner-ring{position:absolute;inset:26%;border:1px solid #a7b89488;border-radius:50%;box-shadow:inset 0 0 30px #fbfcf440,0 0 0 6px #dce5cb66;pointer-events:none}
.dial-dialog nav.dial-menu{position:absolute;inset:0;display:block;margin:0;padding:0;overflow:visible;max-width:none;pointer-events:none}.dial-dialog nav .dial-item:nth-child(n){display:flex;position:absolute;left:50%;top:50%;width:112px;min-height:65px;padding:8px 5px;flex-direction:column;justify-content:center;gap:6px;font-size:11px;font-weight:500;line-height:1.3;white-space:normal;text-align:center;border:1px solid transparent;border-radius:13px;transform:translate(-50%,-50%) translate(var(--dx),var(--dy));transition:transform .35s ease-out,background .2s,color .2s;pointer-events:auto;color:#3b5140}.dial-dialog nav .dial-item .nav-icon{height:21px;width:21px}.dial-dialog nav .dial-item::after{display:none}.dial-dialog nav .dial-item:hover{background:#eff3e7a8;border-color:#b6c3a5}.dial-dialog nav .dial-item.is-selected{background:#244237;color:#f3f6e8;box-shadow:0 5px 15px #1c342825;border-color:#244237}.dial-dialog nav .dial-item.current:not(.is-selected){border-color:#93a67d}.watch-face.turning .dial-item{transition:background .2s,color .2s}
.watch-center{position:absolute;inset:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;pointer-events:none}.watch-center-label{font-size:7px;letter-spacing:1.5px;color:#617352}.watch-center strong{font:500 22px/1.2 Manrope,sans-serif;letter-spacing:-.8px}.watch-center .dial-open{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:7px 13px;border-radius:24px;font-size:10px;border:1px solid #9faf8f;background:#f6f8ecb3;white-space:nowrap;pointer-events:auto}.watch-center .dial-open:hover{background:#fff}.dial-bottom{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:18px}.dial-bottom p{font-size:10px;text-align:center;color:#69765f;line-height:1.7;margin:0}.dial-step{border:1px solid #c1ccb3;border-radius:50%;height:36px;width:36px;background:transparent;color:var(--ink);font-size:17px}.dial-step:hover{background:#e0e8d4}.dial-sr-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@keyframes dial-arrive{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){header{height:84px;min-height:84px;padding-top:0;display:flex;gap:12px}.dial-trigger{padding:6px 12px 6px 7px;gap:6px;font-size:10px;min-height:42px}.dial-trigger>svg{width:25px;height:25px}.dial-trigger-chevron{margin-left:4px}.dial-trigger #dial-trigger-label{max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}header .support-link{padding:10px 12px;font-size:10px;gap:8px}.dial-dialog{padding:22px 18px 19px}.dial-heading h2{font-size:24px}.dial-heading .eyebrow{font-size:7px}.dial-bottom{gap:18px}.dial-bottom p{font-size:9px}.watch-face{border-width:6px}.dial-dialog nav .dial-item:nth-child(n){width:89px;min-height:57px;font-size:9px;gap:4px;padding:6px 3px}.dial-dialog nav .dial-item .nav-icon{width:18px;height:18px}.watch-center{gap:8px}.watch-center strong{font-size:17px}.watch-center-label{font-size:6px;letter-spacing:.8px}.watch-center .dial-open{font-size:8px;min-height:34px;padding:5px 9px;gap:5px}.watch-top-marker{top:14px;width:8px;height:10px}html{scroll-padding-top:105px}}
@media(max-width:390px){header .brand-sub{letter-spacing:2px}header .brand{font-size:11px;padding-left:29px}.brand-mark{font-size:26px}.dial-trigger{padding-right:10px}.dial-trigger #dial-trigger-label{max-width:67px}.dial-trigger-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.dial-dialog[open]{animation:none}.watch-bezel,.dial-dialog nav .dial-item:nth-child(n){transition:none}}