:root{
  --bg:#0b0f19;
  --surface:#151b2a;
  --surface-2:#101522;
  --line:rgba(212,177,111,.18);
  --line-strong:rgba(212,177,111,.3);
  --text:#f3efe7;
  --muted:rgba(243,239,231,.72);
  --gold:#d4b16f;
  --gold-soft:rgba(212,177,111,.15);
  --shadow:0 12px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  --topbar-h:156px;
  --appbar-h:78px;
}
*{box-sizing:border-box;min-width:0}
html,body{margin:0;padding:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{position:relative;min-height:100vh}
a{color:inherit;text-decoration:none}
img,canvas{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;color:#000;padding:8px 10px}
.motion-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 50% 18%, rgba(50,73,127,.16), transparent 55%),linear-gradient(180deg, #161a24 0%, #0b0f19 42%, #0a0d15 100%)}
.motion-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(480px 280px at 18% 34%, rgba(212,177,111,.035), transparent 58%),radial-gradient(620px 340px at 82% 62%, rgba(71,96,164,.05), transparent 62%),radial-gradient(700px 400px at 52% 100%, rgba(212,177,111,.025), transparent 64%)}
.motion-canvas{width:100%;height:100%}

.app-topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  height:var(--topbar-h);padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:linear-gradient(180deg, rgba(22,26,36,.96), rgba(14,18,29,.92));
  border-bottom:1px solid var(--line);backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:18px;font-size:clamp(24px,5vw,34px);font-weight:800;letter-spacing:-.04em;position:relative;z-index:1;line-height:1;align-self:center}
.brand-dot{width:20px;height:20px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(212,177,111,.07)}
.topbar-watch{display:grid;place-items:center;flex:0 0 138px;width:138px;height:138px;align-self:center}
.mini-watch,.mini-watch__face,.mini-watch__num,.mini-watch__tick,.mini-watch__center,.mini-watch__hand{position:absolute}
.mini-watch{position:relative;width:112px;height:112px;display:block;flex:0 0 112px;border-radius:50%;
  background:radial-gradient(circle at 50% 46%, rgba(25,31,46,.98) 0%, rgba(16,21,35,.995) 46%, rgba(10,14,24,.998) 74%, rgba(7,10,18,1) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), inset 0 -14px 24px rgba(0,0,0,.38), 0 10px 26px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.02)}
.mini-watch::before{content:"";position:absolute;inset:-8px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.015), 0 0 22px rgba(17,31,77,.16);opacity:.95}
.mini-watch__face{left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.mini-watch__face--outer{width:86px;height:86px;border:1px solid rgba(255,255,255,.05)}
.mini-watch__face--inner{width:42px;height:42px;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 12px rgba(0,0,0,.28)}
.mini-watch__num{font-size:10px;line-height:1;font-weight:700;color:rgba(243,239,231,.72);transform:translate(-50%,-50%)}
.mini-watch__num--12{left:50%;top:17px}
.mini-watch__num--3{left:95px;top:50%}
.mini-watch__num--6{left:50%;top:95px}
.mini-watch__num--9{left:17px;top:50%}
.mini-watch__tick{width:2px;height:11px;border-radius:999px;background:rgba(243,239,231,.42)}
.mini-watch__tick--1{left:74px;top:20px;transform:rotate(30deg)}
.mini-watch__tick--2{left:88px;top:34px;transform:rotate(60deg)}
.mini-watch__tick--4{left:88px;top:66px;transform:rotate(120deg)}
.mini-watch__tick--5{left:74px;top:80px;transform:rotate(150deg)}
.mini-watch__tick--7{left:36px;top:80px;transform:rotate(210deg)}
.mini-watch__tick--8{left:22px;top:66px;transform:rotate(240deg)}
.mini-watch__tick--10{left:22px;top:34px;transform:rotate(300deg)}
.mini-watch__tick--11{left:36px;top:20px;transform:rotate(330deg)}
.mini-watch__center{left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#f3efe7;box-shadow:0 0 0 5px rgba(22,29,43,.96), 0 0 0 6px rgba(255,255,255,.02);z-index:8}
.mini-watch__hand{inset:0;transform-origin:50% 50%;z-index:5}
.mini-watch__hand span{position:absolute;left:50%;bottom:50%;transform:translateX(-50%);display:block;border-radius:999px;box-shadow:0 1px 0 rgba(0,0,0,.18)}
.mini-watch__hour span{width:6px;height:28px;background:#f3efe7}
.mini-watch__min span{width:4px;height:40px;background:#e2ddd4}
.mini-watch__sec{z-index:6}
.mini-watch__sec span{width:2px;height:34px;background:var(--gold);box-shadow:none}
.page-main{position:relative;z-index:1;padding:calc(var(--topbar-h) + 22px) 18px calc(var(--appbar-h) + 32px);min-height:var(--app-vh, 100vh);display:block}
.hero-screen{min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 56px);display:flex;align-items:stretch}
.hero-shell{width:100%;max-width:960px;margin:0 auto;padding:28px;border:1px solid rgba(212,177,111,.18);background:linear-gradient(180deg, rgba(26,32,48,.66), rgba(18,23,36,.78));box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 78% 22%, rgba(90,110,170,.15), transparent 45%), radial-gradient(440px 260px at 18% 86%, rgba(40,58,108,.12), transparent 50%);pointer-events:none}
.hero-shell>*{position:relative;z-index:1}
.ticker,.hero-badge{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(212,177,111,.2);background:rgba(10,13,21,.34);padding:12px 18px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.ticker{font-size:12px;margin-bottom:18px}
.hero-badge{font-size:13px;color:var(--gold);margin-bottom:22px}
.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(212,177,111,.07)}
h1{margin:0 0 20px;font-size:clamp(56px,11vw,108px);line-height:.92;letter-spacing:-.07em;max-width:10ch;text-wrap:balance}
.hero-lead{max-width:18ch;margin:0 0 24px;font-size:clamp(22px,4.7vw,31px);line-height:1.34;color:var(--muted)}
.hero-meta{display:grid;gap:10px;margin-bottom:28px}
.hero-meta span{display:block;padding:15px 18px;border:1px solid rgba(255,255,255,.06);background:rgba(9,13,21,.22);color:rgba(243,239,231,.84)}
.hero-actions{display:grid;gap:12px;grid-template-columns:1fr}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:0 20px;border:1px solid transparent;transition:transform .2s ease, background .2s ease, color .2s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--gold);color:#121212;font-weight:800}
.btn-secondary{background:rgba(12,16,24,.5);color:var(--text);border-color:rgba(255,255,255,.1)}

.bottom-appbar{position:fixed;left:0;right:0;bottom:0;height:var(--appbar-h);z-index:55;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:linear-gradient(180deg, rgba(12,16,24,.98), rgba(8,11,18,.98));border-top:1px solid var(--line-strong);backdrop-filter:blur(18px)}
.bottom-appbar__date{font-size:18px;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}
.nav-toggle{border:0;background:transparent;color:var(--text);font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0 0 0 14px;min-width:auto}
.nav-toggle.is-open{color:var(--gold)}
.site-nav{position:fixed;left:0;right:0;bottom:var(--appbar-h);z-index:54;pointer-events:none}
.site-nav__sheet{transform:translateY(calc(100% + 24px));transition:transform .42s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg, rgba(24,31,46,.98), rgba(14,18,28,.98));border-top:1px solid var(--line-strong);padding:18px 18px 24px;box-shadow:0 -24px 48px rgba(0,0,0,.34)}
body.nav-open .site-nav{pointer-events:auto}
body.nav-open .site-nav__sheet{transform:translateY(0)}
.site-nav__kicker{margin:0 0 14px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.site-nav a{display:block;padding:16px 0;border-top:1px solid rgba(255,255,255,.07);font-size:22px;letter-spacing:-.03em}
.site-nav a:last-child{border-bottom:1px solid rgba(255,255,255,.07)}

.consent-banner{position:fixed;left:0;right:0;bottom:var(--appbar-h);z-index:56;padding:12px}
.consent-banner__inner{background:rgba(16,21,34,.96);border:1px solid rgba(255,255,255,.08);padding:16px;box-shadow:0 -12px 24px rgba(0,0,0,.24)}
.consent-banner p{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.45}
.consent-banner__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.consent-open .page-main{padding-bottom:calc(var(--appbar-h) + 156px)}
body.page-home.consent-open .page-main{padding-bottom:calc(var(--appbar-h) + 26px)}
body.page-home{position:fixed;inset:0;width:100%;height:var(--app-vh, 100vh);min-height:var(--app-vh, 100vh);overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:manipulation;}
body.page-home .page-main{height:var(--app-vh, 100vh);overflow:hidden;overscroll-behavior:none;}

.reveal{opacity:1;transform:none}

/* secondary pages */
.app-shell,.app-frame,.app-body,.app-viewport,.viewport-inner,.page-main,.form-grid,.legal-shell,.form-shell,.form-side,.site-footer,.footer-inner{min-width:0}
.app-rail,.rail-block,.rail-meta,.rail-nav,.mobile-sticky-cta,.hero-panel,.section-shell,.process-shell,.panel-stack,.panel-header,.hero-footer,.cockpit-grid,.hero-panel-footer,.topbar-brand-wrap,.app-actions,.nav-cta,.app-clock{display:none!important}
.form-grid{display:grid;gap:20px;grid-template-columns:1fr;max-width:1040px;margin:0 auto}
.form-shell,.form-side,.legal-shell,.site-footer{background:linear-gradient(180deg, rgba(24,31,46,.78), rgba(14,18,28,.88));border:1px solid rgba(212,177,111,.16);padding:24px;box-shadow:var(--shadow)}
.form-shell h1,.legal-shell h1{font-size:clamp(34px,7vw,62px);line-height:.95;max-width:12ch;margin:0 0 16px}
.section-kicker{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.form-shell p,.legal-shell p,.form-note-box p,.legal-block p{color:var(--muted);line-height:1.55}
.form-meta,.inline-actions,.legal-actions,.footer-inner>div:last-child{display:flex;flex-wrap:wrap;gap:10px}
.form-meta span{padding:10px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(9,13,21,.22)}
.lead-form{display:grid;gap:14px;margin-top:18px}
.form-split{display:grid;gap:14px;grid-template-columns:1fr}
label{display:grid;gap:8px}
label span{color:var(--muted)}
input,select,textarea{width:100%;padding:16px 18px;border:1px solid rgba(255,255,255,.1);background:rgba(8,11,18,.55);color:var(--text);outline:none}
textarea{min-height:130px;resize:vertical}
.consent{display:flex;gap:12px;align-items:flex-start}
.consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--gold)}
.form-note,.form-status{color:var(--muted)}
.form-status.is-error{color:#ffbbb0}.form-status.is-success{color:#d4e7b8}
.form-note-box,.legal-block{padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}
.footer-inner{display:grid;gap:16px}
.footer-inner a{display:inline-block;margin-right:12px}

@media (min-width: 760px){
  :root{--topbar-h:176px;--appbar-h:82px}
  .app-topbar{padding:30px 28px 20px}
  .brand{font-size:42px}
  .brand-dot{width:26px;height:26px}
  .topbar-watch,.mini-watch{width:126px;height:126px;flex-basis:126px}
  .mini-watch__ring--outer{width:104px;height:104px}
  .mini-watch__ring--mid{width:74px;height:74px}
  .mini-watch__ring--inner{width:42px;height:42px}
  .mini-watch__num--3{left:111px}.mini-watch__num--6{top:111px}.mini-watch__num--9{left:15px}
  .mini-watch__tick{height:12px}.mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(-52px)}
  .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(-52px)}
  .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(-52px)}
  .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(-52px)}
  .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(-52px)}
  .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(-52px)}
  .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(-52px)}
  .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(-52px)}
  .mini-watch__center{width:19px;height:19px}
  .mini-watch__hour span{width:9px;height:36px}.mini-watch__min span{width:5px;height:40px}.mini-watch__sec span{height:42px}
  .page-main{padding-left:28px;padding-right:28px}
  .hero-shell{padding:38px}
  .hero-actions{grid-template-columns:auto auto;justify-content:flex-start}
  .form-grid{grid-template-columns:1.12fr .88fr}
  .footer-inner{grid-template-columns:1fr auto;align-items:start}
}

@media (min-width: 1100px){
  :root{--topbar-h:192px;--appbar-h:84px}
  .app-topbar{padding:34px 40px 22px}
  .brand{font-size:48px}
  .topbar-watch,.mini-watch{width:136px;height:136px;flex-basis:136px}
  .page-main{padding-left:40px;padding-right:40px}
  .hero-shell{padding:48px 54px}
  .hero-meta{grid-template-columns:repeat(3,1fr)}
  .bottom-appbar{padding-left:40px;padding-right:40px}
  .site-nav__sheet{padding-left:40px;padding-right:40px;max-width:none}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media (min-width:760px){
  .topbar-watch{flex-basis:140px;width:140px;height:140px}
  .mini-watch{width:140px;height:140px}
  .mini-watch__ring--outer{width:116px;height:116px}
  .mini-watch__ring--mid{width:80px;height:80px}
  .mini-watch__ring--inner{width:46px;height:38px}
  .mini-watch__num--3{left:119px}.mini-watch__num--6{top:119px}.mini-watch__num--9{left:15px}
  .mini-watch__tick{height:15px}
  .mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(-58px)}
  .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(-58px)}
  .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(-58px)}
  .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(-58px)}
  .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(-58px)}
  .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(-58px)}
  .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(-58px)}
  .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(-58px)}
  .mini-watch__hour span{height:38px}.mini-watch__min span{height:52px}.mini-watch__sec span{height:44px}
}
@media (min-width:1100px){
  .topbar-watch{flex-basis:148px;width:148px;height:148px}
  .mini-watch{width:148px;height:148px}
  .mini-watch__ring--outer{width:106px;height:106px}
  .mini-watch__ring--mid{width:72px;height:72px}
  .mini-watch__ring--inner{width:42px;height:42px}
  .mini-watch__num--3{left:106px}.mini-watch__num--6{top:106px}.mini-watch__num--9{left:16px}
  .mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(-53px)}
  .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(-53px)}
  .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(-53px)}
  .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(-53px)}
  .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(-53px)}
  .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(-53px)}
  .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(-53px)}
  .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(-53px)}
  .mini-watch__hour span{height:30px}.mini-watch__min span{height:38px}.mini-watch__sec span{height:31px}
}

@media (max-width: 640px){
  .app-topbar{padding:18px 22px;height:154px;}
  .brand{font-size:clamp(24px,5.6vw,34px);}
  .topbar-watch{flex-basis:144px;width:144px;height:144px;}
  .mini-watch{width:108px;height:108px;}
}

/* --- Refined topbar watch closer to reference --- */
.app-topbar{align-items:center}
.brand{align-self:center}
.topbar-watch{align-self:center;display:flex;align-items:center;justify-content:center;flex:0 0 128px;width:128px;height:128px}
.mini-watch{
  width:112px;height:112px;flex:0 0 112px;
  background:radial-gradient(circle at 50% 42%, #1e2433 0%, #181d2b 18%, #131827 38%, #111623 58%, #101521 72%, #151a25 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -10px 18px rgba(0,0,0,.42),
    0 8px 18px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.018);
}
.mini-watch__halo{display:none}
.mini-watch__ring--outer{width:102px;height:102px;border:1px solid rgba(255,255,255,.04)}
.mini-watch__ring--mid{width:80px;height:80px;border:1px solid rgba(255,255,255,.05)}
.mini-watch__ring--inner{width:56px;height:56px;border:1px solid rgba(255,255,255,.04);box-shadow:none}
.mini-watch__num{font-size:10px;font-weight:700;color:rgba(243,239,231,.82);letter-spacing:.01em}
.mini-watch__num--12{left:50%;top:14px}
.mini-watch__num--3{left:96px;top:50%}
.mini-watch__num--6{left:50%;top:98px}
.mini-watch__num--9{left:16px;top:50%}
.mini-watch__tick{width:2px;height:11px;border-radius:999px;background:rgba(243,239,231,.5)}
.mini-watch__tick--1{left:72px;top:17px;transform:rotate(30deg)}
.mini-watch__tick--2{left:87px;top:31px;transform:rotate(60deg)}
.mini-watch__tick--4{left:87px;top:70px;transform:rotate(120deg)}
.mini-watch__tick--5{left:72px;top:84px;transform:rotate(150deg)}
.mini-watch__tick--7{left:38px;top:84px;transform:rotate(210deg)}
.mini-watch__tick--8{left:23px;top:70px;transform:rotate(240deg)}
.mini-watch__tick--10{left:23px;top:31px;transform:rotate(300deg)}
.mini-watch__tick--11{left:38px;top:17px;transform:rotate(330deg)}
.mini-watch__center{
  width:10px;height:10px;background:#f0ece3;
  box-shadow:0 0 0 5px #202739, 0 0 0 7px rgba(255,255,255,.03);
}
.mini-watch__hand{inset:0;transform-origin:50% 50%}
.mini-watch__hand span{left:50%;bottom:50%;transform:translateX(-50%);box-shadow:none}
.mini-watch__hour span{width:7px;height:28px;background:#f0ece3;border-radius:8px}
.mini-watch__min span{width:5px;height:38px;background:#e7e1d6;border-radius:8px}
.mini-watch__sec span{width:3px;height:30px;background:var(--gold);border-radius:8px}

@media (min-width:760px){
  .topbar-watch{flex-basis:136px;width:136px;height:136px}
  .mini-watch{width:120px;height:120px;flex-basis:120px}
  .mini-watch__ring--outer{width:110px;height:110px}
  .mini-watch__ring--mid{width:86px;height:86px}
  .mini-watch__ring--inner{width:60px;height:60px}
  .mini-watch__num--12{top:15px}.mini-watch__num--3{left:102px}.mini-watch__num--6{top:105px}.mini-watch__num--9{left:18px}
  .mini-watch__tick--1{left:77px;top:18px}.mini-watch__tick--2{left:93px;top:33px}.mini-watch__tick--4{left:93px;top:76px}.mini-watch__tick--5{left:77px;top:91px}
  .mini-watch__tick--7{left:40px;top:91px}.mini-watch__tick--8{left:24px;top:76px}.mini-watch__tick--10{left:24px;top:33px}.mini-watch__tick--11{left:40px;top:18px}
  .mini-watch__hour span{height:30px}.mini-watch__min span{height:41px}.mini-watch__sec span{height:33px}
}

@media (max-width:640px){
  .app-topbar{padding:18px 22px;height:154px}
  .topbar-watch{flex-basis:128px;width:128px;height:128px}
  .mini-watch{width:112px;height:112px}
}


/* --- Final watch refinement closer to reference --- */
.topbar-watch{
  flex:0 0 124px;
  width:124px;
  height:124px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mini-watch,
.mini-watch__face,
.mini-watch__num,
.mini-watch__tick,
.mini-watch__center,
.mini-watch__hand{position:absolute}
.mini-watch{
  position:relative;
  width:100px;
  height:100px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 42%, #1a2030 0%, #151a28 36%, #121725 66%, #101420 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 -10px 18px rgba(0,0,0,.34),
    0 8px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,255,.015);
}
.mini-watch::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  box-shadow:0 0 18px rgba(32,49,98,.12);
  opacity:.9;
}
.mini-watch__face--outer{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:76px;height:76px;border-radius:50%;
  border:1px solid rgba(255,255,255,.04);
}
.mini-watch__face--inner{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.035);
  box-shadow:inset 0 0 10px rgba(0,0,0,.24);
}
.mini-watch__num{
  font-size:8px;
  line-height:1;
  font-weight:700;
  color:rgba(243,239,231,.78);
  transform:translate(-50%,-50%);
}
.mini-watch__num--12{left:50%;top:12px}
.mini-watch__num--3{left:88px;top:50%}
.mini-watch__num--6{left:50%;top:88px}
.mini-watch__num--9{left:12px;top:50%}
.mini-watch__tick{
  width:2px;
  height:10px;
  border-radius:999px;
  background:rgba(243,239,231,.44);
}
.mini-watch__tick--1{left:67px;top:14px;transform:rotate(30deg)}
.mini-watch__tick--2{left:79px;top:26px;transform:rotate(60deg)}
.mini-watch__tick--4{left:79px;top:64px;transform:rotate(120deg)}
.mini-watch__tick--5{left:67px;top:76px;transform:rotate(150deg)}
.mini-watch__tick--7{left:33px;top:76px;transform:rotate(210deg)}
.mini-watch__tick--8{left:21px;top:64px;transform:rotate(240deg)}
.mini-watch__tick--10{left:21px;top:26px;transform:rotate(300deg)}
.mini-watch__tick--11{left:33px;top:14px;transform:rotate(330deg)}
.mini-watch__center{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:8px;height:8px;border-radius:50%;
  background:#efe9de;
  box-shadow:0 0 0 4px rgba(20,26,39,.96),0 0 0 5px rgba(255,255,255,.02);
  z-index:8;
}
.mini-watch__hand{inset:0;transform-origin:50% 50%;z-index:5}
.mini-watch__hand span{
  position:absolute;
  left:50%;bottom:50%;transform:translateX(-50%);
  display:block;
  border-radius:999px;
}
.mini-watch__hour span{
  width:5px;height:24px;background:#f1ece3;
}
.mini-watch__min span{
  width:4px;height:32px;background:#ded8cd;
}
.mini-watch__sec{z-index:6}
.mini-watch__sec span{
  width:2px;height:27px;background:#cda25a;box-shadow:none;opacity:.95;
}
@media (min-width:760px){
  .topbar-watch{flex-basis:132px;width:132px;height:132px}
  .mini-watch{width:108px;height:108px}
  .mini-watch__face--outer{width:82px;height:82px}
  .mini-watch__face--inner{width:36px;height:36px}
  .mini-watch__num--3{left:95px}.mini-watch__num--6{top:95px}.mini-watch__num--9{left:13px}
  .mini-watch__tick--1{left:72px;top:15px}.mini-watch__tick--2{left:84px;top:28px}.mini-watch__tick--4{left:84px;top:68px}.mini-watch__tick--5{left:72px;top:81px}.mini-watch__tick--7{left:36px;top:81px}.mini-watch__tick--8{left:24px;top:68px}.mini-watch__tick--10{left:24px;top:28px}.mini-watch__tick--11{left:36px;top:15px}
  .mini-watch__num--12{top:13px}
  .mini-watch__hour span{height:26px}
  .mini-watch__min span{height:35px}
  .mini-watch__sec span{height:29px}
}
@media (max-width:640px){
  .app-topbar{height:150px;padding:16px 22px}
  .brand{font-size:clamp(22px,5.8vw,32px)}
  .topbar-watch{flex-basis:118px;width:118px;height:118px}
  .mini-watch{width:96px;height:96px}
  .mini-watch__face--outer{width:72px;height:72px}
  .mini-watch__face--inner{width:32px;height:32px}
  .mini-watch__num--12{top:11px}.mini-watch__num--3{left:84px}.mini-watch__num--6{top:84px}.mini-watch__num--9{left:12px}
  .mini-watch__tick{height:9px}
  .mini-watch__tick--1{left:64px;top:14px}.mini-watch__tick--2{left:75px;top:25px}.mini-watch__tick--4{left:75px;top:61px}.mini-watch__tick--5{left:64px;top:72px}.mini-watch__tick--7{left:32px;top:72px}.mini-watch__tick--8{left:21px;top:61px}.mini-watch__tick--10{left:21px;top:25px}.mini-watch__tick--11{left:32px;top:14px}
  .mini-watch__hour span{width:5px;height:22px}
  .mini-watch__min span{width:4px;height:30px}
  .mini-watch__sec span{height:24px}
  .mini-watch__center{width:8px;height:8px;box-shadow:0 0 0 4px rgba(20,26,39,.96),0 0 0 5px rgba(255,255,255,.018)}
}

/* --- Precision watch geometry override --- */
.app-topbar{
  align-items:center;
}
.topbar-watch{
  flex:0 0 122px;
  width:122px;
  height:122px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mini-watch{
  --watch-size: 96px;
  --num-radius: 36px;
  --tick-radius: 37px;
  --hand-hour: 24px;
  --hand-min: 32px;
  --hand-sec: 26px;
  width:var(--watch-size);
  height:var(--watch-size);
  position:relative;
  border-radius:50%;
  background: radial-gradient(circle at 50% 42%, #1c2231 0%, #171d2c 32%, #131826 62%, #111624 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -10px 18px rgba(0,0,0,.34),
    0 8px 18px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.015);
}
.mini-watch::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  box-shadow:0 0 22px rgba(30,46,92,.12);
  opacity:.85;
}
.mini-watch__face--outer,
.mini-watch__face--inner{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.mini-watch__face--outer{
  width:74px;
  height:74px;
  border:1px solid rgba(255,255,255,.05);
}
.mini-watch__face--inner{
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.035);
  box-shadow:inset 0 0 10px rgba(0,0,0,.24);
}
.mini-watch__num,
.mini-watch__tick{
  left:50%;
  top:50%;
  transform-origin:center center;
}
.mini-watch__num{
  font-size:8px;
  font-weight:700;
  line-height:1;
  color:rgba(243,239,231,.78);
  transform:translate(-50%,-50%);
}
.mini-watch__num--12{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--num-radius) * -1));}
.mini-watch__num--3{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(var(--num-radius) * -1)) rotate(-90deg);}
.mini-watch__num--6{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--num-radius) * -1)) rotate(-180deg);}
.mini-watch__num--9{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(var(--num-radius) * -1)) rotate(-270deg);}
.mini-watch__tick{
  width:2px;
  height:10px;
  border-radius:999px;
  background:rgba(243,239,231,.42);
  transform:translate(-50%,-50%);
}
.mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(calc(var(--tick-radius) * -1));}
.mini-watch__center{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0ece3;
  box-shadow:0 0 0 4px rgba(20,26,39,.96), 0 0 0 5px rgba(255,255,255,.02);
  z-index:8;
}
.mini-watch__hand{
  inset:0;
  transform-origin:50% 50%;
}
.mini-watch__hand span{
  position:absolute;
  left:50%;
  bottom:50%;
  transform:translateX(-50%);
  display:block;
  border-radius:999px;
}
.mini-watch__hour span{
  width:5px;
  height:var(--hand-hour);
  background:#f0ece3;
}
.mini-watch__min span{
  width:4px;
  height:var(--hand-min);
  background:#e4ddd2;
}
.mini-watch__sec span{
  width:2px;
  height:var(--hand-sec);
  background:#cba260;
}
@media (min-width:760px){
  .topbar-watch{flex-basis:126px;width:126px;height:126px;}
  .mini-watch{--watch-size: 100px; --num-radius: 38px; --tick-radius: 39px; --hand-hour: 25px; --hand-min: 34px; --hand-sec: 27px;}
}
@media (min-width:1100px){
  .topbar-watch{flex-basis:132px;width:132px;height:132px;}
  .mini-watch{--watch-size: 104px; --num-radius: 40px; --tick-radius: 41px; --hand-hour: 26px; --hand-min: 35px; --hand-sec: 28px;}
}
@media (max-width:640px){
  .topbar-watch{flex-basis:118px;width:118px;height:118px;}
  .mini-watch{--watch-size: 92px; --num-radius: 31px; --tick-radius: 32px; --hand-hour: 23px; --hand-min: 30px; --hand-sec: 25px;}
}

/* --- v15 precise topbar watch rebuilt from simpler reference logic --- */
.app-topbar{
  align-items:center;
}
.brand{
  align-self:center;
}
.topbar-watch{
  flex:0 0 122px;
  width:122px;
  height:122px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mini-watch,
.mini-watch__face,
.mini-watch__num,
.mini-watch__tick,
.mini-watch__center,
.mini-watch__hand{position:absolute}
.mini-watch{
  position:relative;
  width:100px;
  height:100px;
  border-radius:50%;
  background:#171c29;
  box-shadow:
    0 -10px 12px rgba(255,255,255,.03),
    inset 0 -10px 14px rgba(255,255,255,.02),
    0 14px 18px rgba(0,0,0,.28),
    inset 0 12px 16px rgba(0,0,0,.26);
}
.mini-watch::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.015);
  box-shadow:0 0 26px rgba(17,29,72,.16);
}
.mini-watch__face{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.mini-watch__face--outer{
  width:82px;
  height:82px;
  border:1px solid rgba(255,255,255,.045);
}
.mini-watch__face--inner{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:inset 0 0 10px rgba(0,0,0,.22);
}
.mini-watch__num{
  left:50%;
  top:50%;
  font-size:8px;
  line-height:1;
  font-weight:700;
  letter-spacing:.01em;
  color:rgba(243,239,231,.78);
}
.mini-watch__num--12{transform:translate(-50%,-50%) translateY(-38px)}
.mini-watch__num--3{transform:translate(-50%,-50%) translateX(38px)}
.mini-watch__num--6{transform:translate(-50%,-50%) translateY(38px)}
.mini-watch__num--9{transform:translate(-50%,-50%) translateX(-38px)}
.mini-watch__tick{
  left:50%;
  top:50%;
  width:2px;
  height:10px;
  margin-left:-1px;
  margin-top:-42px;
  border-radius:999px;
  background:rgba(243,239,231,.46);
  transform-origin:50% 42px;
}
.mini-watch__tick--1{transform:rotate(30deg)}
.mini-watch__tick--2{transform:rotate(60deg)}
.mini-watch__tick--4{transform:rotate(120deg)}
.mini-watch__tick--5{transform:rotate(150deg)}
.mini-watch__tick--7{transform:rotate(210deg)}
.mini-watch__tick--8{transform:rotate(240deg)}
.mini-watch__tick--10{transform:rotate(300deg)}
.mini-watch__tick--11{transform:rotate(330deg)}
.mini-watch__center{
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#efe9dd;
  box-shadow:0 0 0 4px #1b2232, 0 0 0 5px rgba(255,255,255,.02);
  z-index:7;
}
.mini-watch__hand{
  inset:0;
  transform-origin:50% 50%;
}
.mini-watch__hand span{
  position:absolute;
  left:50%;
  bottom:50%;
  transform:translateX(-50%);
  display:block;
  border-radius:999px;
}
.mini-watch__hour{z-index:4}
.mini-watch__min{z-index:5}
.mini-watch__sec{z-index:6}
.mini-watch__hour span{width:6px;height:24px;background:#efe9dd}
.mini-watch__min span{width:4px;height:34px;background:#e7e1d6}
.mini-watch__sec span{width:2px;height:28px;background:#d4b16f}

@media (min-width:760px){
  .topbar-watch{flex-basis:126px;width:126px;height:126px}
}
@media (max-width:640px){
  .topbar-watch{flex-basis:118px;width:118px;height:118px}
  .mini-watch{width:96px;height:96px}
  .mini-watch__face--outer{width:78px;height:78px}
  .mini-watch__face--inner{width:36px;height:36px}
  .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-36px)}
  .mini-watch__num--3{transform:translate(-50%,-50%) translateX(36px)}
  .mini-watch__num--6{transform:translate(-50%,-50%) translateY(36px)}
  .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-36px)}
  .mini-watch__tick{margin-top:-40px;transform-origin:50% 40px}
  .mini-watch__hour span{height:22px}
  .mini-watch__min span{height:31px}
  .mini-watch__sec span{height:24px}
}

/* --- v15 restored + final subtle polish --- */
.app-topbar{
  align-items:center;
}
.brand{
  align-self:center;
}
.topbar-watch{
  flex:0 0 122px;
  width:122px;
  height:122px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mini-watch,
.mini-watch__face,
.mini-watch__num,
.mini-watch__tick,
.mini-watch__center,
.mini-watch__hand{position:absolute}
.mini-watch{
  --watch-size: 98px;
  --outer-size: 82px;
  --inner-size: 40px;
  --num-radius: 33px;
  --tick-radius: 31px;
  --tick-h: 10px;
  --tick-w: 2px;
  --hour-w: 6px;
  --hour-h: 24px;
  --min-w: 5px;
  --min-h: 33px;
  --sec-w: 2px;
  --sec-h: 25px;
  position:relative;
  width:var(--watch-size);
  height:var(--watch-size);
  border-radius:50%;
  background:#171c29;
  box-shadow:
    0 -10px 12px rgba(255,255,255,.025),
    inset 0 -10px 14px rgba(255,255,255,.018),
    0 12px 18px rgba(0,0,0,.26),
    inset 0 12px 16px rgba(0,0,0,.24);
}
.mini-watch::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.014);
  box-shadow:0 0 20px rgba(17,29,72,.12);
}
.mini-watch__face{left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.mini-watch__face--outer{width:var(--outer-size);height:var(--outer-size);border:1px solid rgba(255,255,255,.04)}
.mini-watch__face--inner{width:var(--inner-size);height:var(--inner-size);border:1px solid rgba(255,255,255,.035);box-shadow:inset 0 0 8px rgba(0,0,0,.18)}
.mini-watch__num,
.mini-watch__tick{left:50%;top:50%}
.mini-watch__num{
  font-size:8px;
  line-height:1;
  font-weight:700;
  color:rgba(243,239,231,.84);
  transform:translate(-50%,-50%);
}
.mini-watch__num--12{transform:translate(-50%,-50%) translateY(calc(var(--num-radius) * -1));}
.mini-watch__num--3{transform:translate(-50%,-50%) translateX(var(--num-radius));}
.mini-watch__num--6{transform:translate(-50%,-50%) translateY(var(--num-radius));}
.mini-watch__num--9{transform:translate(-50%,-50%) translateX(calc(var(--num-radius) * -1));}
.mini-watch__tick{
  width:var(--tick-w);
  height:var(--tick-h);
  margin-left:calc(var(--tick-w) * -.5);
  margin-top:calc((var(--tick-radius) + var(--tick-h) * .5) * -1);
  border-radius:999px;
  background:rgba(243,239,231,.42);
  transform-origin:50% calc(var(--tick-radius) + var(--tick-h) * .5);
}
.mini-watch__tick--1{transform:rotate(30deg)}
.mini-watch__tick--2{transform:rotate(60deg)}
.mini-watch__tick--4{transform:rotate(120deg)}
.mini-watch__tick--5{transform:rotate(150deg)}
.mini-watch__tick--7{transform:rotate(210deg)}
.mini-watch__tick--8{transform:rotate(240deg)}
.mini-watch__tick--10{transform:rotate(300deg)}
.mini-watch__tick--11{transform:rotate(330deg)}
.mini-watch__center{
  left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#efe9dd;
  box-shadow:0 0 0 4px #1b2232,0 0 0 5px rgba(255,255,255,.018);z-index:7;
}
.mini-watch__hand{inset:0;transform-origin:50% 50%}
.mini-watch__hand span{
  position:absolute;left:50%;bottom:50%;transform:translateX(-50%);display:block;border-radius:999px;
}
.mini-watch__hour{z-index:4}.mini-watch__min{z-index:5}.mini-watch__sec{z-index:6}
.mini-watch__hour span{width:var(--hour-w);height:var(--hour-h);background:#efe9dd}
.mini-watch__min span{width:var(--min-w);height:var(--min-h);background:#e7e1d6}
.mini-watch__sec span{width:var(--sec-w);height:var(--sec-h);background:#d4b16f}

@media (min-width:1024px){
  :root{--topbar-h:176px}
  .app-topbar{padding:28px 38px 22px}
  .topbar-watch{flex-basis:154px;width:154px;height:154px}
  .mini-watch{
    --watch-size: 110px;
    --outer-size: 92px;
    --inner-size: 44px;
    --num-radius: 38px;
    --tick-radius: 31px;
    --tick-h: 9px;
    --tick-w: 2px;
    --hour-h: 27px;
    --min-h: 37px;
    --sec-h: 28px;
  }
  .mini-watch__num{font-size:10px;color:rgba(243,239,231,.82)}
  .mini-watch__tick{background:rgba(243,239,231,.46)}
}

@media (max-width:640px){
  .topbar-watch{flex-basis:118px;width:118px;height:118px}
  .mini-watch{
    --watch-size: 96px;
    --outer-size: 80px;
    --inner-size: 38px;
    --num-radius: 31px;
    --tick-radius: 30px;
    --tick-h: 9px;
    --hour-h: 23px;
    --min-h: 31px;
    --sec-h: 24px;
  }
}


/* --- Cinematic bottom drawer upgrade --- */
:root{
  --sheet-translate: 100%;
  --sheet-overlay-opacity: 0;
}
body.drawer-open,
body.drawer-peek{overflow:hidden}
.bottom-appbar{
  height:84px;
  padding:0 18px;
  gap:18px;
  background:linear-gradient(180deg, rgba(9,12,19,.98), rgba(7,10,17,.99));
  border-top:1px solid rgba(212,177,111,.22);
  box-shadow:0 -16px 44px rgba(0,0,0,.28);
  touch-action:none;
  user-select:none;
}
.bottom-appbar::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
}
.bottom-appbar__date{
  font-size:19px;
  letter-spacing:-.02em;
  color:rgba(243,239,231,.96);
}
.nav-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0;
  min-width:72px;
  color:rgba(243,239,231,.92);
  letter-spacing:.16em;
}
.nav-toggle.is-open{color:var(--gold)}
.site-nav{
  position:fixed;
  inset:0 0 calc(var(--appbar-h) - 28px) 0;
  z-index:54;
  pointer-events:none;
}
.site-nav__backdrop{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,7,12,.04), rgba(5,8,13,.58));
  opacity:var(--sheet-overlay-opacity);
  transition:opacity .42s ease;
  pointer-events:none;
}
.site-nav__sheet{
  position:absolute;
  left:0;right:0;bottom:0;
  transform:translateY(var(--sheet-translate));
  transition:transform .72s cubic-bezier(.18,.92,.16,1.02), box-shadow .44s ease, border-color .44s ease, background .44s ease;
  background:linear-gradient(180deg, rgba(24,31,46,.985) 0%, rgba(13,18,29,.994) 58%, rgba(10,14,22,.998) 100%);
  border-top:1px solid rgba(212,177,111,.28);
  border-left:1px solid rgba(212,177,111,.08);
  border-right:1px solid rgba(212,177,111,.08);
  border-top-left-radius:32px;
  border-top-right-radius:32px;
  padding:22px 18px calc(26px + env(safe-area-inset-bottom));
  box-shadow:0 -30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
  will-change:transform;
  touch-action:none;
  pointer-events:auto;
}
.site-nav__sheet::before{
  content:"";
  position:absolute;
  left:50%;top:10px;
  transform:translateX(-50%);
  width:96px;height:8px;border-radius:999px;
  background:linear-gradient(90deg, rgba(243,239,231,.12), rgba(243,239,231,.28), rgba(243,239,231,.12));
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.site-nav__sheet::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:26px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(7,10,17,.8));
  pointer-events:none;
}
body.drawer-ready .site-nav,
body.drawer-open .site-nav,
body.drawer-peek .site-nav{pointer-events:auto}
body.drawer-peek .site-nav__backdrop{opacity:.14;pointer-events:auto}
body.drawer-open .site-nav__backdrop{opacity:.34;pointer-events:auto}
.site-nav__kicker{
  margin:12px 0 14px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .24s ease, transform .36s cubic-bezier(.2,.8,.2,1);
}
body.drawer-peek .site-nav__kicker,
body.drawer-open .site-nav__kicker{opacity:1;transform:translateY(0);}
.site-nav__sheet a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:62px;
  padding:0 2px;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:22px;
  letter-spacing:-.03em;
  color:var(--text);
  transform:translateY(10px);
  opacity:0;
  transition:transform .46s cubic-bezier(.2,.8,.2,1), opacity .3s ease, border-color .25s ease, color .25s ease, background .25s ease;
}
.site-nav__sheet a:last-child{border-bottom:1px solid rgba(255,255,255,.06)}
.site-nav__sheet a::after{
  content:"↗";
  font-size:18px;
  color:rgba(212,177,111,.7);
  transform:translateX(-4px);
  opacity:.8;
  transition:transform .25s ease, opacity .25s ease;
}
.site-nav__sheet a:hover,
.site-nav__sheet a:focus-visible{color:#fff;border-color:rgba(212,177,111,.2)}
.site-nav__sheet a:hover::after,
.site-nav__sheet a:focus-visible::after{transform:translateX(0);opacity:1}
.site-nav__sheet .site-nav__cta{
  margin:14px 0 8px;
  min-height:56px;
  padding:0 18px;
  border:1px solid rgba(212,177,111,.28);
  background:linear-gradient(180deg, rgba(212,177,111,.98), rgba(198,163,98,.98));
  color:#0d1018;
  font-weight:700;
  border-radius:14px;
}
.site-nav__sheet .site-nav__cta::after{color:#0d1018;opacity:.72}
.site-nav__sheet .site-nav__cta:hover,
.site-nav__sheet .site-nav__cta:focus-visible{border-color:rgba(212,177,111,.46);color:#0b0e15}
.site-nav__sheet .site-nav__subtle{
  min-height:38px;
  padding:10px 2px 0;
  border-top:none;
  border-bottom:none;
  font-size:14px;
  letter-spacing:.03em;
  color:rgba(212,177,111,.88);
  align-items:flex-start;
}
.site-nav__sheet .site-nav__subtle::after{display:none}
.site-nav__sheet .site-nav__subtle:hover,
.site-nav__sheet .site-nav__subtle:focus-visible{color:var(--gold);border-color:transparent}
body.drawer-peek .site-nav__sheet a:nth-child(-n+4),
body.drawer-open .site-nav__sheet a{
  transform:translateY(0);
  opacity:1;
}
body.drawer-open .site-nav__sheet a:nth-child(2){transition-delay:.04s}
body.drawer-open .site-nav__sheet a:nth-child(3){transition-delay:.08s}
body.drawer-open .site-nav__sheet a:nth-child(4){transition-delay:.12s}
body.drawer-open .site-nav__sheet a:nth-child(5){transition-delay:.16s}
body.drawer-open .site-nav__sheet a:nth-child(6){transition-delay:.20s}
body.drawer-open .site-nav__sheet a:nth-child(7){transition-delay:.24s}
body.drawer-open .bottom-appbar{
  box-shadow:0 -22px 60px rgba(0,0,0,.34);
}
body.drawer-peek .bottom-appbar{
  box-shadow:0 -18px 48px rgba(0,0,0,.3);
}
body.drawer-open .bottom-appbar::before,
body.drawer-peek .bottom-appbar::before{background:linear-gradient(90deg, transparent, rgba(212,177,111,.18), transparent)}
body.drawer-open .page-main,
body.drawer-peek .page-main{pointer-events:none}
body.drawer-open .consent-banner,
body.drawer-peek .consent-banner{pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .2s ease, transform .2s ease}
@media (min-width:760px){
  .bottom-appbar{padding:0 34px;height:88px}
  .site-nav__sheet{padding-left:34px;padding-right:34px;max-width:720px;margin:0 auto;left:24px;right:24px;bottom:8px;border-radius:30px}
}
@media (min-width:1100px){
  .bottom-appbar{padding:0 44px;height:92px}
  .site-nav{left:0;right:0}
  .site-nav__sheet{max-width:760px;left:32px;right:32px;bottom:12px;padding-left:40px;padding-right:40px}
}


/* homepage content polish */
.hero-screen{min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 56px);align-items:center}
.hero-shell{max-width:920px;padding:36px 28px 44px;background:linear-gradient(180deg, rgba(20,26,40,.62), rgba(12,17,28,.72));border:1px solid rgba(212,177,111,.14);display:flex;flex-direction:column;justify-content:center;min-height:min(62vh,640px)}
.hero-shell::before{background:radial-gradient(560px 340px at 76% 22%, rgba(90,110,170,.12), transparent 45%), radial-gradient(380px 260px at 22% 78%, rgba(36,50,88,.12), transparent 52%)}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:0;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.hero-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(212,177,111,.07)}
.ticker,.hero-badge,.hero-meta,.pulse-dot{display:none!important}
h1{max-width:8.6ch;margin:0 0 18px;font-size:clamp(52px,11vw,106px);line-height:.9;letter-spacing:-.075em;text-wrap:balance}
.hero-lead{max-width:14ch;margin:0 0 26px;font-size:clamp(24px,4.4vw,34px);line-height:1.22;color:rgba(243,239,231,.84)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions .btn-primary{min-width:160px}
.hero-actions .btn-secondary{display:none!important}
@media (min-width:760px){.hero-shell{padding:54px 56px 60px;min-height:min(64vh,680px)}.hero-lead{max-width:18ch}}
@media (max-width:640px){.hero-screen{align-items:stretch}.hero-shell{min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 84px);padding:26px 22px 34px}.hero-kicker{margin-bottom:14px}h1{font-size:clamp(48px,14vw,86px);max-width:7.2ch}.hero-lead{font-size:clamp(22px,7vw,30px);max-width:12ch}}


.site-nav__sheet{
  border-top-left-radius:28px;
  border-top-right-radius:28px;
}
.site-nav__sheet a{
  min-height:66px;
  padding:0;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:20px;
  letter-spacing:-.025em;
  border-radius:0;
}
.site-nav__sheet a::after{font-size:16px;color:rgba(212,177,111,.64)}
.site-nav__sheet .site-nav__item{
  color:rgba(243,239,231,.95);
}
.site-nav__sheet .site-nav__lead{
  margin:14px 0 10px;
  min-height:78px;
  display:grid;
  align-items:center;
  align-content:center;
  gap:4px;
  padding:10px 0 10px 14px;
  border-top:1px solid rgba(212,177,111,.34);
  border-bottom:1px solid rgba(212,177,111,.18);
  border-left:2px solid rgba(212,177,111,.82);
  background:none;
  color:var(--gold);
  font-size:28px;
  font-weight:600;
}
.site-nav__sheet .site-nav__lead span{
  display:block;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(243,239,231,.56);
}
.site-nav__sheet .site-nav__lead::after{display:none}
.site-nav__sheet .site-nav__lead:hover,
.site-nav__sheet .site-nav__lead:focus-visible{
  color:#f1dfb0;
  border-color:rgba(212,177,111,.42);
}
.site-nav__sheet .site-nav__mail{
  min-height:48px;
  padding:10px 0 4px;
  border-top:none;
  color:rgba(243,239,231,.66);
  font-size:14px;
  letter-spacing:.01em;
}
.site-nav__sheet .site-nav__mail::after{display:none}
.site-nav__sheet .site-nav__subtle{
  min-height:34px;
  padding:14px 0 0;
  border-top:none;
  border-bottom:none;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(212,177,111,.92);
  align-items:flex-start;
}
.hero-note{
  margin:2px 0 0;
  font-size:clamp(14px,3.2vw,18px);
  line-height:1.5;
  color:rgba(243,239,231,.62);
  letter-spacing:.01em;
}
.hero-actions{display:none!important}
@media (max-width:640px){
  .site-nav__sheet{padding-left:20px;padding-right:20px}
  .site-nav__sheet a{min-height:62px;font-size:18px}
  .site-nav__sheet .site-nav__lead{min-height:74px;font-size:24px}
  .hero-note{font-size:15px}
}




/* particle visibility / hero focus polish */
.page-home .motion-bg{
  background:
    radial-gradient(1180px 680px at 50% 14%, rgba(86,118,196,.28), transparent 54%),
    radial-gradient(760px 420px at 16% 28%, rgba(112,138,214,.10), transparent 64%),
    radial-gradient(840px 500px at 84% 24%, rgba(212,177,111,.11), transparent 66%),
    radial-gradient(880px 520px at 50% 58%, rgba(212,177,111,.08), transparent 64%),
    linear-gradient(180deg, #181e2b 0%, #0d111a 44%, #090c13 100%);
}
.page-home .motion-bg::before,
.page-home .motion-bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.page-home .motion-bg::before{
  background:
    radial-gradient(720px 360px at 50% 40%, rgba(244,248,255,.032), transparent 58%),
    radial-gradient(980px 520px at 50% 50%, rgba(137,165,236,.10), transparent 66%),
    radial-gradient(620px 300px at 50% 72%, rgba(212,177,111,.08), transparent 68%);
  opacity:.96;
}
.page-home .motion-bg::after{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 18%, transparent 82%, rgba(255,255,255,.012)),
    radial-gradient(460px 220px at 50% 18%, rgba(255,255,255,.022), transparent 66%);
  mix-blend-mode:screen;
  opacity:.72;
}
.page-home .hero-screen{
  position:relative;
  isolation:isolate;
}
.page-home .hero-screen::before,
.page-home .hero-screen::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.page-home .hero-screen::before{
  display:none;
}
.page-home .hero-screen::after{
  display:none;
}
.page-home .hero-shell{
  max-width:860px;
  min-height:min(58vh, 620px);
  padding:34px 24px 38px;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
  isolation:isolate;
}
.page-home .hero-shell::before{
  content:"";
  position:absolute;
  left:0;
  top:12%;
  bottom:8%;
  width:min(84%, 640px);
  border-radius:34px;
  background:linear-gradient(180deg, rgba(36,47,77,.045), rgba(12,17,28,.04) 26%, rgba(9,13,21,.065) 100%);
  border:1px solid rgba(188,200,232,.09);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -18px 26px rgba(4,6,12,.10),
    inset 12px 0 24px rgba(255,255,255,.008),
    inset -16px 0 24px rgba(3,5,10,.05),
    0 10px 22px rgba(2,4,10,.04);
  pointer-events:none;
  z-index:0;
}
.page-home .hero-shell::after{
  content:"";
  position:absolute;
  left:-6%;
  right:18%;
  top:8%;
  bottom:4%;
  border-radius:42px;
  background:
    radial-gradient(46% 28% at 66% 22%, rgba(136,162,235,.07), transparent 72%),
    radial-gradient(34% 22% at 24% 80%, rgba(212,177,111,.045), transparent 74%),
    radial-gradient(76% 64% at 50% 50%, rgba(255,255,255,.018), transparent 78%);
  filter:blur(18px);
  opacity:.85;
  pointer-events:none;
  z-index:0;
}
.page-home .hero-shell > *{
  position:relative;
  z-index:1;
}
.page-home .hero-kicker,
.page-home h1,
.page-home .hero-lead,
.page-home .hero-note{
  max-width:min(100%, 620px);
}
.page-home h1,
.page-home .hero-lead,
.page-home .hero-note{
  text-shadow:0 1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.24);
}
.page-home .hero-kicker{
  position:relative;
}
.page-home .hero-kicker::after{
  content:"";
  position:absolute;
  left:-22px;
  top:50%;
  width:120px;
  height:52px;
  transform:translateY(-50%);
  background:radial-gradient(closest-side, rgba(212,177,111,.15), rgba(212,177,111,0));
  filter:blur(10px);
  pointer-events:none;
  z-index:-1;
}
.page-home h1{
  position:relative;
}
.page-home h1::after{
  content:"";
  position:absolute;
  left:-26px;
  right:16%;
  top:8%;
  bottom:4%;
  background:
    radial-gradient(72% 56% at 50% 38%, rgba(124,149,224,.10), transparent 68%),
    radial-gradient(52% 42% at 34% 72%, rgba(212,177,111,.045), transparent 70%);
  filter:blur(18px);
  pointer-events:none;
  z-index:-1;
}
.page-home .hero-lead{
  margin-bottom:22px;
}
.page-home .hero-note{
  color:rgba(243,239,231,.82);
  text-shadow:0 1px 0 rgba(255,255,255,.02), 0 8px 22px rgba(0,0,0,.18);
}
@media (max-width:640px){
  .page-home .motion-bg{
    background:
      radial-gradient(860px 500px at 50% 12%, rgba(86,118,196,.24), transparent 54%),
      radial-gradient(620px 360px at 50% 56%, rgba(212,177,111,.08), transparent 64%),
      linear-gradient(180deg, #181e2b 0%, #0d111a 44%, #090c13 100%);
  }
  .page-home .hero-screen::before{display:none;}
  .page-home .hero-shell{
    min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 84px);
    padding:24px 20px 30px;
  }
  .page-home .hero-shell::before{
    top:11%;
    bottom:9%;
    width:min(100%, 620px);
    border-radius:30px;
  }
  .page-home .hero-shell::after{
    left:-4%;
    right:8%;
    top:9%;
    bottom:6%;
    border-radius:36px;
    filter:blur(16px);
    opacity:.82;
  }
  .page-home h1::after{
    left:-18px;
    right:10%;
    filter:blur(15px);
  }
}


@media (max-width:640px){
  body.page-home .consent-banner{padding:10px 12px calc(var(--appbar-h) + 10px);}
  body.page-home .consent-banner__inner{max-width:680px;margin:0 auto;border-radius:22px;background:rgba(12,17,28,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 34px rgba(0,0,0,.24);}
  body.page-home .consent-banner p{font-size:14px;line-height:1.4;margin-bottom:12px;}
}


/* final hero cleanup: remove rectangular haze and stabilize mobile hero */
.page-home{
  overscroll-behavior-y:none;
}
.page-home .page-main{
  overflow:hidden;
}
.page-home .hero-screen{
  overflow:hidden;
}
.page-home .hero-shell{
  max-width:860px;
}
.page-home .hero-shell::before{
  left:0;
  top:12%;
  bottom:8%;
  width:min(84%, 640px);
  border-radius:34px;
  background:linear-gradient(180deg, rgba(24,31,49,.055), rgba(11,16,28,.045) 38%, rgba(8,12,21,.07) 100%);
  border:1px solid rgba(188,200,232,.085);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -20px 30px rgba(4,6,12,.11),
    inset 10px 0 18px rgba(255,255,255,.006),
    inset -14px 0 20px rgba(3,5,10,.045),
    0 8px 20px rgba(2,4,10,.02);
}
.page-home .hero-shell::after{
  left:-8%;
  right:14%;
  top:10%;
  bottom:8%;
  border-radius:50%;
  background:
    radial-gradient(34% 24% at 66% 24%, rgba(136,162,235,.055), transparent 76%),
    radial-gradient(24% 18% at 28% 76%, rgba(212,177,111,.034), transparent 78%),
    radial-gradient(54% 44% at 48% 52%, rgba(255,255,255,.014), transparent 82%);
  filter:blur(30px);
  opacity:.6;
}
.page-home h1::after{
  left:-14px;
  right:22%;
  top:12%;
  bottom:12%;
  background:
    radial-gradient(62% 48% at 52% 42%, rgba(124,149,224,.065), transparent 72%),
    radial-gradient(40% 30% at 32% 70%, rgba(212,177,111,.028), transparent 74%);
  filter:blur(16px);
  opacity:.82;
}
@media (max-width:640px){
  .page-home .hero-shell::before{
    top:13%;
    bottom:10%;
    width:100%;
    border-radius:30px;
  }
  .page-home .hero-shell::after{
    left:-10%;
    right:0;
    top:11%;
    bottom:10%;
    border-radius:50%;
    filter:blur(26px);
    opacity:.52;
  }
  .page-home h1::after{
    left:-10px;
    right:18%;
    top:14%;
    bottom:14%;
    filter:blur(14px);
  }
}


/* hero glass cleanup v4: single layer glass only */
.page-home .hero-shell{
  background:linear-gradient(180deg, rgba(22,29,45,.50), rgba(11,16,28,.60) 48%, rgba(8,12,21,.70) 100%);
  border:1px solid rgba(188,200,232,.10);
  border-radius:34px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -18px 28px rgba(4,6,12,.12),
    0 22px 44px rgba(3,6,14,.12);
  overflow:hidden;
}
.page-home .hero-shell::before,
.page-home .hero-shell::after,
.page-home h1::after,
.page-home .hero-kicker::after{
  display:none !important;
}
.page-home .hero-screen::before,
.page-home .hero-screen::after{
  display:none !important;
}
.page-home .hero-shell > *{
  position:relative;
  z-index:1;
}
@media (max-width:640px){
  .page-home .hero-shell{
    border-radius:30px;
    background:linear-gradient(180deg, rgba(22,29,45,.52), rgba(10,15,27,.63) 52%, rgba(8,12,21,.72) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      inset 0 -16px 24px rgba(4,6,12,.11),
      0 18px 36px rgba(3,6,14,.10);
  }
}


/* final polish v5 */
.page-home .hero-shell{
  background:linear-gradient(180deg, rgba(22,29,45,.46), rgba(11,16,28,.60) 44%, rgba(7,11,20,.78) 100%);
  border:1px solid rgba(188,200,232,.082);
  border-radius:34px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -28px 44px rgba(3,5,11,.18),
    0 18px 34px rgba(3,6,14,.08);
}
.page-home .hero-shell::selection{background:rgba(212,177,111,.18);}
.page-home h1{
  margin-bottom:28px;
}
.page-home .hero-lead{
  margin-bottom:30px;
  max-width:15ch;
  color:rgba(243,239,231,.86);
}
.page-home .hero-note{
  color:rgba(243,239,231,.76);
}
body.page-home .consent-banner{
  padding:10px 12px calc(var(--appbar-h) + 10px);
}
body.page-home .consent-banner__inner{
  max-width:680px;
  margin:0 auto;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(11,16,28,.90), rgba(8,12,22,.94));
  border:1px solid rgba(188,200,232,.07);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
}
body.page-home .consent-banner p{
  color:rgba(243,239,231,.78);
}
body.page-home .consent-banner .btn-secondary{
  background:rgba(10,14,23,.42);
  border-color:rgba(188,200,232,.10);
}
@media (max-width:640px){
  .page-home .hero-shell{
    border-radius:30px;
    background:linear-gradient(180deg, rgba(21,28,43,.48), rgba(10,15,27,.62) 48%, rgba(7,11,20,.80) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.038),
      inset 0 -24px 38px rgba(3,5,11,.18),
      0 14px 28px rgba(3,6,14,.07);
  }
  .page-home h1{margin-bottom:24px;}
  .page-home .hero-lead{margin-bottom:28px;max-width:13ch;}
}


/* subpages final polish */
.page-subpage .page-main{padding-bottom:calc(var(--appbar-h) + 42px);overflow-x:hidden}
.page-subpage .motion-bg::after{opacity:.82}
.page-subpage .page-stack{width:100%;max-width:960px;margin:0 auto;display:grid;gap:18px}
.page-subpage .sub-hero{min-height:auto;padding:28px 24px 26px;background:linear-gradient(180deg, rgba(20,26,40,.7), rgba(12,17,28,.82));border:1px solid rgba(212,177,111,.13);border-radius:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.page-subpage .sub-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 300px at 78% 20%, rgba(87,105,160,.12), transparent 44%),radial-gradient(320px 220px at 18% 88%, rgba(28,40,86,.14), transparent 54%);pointer-events:none}
.page-subpage .sub-hero > *{position:relative;z-index:1}
.page-subpage .content-card,.page-subpage .contact-card,.page-subpage .sub-grid > article,.page-subpage .contact-grid > article{background:linear-gradient(180deg, rgba(18,23,36,.74), rgba(10,14,24,.84));border:1px solid rgba(212,177,111,.12);border-radius:28px;padding:22px 20px;box-shadow:0 16px 44px rgba(0,0,0,.2)}
.page-subpage .sub-grid,.page-subpage .contact-grid{display:grid;gap:16px}
.page-subpage .content-card h2,.page-subpage .sub-grid h2,.page-subpage .contact-grid h2{margin:0 0 12px;font-size:clamp(24px,4vw,34px);line-height:1.06}
.page-subpage .content-card p,.page-subpage .sub-grid p,.page-subpage .contact-grid p,.page-subpage .contact-list li{color:var(--text-soft);font-size:17px;line-height:1.62}
.page-subpage .eyebrow{margin:0 0 12px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.page-subpage .sub-lead{font-size:clamp(24px,5.6vw,36px);line-height:1.08;max-width:14ch;margin:0 0 18px;color:#f5f2ea}
.page-subpage .sub-note{margin:0;color:var(--text-soft);max-width:36rem}
.page-subpage .contact-list{margin:0;padding-left:18px;display:grid;gap:8px}
.page-subpage .contact-mail{font-size:clamp(20px,4.4vw,28px);font-weight:700;letter-spacing:-.02em;color:#f5f2ea;text-decoration:none}
.page-subpage .contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.page-subpage .contact-actions .btn{min-width:190px;justify-content:center}
.page-subpage .mini-points{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.page-subpage .mini-points li{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(212,177,111,.08);color:var(--text-soft)}
.page-subpage .site-nav__item.current,.page-subpage .site-nav__lead.current{color:#fff}
@media (min-width:780px){
  .page-subpage .sub-grid{grid-template-columns:1.1fr .9fr}
  .page-subpage .contact-grid{grid-template-columns:1.05fr .95fr}
  .page-subpage .sub-hero{padding:40px 38px 34px}
  .page-subpage .content-card,.page-subpage .contact-card,.page-subpage .sub-grid > article,.page-subpage .contact-grid > article{padding:26px 24px}
}

/* desktop adaptation based on mobile look */
@media (min-width: 980px){
  :root{
    --topbar-h: 168px;
    --appbar-h: 78px;
  }

  body.page-home,
  body.page-subpage{
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 100vh;
    height: auto;
    overflow-x: hidden;
  }
  body.page-home{overflow-y:hidden;}
  body.page-subpage{overflow-y:auto;}

  .app-topbar{
    height: var(--topbar-h);
    padding: 24px 36px;
    background: linear-gradient(180deg, rgba(17,23,36,.94), rgba(11,15,26,.9));
    border-bottom: 1px solid rgba(212,177,111,.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .brand{
    font-size: 24px;
    gap: 15px;
    letter-spacing: -.035em;
  }

  .brand-dot{
    width: 18px;
    height: 18px;
    box-shadow: 0 0 0 6px rgba(212,177,111,.08);
  }

  .topbar-watch{
    flex: 0 0 172px;
    width: 172px;
    height: 172px;
    justify-self:end;
    display:grid;
    place-items:center;
    padding-right:8px;
  }

  .mini-watch{
    width: 132px;
    height: 132px;
    flex-basis: 132px;
  }

  .mini-watch::before{inset:-10px}
  .mini-watch__face--outer{width:102px;height:102px}
  .mini-watch__face--inner{width:50px;height:50px}
  .mini-watch__num{font-size:11px}
  .mini-watch__num--12{top:18px}
  .mini-watch__num--3{left:113px}
  .mini-watch__num--6{top:113px}
  .mini-watch__num--9{left:18px}
  .mini-watch__tick{height:12px}
  .mini-watch__tick--1{left:86px;top:26px}
  .mini-watch__tick--2{left:102px;top:42px}
  .mini-watch__tick--4{left:102px;top:74px}
  .mini-watch__tick--5{left:86px;top:90px}
  .mini-watch__tick--7{left:46px;top:90px}
  .mini-watch__tick--8{left:30px;top:74px}
  .mini-watch__tick--10{left:30px;top:42px}
  .mini-watch__tick--11{left:46px;top:26px}
  .mini-watch__center{width:10px;height:10px;box-shadow:0 0 0 5px rgba(22,29,43,.96), 0 0 0 6px rgba(255,255,255,.02)}
  .mini-watch__hour span{width:6px;height:30px}
  .mini-watch__min span{width:4px;height:44px}
  .mini-watch__sec span{width:2px;height:36px}

  .page-home .page-main,
  .page-subpage .page-main{
    padding: calc(var(--topbar-h) + 28px) 36px calc(var(--appbar-h) + 30px);
    min-height: 100vh;
  }

  .page-home .page-main{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .page-home .hero-screen{
    width: min(1180px, 100%);
    min-height: calc(100vh - var(--topbar-h) - var(--appbar-h) - 66px);
    display: grid;
    align-items: center;
  }

  .page-home .hero-shell{
    width: min(960px, 100%);
    max-width: 960px;
    min-height: 0;
    margin: 0 auto;
    padding: 46px 46px 42px;
    border-radius: 36px;
    background: linear-gradient(180deg, rgba(22,29,45,.44), rgba(10,15,27,.58) 46%, rgba(7,11,20,.76) 100%);
    border: 1px solid rgba(188,200,232,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -30px 46px rgba(3,5,11,.17), 0 18px 40px rgba(3,6,14,.08);
  }

  .page-home .hero-kicker{
    margin-bottom: 18px;
    font-size: 13px;
    letter-spacing: .16em;
  }

  .page-home h1{
    max-width: 8.2ch;
    margin: 0 0 22px;
    font-size: clamp(66px, 7.2vw, 102px);
    line-height: .9;
    letter-spacing: -.07em;
  }

  .page-home .hero-lead{
    max-width: 15ch;
    margin: 0 0 26px;
    font-size: clamp(28px, 2.3vw, 38px);
    line-height: 1.16;
  }

  .page-home .hero-note{
    font-size: 18px;
    color: rgba(243,239,231,.74);
  }

  .bottom-appbar{
    height: var(--appbar-h);
    padding: 0 34px;
    background: linear-gradient(180deg, rgba(11,15,24,.95), rgba(7,10,18,.97));
  }

  .bottom-appbar__date{
    font-size: 16px;
    color: rgba(243,239,231,.92);
  }

  .nav-toggle{
    min-width: 88px;
    font-size: 15px;
    letter-spacing: .14em;
  }

  .site-nav{
    inset: auto 34px calc(var(--appbar-h) + 18px) auto;
    width: min(420px, calc(100vw - 68px));
    pointer-events:none;
  }

  .site-nav__backdrop{display:none;}

  .site-nav__sheet{
    position:relative;
    left:auto;right:auto;bottom:auto;
    width: 100%;
    margin:0;
    border: 1px solid rgba(212,177,111,.14);
    border-radius: 28px;
    padding: 18px 22px 20px;
    transform: translateY(14px) scale(.985);
    opacity: 0;
    visibility:hidden;
    pointer-events:none;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .24s ease, visibility 0s linear .24s;
    box-shadow: 0 20px 46px rgba(0,0,0,.34);
  }
  .site-nav__sheet::before{display:none;}
  .site-nav__sheet::after{display:none;}

  body.drawer-open .site-nav,
  body.drawer-peek .site-nav{pointer-events:auto;}
  body.drawer-open .site-nav__sheet,
  body.drawer-peek .site-nav__sheet{
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }

  .page-subpage .page-stack{
    max-width: 1180px;
    gap: 24px;
  }

  .page-subpage .sub-hero{
    padding: 38px 42px 34px;
    border-radius: 34px;
  }

  .page-subpage .sub-grid{
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .page-subpage .form-grid{
    grid-template-columns: 1.04fr .96fr;
    gap: 24px;
    max-width: 1180px;
  }

  .page-subpage .form-shell,
  .page-subpage .form-side,
  .page-subpage .legal-shell,
  .page-subpage .site-footer{
    border-radius: 30px;
    padding: 30px;
  }

  body.page-home .consent-banner,
  body.page-subpage .consent-banner{
    left: auto;
    right: 26px;
    bottom: calc(var(--appbar-h) + 16px);
    width: min(460px, calc(100vw - 52px));
    padding: 0;
  }

  body.page-home .consent-banner__inner,
  body.page-subpage .consent-banner__inner{
    max-width: none;
    border-radius: 24px;
  }
}

@media (min-width: 1280px){
  .page-home .hero-shell{
    width: min(980px, 100%);
    padding: 54px 54px 48px;
  }

  .page-home h1{
    font-size: clamp(78px, 6.4vw, 108px);
  }
}

/* --- desktop watch polish: closer to mobile reference --- */
@media (min-width: 980px){
  :root{
    --topbar-h: 212px;
  }

  .app-topbar{
    height: var(--topbar-h);
    padding: 24px 34px 20px;
    align-items: center;
  }

  .brand{
    font-size: 25px;
    gap: 16px;
    align-self: center;
  }

  .brand-dot{
    width: 18px;
    height: 18px;
    box-shadow: 0 0 0 7px rgba(212,177,111,.08);
  }

  .topbar-watch{
    flex: 0 0 184px;
    width: 184px;
    height: 184px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 2px;
  }

  .topbar-watch .mini-watch{
    --watch-size: 132px;
    --outer-size: 108px;
    --inner-size: 50px;
    --num-radius: 49px;
    --tick-radius: 48px;
    --tick-h: 13px;
    --tick-w: 2px;
    --hour-w: 7px;
    --hour-h: 32px;
    --min-w: 5px;
    --min-h: 46px;
    --sec-w: 2px;
    --sec-h: 34px;
    width: var(--watch-size);
    height: var(--watch-size);
    background: #171d2a;
    box-shadow:
      0 -14px 18px rgba(255,255,255,.022),
      inset 0 -12px 16px rgba(255,255,255,.015),
      0 22px 30px rgba(0,0,0,.32),
      inset 0 14px 18px rgba(0,0,0,.26);
  }

  .topbar-watch .mini-watch::before{
    inset: -8px;
    border: 1px solid rgba(255,255,255,.014);
    box-shadow: 0 0 34px rgba(17,29,72,.15);
  }

  .topbar-watch .mini-watch__face--outer{
    width: var(--outer-size);
    height: var(--outer-size);
    border-color: rgba(255,255,255,.045);
  }

  .topbar-watch .mini-watch__face--inner{
    width: var(--inner-size);
    height: var(--inner-size);
    border-color: rgba(255,255,255,.04);
    box-shadow: inset 0 0 10px rgba(0,0,0,.2);
  }

  .topbar-watch .mini-watch__num{
    font-size: 10px;
    color: rgba(243,239,231,.78);
  }

  .topbar-watch .mini-watch__tick{
    height: var(--tick-h);
    width: var(--tick-w);
    margin-left: calc(var(--tick-w) * -.5);
    margin-top: calc((var(--tick-radius) + var(--tick-h) * .5) * -1);
    transform-origin: 50% calc(var(--tick-radius) + var(--tick-h) * .5);
    background: rgba(243,239,231,.44);
  }

  .topbar-watch .mini-watch__center{
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 5px #1b2232, 0 0 0 6px rgba(255,255,255,.02);
  }

  .topbar-watch .mini-watch__hour span{width: var(--hour-w); height: var(--hour-h);}
  .topbar-watch .mini-watch__min span{width: var(--min-w); height: var(--min-h);}
  .topbar-watch .mini-watch__sec span{width: var(--sec-w); height: var(--sec-h);}
}

/* Desktop clock polish — align with minimal analog clock reference */
@media (min-width: 980px){
  :root{
    --topbar-h: 206px;
  }

  .app-topbar{
    height: var(--topbar-h);
    padding: 24px 32px 22px;
    align-items: center;
  }

  .topbar-watch{
    flex: 0 0 214px;
    width: 214px;
    height: 158px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding-right: 14px;
  }

  .topbar-watch .mini-watch,
  .topbar-watch .mini-watch__face,
  .topbar-watch .mini-watch__num,
  .topbar-watch .mini-watch__tick,
  .topbar-watch .mini-watch__center,
  .topbar-watch .mini-watch__hand{
    position:absolute;
  }

  .topbar-watch .mini-watch{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: visible;
    background:
      radial-gradient(circle at 50% 42%, rgba(32,39,58,.98) 0%, rgba(24,30,46,.99) 34%, rgba(18,23,35,1) 68%, rgba(15,19,30,1) 100%);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.025),
      0 0 0 12px rgba(8,12,22,.22),
      0 18px 34px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.025),
      inset 0 -18px 26px rgba(0,0,0,.18);
  }

  .topbar-watch .mini-watch::before{
    content:"";
    position:absolute;
    inset:-12px;
    border-radius:50%;
    background: radial-gradient(circle, rgba(79,108,176,.08) 0%, rgba(79,108,176,.035) 40%, rgba(79,108,176,0) 72%);
    z-index:-1;
    box-shadow:none;
    border:none;
  }

  .topbar-watch .mini-watch__face--outer,
  .topbar-watch .mini-watch__face--inner{
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(255,255,255,.045);
  }

  .topbar-watch .mini-watch__face--outer{
    width: 112px;
    height: 112px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.01);
  }

  .topbar-watch .mini-watch__face--inner{
    width: 54px;
    height: 54px;
    border-color: rgba(255,255,255,.03);
  }

  .topbar-watch .mini-watch__num{
    left:50%;
    top:50%;
    color: rgba(243,239,231,.72);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: none;
  }
  .topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-58px)}
  .topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(58px)}
  .topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(58px)}
  .topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-58px)}

  .topbar-watch .mini-watch__tick{
    left:50%;
    top:50%;
    width:2px;
    height:9px;
    margin:0;
    border-radius:999px;
    background: rgba(243,239,231,.42);
    transform-origin:50% 48px;
  }
  .topbar-watch .mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(-48px)}
  .topbar-watch .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(-48px)}

  .topbar-watch .mini-watch__hand{
    inset:0;
    transform-origin:50% 50%;
    z-index:5;
  }

  .topbar-watch .mini-watch__hand span{
    position:absolute;
    left:50%;
    bottom:50%;
    transform:translateX(-50%);
    display:block;
    border-radius:999px;
    box-shadow:none;
  }

  .topbar-watch .mini-watch__hour span{
    width:6px;
    height:39px;
    background:#f3efe7;
  }

  .topbar-watch .mini-watch__min span{
    width:4px;
    height:56px;
    background:#f3efe7;
  }

  .topbar-watch .mini-watch__sec span{
    width:2px;
    height:36px;
    background:#d4b16f;
  }

  .topbar-watch .mini-watch__center{
    left:50%;
    top:50%;
    width:12px;
    height:12px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:#f3efe7;
    box-shadow: 0 0 0 5px #171d2a;
    z-index:6;
  }
}


/* === Final unified clock + desktop topbar bay === */
:root{
  --clock-face: 112px;
  --clock-num-size: 11px;
  --clock-digit-color: rgba(243,239,231,.72);
  --clock-tick-color: rgba(243,239,231,.45);
  --clock-ring: rgba(255,255,255,.05);
  --clock-core: #f2efe9;
  --clock-sec: #d2b06b;
  --clock-shift: 0px;
  --clock-num-offset: 39%;
  --clock-tick-origin: calc(var(--clock-face) * -0.365);
  --clock-hour-h: calc(var(--clock-face) * .29);
  --clock-min-h: calc(var(--clock-face) * .405);
  --clock-sec-h: calc(var(--clock-face) * .345);
}

.topbar-watch{position:relative;z-index:2;display:grid;place-items:center}
.mini-watch,
.mini-watch__face,
.mini-watch__num,
.mini-watch__tick,
.mini-watch__center,
.mini-watch__hand{position:absolute}
.mini-watch{
  position:relative;
  width:var(--clock-face);
  height:var(--clock-face);
  display:block;
  flex:0 0 var(--clock-face);
  border-radius:50%;
  overflow:visible;
  background:radial-gradient(circle at 50% 48%, #141c34 0%, #0e1630 45%, #091021 100%);
  border:1px solid rgba(255,255,255,.05);
  box-shadow:
    0 -10px 18px rgba(255,255,255,.035),
    inset 0 -10px 18px rgba(255,255,255,.03),
    0 16px 28px rgba(0,0,0,.34),
    inset 0 12px 18px rgba(0,0,0,.28),
    0 0 28px rgba(17,34,78,.18);
}
.mini-watch::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,.015),0 0 18px rgba(17,31,77,.14);
  opacity:.95;
}
.mini-watch__face{left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.mini-watch__face--outer{
  width:calc(var(--clock-face) * .72);
  height:calc(var(--clock-face) * .72);
  border:1px solid rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.mini-watch__face--inner{
  width:calc(var(--clock-face) * .34);
  height:calc(var(--clock-face) * .34);
  border:1px solid rgba(255,255,255,.038);
}
.mini-watch__num{
  left:50%;top:50%;
  color:var(--clock-digit-color);
  font-size:var(--clock-num-size);
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  transform:translate(-50%,-50%);
  text-shadow:none;
}
.mini-watch__num--12{transform:translate(-50%,-50%) translateY(calc(var(--clock-num-offset) * -1));}
.mini-watch__num--3{transform:translate(-50%,-50%) translateX(var(--clock-num-offset));}
.mini-watch__num--6{transform:translate(-50%,-50%) translateY(var(--clock-num-offset));}
.mini-watch__num--9{transform:translate(-50%,-50%) translateX(calc(var(--clock-num-offset) * -1));}
.mini-watch__tick{
  left:50%;top:50%;
  width:2px;
  height:calc(var(--clock-face) * .09);
  margin:0;
  border-radius:999px;
  background:var(--clock-tick-color);
  transform-origin:50% var(--clock-tick-origin);
}
.mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg)}
.mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg)}
.mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg)}
.mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg)}
.mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg)}
.mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg)}
.mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg)}
.mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg)}
.mini-watch__hand{inset:0;transform-origin:50% 50%;z-index:5}
.mini-watch__hand span{
  position:absolute;left:50%;bottom:50%;transform:translateX(-50%);
  display:block;border-radius:999px;box-shadow:none
}
.mini-watch__hour span{width:6px;height:var(--clock-hour-h);background:var(--clock-core)}
.mini-watch__min span{width:5px;height:var(--clock-min-h);background:var(--clock-core)}
.mini-watch__sec{z-index:6}
.mini-watch__sec span{width:2px;height:var(--clock-sec-h);background:var(--clock-sec)}
.mini-watch__center{
  left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);
  border-radius:50%;background:var(--clock-core);
  border:2px solid #0f1630;box-shadow:none;z-index:7
}

@media (max-width:1024px){
  .topbar-watch{flex:0 0 126px;width:126px;height:126px}
  .mini-watch{--clock-face:112px;--clock-num-size:10px;--clock-num-offset:39%;--clock-tick-origin:calc(var(--clock-face) * -0.365)}
}

@media (min-width:1025px){
  :root{--topbar-h:124px;}
  .app-topbar{
    position:fixed;
    height:var(--topbar-h);
    padding:0 28px 0 28px;
    align-items:center;
    background:linear-gradient(90deg, #071022 0%, #0a1738 48%, #071022 100%);
    border-bottom:1px solid rgba(255,255,255,.08);
    backdrop-filter:none;
    overflow:visible;
    isolation:isolate;
  }
  .app-topbar::after{
    content:"";
    position:absolute;
    right:0;
    bottom:-26px;
    width:248px;
    height:148px;
    background:linear-gradient(180deg, #08132c 0%, #071022 100%);
    border-radius:70px 0 0 70px;
    box-shadow:0 18px 40px rgba(0,0,0,.22);
    z-index:0;
  }
  .brand{position:relative;z-index:2;gap:14px;font-size:24px;letter-spacing:-.03em}
  .brand-dot{width:18px;height:18px;box-shadow:0 0 0 8px rgba(210,176,107,.08)}
  .topbar-watch{
    flex:0 0 238px;
    width:238px;
    height:var(--topbar-h);
    justify-content:center;
    align-items:center;
    margin-right:6px;
  }
  .topbar-watch::before{
    content:"";
    position:absolute;
    inset:14px 18px 10px 18px;
    border-radius:999px;
    background:radial-gradient(circle at 50% 48%, rgba(52,74,126,.13) 0%, rgba(52,74,126,.06) 48%, rgba(52,74,126,0) 78%);
    pointer-events:none;
  }
  .mini-watch{
    --clock-face:124px;
    --clock-num-size:14px;
    --clock-num-offset:39%;
    --clock-tick-origin:calc(var(--clock-face) * -0.365);
    --clock-hour-h:calc(var(--clock-face) * .29);
    --clock-min-h:calc(var(--clock-face) * .405);
    --clock-sec-h:calc(var(--clock-face) * .345);
    width:124px;height:124px;flex-basis:124px;
  }
  .page-main{padding-top:calc(var(--topbar-h) + 28px)}
}

@media (min-width:1440px){
  :root{--topbar-h:132px;}
  .app-topbar{padding:0 34px 0 32px}
  .topbar-watch{flex-basis:250px;width:250px}
  .mini-watch{--clock-face:128px;width:128px;height:128px}
}


/* === Clock cleanup: keep ticks fully inside the dial on mobile + desktop === */
:root{
  --clock-tick-len: calc(var(--clock-face) * .09);
  --clock-tick-radius: calc(var(--clock-face) * .345);
}
.mini-watch__tick{
  width:2px;
  height:var(--clock-tick-len);
  margin-left:-1px;
  margin-top:calc((var(--clock-tick-radius) + var(--clock-tick-len) * .5) * -1);
  transform-origin:50% calc(var(--clock-tick-radius) + var(--clock-tick-len) * .5);
}
.mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg);}
.mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg);}
.mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg);}
.mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg);}
.mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg);}
.mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg);}
.mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg);}
.mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg);}

@media (max-width:1024px){
  .mini-watch{
    --clock-face:112px;
    --clock-num-size:10px;
    --clock-num-offset:39%;
    --clock-tick-len:10px;
    --clock-tick-radius:39px;
  }
}

@media (min-width:1025px){
  .mini-watch{
    --clock-face:124px;
    --clock-num-size:14px;
    --clock-num-offset:39%;
    --clock-tick-len:11px;
    --clock-tick-radius:43px;
  }
}

@media (min-width:1440px){
  .mini-watch{
    --clock-face:128px;
    --clock-tick-len:11px;
    --clock-tick-radius:44px;
  }
}

/* === v16 hard override: lock all intermediate ticks fully inside the dial on every breakpoint === */
.mini-watch{overflow:hidden}
.app-topbar .mini-watch__tick,
.topbar-watch .mini-watch__tick,
.mini-watch__tick{
  left:50% !important;
  top:50% !important;
  width:2px !important;
  height:var(--clock-tick-len, 10px) !important;
  margin-left:-1px !important;
  margin-top:0 !important;
  border-radius:999px !important;
  transform-origin:50% 50% !important;
}
.app-topbar .mini-watch__tick--1,
.topbar-watch .mini-watch__tick--1,
.mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--2,
.topbar-watch .mini-watch__tick--2,
.mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--4,
.topbar-watch .mini-watch__tick--4,
.mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--5,
.topbar-watch .mini-watch__tick--5,
.mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--7,
.topbar-watch .mini-watch__tick--7,
.mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--8,
.topbar-watch .mini-watch__tick--8,
.mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--10,
.topbar-watch .mini-watch__tick--10,
.mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}
.app-topbar .mini-watch__tick--11,
.topbar-watch .mini-watch__tick--11,
.mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(calc(var(--clock-tick-radius, 39px) * -1)) !important}

@media (max-width:1024px){
  .mini-watch{
    --clock-face:112px;
    --clock-num-size:10px;
    --clock-num-offset:39%;
    --clock-tick-len:9px;
    --clock-tick-radius:35px;
  }
}

@media (min-width:1025px){
  .mini-watch{
    --clock-face:124px;
    --clock-num-size:14px;
    --clock-num-offset:39%;
    --clock-tick-len:10px;
    --clock-tick-radius:39px;
  }
}

@media (min-width:1440px){
  .mini-watch{
    --clock-face:128px;
    --clock-tick-len:10px;
    --clock-tick-radius:40px;
  }
}

/* --- Elegant desktop bay under clock: smoother, deeper, more integrated --- */
@media (min-width:1025px){
  :root{--topbar-h:132px;}

  .app-topbar{
    height:var(--topbar-h);
    padding:0 28px;
    border-bottom:1px solid rgba(255,255,255,.07);
    overflow:visible;
    isolation:isolate;
  }

  .app-topbar::before{
    content:"";
    position:absolute;
    right:48px;
    bottom:-18px;
    width:218px;
    height:72px;
    border-radius:999px;
    background:
      radial-gradient(ellipse at 50% 18%, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) 64%),
      radial-gradient(ellipse at 50% 100%, rgba(0,0,0,.22) 0%, rgba(0,0,0,0) 72%);
    pointer-events:none;
    z-index:1;
    opacity:.9;
  }

  .app-topbar::after{
    content:"";
    position:absolute;
    right:-6px;
    bottom:-46px;
    width:318px;
    height:176px;
    background:
      linear-gradient(180deg, rgba(10,23,56,.98) 0%, rgba(8,18,42,.995) 62%, rgba(7,16,34,1) 100%);
    border-radius:172px 0 0 122px / 98px 0 0 72px;
    box-shadow:
      0 18px 40px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.03),
      inset 18px -14px 32px rgba(0,0,0,.14);
    z-index:0;
  }

  .brand{
    position:relative;
    z-index:2;
    align-self:center;
  }

  .topbar-watch{
    position:relative;
    z-index:2;
    flex:0 0 264px;
    width:264px;
    height:158px;
    align-items:flex-end;
    justify-content:center;
    padding-bottom:8px;
    margin-right:2px;
  }

  .topbar-watch::before{
    inset:32px 32px 16px 32px;
    border-radius:999px;
    background:
      radial-gradient(circle at 50% 42%, rgba(52,74,126,.16) 0%, rgba(52,74,126,.08) 42%, rgba(52,74,126,0) 76%);
    opacity:.9;
  }

  .mini-watch{
    --clock-face:126px;
    width:126px;
    height:126px;
    flex-basis:126px;
    transform:translateY(10px);
  }

  .page-main{padding-top:calc(var(--topbar-h) + 34px);}
}

@media (min-width:1440px){
  :root{--topbar-h:140px;}

  .app-topbar{padding:0 34px 0 32px;}

  .app-topbar::before{
    right:58px;
    bottom:-20px;
    width:232px;
    height:78px;
  }

  .app-topbar::after{
    width:338px;
    height:188px;
    right:-8px;
    bottom:-50px;
    border-radius:184px 0 0 128px / 104px 0 0 74px;
  }

  .topbar-watch{
    flex-basis:280px;
    width:280px;
    height:166px;
    padding-bottom:10px;
  }

  .mini-watch{
    --clock-face:132px;
    width:132px;
    height:132px;
    flex-basis:132px;
    transform:translateY(12px);
  }
}

/* --- vNext symmetric desktop clock bay: returns cleanly to header line behind clock --- */
@media (min-width:1025px){
  :root{--topbar-h:132px;}

  .app-topbar{
    height:var(--topbar-h) !important;
    padding:0 30px !important;
    overflow:visible !important;
    background:linear-gradient(90deg, rgba(7,16,34,.98) 0%, rgba(8,19,48,.98) 48%, rgba(7,16,34,.98) 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.065) !important;
  }

  .app-topbar::before{
    content:"";
    position:absolute;
    right:46px;
    bottom:-13px;
    width:268px;
    height:46px;
    pointer-events:none;
    z-index:1;
    background:radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.045) 0%, rgba(255,255,255,.015) 26%, rgba(255,255,255,0) 72%);
    opacity:.9;
  }

  .app-topbar::after{
    content:"";
    position:absolute;
    right:18px;
    bottom:-56px;
    width:326px;
    height:118px;
    pointer-events:none;
    z-index:0;
    background:
      radial-gradient(ellipse at 50% 18%, rgba(23,42,94,.26) 0%, rgba(23,42,94,.12) 38%, rgba(23,42,94,0) 68%),
      linear-gradient(180deg, rgba(8,20,49,.99) 0%, rgba(7,16,35,.995) 100%);
    border-radius:0 0 168px 168px / 0 0 102px 102px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.028),
      inset 0 -14px 22px rgba(0,0,0,.18),
      0 16px 30px rgba(0,0,0,.16);
  }

  .brand{position:relative;z-index:2;}

  .topbar-watch{
    position:relative;
    z-index:2;
    flex:0 0 258px !important;
    width:258px !important;
    height:150px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding-bottom:12px !important;
    margin-right:8px !important;
  }

  .topbar-watch::before{
    content:"";
    position:absolute;
    left:50%;
    top:10px;
    transform:translateX(-50%);
    width:164px;
    height:164px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(28,53,118,.18) 0%, rgba(28,53,118,.08) 42%, rgba(28,53,118,0) 72%);
    filter:blur(6px);
    opacity:.9;
    pointer-events:none;
  }

  .mini-watch{
    --clock-face:124px;
    width:124px !important;
    height:124px !important;
    flex-basis:124px !important;
    transform:translateY(8px) !important;
  }

  .page-main{padding-top:calc(var(--topbar-h) + 28px) !important;}
}

@media (min-width:1440px){
  :root{--topbar-h:138px;}

  .app-topbar{padding:0 34px !important;}

  .app-topbar::before{
    right:54px;
    bottom:-14px;
    width:286px;
    height:50px;
  }

  .app-topbar::after{
    right:22px;
    bottom:-60px;
    width:346px;
    height:126px;
    border-radius:0 0 178px 178px / 0 0 110px 110px;
  }

  .topbar-watch{
    flex-basis:270px !important;
    width:270px !important;
    height:156px !important;
    padding-bottom:14px !important;
  }

  .mini-watch{
    --clock-face:128px;
    width:128px !important;
    height:128px !important;
    flex-basis:128px !important;
    transform:translateY(10px) !important;
  }
}

/* --- Final desktop clock + elegant symmetric bay polish --- */
@media (min-width:1025px){
  :root{--topbar-h:132px;}

  .app-topbar{
    height:var(--topbar-h) !important;
    padding:0 30px !important;
    overflow:visible !important;
    background:linear-gradient(90deg, rgba(7,16,34,.985) 0%, rgba(8,20,50,.985) 50%, rgba(7,16,34,.985) 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
  }

  .app-topbar::before{
    content:"";
    position:absolute;
    right:42px;
    bottom:-1px;
    width:276px;
    height:18px;
    pointer-events:none;
    z-index:1;
    background:radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.05) 0%, rgba(255,255,255,.018) 36%, rgba(255,255,255,0) 78%);
    opacity:.78;
  }

  .app-topbar::after{
    content:"";
    position:absolute;
    right:28px;
    bottom:-38px;
    width:286px;
    height:78px;
    pointer-events:none;
    z-index:0;
    background:
      radial-gradient(ellipse at 50% 10%, rgba(38,68,138,.12) 0%, rgba(38,68,138,.055) 34%, rgba(38,68,138,0) 68%),
      linear-gradient(180deg, rgba(9,21,52,.985) 0%, rgba(7,16,35,.995) 100%);
    border-radius:0 0 143px 143px / 0 0 72px 72px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.022),
      inset 0 -8px 14px rgba(0,0,0,.08),
      0 8px 16px rgba(0,0,0,.08);
  }

  .topbar-watch{
    position:relative;
    z-index:2;
    flex:0 0 236px !important;
    width:236px !important;
    height:156px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding-bottom:0 !important;
    margin-right:10px !important;
  }

  .topbar-watch::before{
    content:"";
    position:absolute;
    left:50%;
    top:16px;
    transform:translateX(-50%);
    width:148px;
    height:148px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(24,48,110,.10) 0%, rgba(24,48,110,.04) 46%, rgba(24,48,110,0) 74%);
    filter:blur(8px);
    opacity:.68;
    pointer-events:none;
  }

  .mini-watch{
    width:118px !important;
    height:118px !important;
    flex-basis:118px !important;
    transform:translateY(1px) !important;
    background:radial-gradient(circle at 50% 48%, #151d35 0%, #0f1730 45%, #091021 100%) !important;
    border:1px solid rgba(255,255,255,.045) !important;
    box-shadow:
      0 -10px 18px rgba(255,255,255,.03),
      inset 0 -10px 18px rgba(255,255,255,.022),
      0 14px 24px rgba(0,0,0,.32),
      inset 0 12px 18px rgba(0,0,0,.26),
      0 0 22px rgba(17,34,78,.14) !important;
  }

  .mini-watch::before{
    box-shadow:none !important;
    background:transparent !important;
  }

  .mini-watch__face--outer{inset:15%; border-color:rgba(255,255,255,.05) !important; background:transparent !important;}
  .mini-watch__face--inner{inset:35%; border-color:rgba(255,255,255,.038) !important; background:transparent !important;}

  .mini-watch__num{
    color:rgba(243,239,231,.76) !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-shadow:0 1px 0 rgba(0,0,0,.16) !important;
  }
  .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-48px) !important;}
  .mini-watch__num--3{transform:translate(-50%,-50%) translateX(48px) !important;}
  .mini-watch__num--6{transform:translate(-50%,-50%) translateY(48px) !important;}
  .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-48px) !important;}

  .mini-watch__tick{
    width:2px !important;
    height:9px !important;
    margin-top:-34px !important;
    transform-origin:50% 34px !important;
    background:rgba(243,239,231,.38) !important;
    border-radius:2px !important;
  }

  .mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) !important;}
  .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) !important;}
  .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) !important;}
  .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) !important;}
  .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) !important;}
  .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) !important;}
  .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) !important;}
  .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) !important;}

  .mini-watch__hour span{width:6px !important;height:31px !important;background:#f2efe9 !important;border-radius:6px !important;}
  .mini-watch__min span{width:5px !important;height:42px !important;background:#f2efe9 !important;border-radius:5px !important;}
  .mini-watch__sec span{width:2px !important;height:26px !important;background:#d2b06b !important;border-radius:2px !important;}
  .mini-watch__center{
    left:50% !important;
    top:50% !important;
    width:14px !important;
    height:14px !important;
    transform:translate(-50%,-50%) !important;
    background:#f2efe9 !important;
    border:2px solid #0f1630 !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.025) !important;
  }

  .brand{transform:translateY(2px);}
}

@media (min-width:1440px){
  :root{--topbar-h:138px;}
  .app-topbar{padding:0 34px 0 32px !important;}
  .app-topbar::before{right:48px;width:286px;height:20px;}
  .app-topbar::after{right:28px;width:300px;height:82px;bottom:-40px;border-radius:0 0 150px 150px / 0 0 76px 76px;}
  .topbar-watch{flex-basis:248px !important;width:248px !important;height:162px !important;}
  .mini-watch{width:122px !important;height:122px !important;flex-basis:122px !important;transform:translateY(2px) !important;}
  .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-50px) !important;}
  .mini-watch__num--3{transform:translate(-50%,-50%) translateX(50px) !important;}
  .mini-watch__num--6{transform:translate(-50%,-50%) translateY(50px) !important;}
  .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-50px) !important;}
}

/* --- Final clock refinement: numerals visible on mobile and tighter desktop dial --- */
.mini-watch{
  --watch-size: 98px;
  --outer-size: 80px;
  --inner-size: 38px;
  --num-radius: 28px;
  --tick-radius: 27px;
  --tick-h: 9px;
  --tick-w: 2px;
}
.mini-watch__num{
  z-index: 3;
  font-size: 10px;
  color: rgba(243,239,231,.88);
  text-shadow: 0 1px 1px rgba(0,0,0,.28);
}
.mini-watch__num--12{transform:translate(-50%,-50%) translateY(calc(var(--num-radius) * -1));}
.mini-watch__num--3{transform:translate(-50%,-50%) translateX(var(--num-radius));}
.mini-watch__num--6{transform:translate(-50%,-50%) translateY(var(--num-radius));}
.mini-watch__num--9{transform:translate(-50%,-50%) translateX(calc(var(--num-radius) * -1));}
.mini-watch__tick{
  height: var(--tick-h);
  margin-top: calc((var(--tick-radius) + var(--tick-h) * .5) * -1);
  transform-origin: 50% calc(var(--tick-radius) + var(--tick-h) * .5);
  background: rgba(243,239,231,.44);
}
.mini-watch__center{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

@media (max-width: 640px){
  .topbar-watch{flex-basis:128px;width:128px;height:128px;}
  .mini-watch{
    --watch-size: 102px;
    --outer-size: 84px;
    --inner-size: 40px;
    --num-radius: 29px;
    --tick-radius: 28px;
    --tick-h: 9px;
    --hand-hour: 25px;
    --hand-min: 34px;
    --hand-sec: 26px;
  }
  .mini-watch__num{font-size: 10px;}
  .mini-watch__hour span{height:25px;}
  .mini-watch__min span{height:34px;}
  .mini-watch__sec span{height:26px;}
}

@media (min-width: 980px){
  .topbar-watch{
    flex:0 0 224px !important;
    width:224px !important;
    height:152px !important;
    align-items:flex-end !important;
  }
  .topbar-watch .mini-watch{
    width:116px !important;
    height:116px !important;
    transform:translateY(-2px) !important;
    box-shadow:
      0 -10px 18px rgba(255,255,255,.028),
      inset 0 -10px 18px rgba(255,255,255,.018),
      0 14px 24px rgba(0,0,0,.30),
      inset 0 12px 18px rgba(0,0,0,.24),
      0 0 20px rgba(17,34,78,.12) !important;
  }
  .topbar-watch .mini-watch__face--outer{inset:14% !important;}
  .topbar-watch .mini-watch__face--inner{inset:35% !important;}
  .topbar-watch .mini-watch__num{
    font-size:12px !important;
    color:rgba(243,239,231,.84) !important;
  }
  .topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-41px) !important;}
  .topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(41px) !important;}
  .topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(41px) !important;}
  .topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-41px) !important;}
  .topbar-watch .mini-watch__tick{
    width:2px !important;
    height:8px !important;
    margin-top:-31px !important;
    transform-origin:50% 31px !important;
    background:rgba(243,239,231,.36) !important;
  }
  .topbar-watch .mini-watch__hour span{height:29px !important;}
  .topbar-watch .mini-watch__min span{height:40px !important;}
  .topbar-watch .mini-watch__sec span{height:24px !important;}
  .topbar-watch .mini-watch__center{
    width:14px !important;
    height:14px !important;
    transform:translate(-50%,-50%) !important;
    box-shadow:0 0 0 4px #171d2a, 0 0 0 5px rgba(255,255,255,.02) !important;
  }
}

/* === Clock design refinement: closer to CodePen demo === */
:root{
  --clock-digit-color: rgba(244,242,236,.68);
  --clock-tick-color: rgba(244,242,236,.52);
  --clock-core: #f2efe9;
  --clock-sec: #d2b06b;
}
.mini-watch{
  background: radial-gradient(circle at 50% 50%, #1b2032 0%, #171c2d 58%, #111726 100%);
  border: 4px solid #171b2a;
  box-shadow:
    0 -12px 14px rgba(255,255,255,.03),
    inset 0 -12px 14px rgba(255,255,255,.02),
    0 14px 16px rgba(0,0,0,.28),
    inset 0 14px 16px rgba(0,0,0,.24),
    0 0 22px rgba(8,19,44,.16);
}
.mini-watch::before{
  inset:-6px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 0 10px rgba(13,26,64,.10);
  opacity:.75;
}
.mini-watch__face--outer{
  width: calc(var(--clock-face) * .70);
  height: calc(var(--clock-face) * .70);
  border: 1px solid rgba(255,255,255,.045);
  box-shadow:none;
}
.mini-watch__face--inner{
  width: calc(var(--clock-face) * .22);
  height: calc(var(--clock-face) * .22);
  border: 1px solid rgba(255,255,255,.03);
}
.mini-watch__num{
  color: var(--clock-digit-color);
  font-weight: 800;
  text-shadow:none;
}
.mini-watch__tick{
  width:2px;
  border-radius:2px;
  background: var(--clock-tick-color);
}
.mini-watch__hand span{
  border-radius: 999px;
}
.mini-watch__hour span{
  width:6px;
  height: calc(var(--clock-face) * .265);
}
.mini-watch__min span{
  width:5px;
  height: calc(var(--clock-face) * .355);
}
.mini-watch__sec span{
  width:2px;
  height: calc(var(--clock-face) * .31);
  background: var(--clock-sec);
}
.mini-watch__center{
  width: 12px;
  height: 12px;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%,-50%);
  background: #ece8df;
  border: 2px solid #1a2031;
  box-shadow:none;
}

@media (max-width:1024px){
  .mini-watch{
    --clock-face: 112px;
    --clock-num-size: 15px;
    --clock-num-offset: 34%;
    --clock-tick-len: 9px;
    --clock-tick-radius: 34px;
  }
  .mini-watch__num{opacity:.92}
  .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-34%)}
  .mini-watch__num--3{transform:translate(-50%,-50%) translateX(34%)}
  .mini-watch__num--6{transform:translate(-50%,-50%) translateY(34%)}
  .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-34%)}
  .mini-watch__center{width:13px;height:13px}
}

@media (min-width:1025px){
  .mini-watch{
    --clock-face: 124px;
    --clock-num-size: 12px;
    --clock-num-offset: 34%;
    --clock-tick-len: 10px;
    --clock-tick-radius: 38px;
  }
  .mini-watch__center{width:13px;height:13px}
  .topbar-watch::before{opacity:.55}
}

/* === Final clock refinement — closer to CodePen reference === */
:root{
  --clock-face: 112px;
  --clock-num-size: 13px;
  --clock-num-offset: 42%;
  --clock-tick-len: 8px;
  --clock-tick-radius: calc(var(--clock-face) * .355);
  --clock-core: #efeee9;
  --clock-digit-color: rgba(204,204,204,.82);
  --clock-tick-color: rgba(204,204,204,.66);
  --clock-hour-w: 6px;
  --clock-hour-h: calc(var(--clock-face) * .30);
  --clock-min-w: 5px;
  --clock-min-h: calc(var(--clock-face) * .42);
  --clock-sec-w: 2px;
  --clock-sec-h: calc(var(--clock-face) * .40);
}

.mini-watch{
  background: #1b1d29;
  border: 1px solid rgba(255,255,255,.035);
  box-shadow:
    0 -12px 14px rgba(255,255,255,.03),
    inset 0 -12px 14px rgba(255,255,255,.022),
    0 18px 26px rgba(0,0,0,.30),
    inset 0 12px 16px rgba(0,0,0,.28),
    0 0 20px rgba(7,14,32,.18);
}
.mini-watch::before{
  inset:-7px;
  box-shadow:0 0 0 1px rgba(255,255,255,.012),0 0 12px rgba(7,14,32,.14);
}
.mini-watch__face--outer{
  width:calc(var(--clock-face) * .76);
  height:calc(var(--clock-face) * .76);
  border:1px solid rgba(255,255,255,.04);
  box-shadow:none;
}
.mini-watch__face--inner{
  width:calc(var(--clock-face) * .32);
  height:calc(var(--clock-face) * .32);
  border:1px solid rgba(255,255,255,.025);
}
.mini-watch__num{
  font-size:var(--clock-num-size);
  color:var(--clock-digit-color);
  font-weight:700;
}
.mini-watch__tick{
  width:2px;
  height:var(--clock-tick-len);
  margin-left:-1px;
  margin-top:calc((var(--clock-tick-radius) + var(--clock-tick-len) * .5) * -1);
  background:var(--clock-tick-color);
  transform-origin:50% calc(var(--clock-tick-radius) + var(--clock-tick-len) * .5);
}
.mini-watch__center{
  width:12px;
  height:12px;
  background:var(--clock-core);
  border:2px solid #1b1d29;
  box-shadow:0 0 0 3px #1b1d29;
}
.mini-watch__hour span{width:var(--clock-hour-w);height:var(--clock-hour-h);background:var(--clock-core)}
.mini-watch__min span{width:var(--clock-min-w);height:var(--clock-min-h);background:var(--clock-core)}
.mini-watch__sec span{width:var(--clock-sec-w);height:var(--clock-sec-h);background:#d8b25c}

@media (max-width:1024px){
  .mini-watch{
    --clock-face:100px;
    --clock-num-size:14px;
    --clock-num-offset:40%;
    --clock-tick-len:8px;
    --clock-tick-radius:36px;
    --clock-hour-w:5px;
    --clock-hour-h:28px;
    --clock-min-w:5px;
    --clock-min-h:38px;
    --clock-sec-w:2px;
    --clock-sec-h:33px;
  }
  .topbar-watch{flex:0 0 114px;width:114px;height:114px}
}

@media (min-width:1025px){
  .mini-watch{
    --clock-face:118px;
    --clock-num-size:15px;
    --clock-num-offset:42%;
    --clock-tick-len:9px;
    --clock-tick-radius:43px;
    --clock-hour-w:6px;
    --clock-hour-h:31px;
    --clock-min-w:5px;
    --clock-min-h:43px;
    --clock-sec-w:2px;
    --clock-sec-h:39px;
  }
  .topbar-watch .mini-watch::before{box-shadow:0 0 0 1px rgba(255,255,255,.012),0 0 10px rgba(8,17,40,.10)}
}

@media (min-width:1440px){
  .mini-watch{
    --clock-face:122px;
    --clock-num-size:15px;
    --clock-tick-radius:44px;
  }
}

/* === Desktop clock polish v8: tighter ticks, calmer frame, cleaner desktop watch === */
@media (min-width: 1025px){
  .topbar-watch{
    flex-basis: 150px;
    width: 150px;
    height: 150px;
  }

  .topbar-watch .mini-watch{
    --clock-face: 116px;
    --clock-num-size: 16px;
    --clock-num-offset: 39%;
    --clock-tick-len: 8px;
    --clock-tick-radius: 35px;
    --clock-hour-w: 6px;
    --clock-hour-h: 30px;
    --clock-min-w: 5px;
    --clock-min-h: 40px;
    --clock-sec-w: 2px;
    --clock-sec-h: 34px;
    background: #1b1d29;
    border: 1px solid rgba(255,255,255,.03);
    box-shadow:
      0 -10px 12px rgba(255,255,255,.025),
      inset 0 -10px 12px rgba(255,255,255,.018),
      0 14px 22px rgba(0,0,0,.26),
      inset 0 12px 16px rgba(0,0,0,.24),
      0 0 14px rgba(7,14,32,.12);
  }

  .topbar-watch .mini-watch::before{
    inset: -5px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.01), 0 0 8px rgba(8,17,40,.08);
    opacity: .55;
  }

  .topbar-watch .mini-watch__face--outer{
    width: calc(var(--clock-face) * .74);
    height: calc(var(--clock-face) * .74);
    border-color: rgba(255,255,255,.035);
  }

  .topbar-watch .mini-watch__face--inner{
    width: calc(var(--clock-face) * .28);
    height: calc(var(--clock-face) * .28);
    border-color: rgba(255,255,255,.02);
  }

  .topbar-watch .mini-watch__num{
    font-size: var(--clock-num-size);
    color: rgba(204,204,204,.78);
    font-weight: 700;
  }

  .topbar-watch .mini-watch__num--12{transform: translate(-50%,-50%) translateY(-39%) !important;}
  .topbar-watch .mini-watch__num--3{transform: translate(-50%,-50%) translateX(39%) !important;}
  .topbar-watch .mini-watch__num--6{transform: translate(-50%,-50%) translateY(39%) !important;}
  .topbar-watch .mini-watch__num--9{transform: translate(-50%,-50%) translateX(-39%) !important;}

  .topbar-watch .mini-watch__tick{
    width: 2px;
    height: var(--clock-tick-len);
    margin-left: -1px;
    margin-top: calc((var(--clock-tick-radius) + var(--clock-tick-len) * .5) * -1);
    transform-origin: 50% calc(var(--clock-tick-radius) + var(--clock-tick-len) * .5);
    background: rgba(204,204,204,.58);
  }

  .topbar-watch .mini-watch__center{
    width: 11px;
    height: 11px;
    border-width: 2px;
    box-shadow: 0 0 0 2px #1b1d29;
  }

  .topbar-watch .mini-watch__hour span{width: 6px; height: 28px; background: #efeee9;}
  .topbar-watch .mini-watch__min span{width: 5px; height: 38px; background: #efeee9;}
  .topbar-watch .mini-watch__sec span{width: 2px; height: 32px; background: #d8b25c;}
}

/* === Final clock redesign: closer to CodePen reference, clearer on mobile, refined on desktop === */
:root{
  --final-clock-bg-a:#1a2032;
  --final-clock-bg-b:#121725;
  --final-clock-bg-c:#0e1320;
  --final-clock-num:rgba(236,235,232,.78);
  --final-clock-tick:rgba(236,235,232,.56);
  --final-clock-core:#f2efe9;
  --final-clock-sec:#d2b06b;
}

.mini-watch,
.topbar-watch .mini-watch{
  width:92px !important;
  height:92px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:radial-gradient(circle at 50% 46%, var(--final-clock-bg-a) 0%, var(--final-clock-bg-b) 52%, var(--final-clock-bg-c) 100%) !important;
  box-shadow:
    0 -10px 16px rgba(255,255,255,.035),
    inset 0 -10px 16px rgba(255,255,255,.025),
    0 14px 24px rgba(0,0,0,.32),
    inset 0 12px 18px rgba(0,0,0,.26),
    0 0 20px rgba(13,25,60,.18) !important;
}
.mini-watch::before,
.topbar-watch .mini-watch::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(62,87,155,.12) 0%, rgba(62,87,155,.05) 42%, rgba(62,87,155,0) 72%);
  z-index:-1;
  pointer-events:none;
}
.mini-watch__face,
.topbar-watch .mini-watch__face{
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.05) !important;
  pointer-events:none;
}
.mini-watch__face--outer,
.topbar-watch .mini-watch__face--outer{
  width:68px !important;
  height:68px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01) !important;
}
.mini-watch__face--inner,
.topbar-watch .mini-watch__face--inner{
  width:30px !important;
  height:30px !important;
  border-color:rgba(255,255,255,.035) !important;
}
.mini-watch__num,
.topbar-watch .mini-watch__num{
  left:50% !important;
  top:50% !important;
  color:var(--final-clock-num) !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
  z-index:7 !important;
}
.mini-watch__num--12,.topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-40px) !important;}
.mini-watch__num--3,.topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(40px) !important;}
.mini-watch__num--6,.topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(40px) !important;}
.mini-watch__num--9,.topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-40px) !important;}
.mini-watch__tick,
.topbar-watch .mini-watch__tick{
  left:50% !important;
  top:50% !important;
  width:2px !important;
  height:8px !important;
  margin-left:-1px !important;
  margin-top:-41px !important;
  border-radius:999px !important;
  background:var(--final-clock-tick) !important;
  transform-origin:50% 41px !important;
  z-index:6 !important;
}
.mini-watch__tick--1,.topbar-watch .mini-watch__tick--1{transform:rotate(30deg) !important;}
.mini-watch__tick--2,.topbar-watch .mini-watch__tick--2{transform:rotate(60deg) !important;}
.mini-watch__tick--4,.topbar-watch .mini-watch__tick--4{transform:rotate(120deg) !important;}
.mini-watch__tick--5,.topbar-watch .mini-watch__tick--5{transform:rotate(150deg) !important;}
.mini-watch__tick--7,.topbar-watch .mini-watch__tick--7{transform:rotate(210deg) !important;}
.mini-watch__tick--8,.topbar-watch .mini-watch__tick--8{transform:rotate(240deg) !important;}
.mini-watch__tick--10,.topbar-watch .mini-watch__tick--10{transform:rotate(300deg) !important;}
.mini-watch__tick--11,.topbar-watch .mini-watch__tick--11{transform:rotate(330deg) !important;}
.mini-watch__hand,
.topbar-watch .mini-watch__hand{
  inset:0 !important;
  transform-origin:50% 50% !important;
  z-index:8 !important;
}
.mini-watch__hand span,
.topbar-watch .mini-watch__hand span{
  position:absolute !important;
  left:50% !important;
  bottom:50% !important;
  transform:translateX(-50%) !important;
  display:block !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
.mini-watch__hour span,.topbar-watch .mini-watch__hour span{width:5px !important;height:23px !important;background:#f2efe9 !important;}
.mini-watch__min span,.topbar-watch .mini-watch__min span{width:4px !important;height:32px !important;background:#f2efe9 !important;}
.mini-watch__sec span,.topbar-watch .mini-watch__sec span{width:2px !important;height:25px !important;background:var(--final-clock-sec) !important;}
.mini-watch__center,
.topbar-watch .mini-watch__center{
  left:50% !important;
  top:50% !important;
  width:10px !important;
  height:10px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:var(--final-clock-core) !important;
  box-shadow:0 0 0 4px #171d2a !important;
  z-index:9 !important;
}

@media (min-width:980px){
  .topbar-watch{
    flex:0 0 206px !important;
    width:206px !important;
    height:154px !important;
    padding-right:18px !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  .topbar-watch .mini-watch{
    width:132px !important;
    height:132px !important;
    transform:translateY(-2px) !important;
    box-shadow:
      0 -14px 20px rgba(255,255,255,.035),
      inset 0 -14px 20px rgba(255,255,255,.025),
      0 18px 30px rgba(0,0,0,.34),
      inset 0 14px 22px rgba(0,0,0,.28),
      0 0 22px rgba(10,24,58,.16) !important;
  }
  .topbar-watch .mini-watch::before{
    inset:-10px !important;
    background:radial-gradient(circle, rgba(62,87,155,.09) 0%, rgba(62,87,155,.04) 42%, rgba(62,87,155,0) 72%) !important;
  }
  .topbar-watch .mini-watch__face--outer{width:96px !important;height:96px !important;}
  .topbar-watch .mini-watch__face--inner{width:42px !important;height:42px !important;}
  .topbar-watch .mini-watch__num{font-size:15px !important;}
  .topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-57px) !important;}
  .topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(57px) !important;}
  .topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(57px) !important;}
  .topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-57px) !important;}
  .topbar-watch .mini-watch__tick{
    height:10px !important;
    margin-top:-50px !important;
    transform-origin:50% 50px !important;
  }
  .topbar-watch .mini-watch__hour span{width:6px !important;height:31px !important;}
  .topbar-watch .mini-watch__min span{width:5px !important;height:42px !important;}
  .topbar-watch .mini-watch__sec span{width:2px !important;height:31px !important;}
  .topbar-watch .mini-watch__center{width:12px !important;height:12px !important;box-shadow:0 0 0 5px #171d2a !important;}

  .app-topbar::after{
    right:26px !important;
    width:300px !important;
    height:76px !important;
    bottom:-34px !important;
    border-radius:0 0 150px 150px / 0 0 64px 64px !important;
    background:linear-gradient(180deg, rgba(8,23,63,.96) 0%, rgba(5,10,22,.98) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 36px rgba(0,0,0,.22) !important;
  }
}


/* --- Final desktop clock refinement: deeper, clearer, better seated in the bay --- */
@media (min-width: 980px){
  .app-topbar::after{
    right: 10px !important;
    width: 340px !important;
    height: 92px !important;
    bottom: -42px !important;
    border-radius: 0 0 170px 170px / 0 0 82px 82px !important;
    background: linear-gradient(180deg, rgba(8,24,68,.95) 0%, rgba(4,9,22,.99) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 18px 30px rgba(28,56,130,.08),
      0 18px 34px rgba(0,0,0,.22) !important;
  }

  .topbar-watch{
    flex-basis: 226px !important;
    width: 226px !important;
    height: 164px !important;
    justify-content: center !important;
    padding-right: 0 !important;
    transform: translateY(4px) !important;
  }

  .topbar-watch .mini-watch{
    width: 142px !important;
    height: 142px !important;
    transform: translate(-14px, 8px) !important;
    border: 3px solid rgba(11,16,28,.92) !important;
    background: radial-gradient(circle at 50% 47%, rgba(32,39,58,.98) 0%, rgba(24,30,46,.99) 36%, rgba(18,23,35,1) 72%, rgba(15,19,30,1) 100%) !important;
    box-shadow:
      0 -15px 16px rgba(255,255,255,.04),
      inset 0 -15px 16px rgba(255,255,255,.03),
      0 16px 22px rgba(0,0,0,.32),
      inset 0 14px 18px rgba(0,0,0,.30),
      0 0 24px rgba(10,24,58,.10) !important;
  }

  .topbar-watch .mini-watch::before{
    inset: -8px !important;
    background: radial-gradient(circle, rgba(62,87,155,.08) 0%, rgba(62,87,155,.03) 44%, rgba(62,87,155,0) 72%) !important;
  }

  .topbar-watch .mini-watch__face--outer{
    width: 104px !important;
    height: 104px !important;
    border-color: rgba(255,255,255,.05) !important;
  }
  .topbar-watch .mini-watch__face--inner{
    width: 44px !important;
    height: 44px !important;
    border-color: rgba(255,255,255,.035) !important;
  }

  .topbar-watch .mini-watch__num{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: rgba(243,239,231,.76) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.14) !important;
  }
  .topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-61px) !important;}
  .topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(61px) !important;}
  .topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(61px) !important;}
  .topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-61px) !important;}

  .topbar-watch .mini-watch__tick{
    width: 2px !important;
    height: 10px !important;
    margin-top: -46px !important;
    transform-origin: 50% 46px !important;
    background: rgba(243,239,231,.42) !important;
  }

  .topbar-watch .mini-watch__hour span{
    width: 6px !important;
    height: 29px !important;
    background: #f3efe7 !important;
  }
  .topbar-watch .mini-watch__min span{
    width: 5px !important;
    height: 41px !important;
    background: #f3efe7 !important;
  }
  .topbar-watch .mini-watch__sec span{
    width: 2px !important;
    height: 33px !important;
    background: #d4b16f !important;
  }
  .topbar-watch .mini-watch__center{
    width: 11px !important;
    height: 11px !important;
    box-shadow: 0 0 0 4px #171d2a !important;
    background: #f3efe7 !important;
  }
}

/* --- Final desktop clock polish: softer analog frame, clearer numerals, deeper seating --- */
@media (min-width: 980px){
  .app-topbar::after{
    right: 18px !important;
    width: 322px !important;
    height: 84px !important;
    bottom: -38px !important;
    border-radius: 0 0 162px 162px / 0 0 72px 72px !important;
    background:
      radial-gradient(120% 95% at 50% 0%, rgba(21,54,130,.18) 0%, rgba(13,33,80,.10) 28%, rgba(8,18,43,.96) 58%, rgba(5,10,24,.985) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 16px 22px rgba(42,78,166,.07),
      inset 0 -10px 18px rgba(0,0,0,.18),
      0 18px 30px rgba(0,0,0,.22) !important;
  }

  .topbar-watch{
    flex-basis: 230px !important;
    width: 230px !important;
    height: 156px !important;
    transform: translate(-6px, 1px) !important;
  }

  .topbar-watch .mini-watch{
    width: 136px !important;
    height: 136px !important;
    transform: translate(-18px, 11px) !important;
    overflow: visible !important;
    border: 2px solid rgba(11,16,28,.96) !important;
    background: radial-gradient(circle at 50% 46%, rgba(28,35,53,.985) 0%, rgba(21,27,42,.995) 42%, rgba(14,19,30,1) 76%, rgba(11,15,24,1) 100%) !important;
    box-shadow:
      0 -14px 16px rgba(255,255,255,.035),
      inset 0 -14px 16px rgba(255,255,255,.03),
      0 17px 24px rgba(0,0,0,.34),
      inset 0 15px 18px rgba(0,0,0,.29),
      0 0 0 1px rgba(255,255,255,.03),
      0 0 26px rgba(11,32,90,.10) !important;
  }

  .topbar-watch .mini-watch::before{
    content:"";
    position:absolute;
    inset:-10px !important;
    border-radius:50%;
    background: radial-gradient(circle, rgba(36,58,120,.10) 0%, rgba(36,58,120,.05) 40%, rgba(36,58,120,0) 72%) !important;
    z-index:0;
    pointer-events:none;
  }

  .topbar-watch .mini-watch::after{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:50%;
    box-shadow:
      0 -9px 16px rgba(255,255,255,.03),
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 -8px 14px rgba(0,0,0,.18);
    pointer-events:none;
  }

  .topbar-watch .mini-watch__face--outer{
    width: 100px !important;
    height: 100px !important;
    border-color: rgba(255,255,255,.055) !important;
    opacity: .75 !important;
  }

  .topbar-watch .mini-watch__face--inner{
    width: 36px !important;
    height: 36px !important;
    border-color: rgba(255,255,255,.03) !important;
    opacity: .55 !important;
  }

  .topbar-watch .mini-watch__num{
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: rgba(214,211,206,.78) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
    letter-spacing: 0 !important;
    z-index: 6 !important;
  }
  .topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-52px) !important;}
  .topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(52px) !important;}
  .topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(52px) !important;}
  .topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-52px) !important;}

  .topbar-watch .mini-watch__tick{
    width: 2px !important;
    height: 9px !important;
    margin-top: -41px !important;
    transform-origin: 50% 41px !important;
    background: rgba(228,225,220,.52) !important;
    border-radius: 999px !important;
    z-index: 4 !important;
  }

  .topbar-watch .mini-watch__hour span{
    width: 6px !important;
    height: 27px !important;
    background: #f1eee7 !important;
    border-radius: 999px !important;
  }

  .topbar-watch .mini-watch__min span{
    width: 5px !important;
    height: 39px !important;
    background: #f1eee7 !important;
    border-radius: 999px !important;
  }

  .topbar-watch .mini-watch__sec span{
    width: 2px !important;
    height: 29px !important;
    background: linear-gradient(180deg, #d8b772 0%, #b98f43 100%) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 6px rgba(216,183,114,.15) !important;
  }

  .topbar-watch .mini-watch__center{
    width: 10px !important;
    height: 10px !important;
    background: #f1eee7 !important;
    box-shadow: 0 0 0 4px #171d2a !important;
    z-index: 7 !important;
  }
}

/* --- final desktop watch refinement: visible numerals, unified circle, soft wave rim --- */
@media (min-width: 980px){
  .topbar-watch{
    flex: 0 0 192px;
    width: 192px;
    height: 192px;
    justify-self: end;
    display: grid;
    place-items: center;
    padding-right: 0;
    transform: translate(-10px, 6px);
  }

  .topbar-watch .mini-watch{
    --watch-size: 136px;
    --outer-size: 114px;
    --inner-size: 42px;
    --num-radius: 54px;
    --tick-radius: 48px;
    --tick-h: 10px;
    --tick-w: 2px;
    --hour-w: 7px;
    --hour-h: 30px;
    --min-w: 5px;
    --min-h: 43px;
    --sec-w: 2px;
    --sec-h: 31px;
    position: relative;
    width: var(--watch-size);
    height: var(--watch-size);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 44%, #1a2238 0%, #131b31 42%, #0b1225 100%);
    border: 1px solid rgba(255,255,255,.045);
    box-shadow:
      0 -12px 18px rgba(255,255,255,.032),
      inset 0 -12px 18px rgba(255,255,255,.018),
      0 18px 28px rgba(0,0,0,.33),
      inset 0 14px 18px rgba(0,0,0,.24),
      0 0 26px rgba(12,26,72,.18);
    overflow: visible;
  }

  .topbar-watch .mini-watch::before{
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.03);
    box-shadow:
      0 0 0 1px rgba(10,20,48,.22),
      0 0 24px rgba(19,36,92,.16),
      inset 0 0 20px rgba(255,255,255,.015);
    pointer-events: none;
  }

  .topbar-watch .mini-watch::after{
    content: "";
    position: absolute;
    inset: -22px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(52,86,182,.10) 0%, rgba(23,40,96,.08) 42%, rgba(7,14,31,0) 72%);
    filter: blur(10px);
    opacity: .78;
    pointer-events: none;
    z-index: -1;
  }

  .topbar-watch .mini-watch__face--outer{
    width: var(--outer-size);
    height: var(--outer-size);
    border: 1px solid rgba(255,255,255,.055);
    box-shadow: inset 0 0 12px rgba(255,255,255,.015);
  }

  .topbar-watch .mini-watch__face--inner{
    width: var(--inner-size);
    height: var(--inner-size);
    border: 1px solid rgba(255,255,255,.038);
    box-shadow: inset 0 0 10px rgba(0,0,0,.22);
  }

  .topbar-watch .mini-watch__num{
    font-size: 12px;
    font-weight: 700;
    color: rgba(243,239,231,.82);
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
  }

  .topbar-watch .mini-watch__tick{
    width: var(--tick-w);
    height: var(--tick-h);
    margin-left: calc(var(--tick-w) * -.5);
    margin-top: calc((var(--tick-radius) + var(--tick-h) * .5) * -1);
    transform-origin: 50% calc(var(--tick-radius) + var(--tick-h) * .5);
    background: rgba(243,239,231,.46);
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.02);
  }

  .topbar-watch .mini-watch__center{
    left: 50%;
    top: 50%;
    width: 11px;
    height: 11px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #efe9dd;
    box-shadow: 0 0 0 4px #1b2338, 0 0 0 5px rgba(255,255,255,.025);
    z-index: 7;
  }

  .topbar-watch .mini-watch__hour span{
    width: var(--hour-w);
    height: var(--hour-h);
    background: #f0ece4;
  }

  .topbar-watch .mini-watch__min span{
    width: var(--min-w);
    height: var(--min-h);
    background: #ece5da;
  }

  .topbar-watch .mini-watch__sec span{
    width: var(--sec-w);
    height: var(--sec-h);
    background: linear-gradient(180deg, #d8b46a 0%, #b99147 100%);
    box-shadow: 0 0 8px rgba(212,177,111,.12);
  }
}

/* v14 desktop clock geometry fix */
@media (min-width: 980px){
  .topbar-watch{
    flex: 0 0 206px !important;
    width: 206px !important;
    height: 156px !important;
    justify-content: center !important;
    padding-right: 0 !important;
    transform: translateY(6px);
  }

  .topbar-watch .mini-watch{
    width: 146px !important;
    height: 146px !important;
    background: radial-gradient(circle at 50% 42%, rgba(29,37,59,.985) 0%, rgba(19,25,42,.99) 42%, rgba(12,17,30,1) 73%, rgba(9,14,24,1) 100%) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.03),
      0 0 0 10px rgba(8,12,22,.18),
      0 14px 26px rgba(0,0,0,.34),
      0 -8px 16px rgba(255,255,255,.04),
      inset 0 1px 0 rgba(255,255,255,.03),
      inset 0 -14px 18px rgba(0,0,0,.24) !important;
  }

  .topbar-watch .mini-watch::before{
    inset: -11px !important;
    background: radial-gradient(circle, rgba(61,89,157,.12) 0%, rgba(38,63,122,.05) 42%, rgba(15,24,48,0) 74%) !important;
  }

  .topbar-watch .mini-watch__face--outer{
    width: 108px !important;
    height: 108px !important;
    border-color: rgba(255,255,255,.055) !important;
  }

  .topbar-watch .mini-watch__face--inner{
    width: 46px !important;
    height: 46px !important;
    border-color: rgba(255,255,255,.035) !important;
  }

  .topbar-watch .mini-watch__num{
    font-size: 13px !important;
    color: rgba(243,239,231,.82) !important;
    font-weight: 700 !important;
  }
  .topbar-watch .mini-watch__num--12{transform:translate(-50%,-50%) translateY(-54px) !important;}
  .topbar-watch .mini-watch__num--3{transform:translate(-50%,-50%) translateX(54px) !important;}
  .topbar-watch .mini-watch__num--6{transform:translate(-50%,-50%) translateY(54px) !important;}
  .topbar-watch .mini-watch__num--9{transform:translate(-50%,-50%) translateX(-54px) !important;}

  .topbar-watch .mini-watch__tick{
    width: 2px !important;
    height: 9px !important;
    background: rgba(243,239,231,.42) !important;
    transform-origin: 50% 49px !important;
  }
  .topbar-watch .mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(-49px) !important;}
  .topbar-watch .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(-49px) !important;}

  .topbar-watch .mini-watch__hour span{
    width: 6px !important;
    height: 36px !important;
    background: #f3efe7 !important;
  }

  .topbar-watch .mini-watch__min span{
    width: 4px !important;
    height: 50px !important;
    background: #f3efe7 !important;
  }

  .topbar-watch .mini-watch__sec span{
    width: 2px !important;
    height: 34px !important;
    background: #d4b16f !important;
  }

  .topbar-watch .mini-watch__center{
    width: 11px !important;
    height: 11px !important;
    box-shadow: 0 0 0 4px #171d2a !important;
    background: #f3efe7 !important;
  }
}


/* === v17 desktop clock = mobile clock visual parity === */
@media (min-width:1025px){
  .topbar-watch{
    flex:0 0 210px;
    width:210px;
    height:var(--topbar-h);
    margin-right:0;
    justify-content:center;
    align-items:center;
  }
  .topbar-watch::before{
    inset:16px 24px 14px 24px;
    background:radial-gradient(circle at 50% 48%, rgba(52,74,126,.10) 0%, rgba(52,74,126,.045) 48%, rgba(52,74,126,0) 78%);
  }
  .topbar-watch .mini-watch,
  .app-topbar .mini-watch,
  .mini-watch{
    --clock-face:112px;
    --clock-num-size:10px;
    --clock-num-offset:39%;
    --clock-tick-len:10px;
    --clock-tick-radius:39px;
    --clock-hour-h:32px;
    --clock-min-h:45px;
    --clock-sec-h:38px;
    width:112px !important;
    height:112px !important;
    flex-basis:112px !important;
    background:radial-gradient(circle at 50% 48%, #141c34 0%, #0e1630 45%, #091021 100%) !important;
    box-shadow:
      0 -10px 18px rgba(255,255,255,.035),
      inset 0 -10px 18px rgba(255,255,255,.03),
      0 16px 28px rgba(0,0,0,.34),
      inset 0 12px 18px rgba(0,0,0,.28),
      0 0 28px rgba(17,34,78,.18) !important;
  }
  .topbar-watch .mini-watch__num,
  .app-topbar .mini-watch__num,
  .mini-watch__num{
    font-size:10px !important;
    color:rgba(243,239,231,.72) !important;
  }
  .topbar-watch .mini-watch__tick,
  .app-topbar .mini-watch__tick,
  .mini-watch__tick{
    height:10px !important;
    background:rgba(243,239,231,.45) !important;
  }
  .topbar-watch .mini-watch__tick--1,.app-topbar .mini-watch__tick--1,.mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--2,.app-topbar .mini-watch__tick--2,.mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--4,.app-topbar .mini-watch__tick--4,.mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--5,.app-topbar .mini-watch__tick--5,.mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--7,.app-topbar .mini-watch__tick--7,.mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--8,.app-topbar .mini-watch__tick--8,.mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--10,.app-topbar .mini-watch__tick--10,.mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__tick--11,.app-topbar .mini-watch__tick--11,.mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) translateY(-39px) !important}
  .topbar-watch .mini-watch__center,
  .app-topbar .mini-watch__center,
  .mini-watch__center{width:14px;height:14px;transform:translate(-50%,-50%) !important;}
}


/* === Desktop clock tighter tick ring fix === */
@media (min-width:1025px){
  .topbar-watch .mini-watch{
    --clock-face:124px;
    --clock-num-size:14px;
    --clock-num-offset:39%;
    --clock-tick-len:9px;
    --clock-tick-radius:31px;
  }
  .topbar-watch .mini-watch__tick{
    width:2px;
    height:var(--clock-tick-len);
    margin-top:calc((var(--clock-tick-radius) + var(--clock-tick-len) * .5) * -1) !important;
    transform-origin:50% calc(var(--clock-tick-radius) + var(--clock-tick-len) * .5) !important;
    background:rgba(243,239,231,.48);
  }
  .topbar-watch .mini-watch__tick--1{transform:translate(-50%,-50%) rotate(30deg) !important;}
  .topbar-watch .mini-watch__tick--2{transform:translate(-50%,-50%) rotate(60deg) !important;}
  .topbar-watch .mini-watch__tick--4{transform:translate(-50%,-50%) rotate(120deg) !important;}
  .topbar-watch .mini-watch__tick--5{transform:translate(-50%,-50%) rotate(150deg) !important;}
  .topbar-watch .mini-watch__tick--7{transform:translate(-50%,-50%) rotate(210deg) !important;}
  .topbar-watch .mini-watch__tick--8{transform:translate(-50%,-50%) rotate(240deg) !important;}
  .topbar-watch .mini-watch__tick--10{transform:translate(-50%,-50%) rotate(300deg) !important;}
  .topbar-watch .mini-watch__tick--11{transform:translate(-50%,-50%) rotate(330deg) !important;}
}


/* === exact topbar v27 replacement === */

.app-topbar,.topbar-watch,.mini-watch,.topbar-brand-wrap,.app-actions{display:none !important;}

:root {
  --bg-top: #141932;
  --bg-bottom: #0d1227;
  --page-bg-1: #050913;
  --page-bg-2: #0b1020;

  --text: #f3efe8;
  --line: rgba(255, 255, 255, 0.15);
  --glow: rgba(70, 100, 190, 0.12);

  --header-height: 194px;
  --clock-size: 204px;

  --dip-width: 400px;
  --dip-height: 62px;

  --content-max: 1280px;
  --side: 24px;
}

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at top, rgba(58, 87, 175, 0.08), transparent 28%),
    linear-gradient(180deg, var(--page-bg-1) 0%, var(--page-bg-2) 100%);
  color: var(--text);
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: var(--header-height);
  background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);
  overflow: visible;
  margin-bottom: calc(var(--dip-height) + 26px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}
.topbar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--line);
  box-shadow: 0 0 10px var(--glow);
  z-index: 1;
}
.topbar-inner {
  position: relative;
  width: min(var(--content-max), calc(100% - (var(--side) * 2)));
  min-height: var(--header-height);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 42px;
  padding: 0;
  z-index: 3;
}
.brand-wrap {
  display: flex;
  align-items: center;
  gap: 40px;
  min-width: 0;
  width: 100%;
  position: relative;
  z-index: 4;
}
.dip-mask {
  position: absolute;
  left: calc((var(--clock-size) / 2) - (var(--dip-width) / 2) - 2px);
  bottom: -2px;
  width: calc(var(--dip-width) + 4px);
  height: 10px;
  background: var(--bg-bottom);
  z-index: 2;
  pointer-events: none;
}
.dip-patch {
  position: absolute;
  left: calc((var(--clock-size) / 2) - (var(--dip-width) / 2));
  bottom: calc(var(--dip-height) * -1);
  width: var(--dip-width);
  height: var(--dip-height);
  z-index: 3;
  pointer-events: none;
}
.dip-patch svg { display: block; width: 100%; height: 100%; overflow: visible; }
.dip-fill { fill: var(--bg-bottom); }
.dip-stroke {
  fill: none;
  stroke: var(--line);
  stroke-width: 1;
  filter: drop-shadow(0 0 5px var(--glow));
}
.clock {
  position: relative;
  width: var(--clock-size);
  height: var(--clock-size);
  flex: 0 0 var(--clock-size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #08153a;
  background-image: url("https://skupzagotowke.pl/assets/img/clock.png");
  background-position: center;
  background-size: cover;
  border: 3px solid rgba(255, 255, 255, 0.06);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.03),
    0 20px 36px rgba(0, 0, 0, 0.34),
    0 0 24px rgba(40, 67, 154, 0.14),
    inset 0 -14px 14px rgba(255, 255, 255, 0.03),
    inset 0 14px 18px rgba(0, 0, 0, 0.24);
  transform: translateY(23px);
  z-index: 5;
}
.clock::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--text);
  border: 3px solid #08153a;
  z-index: 30;
}
.hour,.min,.sec {
  position: absolute;
  display: flex;
  justify-content: center;
  border-radius: 50%;
}
.hour { width: 104px; height: 104px; }
.hour::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 50%;
  background: var(--text);
  border-radius: 8px;
}
.min { width: 136px; height: 136px; }
.min::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 50%;
  background: var(--text);
  border-radius: 5px;
}
.sec { width: 160px; height: 160px; }
.sec::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 60%;
  background: var(--gold);
  border-radius: 3px;
}
.brand-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(760px, calc(100% - var(--clock-size) - 120px));
  text-align: center;
  font-size: clamp(1.95rem, 1.55vw + 0.95rem, 3.05rem);
  line-height: 0.97;
  font-weight: 700;
  letter-spacing: -0.038em;
  color: var(--text);
  white-space: nowrap;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  transform: translate(-0.9vw, 24px);
}
.page-main { padding-top: 0 !important; }
main, .app-viewport { position: relative; z-index: 1; }

@media (max-width: 920px) {
  :root {
    --header-height: 182px;
    --clock-size: 170px;
    --dip-width: 300px;
    --dip-height: 48px;
  }
  .topbar { margin-bottom: calc(var(--dip-height) + 20px); }
  .topbar-inner, .brand-wrap { gap: 20px; }
  .topbar-inner { padding: 0; }
  .clock { transform: translateY(17px); }
  .clock::before { width: 12px; height: 12px; }
  .hour { width: 86px; height: 86px; }
  .hour::before { width: 7px; }
  .min { width: 112px; height: 112px; }
  .sec { width: 132px; height: 132px; }
  .brand-title {
    max-width: none;
    font-size: clamp(1.55rem, 4.25vw, 2.45rem);
    text-align: center;
    white-space: nowrap;
    transform: translate(-1.1vw, 13px);
  }
}
@media (max-width: 640px) {
  :root {
    --side: 14px;
    --header-height: 158px;
    --clock-size: 146px;
    --dip-width: 250px;
    --dip-height: 40px;
  }
  .topbar { margin-bottom: calc(var(--dip-height) + 14px); }
  .topbar-inner { gap: 12px; padding: 0; }
  .brand-wrap { gap: 14px; }
  .clock { border-width: 2px; transform: translateY(13px); }
  .clock::before { width: 10px; height: 10px; border-width: 2px; }
  .hour { width: 74px; height: 74px; }
  .hour::before { width: 6px; }
  .min { width: 96px; height: 96px; }
  .min::before { width: 4px; }
  .sec { width: 114px; height: 114px; }
  .sec::before { width: 2px; }
  .brand-title {
    font-size: clamp(1.15rem, 5.2vw, 1.85rem);
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    transform: translate(-0.8vw, 9px);
  }
}


/* --- v30b unify topbar brand alignment across home and subpages --- */
.topbar .brand-wrap{
  align-items:center !important;
}
.topbar .brand-title{
  margin:0 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  position:relative !important;
}
@media (min-width: 921px){
  body.page-home .topbar .brand-title,
  body.page-subpage .topbar .brand-title{
    max-width:min(760px, calc(100% - var(--clock-size) - 120px)) !important;
    font-size:clamp(2.2rem, 2vw + 0.6rem, 3.55rem) !important;
    line-height:.96 !important;
    letter-spacing:-0.04em !important;
    transform:translate(-1.1vw, 18px) !important;
  }
}
@media (min-width: 641px) and (max-width: 920px){
  body.page-home .topbar .brand-title,
  body.page-subpage .topbar .brand-title{
    max-width:none !important;
    font-size:clamp(1.8rem, 3.2vw, 2.65rem) !important;
    line-height:.98 !important;
    letter-spacing:-0.035em !important;
    transform:translate(-1vw, 12px) !important;
  }
}


/* === v31b final desktop/topbar consistency across all pages === */
@media (min-width: 921px){
  .topbar .topbar-inner{
    width:min(1360px, calc(100% - (var(--side) * 2))) !important;
  }
  .topbar .brand-wrap,
  body.page-home .topbar .brand-wrap,
  body.page-subpage .topbar .brand-wrap{
    display:grid !important;
    grid-template-columns: var(--clock-size) minmax(0, 1fr) !important;
    align-items:center !important;
    column-gap: 40px !important;
    width:100% !important;
  }
  .topbar .brand-title,
  body.page-home .topbar .brand-title,
  body.page-subpage .topbar .brand-title{
    flex:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:start !important;
    text-align:left !important;
    white-space:nowrap !important;
    font-size:clamp(2.7rem, 2.05vw, 3.35rem) !important;
    line-height:.96 !important;
    letter-spacing:-0.04em !important;
    transform:translateY(18px) !important;
  }
}


/* === v32 content and contact refinement === */
.page-subpage .page-stack.page-frame,
.page-frame.legal-shell{
  position:relative;
}

.page-subpage .page-stack.page-frame{
  width:min(1360px, calc(100% - 2px));
  max-width:1360px;
  gap:20px;
}

.page-subpage .sub-hero,
.page-subpage .sub-grid > article,
.page-subpage .contact-grid > article{
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.page-subpage .sub-hero{
  padding:30px 24px 28px;
}

.page-subpage .sub-grid > article{
  min-height:100%;
}

.page-subpage .sub-lead{
  max-width:18ch;
}

.page-subpage .sub-note{
  max-width:46rem;
}

.page-subpage .mini-points li{
  border-radius:14px;
}

.page-contact .page-main{
  padding-bottom:calc(var(--appbar-h) + 42px);
}

.page-contact .contact-stack{
  width:min(1360px, calc(100% - 2px));
  max-width:1360px;
}

.page-contact .contact-stage{
  position:relative;
  display:grid;
  gap:0;
  border:1px solid rgba(212,177,111,.16);
  background:linear-gradient(180deg, rgba(16,22,35,.78), rgba(8,12,20,.9));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  overflow:hidden;
}

.page-contact .contact-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(760px 380px at 76% 20%, rgba(83,104,166,.14), transparent 48%),
    radial-gradient(480px 260px at 14% 86%, rgba(212,177,111,.06), transparent 56%),
    linear-gradient(90deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.02) 0, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:auto, auto, 140px 100%, 100% 140px;
  pointer-events:none;
}

.page-contact .contact-stage__intro,
.page-contact .contact-stage__form{
  position:relative;
  z-index:1;
  padding:26px 22px;
}

.page-contact .contact-stage__intro{
  border-bottom:1px solid rgba(255,255,255,.08);
}

.page-contact .contact-stage__form{
  background:linear-gradient(180deg, rgba(10,14,22,.48), rgba(8,11,18,.68));
}

.page-contact .contact-stage h1{
  margin:0 0 16px;
  font-size:clamp(42px, 7vw, 82px);
  line-height:.92;
  letter-spacing:-.055em;
  max-width:8.5ch;
}

.page-contact .contact-stage .sub-lead{
  max-width:15ch;
  margin:0 0 22px;
}

.page-contact .contact-facts{
  display:grid;
  gap:12px;
  margin:0 0 24px;
}

.page-contact .contact-facts > div{
  padding:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.page-contact .contact-facts strong{
  display:block;
  margin:0 0 6px;
  font-size:15px;
  letter-spacing:.02em;
}

.page-contact .contact-facts p,
.page-contact .contact-mail--inline{
  color:rgba(243,239,231,.8);
}

.page-contact .contact-mail--inline{
  display:inline-flex;
  font-size:clamp(18px, 2vw, 24px);
  font-weight:600;
  letter-spacing:-.02em;
}

.page-contact .lead-form--linear{
  display:grid;
  gap:16px;
  margin-top:0;
}


.page-contact .form-block,
.page-contact .form-footer-block{
  display:grid;
  gap:16px;
  padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,.07);
}

.page-contact .form-block:first-child{
  padding-top:0;
  border-top:0;
}

.page-contact .form-block__head{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:12px;
}

.page-contact .form-block__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid rgba(212,177,111,.28);
  color:rgba(212,177,111,.92);
  font-size:12px;
  letter-spacing:.16em;
  font-weight:700;
}

.page-contact .form-block__head h2{
  margin:0 0 4px;
  font-size:clamp(18px, 2vw, 24px);
  line-height:1.08;
  letter-spacing:-.02em;
}

.page-contact .form-block__head p{
  margin:0;
  color:rgba(243,239,231,.58);
  line-height:1.5;
  font-size:14px;
}

.page-contact .lead-form--linear label{
  gap:10px;
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear select,
.page-contact .lead-form--linear textarea{
  padding:18px 0 16px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:transparent;
  border-radius:0;
  box-shadow:none;
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea,
.page-contact .custom-select-trigger{
  transition:border-color .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease;
}

.page-contact .lead-form--linear input::placeholder,
.page-contact .lead-form--linear textarea::placeholder{
  color:rgba(243,239,231,.42);
}

.page-contact .lead-form--linear input:focus,
.page-contact .lead-form--linear select:focus,
.page-contact .lead-form--linear textarea:focus{
  border-bottom-color:rgba(212,177,111,.9);
}

.page-contact .lead-form--linear textarea{
  min-height:148px;
  line-height:1.6;
  resize:vertical;
}

.page-contact .field-hint{
  display:block;
  margin-top:10px;
  color:rgba(243,239,231,.52);
  line-height:1.5;
  font-size:13px;
}

.page-contact .conditional-fields{
  display:grid;
  gap:0;
}

.page-contact .conditional-group{
  display:grid;
  gap:14px;
  margin-top:-2px;
  padding:2px 0 2px;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .22s ease, transform .22s ease;
}

.page-contact .conditional-group.is-active{
  opacity:1;
  transform:translateY(0);
}

.page-contact .conditional-group[hidden]{
  display:none;
}

.page-contact .form-split--compact{
  gap:16px;
}

.page-contact .custom-select-field{
  position:relative;
}

.page-contact .custom-select-native{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
}

.page-contact .custom-select-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0 16px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.page-contact .custom-select-trigger:hover{
  border-bottom-color:rgba(212,177,111,.46);
}

.page-contact .custom-select-trigger__label{
  color:rgba(243,239,231,.9);
}

.page-contact .custom-select-field.is-placeholder .custom-select-trigger__label{
  color:rgba(243,239,231,.58);
}

.page-contact .custom-select-trigger__icon{
  width:11px;
  height:11px;
  flex:0 0 11px;
  border-right:2px solid rgba(243,239,231,.85);
  border-bottom:2px solid rgba(243,239,231,.85);
  transform:rotate(45deg) translateY(-1px);
  transition:transform .22s ease, border-color .22s ease;
}

.page-contact .custom-select-field.is-open .custom-select-trigger{
  border-bottom-color:rgba(212,177,111,.96);
}

.page-contact .custom-select-field.is-open .custom-select-trigger__icon{
  transform:rotate(-135deg) translateY(-1px);
  border-color:rgba(212,177,111,.96);
}

.page-contact .custom-select-panel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 12px);
  display:grid;
  gap:0;
  max-height:320px;
  overflow:auto;
  padding:8px 0;
  border:1px solid rgba(212,177,111,.2);
  background:linear-gradient(180deg, rgba(16,22,35,.985), rgba(9,13,22,.985));
  box-shadow:0 22px 44px rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:8;
  backdrop-filter:blur(14px);
}

.page-contact .custom-select-field.is-open .custom-select-panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

.page-contact .custom-select-option{
  padding:14px 18px;
  border:0;
  border-top:1px solid rgba(255,255,255,.04);
  background:transparent;
  color:rgba(243,239,231,.78);
  text-align:left;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease, padding-left .18s ease;
}

.page-contact .custom-select-option:first-child{
  border-top:0;
}

.page-contact .custom-select-option:hover,
.page-contact .custom-select-option:focus-visible{
  background:rgba(212,177,111,.08);
  color:var(--text);
  padding-left:24px;
  outline:none;
}

.page-contact .custom-select-option.is-selected{
  color:var(--gold);
}

.page-contact .form-split--desktop{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.page-contact .consent--linear{
  align-items:flex-start;
  gap:12px;
  padding-top:8px;
}

.page-contact .consent--linear input{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:var(--gold);
  flex:0 0 18px;
}

.page-contact .consent--linear span{
  color:rgba(243,239,231,.74);
  line-height:1.55;
}

.page-contact .contact-stage__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:2px;
}

.page-contact .contact-stage__actions .btn{
  min-width:190px;
  border-radius:0;
}

.page-contact .form-status{
  min-height:22px;
  margin:0;
}

.page-contact .lead-form--linear input:focus,
.page-contact .lead-form--linear textarea:focus,
.page-contact .custom-select-field.is-open .custom-select-trigger,
.page-contact .custom-select-field.is-focused .custom-select-trigger{
  box-shadow:inset 0 -1px 0 rgba(212,177,111,.96);
}

@media (min-width: 980px){
  .page-subpage .page-stack.page-frame{
    gap:24px;
  }

  .page-subpage .sub-hero{
    padding:44px 48px 38px;
  }

  .page-subpage .sub-grid > article,
  .page-subpage .contact-grid > article{
    padding:30px 28px;
  }

  .page-contact .contact-stage{
    grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
    min-height:min(70vh, 860px);
  }

  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding:42px 42px 38px;
  }

  .page-contact .contact-stage__intro{
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:0;
  }

  .page-contact .form-split--desktop{
    grid-template-columns:1fr 1fr;
    gap:18px 24px;
  }

  .page-contact .contact-stage__form{
    padding-top:48px;
  }
}


@media (min-width: 980px){
  .page-contact .lead-form--linear{
    gap:22px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:18px;
    padding-top:22px;
  }
}

@media (max-width: 640px){
  .page-subpage .page-stack.page-frame,
  .page-contact .contact-stack{
    width:100%;
  }

  .page-contact .contact-stage h1{
    max-width:7.5ch;
  }

  .page-contact .contact-stage__actions .btn{
    width:100%;
  }
}


/* Contact form mobile / dynamic refinement */
.page-contact .lead-form--linear label > span{
  color:rgba(243,239,231,.9);
  font-size:14px;
  letter-spacing:.01em;
}

.page-contact .contact-stage__form{
  background:linear-gradient(180deg, rgba(10,14,22,.56), rgba(7,10,16,.78));
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea,
.page-contact .custom-select-trigger,
.page-contact .custom-select-option{
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  font-size:16px;
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea,
.page-contact .custom-select-trigger{
  min-height:58px;
  line-height:1.35;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea{
  caret-color:var(--gold);
}

.page-contact .lead-form--linear textarea{
  min-height:154px;
}

.page-contact .custom-select-field{
  display:grid;
  gap:10px;
}

.page-contact .custom-select-trigger{
  position:relative;
  padding-right:6px;
}

.page-contact .custom-select-field.is-open .custom-select-trigger,
.page-contact .custom-select-field.is-focused .custom-select-trigger{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}

.page-contact .custom-select-panel{
  border-color:rgba(212,177,111,.26);
}

.page-contact .custom-select-option{
  min-height:50px;
  display:flex;
  align-items:center;
}

.page-contact .conditional-fields{
  gap:12px;
}

.page-contact .conditional-fields__intro{
  margin:2px 0 -2px;
  color:rgba(212,177,111,.86);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.page-contact .conditional-group{
  position:relative;
  gap:14px;
  margin-top:0;
  padding:16px 14px 10px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
}

.page-contact .conditional-group::before{content:none;display:none;}

.page-contact .conditional-group label{
  gap:8px;
}

.page-contact .conditional-group .field-hint{
  margin-top:8px;
}

.page-contact .consent--linear{
  padding:12px 0 2px;
  border-top:1px solid rgba(255,255,255,.07);
}

.page-contact .consent--linear input{
  margin-top:1px;
}

.page-contact .contact-stage__actions .btn{
  min-height:62px;
}

.page-contact .contact-stage__actions .btn.btn-primary{
  box-shadow:0 12px 28px rgba(212,177,111,.15);
}

.page-contact .form-status.is-error,
.page-contact .form-status.is-success{
  padding-top:2px;
  font-size:14px;
  line-height:1.55;
}

@media (min-width: 980px){
  .page-contact .conditional-group{
    padding:18px 18px 12px;
  }
}

@media (max-width: 640px){
  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding-left:18px;
    padding-right:18px;
  }

  .page-contact .contact-stage__intro{
    padding-bottom:20px;
  }

  .page-contact .contact-stage__form{
    padding-top:24px;
    padding-bottom:26px;
  }

  .page-contact .lead-form--linear{
    gap:18px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:14px;
    padding-top:18px;
  }

  .page-contact .form-block__head{
    gap:10px;
  }

  .page-contact .form-block__index{
    width:34px;
    height:34px;
    font-size:11px;
  }

  .page-contact .form-block__head h2{
    font-size:20px;
  }

  .page-contact .form-block__head p,
  .page-contact .field-hint,
  .page-contact .consent--linear span{
    font-size:13px;
    line-height:1.5;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:56px;
    padding-top:16px;
    padding-bottom:14px;
  }

  .page-contact .custom-select-panel{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    display:none;
    max-height:none;
    overflow:hidden;
    margin-top:10px;
    padding:4px 0;
    border-left:0;
    border-right:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    backdrop-filter:none;
  }

  .page-contact .custom-select-field.is-open .custom-select-panel{
    display:grid;
  }

  .page-contact .custom-select-option{
    min-height:48px;
    padding:13px 8px;
  }

  .page-contact .custom-select-option:hover,
  .page-contact .custom-select-option:focus-visible{
    padding-left:14px;
  }

  .page-contact .conditional-fields{
    gap:10px;
  }

  .page-contact .conditional-fields__intro{
    margin-top:0;
    font-size:11px;
  }

  .page-contact .conditional-group{
    padding:14px 12px 8px;
  }

  .page-contact .conditional-group::before{content:none;display:none;}

  .page-contact .form-split--compact{
    gap:12px;
  }
}


/* Contact form polish round */
.page-contact .lead-form--linear label{
  display:grid;
}

.page-contact .form-block,
.page-contact .form-footer-block{
  position:relative;
}

.page-contact .form-block::after,
.page-contact .form-footer-block::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:58px;
  height:1px;
  background:rgba(212,177,111,.22);
}

.page-contact .form-block:first-child::after{
  display:none;
}

.page-contact .custom-select-option.is-selected{
  position:relative;
  color:var(--gold);
  padding-right:42px;
}

.page-contact .custom-select-option.is-selected::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:9px;
  height:5px;
  border-left:2px solid rgba(212,177,111,.96);
  border-bottom:2px solid rgba(212,177,111,.96);
  transform:translateY(-60%) rotate(-45deg);
}

.page-contact .custom-select-field.has-value .custom-select-trigger__label{
  color:var(--text);
}

.page-contact .conditional-fields.has-active-group{
  gap:14px;
}

.page-contact .conditional-group{
  border-left:2px solid rgba(212,177,111,.42);
}

.page-contact .conditional-group label > span{
  color:rgba(243,239,231,.96);
}

.page-contact .form-footer-block--final{
  padding-top:22px;
}

.page-contact .form-footer-block--final::before{
  content:"Gotowe do kontaktu";
  display:block;
  margin:0 0 2px;
  color:rgba(212,177,111,.86);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.page-contact .consent--linear{
  position:relative;
}

.page-contact .consent--linear input{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.page-contact .consent--linear input:checked{
  border-color:rgba(212,177,111,.96);
  background-color:rgba(212,177,111,.92);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23081218' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  box-shadow:0 0 0 4px rgba(212,177,111,.12);
}

.page-contact .consent--linear input:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(212,177,111,.14);
  border-color:rgba(212,177,111,.96);
}

.page-contact .contact-stage__actions .btn.btn-secondary{
  background:rgba(255,255,255,.015);
  border-color:rgba(255,255,255,.1);
}

.page-contact .contact-stage__actions .btn.btn-secondary:hover{
  border-color:rgba(212,177,111,.22);
}

.page-contact .form-status.is-error,
.page-contact .form-status.is-success{
  padding-left:12px;
  border-left:1px solid rgba(255,255,255,.14);
}

.page-contact .form-status.is-success{
  border-left-color:rgba(212,177,111,.55);
}

@media (max-width: 640px){
  .page-contact .contact-stage__form{
    position:relative;
  }

  .page-contact .contact-stage__form::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(212,177,111,.26), rgba(255,255,255,.04));
  }

  .page-contact .lead-form--linear{
    gap:20px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:15px;
    padding-top:20px;
  }

  .page-contact .form-block::after,
  .page-contact .form-footer-block::after{
    width:44px;
  }

  .page-contact .form-block__head{
    align-items:center;
  }

  .page-contact .form-block__head h2{
    line-height:1.02;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:58px;
    padding-top:18px;
    padding-bottom:15px;
    border-bottom-color:rgba(255,255,255,.2);
  }

  .page-contact .lead-form--linear textarea{
    min-height:148px;
    line-height:1.55;
  }

  .page-contact .custom-select-trigger{
    padding-right:2px;
  }

  .page-contact .custom-select-trigger__icon{
    width:12px;
    height:12px;
    flex-basis:12px;
  }

  .page-contact .custom-select-panel{
    margin-top:12px;
    padding:6px 0;
    border-top:1px solid rgba(212,177,111,.22);
    border-bottom:1px solid rgba(212,177,111,.14);
    background:linear-gradient(180deg, rgba(15,20,32,.84), rgba(10,14,23,.58));
  }

  .page-contact .custom-select-option{
    position:relative;
    min-height:52px;
    padding:14px 10px;
    color:rgba(243,239,231,.82);
  }

  .page-contact .custom-select-option.is-selected{
    padding-right:36px;
  }

  .page-contact .custom-select-option.is-selected::after{
    right:10px;
  }

  .page-contact .custom-select-option:hover,
  .page-contact .custom-select-option:focus-visible{
    padding-left:12px;
  }

  .page-contact .conditional-fields.has-active-group{
    gap:12px;
  }

  .page-contact .conditional-fields__intro{
    margin-bottom:0;
    letter-spacing:.14em;
  }

  .page-contact .conditional-group{
    gap:12px;
    padding:14px 12px 10px;
    border-left-width:2px;
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
  }

  .page-contact .conditional-group::before{content:none;display:none;}

  .page-contact .field-hint{
    color:rgba(243,239,231,.56);
  }

  .page-contact .form-footer-block--final{
    gap:16px;
    padding-top:22px;
  }

  .page-contact .consent--linear{
    gap:10px;
    padding-top:14px;
  }

  .page-contact .consent--linear input{
    width:20px;
    height:20px;
    flex-basis:20px;
    margin-top:0;
  }

  .page-contact .contact-stage__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .page-contact .contact-stage__actions .btn{
    width:100%;
    min-height:60px;
    justify-content:center;
  }

  .page-contact .contact-stage__actions .btn.btn-primary{
    box-shadow:0 14px 28px rgba(212,177,111,.16);
  }

  .page-contact .contact-stage__actions .btn.btn-secondary{
    background:transparent;
  }

  .page-contact .form-status{
    min-height:40px;
  }
}

/* --- Contact UX refinement 2026-03-25 --- */
.page-contact .contact-stage{
  grid-template-columns:1fr;
}

.page-contact .contact-stage h1{
  max-width:7ch;
}

.page-contact .contact-stage .sub-lead{
  max-width:18ch;
  color:rgba(243,239,231,.84);
}

.page-contact .contact-facts--compact{
  gap:10px;
  margin-bottom:18px;
}

.page-contact .contact-facts--compact > div{
  padding-bottom:10px;
}

.page-contact .contact-inline-note{
  display:grid;
  gap:10px;
  padding-top:2px;
}

.page-contact .contact-inline-note span{
  color:rgba(212,177,111,.9);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.page-contact .contact-mail--inline{
  font-size:16px;
  font-weight:600;
  opacity:.92;
}

.page-contact .form-prelude{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0 0 8px;
}

.page-contact .form-prelude span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  color:rgba(243,239,231,.62);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.page-contact .lead-form--linear textarea{
  min-height:136px;
}

.page-contact .field-hint{
  line-height:1.45;
}

.page-contact .custom-select-trigger{
  min-height:60px;
}

.page-contact .custom-select-panel{
  overscroll-behavior:contain;
}

.page-contact .custom-select-option{
  line-height:1.35;
}

.page-contact .form-footer-block--final::before{
  margin-bottom:4px;
}

.page-contact .consent--linear{
  display:grid;
  grid-template-columns:24px 1fr;
  column-gap:12px;
  row-gap:0;
  align-items:start;
}

.page-contact .consent--linear input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.page-contact .consent__box{
  width:24px;
  height:24px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.page-contact .consent__text{
  color:rgba(243,239,231,.82);
  line-height:1.58;
}

.page-contact .consent--linear input:checked + .consent__box{
  border-color:rgba(212,177,111,.98);
  background-color:rgba(212,177,111,.95);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23081218' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3 8.5l3 3L13 4.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:13px 13px;
  box-shadow:0 0 0 4px rgba(212,177,111,.12);
}

.page-contact .consent--linear input:focus-visible + .consent__box,
.page-contact .consent--linear:hover .consent__box{
  border-color:rgba(212,177,111,.72);
}

.page-contact .contact-stage__actions{
  gap:0;
}

.page-contact .contact-stage__actions .btn.btn-primary{
  width:100%;
  min-height:64px;
  font-size:18px;
  letter-spacing:-.02em;
}

.page-contact .contact-stage__subactions{
  display:grid;
  gap:4px;
  justify-items:start;
  padding-top:2px;
}

.page-contact .contact-stage__microcopy{
  margin:0;
  color:rgba(243,239,231,.54);
  font-size:13px;
  line-height:1.5;
}

.page-contact .contact-stage__mail-link{
  color:rgba(212,177,111,.95);
  font-size:14px;
  letter-spacing:.02em;
}

.page-contact .form-status{
  min-height:24px;
}

.page-contact .form-status.is-error,
.page-contact .form-status.is-success{
  padding:10px 0 0 12px;
  font-size:13px;
}

@media (max-width: 640px){
  .page-contact .page-main{
    padding-top:calc(var(--topbar-h) + 10px);
  }

  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding-left:16px;
    padding-right:16px;
  }

  .page-contact .contact-stage__intro{
    padding-top:20px;
    padding-bottom:16px;
  }

  .page-contact .contact-stage h1{
    margin-bottom:12px;
    font-size:clamp(34px, 10vw, 52px);
    line-height:.94;
    max-width:6.8ch;
  }

  .page-contact .contact-stage .sub-lead{
    margin-bottom:16px;
    max-width:none;
    font-size:15px;
    line-height:1.48;
  }

  .page-contact .contact-facts--compact{
    gap:8px;
    margin-bottom:14px;
  }

  .page-contact .contact-facts--compact strong{
    font-size:14px;
  }

  .page-contact .contact-facts--compact p{
    font-size:14px;
    line-height:1.5;
  }

  .page-contact .contact-inline-note{
    gap:8px;
  }

  .page-contact .contact-mail--inline{
    font-size:15px;
  }

  .page-contact .contact-stage__form{
    padding-top:18px;
  }

  .page-contact .form-prelude{
    gap:6px;
    margin-bottom:2px;
  }

  .page-contact .form-prelude span{
    min-height:30px;
    font-size:10px;
    letter-spacing:.1em;
  }

  .page-contact .lead-form--linear{
    gap:18px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:13px;
    padding-top:18px;
  }

  .page-contact .lead-form--linear label > span{
    font-size:13px;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:54px;
    padding-top:14px;
    padding-bottom:13px;
  }

  .page-contact .lead-form--linear textarea{
    min-height:126px;
  }

  .page-contact .custom-select-panel{
    margin-top:8px;
    padding:3px 0;
  }

  .page-contact .custom-select-option{
    min-height:46px;
    padding:12px 8px;
    font-size:15px;
  }

  .page-contact .field-hint,
  .page-contact .form-block__head p,
  .page-contact .contact-stage__microcopy,
  .page-contact .consent__text{
    font-size:13px;
  }

  .page-contact .conditional-group{
    padding:12px 10px 8px;
  }

  .page-contact .consent--linear{
    grid-template-columns:22px 1fr;
    column-gap:10px;
    padding-top:12px;
  }

  .page-contact .consent__box{
    width:22px;
    height:22px;
  }

  .page-contact .contact-stage__actions .btn.btn-primary{
    min-height:60px;
    font-size:17px;
  }

  .page-contact .contact-stage__subactions{
    gap:3px;
  }
}

@media (min-width: 980px){
  .page-contact .contact-stage{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  }

  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding:38px 40px 36px;
  }

  .page-contact .contact-facts--compact{
    gap:14px;
  }

  .page-contact .contact-stage__actions{
    max-width:360px;
  }
}


/* --- Contact UX refinement 2026-03-25 round 2 --- */
.page-contact .contact-stage__intro{
  padding-bottom:18px;
}

.page-contact .contact-stage__form{
  padding-top:20px;
}

.page-contact .contact-stage h1{
  max-width:7.2ch;
  margin-bottom:12px;
}

.page-contact .contact-stage .sub-lead{
  max-width:18ch;
  margin-bottom:16px;
  color:rgba(243,239,231,.82);
}

.page-contact .contact-facts{
  gap:8px;
  margin-bottom:14px;
}

.page-contact .contact-facts > div{
  padding-bottom:10px;
}

.page-contact .contact-inline-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.page-contact .contact-mail--inline{
  font-size:15px;
  opacity:.86;
}

.page-contact .form-prelude{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0 0 14px;
}

.page-contact .form-prelude span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.02);
  color:rgba(243,239,231,.72);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.page-contact .lead-form--linear{
  gap:16px;
}

.page-contact .form-block,
.page-contact .form-footer-block{
  gap:12px;
  padding-top:16px;
}

.page-contact .form-block__head{
  gap:10px;
}

.page-contact .form-block__head h2{
  margin-bottom:2px;
}

.page-contact .lead-form--linear label{
  gap:8px;
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea,
.page-contact .custom-select-trigger{
  min-height:52px;
  padding-top:14px;
  padding-bottom:12px;
}

.page-contact .lead-form--linear textarea{
  min-height:118px;
}

.page-contact .field-hint{
  margin-top:6px;
  line-height:1.45;
}

.page-contact .conditional-fields.has-active-group{
  gap:10px;
}

.page-contact .conditional-group{
  gap:10px;
  padding:12px 12px 8px;
}

.page-contact .conditional-group::before{content:none;display:none;}

.page-contact .form-footer-block--final{
  gap:14px;
}

.page-contact .consent--linear{
  position:relative;
  display:grid;
  grid-template-columns:24px 1fr;
  gap:12px;
  align-items:flex-start;
}

.page-contact .consent--linear input{
  position:absolute;
  opacity:0;
  inset:0 auto auto 0;
  width:24px;
  height:24px;
  margin:0;
}

.page-contact .consent--linear .consent__box{
  position:relative;
  width:24px;
  height:24px;
  border:1px solid rgba(212,177,111,.42);
  background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.page-contact .consent--linear .consent__box::after{
  content:"";
  position:absolute;
  left:7px;
  top:4px;
  width:6px;
  height:11px;
  border-right:2px solid #081218;
  border-bottom:2px solid #081218;
  transform:rotate(40deg);
  opacity:0;
}

.page-contact .consent--linear input:checked + .consent__box{
  background:linear-gradient(180deg, rgba(212,177,111,.98), rgba(203,168,101,.92));
  border-color:rgba(212,177,111,.98);
  box-shadow:0 0 0 3px rgba(212,177,111,.1);
}

.page-contact .consent--linear input:checked + .consent__box::after{
  opacity:1;
}

.page-contact .consent--linear input:focus-visible + .consent__box{
  box-shadow:0 0 0 4px rgba(212,177,111,.12);
  border-color:rgba(212,177,111,.98);
}

.page-contact .consent--linear .consent__text{
  color:rgba(243,239,231,.84);
  line-height:1.5;
  padding-top:1px;
}

.page-contact .consent--linear .consent__text a{
  color:rgba(212,177,111,.96);
  text-underline-offset:3px;
}

.page-contact .contact-stage__actions{
  padding-top:0;
}

.page-contact .contact-stage__actions .btn.btn-primary{
  min-height:58px;
}

.page-contact .contact-stage__subactions{
  display:grid;
  gap:6px;
}

.page-contact .contact-stage__microcopy{
  margin:0;
  color:rgba(243,239,231,.52);
  font-size:13px;
  line-height:1.45;
}

.page-contact .contact-stage__mail-link{
  color:rgba(212,177,111,.94);
  font-size:15px;
  font-weight:600;
  text-decoration:none;
}

.page-contact .form-status{
  min-height:26px;
}

@media (max-width: 640px){
  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding-left:16px;
    padding-right:16px;
  }

  .page-contact .contact-stage__intro{
    padding-top:18px;
    padding-bottom:14px;
  }

  .page-contact .contact-stage__form{
    padding-top:18px;
    padding-bottom:22px;
  }

  .page-contact .contact-stage h1{
    font-size:clamp(34px, 9.2vw, 52px);
    max-width:6.4ch;
    margin-bottom:10px;
  }

  .page-contact .contact-stage .sub-lead{
    max-width:none;
    margin-bottom:14px;
    font-size:15px;
    line-height:1.5;
  }

  .page-contact .contact-facts{
    gap:6px;
    margin-bottom:10px;
  }

  .page-contact .contact-facts strong{
    margin-bottom:4px;
    font-size:14px;
  }

  .page-contact .contact-facts p{
    font-size:14px;
    line-height:1.45;
  }

  .page-contact .contact-facts > div:last-child{
    border-bottom:0;
    padding-bottom:4px;
  }

  .page-contact .contact-inline-note{
    justify-content:flex-start;
  }

  .page-contact .contact-mail--inline{
    font-size:14px;
  }

  .page-contact .form-prelude{
    position:sticky;
    top:0;
    z-index:3;
    margin:0 0 12px;
    padding:8px 0;
    background:linear-gradient(180deg, rgba(9,13,21,.96), rgba(9,13,21,.82));
    backdrop-filter:blur(8px);
  }

  .page-contact .form-prelude span{
    min-height:34px;
    font-size:10px;
    letter-spacing:.14em;
  }

  .page-contact .lead-form--linear{
    gap:14px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:11px;
    padding-top:14px;
  }

  .page-contact .form-block__index{
    width:32px;
    height:32px;
  }

  .page-contact .form-block__head h2{
    font-size:18px;
  }

  .page-contact .form-block__head p,
  .page-contact .field-hint,
  .page-contact .consent--linear .consent__text,
  .page-contact .contact-stage__microcopy{
    font-size:13px;
    line-height:1.45;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:50px;
    padding-top:13px;
    padding-bottom:11px;
  }

  .page-contact .lead-form--linear textarea{
    min-height:108px;
  }

  .page-contact .custom-select-panel{
    margin-top:8px;
  }

  .page-contact .custom-select-option{
    min-height:46px;
    padding:12px 8px;
  }

  .page-contact .conditional-group{
    padding:11px 10px 7px;
  }

  .page-contact .consent--linear{
    grid-template-columns:22px 1fr;
    gap:10px;
    padding-top:10px;
  }

  .page-contact .consent--linear input,
  .page-contact .consent--linear .consent__box{
    width:22px;
    height:22px;
  }

  .page-contact .consent--linear .consent__box::after{
    left:6px;
    top:3px;
  }

  .page-contact .contact-stage__actions .btn.btn-primary{
    min-height:56px;
  }

  .page-contact .contact-stage__subactions{
    gap:4px;
  }

  .page-contact .contact-stage__mail-link{
    font-size:14px;
  }
}


/* Contact deep UX refinement */
.page-contact .contact-stage__intro{
  padding-bottom:18px;
}

.page-contact .contact-inline-caption{
  margin:2px 0 8px;
  color:rgba(243,239,231,.52);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-contact .contact-inline-note{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.page-contact .form-prelude{
  position:sticky;
  top:0;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin:0 0 14px;
  padding:10px 0 12px;
  background:linear-gradient(180deg, rgba(8,11,18,.98) 0%, rgba(8,11,18,.88) 72%, rgba(8,11,18,0) 100%);
  backdrop-filter:blur(8px);
}

.page-contact .form-prelude span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.08);
  color:rgba(243,239,231,.54);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:border-color .22s ease, color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.page-contact .form-prelude span.is-active{
  border-color:rgba(212,177,111,.34);
  color:rgba(243,239,231,.9);
  background:linear-gradient(180deg, rgba(212,177,111,.11), rgba(212,177,111,.03));
  box-shadow:inset 0 0 0 1px rgba(212,177,111,.08);
}

.page-contact .lead-form--linear{
  gap:14px;
}

.page-contact .form-block,
.page-contact .form-footer-block{
  gap:14px;
  padding-top:16px;
}

.page-contact .form-block__head p{
  max-width:42ch;
}

.page-contact .lead-form--linear label{
  display:grid;
}

.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea,
.page-contact .custom-select-trigger{
  min-height:54px;
}

.page-contact .lead-form--linear textarea{
  min-height:132px;
}

.page-contact .field-hint{
  margin-top:8px;
  max-width:54ch;
}

.page-contact .lead-form--linear input.is-invalid,
.page-contact .lead-form--linear textarea.is-invalid,
.page-contact .custom-select-field.is-invalid .custom-select-trigger{
  border-bottom-color:rgba(255,108,92,.86);
  box-shadow:inset 0 -1px 0 rgba(255,108,92,.86);
}

.page-contact .custom-select-panel{
  top:calc(100% + 10px);
  border-color:rgba(212,177,111,.24);
}

.page-contact .custom-select-option{
  position:relative;
  padding-right:42px;
}

.page-contact .custom-select-option.is-selected::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:10px;
  height:6px;
  border-left:2px solid rgba(212,177,111,.95);
  border-bottom:2px solid rgba(212,177,111,.95);
  transform:translateY(-65%) rotate(-45deg);
}

.page-contact .conditional-group{
  padding:14px 14px 8px;
}

.page-contact .consent--linear{
  position:relative;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  padding:14px 14px 12px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
  cursor:pointer;
  transition:border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.page-contact .consent--linear:hover{
  border-color:rgba(212,177,111,.2);
}

.page-contact .consent--linear input{
  position:absolute;
  inset:auto;
  opacity:0;
  pointer-events:none;
}

.page-contact .consent__box{
  position:relative;
  width:24px;
  height:24px;
  margin-top:1px;
  border:1px solid rgba(212,177,111,.48);
  background:rgba(7,10,16,.78);
  transition:border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.page-contact .consent__box::after{
  content:"";
  position:absolute;
  left:7px;
  top:3px;
  width:6px;
  height:12px;
  border-right:2px solid #0d1018;
  border-bottom:2px solid #0d1018;
  transform:rotate(40deg) scale(.75);
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}

.page-contact .consent__text{
  color:rgba(243,239,231,.78);
  line-height:1.58;
}

.page-contact .consent__text a{
  color:rgba(212,177,111,.95);
}

.page-contact .consent--linear input:checked + .consent__box{
  background:var(--gold);
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(212,177,111,.18), 0 10px 18px rgba(212,177,111,.14);
}

.page-contact .consent--linear input:checked + .consent__box::after{
  opacity:1;
  transform:rotate(40deg) scale(1);
}

.page-contact .consent--linear input:focus-visible + .consent__box,
.page-contact .consent--linear.is-invalid .consent__box{
  box-shadow:0 0 0 1px rgba(255,108,92,.7), 0 0 0 4px rgba(255,108,92,.1);
  border-color:rgba(255,108,92,.86);
}

.page-contact .contact-stage__subactions{
  display:grid;
  gap:4px;
}

.page-contact .contact-stage__microcopy{
  margin:0;
  color:rgba(243,239,231,.48);
  font-size:13px;
}

.page-contact .contact-stage__mail-link{
  width:max-content;
  color:rgba(212,177,111,.92);
  font-size:clamp(18px, 2vw, 22px);
  font-weight:600;
  letter-spacing:-.02em;
}

@media (max-width: 640px){
  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding-left:16px;
    padding-right:16px;
  }

  .page-contact .contact-stage__intro{
    padding-top:20px;
    padding-bottom:16px;
  }

  .page-contact .contact-stage h1{
    margin-bottom:12px;
    font-size:clamp(34px, 10vw, 56px);
    max-width:7.2ch;
  }

  .page-contact .contact-stage .sub-lead{
    margin-bottom:16px;
    max-width:none;
  }

  .page-contact .contact-facts{
    gap:10px;
    margin-bottom:14px;
  }

  .page-contact .contact-facts > div{
    padding-bottom:10px;
  }

  .page-contact .form-prelude{
    margin-bottom:10px;
    padding-top:6px;
    padding-bottom:10px;
    gap:6px;
  }

  .page-contact .form-prelude span{
    min-height:34px;
    padding:0 6px;
    font-size:11px;
    letter-spacing:.11em;
  }

  .page-contact .lead-form--linear{
    gap:14px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:12px;
    padding-top:14px;
  }

  .page-contact .form-block__head{
    gap:9px;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:52px;
    padding-top:14px;
    padding-bottom:12px;
  }

  .page-contact .lead-form--linear textarea{
    min-height:118px;
  }

  .page-contact .custom-select-panel{
    margin-top:8px;
  }

  .page-contact .custom-select-option{
    min-height:44px;
    padding-top:11px;
    padding-bottom:11px;
  }

  .page-contact .conditional-group{
    padding:12px 12px 6px;
  }

  .page-contact .consent--linear{
    gap:12px;
    padding:12px 12px 10px;
  }

  .page-contact .consent__box{
    width:22px;
    height:22px;
  }

  .page-contact .consent__box::after{
    left:6px;
    top:2px;
  }

  .page-contact .contact-stage__actions .btn{
    min-height:58px;
  }
}


/* Contact page final polish */
.page-contact .contact-stack{
  margin-top:-18px;
}

.page-contact .contact-stage{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.page-contact .contact-stage__intro{
  padding-bottom:18px;
}

.page-contact .contact-stage__form{
  padding-top:22px;
}

.page-contact .contact-stage .sub-lead{
  max-width:18ch;
  margin:0 0 18px;
}

.page-contact .contact-facts{
  gap:10px;
  margin:0 0 16px;
}

.page-contact .contact-facts > div{
  padding:0 0 10px;
}

.page-contact .contact-facts strong{
  margin:0 0 4px;
}

.page-contact .contact-inline-caption{
  margin:0 0 4px;
  color:rgba(243,239,231,.58);
  font-size:13px;
}

.page-contact .contact-inline-note{
  margin:0;
}

.page-contact .contact-mail--inline{
  font-size:clamp(17px, 2vw, 22px);
}

.page-contact .form-prelude{
  margin:0 0 2px;
}

.page-contact .form-prelude span{
  color:rgba(243,239,231,.72);
}

.page-contact .form-prelude span.is-active{
  color:var(--text);
  border-color:rgba(212,177,111,.24);
  background:rgba(255,255,255,.02);
}

.page-contact .form-block__head p{
  max-width:34ch;
}

.page-contact .custom-select-trigger__label,
.page-contact .custom-select-option,
.page-contact .custom-select-option.is-selected{
  color:#f5f2ea;
}

.page-contact .custom-select-option{
  border-top-color:rgba(255,255,255,.05);
}

.page-contact .custom-select-option:hover,
.page-contact .custom-select-option:focus-visible,
.page-contact .custom-select-option.is-selected{
  background:rgba(255,255,255,.035);
}

.page-contact .custom-select-option.is-selected{
  padding-right:42px;
}

.page-contact .field-hint{
  max-width:36ch;
}

.page-contact .consent--linear{
  gap:14px;
  padding:14px 14px 0 0;
}

.page-contact .consent--linear span{
  color:rgba(243,239,231,.84);
}

.page-contact .consent--linear input{
  width:22px;
  height:22px;
  flex-basis:22px;
  margin-top:1px;
}

.page-contact .contact-stage__subactions{
  margin-top:4px;
}

.page-contact .contact-stage__microcopy{
  margin:0 0 4px;
  color:rgba(243,239,231,.52);
  font-size:13px;
}

.page-contact .contact-stage__mail-link{
  color:rgba(212,177,111,.9);
}

@media (max-width: 640px){
  .page-contact .contact-stack{
    margin-top:-22px;
  }

  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding-left:16px;
    padding-right:16px;
  }

  .page-contact .contact-stage__intro{
    padding-top:22px;
    padding-bottom:16px;
  }

  .page-contact .contact-stage__form{
    padding-top:20px;
    padding-bottom:24px;
  }

  .page-contact .contact-stage h1{
    margin:0 0 12px;
    max-width:7.1ch;
    font-size:clamp(38px, 10.2vw, 58px);
  }

  .page-contact .contact-stage .sub-lead{
    max-width:none;
    margin-bottom:16px;
    font-size:15px;
    line-height:1.5;
  }

  .page-contact .contact-facts{
    gap:8px;
    margin-bottom:12px;
  }

  .page-contact .contact-facts strong{
    font-size:14px;
  }

  .page-contact .contact-facts p,
  .page-contact .contact-inline-caption,
  .page-contact .contact-stage__microcopy,
  .page-contact .field-hint,
  .page-contact .form-block__head p,
  .page-contact .consent--linear span{
    font-size:12px;
    line-height:1.45;
  }

  .page-contact .lead-form--linear{
    gap:18px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:13px;
    padding-top:18px;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:54px;
    padding-top:14px;
    padding-bottom:12px;
  }

  .page-contact .lead-form--linear textarea{
    min-height:132px;
  }

  .page-contact .custom-select-panel{
    margin-top:8px;
    border-top:1px solid rgba(212,177,111,.18);
    border-bottom:1px solid rgba(212,177,111,.18);
    background:linear-gradient(180deg, rgba(10,14,22,.98), rgba(8,12,20,.98));
  }

  .page-contact .custom-select-option,
  .page-contact .custom-select-option.is-selected{
    color:#ffffff;
  }

  .page-contact .custom-select-option{
    min-height:46px;
    padding:12px 10px;
  }

  .page-contact .custom-select-option:hover,
  .page-contact .custom-select-option:focus-visible,
  .page-contact .custom-select-option.is-selected{
    padding-left:12px;
    background:rgba(212,177,111,.08);
  }

  .page-contact .consent--linear{
    gap:12px;
    padding-top:10px;
  }

  .page-contact .consent--linear input{
    width:20px;
    height:20px;
    flex-basis:20px;
  }
}

/* Contact final polish overrides */
.page-contact .contact-stack{
  position:relative;
}

.page-contact .contact-stage{
  overflow:visible;
}

.page-contact .contact-stage__intro,
.page-contact .contact-stage__form{
  position:relative;
  z-index:2;
}

.page-contact .contact-stage__intro{
  padding-bottom:14px;
}

.page-contact .contact-stage h1{
  max-width:6.6ch;
}

.page-contact .contact-stage .sub-lead{
  max-width:19ch;
  margin-bottom:14px;
}

.page-contact .contact-facts--compact{
  gap:8px;
  margin-bottom:10px;
}

.page-contact .contact-facts--compact > div{
  padding-bottom:8px;
}

.page-contact .contact-inline-caption{
  margin:0 0 6px;
}

.page-contact .contact-inline-note{
  margin-bottom:0;
}

.page-contact .form-block__head p,
.page-contact .field-hint,
.page-contact #messageContextHint,
.page-contact .contact-stage__microcopy{
  color:rgba(243,239,231,.6);
}

.page-contact .custom-select-field{
  z-index:6;
}

.page-contact .custom-select-field.is-open{
  z-index:30;
}

.page-contact .custom-select-trigger{
  background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.006));
}

.page-contact .custom-select-field.has-value .custom-select-trigger__label,
.page-contact .custom-select-option,
.page-contact .custom-select-option.is-selected{
  color:#fff;
}

.page-contact .custom-select-panel{
  top:calc(100% + 6px);
  padding:6px 0;
  background:linear-gradient(180deg, rgba(9,13,22,.995), rgba(7,10,16,.995));
  box-shadow:0 16px 34px rgba(0,0,0,.42);
}

.page-contact .custom-select-option{
  min-height:42px;
}

.page-contact .custom-select-option:hover,
.page-contact .custom-select-option:focus-visible{
  color:#fff;
}

.page-contact .consent--linear{
  gap:12px;
}

.page-contact .consent--linear .consent__text{
  color:rgba(243,239,231,.86);
  line-height:1.5;
}

.page-contact .contact-stage__subactions{
  gap:2px;
}

@media (max-width: 640px){
  .page-contact .contact-stack{
    margin-top:-18px;
  }

  .page-contact .contact-stage__intro,
  .page-contact .contact-stage__form{
    padding-left:15px;
    padding-right:15px;
  }

  .page-contact .contact-stage__intro{
    padding-top:16px;
    padding-bottom:12px;
  }

  .page-contact .contact-stage h1{
    margin-bottom:10px;
    font-size:clamp(32px, 9vw, 50px);
    max-width:6ch;
  }

  .page-contact .contact-stage .sub-lead{
    margin-bottom:12px;
    font-size:15px;
    line-height:1.5;
  }

  .page-contact .contact-facts--compact{
    gap:6px;
    margin-bottom:8px;
  }

  .page-contact .contact-facts--compact strong{
    font-size:13px;
  }

  .page-contact .contact-facts--compact p{
    font-size:14px;
    line-height:1.45;
  }

  .page-contact .contact-inline-caption{
    font-size:11px;
    letter-spacing:.14em;
  }

  .page-contact .contact-mail--inline{
    font-size:18px;
  }

  .page-contact .form-prelude{
    margin-bottom:8px;
    padding-top:4px;
    padding-bottom:8px;
  }

  .page-contact .form-block,
  .page-contact .form-footer-block{
    gap:10px;
    padding-top:12px;
  }

  .page-contact .form-block__head{
    gap:8px;
  }

  .page-contact .form-block__head h2{
    font-size:17px;
  }

  .page-contact .form-block__head p{
    font-size:14px;
    line-height:1.4;
  }

  .page-contact .lead-form--linear input,
  .page-contact .lead-form--linear textarea,
  .page-contact .custom-select-trigger{
    min-height:50px;
  }

  .page-contact .lead-form--linear textarea{
    min-height:108px;
  }

  .page-contact .field-hint,
  .page-contact #messageContextHint{
    font-size:13px;
    line-height:1.45;
  }

  .page-contact .custom-select-panel{
    top:calc(100% + 4px);
    max-height:240px;
  }

  .page-contact .custom-select-option{
    min-height:40px;
    padding:10px 16px;
    font-size:16px;
  }

  .page-contact .consent--linear{
    padding:11px 11px 10px;
  }

  .page-contact .consent--linear .consent__text{
    font-size:15px;
  }

  .page-contact .contact-stage__actions .btn.btn-primary{
    min-height:54px;
  }
}

/* --- Homepage scroll fix: allow natural document scrolling like subpages --- */
html{overflow-y:auto;}
body.page-home{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:100vh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:auto !important;
}
body.page-home .page-main{
  display:block !important;
  height:auto !important;
  min-height:calc(var(--app-vh, 100vh)) !important;
  overflow:visible !important;
  overscroll-behavior:auto !important;
}
body.page-home .hero-screen{
  overflow:visible !important;
  min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 56px) !important;
}
@media (max-width: 640px){
  body.page-home .page-main{
    padding-top:calc(var(--topbar-h) + 18px) !important;
    padding-bottom:calc(var(--appbar-h) + 26px) !important;
  }
  body.page-home.consent-open .page-main{
    padding-bottom:calc(var(--appbar-h) + 118px) !important;
  }
  body.page-home .hero-screen{
    min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 44px) !important;
  }
}


/* home hero lifted closer under topbar dip */
.page-home .page-main{
  padding-top:calc(var(--topbar-h) - 12px);
}
.page-home .hero-screen{
  align-items:flex-start;
}
.page-home .hero-shell{
  margin-top:-10px;
}
@media (max-width:640px){
  .page-home .page-main{
    padding-top:calc(var(--topbar-h) - 22px);
  }
  .page-home .hero-shell{
    margin-top:-16px;
  }
}

/* --- home hero proportion polish: tighter under dip, calmer desktop/mobile layout --- */
.page-home .page-main{
  padding-top:calc(var(--topbar-h) - 34px) !important;
  padding-left:22px !important;
  padding-right:22px !important;
}
.page-home .hero-screen{
  min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 18px) !important;
  align-items:flex-start !important;
}
.page-home .hero-shell{
  width:min(100%, 1120px) !important;
  max-width:1120px !important;
  margin-top:-24px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  min-height:clamp(480px, 56vh, 620px) !important;
  padding:48px 54px 44px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
}
.page-home h1{
  font-size:clamp(78px, 9vw, 142px) !important;
  line-height:.9 !important;
  letter-spacing:-.06em !important;
  max-width:8.4ch !important;
  margin:0 0 24px !important;
}
.page-home .hero-lead{
  font-size:clamp(26px, 3.2vw, 42px) !important;
  line-height:1.05 !important;
  max-width:14ch !important;
  margin:0 0 22px !important;
}
.page-home .hero-note{
  font-size:clamp(18px, 1.4vw, 22px) !important;
  max-width:30ch !important;
}

@media (min-width: 1100px){
  .page-home .page-main{
    padding-top:calc(var(--topbar-h) - 40px) !important;
    padding-left:34px !important;
    padding-right:34px !important;
  }
  .page-home .hero-shell{
    min-height:clamp(460px, 54vh, 600px) !important;
    padding:52px 56px 46px !important;
  }
  .page-home h1{
    font-size:clamp(82px, 7vw, 136px) !important;
    max-width:8.8ch !important;
  }
  .page-home .hero-lead{
    max-width:13ch !important;
  }
}

@media (max-width: 640px){
  .page-home .page-main{
    padding-top:calc(var(--topbar-h) - 34px) !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-bottom:calc(var(--appbar-h) + 18px) !important;
  }
  .page-home .hero-screen{
    min-height:auto !important;
  }
  .page-home .hero-shell{
    margin-top:-22px !important;
    min-height:auto !important;
    padding:24px 22px 26px !important;
    justify-content:flex-start !important;
  }
  .page-home h1{
    font-size:clamp(38px, 11.2vw, 66px) !important;
    line-height:.94 !important;
    max-width:7.3ch !important;
    margin-bottom:18px !important;
  }
  .page-home .hero-lead{
    font-size:clamp(24px, 7.2vw, 34px) !important;
    max-width:10ch !important;
    margin-bottom:18px !important;
  }
  .page-home .hero-note{
    font-size:14px !important;
    line-height:1.45 !important;
  }
}


/* --- home hero stabilisation v2: tighten gap under top bar and calm first screen --- */
.page-home .page-main{
  padding-top:calc(var(--topbar-h) - 92px) !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
.page-home .hero-screen{
  min-height:calc(var(--app-vh, 100vh) - var(--topbar-h) - var(--appbar-h) - 8px) !important;
  align-items:flex-start !important;
}
.page-home .hero-shell{
  width:min(100%, 1000px) !important;
  max-width:1000px !important;
  margin-top:-56px !important;
  min-height:clamp(380px, 48vh, 540px) !important;
  padding:42px 46px 38px !important;
  justify-content:flex-start !important;
}
.page-home h1{
  font-size:clamp(64px, 7.2vw, 118px) !important;
  line-height:.92 !important;
  max-width:7.4ch !important;
  margin:0 0 18px !important;
}
.page-home .hero-lead{
  font-size:clamp(20px, 2.25vw, 32px) !important;
  line-height:1.08 !important;
  max-width:15ch !important;
  margin:0 0 14px !important;
}
.page-home .hero-note{
  font-size:clamp(15px, 1.05vw, 19px) !important;
  line-height:1.4 !important;
  max-width:32ch !important;
}
@media (min-width: 1100px){
  .page-home .page-main{
    padding-top:calc(var(--topbar-h) - 100px) !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .page-home .hero-shell{
    width:min(100%, 1040px) !important;
    max-width:1040px !important;
    margin-top:-62px !important;
    min-height:clamp(360px, 46vh, 520px) !important;
    padding:44px 48px 40px !important;
  }
  .page-home h1{
    font-size:clamp(68px, 6.2vw, 122px) !important;
    max-width:7.8ch !important;
  }
  .page-home .hero-lead{
    max-width:16ch !important;
  }
}
@media (max-width: 640px){
  .page-home .page-main{
    padding-top:calc(var(--topbar-h) - 92px) !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-bottom:calc(var(--appbar-h) + 16px) !important;
  }
  .page-home .hero-screen{
    min-height:auto !important;
  }
  .page-home .hero-shell{
    margin-top:-30px !important;
    min-height:auto !important;
    padding:24px 22px 24px !important;
    width:100% !important;
  }
  .page-home h1{
    font-size:clamp(34px, 10.2vw, 60px) !important;
    line-height:.94 !important;
    max-width:8.1ch !important;
    margin-bottom:14px !important;
  }
  .page-home .hero-lead{
    font-size:clamp(18px, 6.2vw, 28px) !important;
    max-width:11ch !important;
    margin-bottom:14px !important;
  }
  .page-home .hero-note{
    font-size:13px !important;
    line-height:1.4 !important;
  }
}


/* home spacing fix: match subpages more closely */
.page-home .page-main{
  padding-top: calc(var(--topbar-h) + 10px) !important;
}
.page-home .hero-screen{
  align-items:flex-start !important;
  min-height:auto !important;
}
.page-home .hero-shell{
  margin-top: 0 !important;
}
@media (max-width: 760px){
  .page-home .page-main{
    padding-top: calc(var(--topbar-h) + 6px) !important;
  }
  .page-home .hero-screen{
    min-height:auto !important;
    align-items:flex-start !important;
  }
  .page-home .hero-shell{
    min-height:auto !important;
  }
}


/* --- Homepage rebuilt to follow subpage rhythm --- */
body.page-home{
  position:relative !important;
  inset:auto !important;
  width:100%;
  min-height:100vh;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
body.page-home .page-main{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  padding:calc(var(--topbar-h) + 10px) 18px calc(var(--appbar-h) + 32px) !important;
}
body.page-home .hero-screen,
body.page-home .hero-shell{all:unset}
.page-home .home-stack{
  max-width:1180px;
  margin:0 auto;
}
.page-home .home-hero{
  margin-top:-8px;
  padding:28px 24px 26px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(20,26,40,.7), rgba(12,17,28,.82));
  border:1px solid rgba(212,177,111,.13);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.page-home .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(520px 300px at 78% 20%, rgba(87,105,160,.12), transparent 44%),radial-gradient(320px 220px at 18% 88%, rgba(28,40,86,.14), transparent 54%);
  pointer-events:none;
}
.page-home .home-hero > *{position:relative;z-index:1}
.page-home .home-hero .eyebrow{margin-bottom:16px}
.page-home .home-hero h1{
  max-width:8ch;
  margin:0 0 18px;
  font-size:clamp(54px, 13vw, 92px);
  line-height:.92;
  letter-spacing:-.065em;
}
.page-home .home-hero .sub-lead{
  max-width:14ch;
  margin:0 0 18px;
  font-size:clamp(22px, 7vw, 30px);
  line-height:1.12;
  color:rgba(243,239,231,.84);
}
.page-home .home-hero .sub-note{
  max-width:34ch;
  margin:0 0 22px;
  font-size:15px;
  line-height:1.5;
  color:rgba(243,239,231,.7);
}
.page-home .home-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.page-home .home-actions .btn{min-height:56px}
@media (min-width:760px){
  body.page-home .page-main{padding:calc(var(--topbar-h) + 14px) 28px calc(var(--appbar-h) + 34px) !important;}
  .page-home .home-hero{margin-top:-10px;padding:40px 38px 34px;}
  .page-home .home-hero h1{max-width:8.4ch;font-size:clamp(72px, 8vw, 108px);}
  .page-home .home-hero .sub-lead{max-width:18ch;font-size:clamp(26px, 2.9vw, 38px);}
  .page-home .home-hero .sub-note{font-size:18px;max-width:48ch;}
  .page-home .home-actions{display:flex;gap:14px;flex-wrap:wrap;}
  .page-home .home-actions .btn{min-width:190px;justify-content:center;}
}
@media (min-width:980px){
  body.page-home .page-main{padding:calc(var(--topbar-h) + 12px) 36px calc(var(--appbar-h) + 30px) !important;}
  .page-home .home-hero{margin-top:-14px;max-width:980px;padding:38px 42px 34px;}
  .page-home .home-hero h1{max-width:9.2ch;font-size:clamp(78px, 6.4vw, 112px);}
  .page-home .home-hero .sub-lead{max-width:22ch;font-size:clamp(30px, 2.4vw, 40px);}
}
@media (max-width:640px){
  body.page-home .page-main{padding-top:calc(var(--topbar-h) + 4px) !important;}
  .page-home .home-hero{margin-top:-14px;padding:24px 22px 24px;}
  .page-home .home-hero .sub-note{font-size:14px;line-height:1.45;}
}


/* === home spacing + mobile brand fix v2 === */
body.page-home .page-main{
  padding: 0 18px calc(var(--appbar-h) + 32px) !important;
}
.page-home .home-stack{
  margin-top: -16px;
}
.page-home .home-hero{
  margin-top: 0;
}
@media (min-width:760px){
  body.page-home .page-main{
    padding: 0 28px calc(var(--appbar-h) + 34px) !important;
  }
  .page-home .home-stack{
    margin-top: -18px;
  }
}
@media (min-width:980px){
  body.page-home .page-main{
    padding: 0 36px calc(var(--appbar-h) + 30px) !important;
  }
  .page-home .home-stack{
    margin-top: -20px;
  }
}
@media (max-width:640px){
  .topbar .topbar-inner{
    width: min(var(--content-max), calc(100% - (var(--side) * 2))) !important;
  }
  .topbar .brand-wrap,
  body.page-home .topbar .brand-wrap,
  body.page-subpage .topbar .brand-wrap{
    display:grid !important;
    grid-template-columns: var(--clock-size) minmax(0,1fr) !important;
    column-gap: 12px !important;
    align-items:center !important;
  }
  .topbar .brand-title,
  body.page-home .topbar .brand-title,
  body.page-subpage .topbar .brand-title{
    max-width:none !important;
    min-width:0 !important;
    width:auto !important;
    font-size: clamp(1rem, 4.2vw, 1.45rem) !important;
    line-height: .98 !important;
    letter-spacing: -.042em !important;
    white-space: nowrap !important;
    text-align:left !important;
    justify-self:start !important;
    transform: translateY(8px) !important;
  }
}

/* === mobile topbar brand tuned for larger phones like iPhone 13 Pro Max === */
@media (min-width: 390px) and (max-width: 640px){
  .topbar .brand-title,
  body.page-home .topbar .brand-title,
  body.page-subpage .topbar .brand-title{
    font-size: clamp(1.28rem, 4.95vw, 1.82rem) !important;
    letter-spacing: -.044em !important;
    transform: translateY(8px) !important;
  }
}

@media (min-width: 430px) and (max-width: 640px){
  .topbar .brand-wrap,
  body.page-home .topbar .brand-wrap,
  body.page-subpage .topbar .brand-wrap{
    column-gap: 14px !important;
  }
  .topbar .brand-title,
  body.page-home .topbar .brand-title,
  body.page-subpage .topbar .brand-title{
    font-size: clamp(1.36rem, 4.7vw, 1.92rem) !important;
  }
}


/* --- Contact form native select cleanup 2026-04-04 --- */
.page-contact .native-select-field{
  display:grid;
  gap:8px;
}

.page-contact .native-select-wrap{
  position:relative;
}

.page-contact .native-select-wrap::after{
  content:"";
  position:absolute;
  right:4px;
  top:50%;
  width:11px;
  height:11px;
  border-right:1.5px solid rgba(212,177,111,.88);
  border-bottom:1.5px solid rgba(212,177,111,.88);
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
}

.page-contact .lead-form--linear select.native-property-select{
  width:100%;
  min-height:58px;
  padding:18px 34px 16px 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:rgba(243,239,231,.9);
  font-size:16px;
  line-height:1.35;
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  box-shadow:none;
  outline:none;
  cursor:pointer;
}

.page-contact .lead-form--linear select.native-property-select:focus{
  border-bottom-color:rgba(212,177,111,.9);
}

.page-contact .lead-form--linear select.native-property-select:required:invalid{
  color:rgba(243,239,231,.58);
}

.page-contact .lead-form--linear select.native-property-select option{
  color:#0c111b;
}

.page-contact .lead-form--linear select.is-invalid,
.page-contact .native-select-field.is-invalid select.native-property-select{
  border-bottom-color:rgba(255,108,92,.86);
  box-shadow:inset 0 -1px 0 rgba(255,108,92,.86);
}

.page-contact .native-select-field .field-hint{
  margin-top:2px;
}

@media (max-width: 640px){
  .page-contact .lead-form--linear select.native-property-select{
    min-height:54px;
    padding-top:14px;
    padding-bottom:13px;
  }
}


/* --- Contact form polish 2026-04-04 round 2 --- */
.page-contact .form-intro-note{
  margin:0 0 6px;
  color:rgba(243,239,231,.62);
  font-size:13px;
  line-height:1.5;
}
.page-contact .form-final-note{
  margin:0;
  padding:12px 14px;
  border-left:2px solid rgba(212,177,111,.82);
  background:linear-gradient(90deg, rgba(212,177,111,.08), rgba(212,177,111,0));
  color:rgba(243,239,231,.76);
  font-size:14px;
  line-height:1.5;
}
.page-contact .lead-form--linear label > span{
  color:rgba(243,239,231,.92);
  font-size:13px;
  letter-spacing:.02em;
}
.page-contact .lead-form--linear label:has([required]) > span::after,
.page-contact .native-select-field > span::after{
  content:' *';
  color:rgba(212,177,111,.94);
}
.page-contact .lead-form--linear input,
.page-contact .lead-form--linear textarea,
.page-contact .lead-form--linear select.native-property-select{
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.page-contact .lead-form--linear input:hover,
.page-contact .lead-form--linear textarea:hover,
.page-contact .lead-form--linear select.native-property-select:hover{
  border-bottom-color:rgba(255,255,255,.28);
}
.page-contact .lead-form--linear input.is-invalid,
.page-contact .lead-form--linear textarea.is-invalid{
  border-bottom-color:rgba(255,108,92,.86);
  box-shadow:inset 0 -1px 0 rgba(255,108,92,.86);
}
.page-contact .lead-form--linear input::placeholder,
.page-contact .lead-form--linear textarea::placeholder{
  color:rgba(243,239,231,.42);
}
.page-contact .conditional-fields__intro{
  margin:2px 0 2px;
  color:rgba(212,177,111,.9);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.page-contact .conditional-group{
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012));
}
.page-contact .form-status{
  padding-top:4px;
}
.page-contact .form-status.is-error,
.page-contact .form-status.is-success{
  padding:12px 14px;
  border-left:2px solid currentColor;
  background:rgba(255,255,255,.03);
}
.page-contact .contact-stage__actions .btn.btn-primary{
  width:100%;
  letter-spacing:.06em;
}
@media (max-width:640px){
  .page-contact .form-intro-note{font-size:12px;margin-bottom:2px;}
  .page-contact .form-final-note{font-size:13px;padding:11px 12px;}
}


/* Contact property type dropdown: square, full-width, form-aligned */
.page-contact .custom-select-field--property{
  position:relative;
  width:100%;
}

.page-contact .custom-select-field--property .custom-select-trigger{
  width:100%;
  min-height:62px;
  padding:18px 0 16px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.page-contact .custom-select-field--property .custom-select-panel{
  left:0;
  right:0;
  top:calc(100% + 2px);
  width:100%;
  border:1px solid rgba(212,177,111,.24);
  border-left:0;
  border-right:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(9,13,22,.985), rgba(7,10,16,.99));
  box-shadow:0 18px 34px rgba(0,0,0,.28);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.page-contact .custom-select-field--property .custom-select-option{
  width:100%;
  min-height:56px;
  padding:0;
  border:0;
  border-top:1px solid rgba(255,255,255,.06);
  border-radius:0;
  background:transparent;
}

.page-contact .custom-select-field--property .custom-select-option:first-child{
  border-top:0;
}

.page-contact .custom-select-field--property .custom-select-option:hover,
.page-contact .custom-select-field--property .custom-select-option:focus-visible,
.page-contact .custom-select-field--property .custom-select-option.is-selected{
  padding-left:0;
  background:rgba(212,177,111,.06);
}

.page-contact .custom-select-field--property .custom-select-option.is-selected{
  color:var(--gold);
}

.page-contact .custom-select-field--property .custom-select-option.is-selected::after{
  right:0;
}

@media (max-width: 768px){
  .page-contact .custom-select-field--property .custom-select-panel{
    top:calc(100% + 1px);
    max-height:360px;
  }
}


/* Contact property select Safari layout fix 2026-04-04 */
.page-contact .custom-select-field > .custom-select-label{
  display:block;
  color:rgba(243,239,231,.92);
  font-size:13px;
  letter-spacing:.02em;
}
.page-contact .custom-select-field > .custom-select-label::after{
  content:" *";
  color:rgba(212,177,111,.94);
}
.page-contact .custom-select-field .field-hint{
  display:block;
}
.page-contact .custom-select-field--property{
  display:grid;
  gap:8px;
}
.page-contact .custom-select-field--property .custom-select-trigger{
  margin:0;
}
.page-contact .custom-select-field--property .custom-select-panel{
  margin:0;
}


/* Single custom property select cleanup 2026-04-04 */
.page-contact .custom-select-value{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
}


/* Native property select only 2026-04-04 */
.page-contact .custom-select-field,
.page-contact .custom-select-trigger,
.page-contact .custom-select-panel,
.page-contact .custom-select-option,
.page-contact .custom-select-label{display:none !important;}
.page-contact .native-select-field{
  display:grid;
  gap:8px;
}
.page-contact .native-select-field > span{
  color:rgba(243,239,231,.92);
  font-size:13px;
  letter-spacing:.02em;
}
.page-contact .native-select-wrap{
  position:relative;
  padding:0 0 3px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.page-contact .native-select-wrap::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}
.page-contact .native-select-wrap::after{
  content:"";
  position:absolute;
  right:2px;
  top:50%;
  width:14px;
  height:14px;
  margin-top:-10px;
  border-right:2px solid rgba(212,177,111,.95);
  border-bottom:2px solid rgba(212,177,111,.95);
  transform:rotate(45deg);
  pointer-events:none;
  transition:transform .22s ease, opacity .22s ease, border-color .22s ease;
}
.page-contact .native-select-wrap:focus-within::after{
  transform:translateY(-2px) rotate(225deg);
  border-color:rgba(212,177,111,.98);
}
.page-contact .lead-form--linear select.native-property-select{
  width:100%;
  min-height:60px;
  padding:14px 42px 12px 0;
  border:0;
  border-bottom:1px solid rgba(212,177,111,.72);
  background:transparent;
  color:rgba(243,239,231,.94);
  font-size:17px;
  line-height:1.35;
  letter-spacing:-.01em;
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  box-shadow:none;
  outline:none;
  cursor:pointer;
  transition:border-color .22s ease, color .22s ease, opacity .22s ease, box-shadow .22s ease;
}
.page-contact .lead-form--linear select.native-property-select:hover{
  border-bottom-color:rgba(212,177,111,.9);
}
.page-contact .lead-form--linear select.native-property-select:focus{
  border-bottom-color:rgba(212,177,111,.98);
  box-shadow:inset 0 -1px 0 rgba(212,177,111,.98);
}
.page-contact .lead-form--linear select.native-property-select:required:invalid{
  color:rgba(243,239,231,.58);
}
.page-contact .lead-form--linear select.native-property-select option{
  color:#0c111b;
}
.page-contact .native-select-field .field-hint{
  margin-top:0;
  color:rgba(243,239,231,.58);
  font-size:12px;
  line-height:1.45;
}
@media (max-width:640px){
  .page-contact .native-select-field{
    gap:7px;
  }
  .page-contact .lead-form--linear select.native-property-select{
    min-height:56px;
    padding-top:13px;
    padding-bottom:12px;
    font-size:16px;
  }
  .page-contact .native-select-wrap::after{
    right:3px;
    width:13px;
    height:13px;
    margin-top:-9px;
  }
}


/* Contact page premium trim – gold9 */
.page-contact .contact-stage__intro{gap:16px;}
.page-contact .contact-stage__intro .sub-lead{max-width:34rem;color:rgba(243,239,232,.9);font-size:clamp(18px,2.2vw,22px);line-height:1.45;letter-spacing:.01em;}
.page-contact .contact-facts--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.page-contact .contact-facts--compact > div{padding:16px 16px 15px;border:1px solid rgba(201,168,106,.18);background:linear-gradient(180deg,rgba(12,16,28,.7),rgba(8,12,22,.46));}
.page-contact .contact-facts--compact strong{display:block;margin-bottom:8px;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:rgba(201,168,106,.92);}
.page-contact .contact-facts--compact p{margin:0;line-height:1.55;}
.page-contact .contact-mail--inline{text-decoration:none;border-bottom:1px solid rgba(201,168,106,.35);padding-bottom:2px;}
.page-contact .form-intro-note{margin:0 0 18px;padding:0;color:rgba(243,239,232,.8);font-size:14px;line-height:1.55;letter-spacing:.01em;}
.page-contact .form-block__head p{max-width:32rem;}
.page-contact .conditional-group__title{display:none;}
.page-contact .form-footer-block--final{padding-top:8px;}
.page-contact .consent--linear{margin-top:0;}
@media (max-width: 900px){
  .page-contact .contact-facts--compact{grid-template-columns:1fr;gap:10px;}
  .page-contact .contact-stage__intro .sub-lead{font-size:18px;}
  .page-contact .form-intro-note{margin-bottom:14px;}
}