@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#101110;--text:#f1f0e9;--muted:#a3a59a;--accent:#d9edac;--line:#30322c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:120px;height:76px}.header nav{display:flex;gap:40px;align-items:center;font-size:13px}.header nav>a:first-child{color:#c5c6bc}.nav-download{background:var(--accent);color:#151a10;padding:13px 19px;border-radius:5px}.nav-download span{margin-left:23px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding-top:91px;padding-bottom:87px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--accent);margin:0 0 25px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(54px,5.6vw,80px);font-weight:400;letter-spacing:-4.5px;line-height:1.08;margin:0 0 24px}h1 em{font-style:normal;color:var(--accent)}.intro{max-width:395px;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 32px}.store-links{display:flex;gap:10px;flex-wrap:wrap}.store{border:1px solid #45473d;border-radius:7px;padding:11px 12px;display:flex;gap:9px;align-items:center;min-width:176px;transition:border-color .2s,background .2s}.store:hover{border-color:var(--accent);background:#1e2119}.store svg{width:29px;height:29px;fill:var(--text)}.store small{display:block;font-size:9px;line-height:1.5;color:var(--muted)}.store strong{font-weight:500;font-size:17px;line-height:1.4}.store .arrow{margin-left:auto;font-size:16px;color:var(--muted)}.availability{font-size:10px;color:var(--muted);margin:15px 0 0}.hero-visual{min-width:0;padding-top:10px}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.7px}.visual-top{margin:0 3px 20px}.tiny-clock{font-size:24px;line-height:20px;color:var(--accent)}.device{border:1px solid #484a40;border-radius:24px;padding:10px;background:#1b1d1a;box-shadow:0 28px 65px #0005;transform:rotate(-3deg)}.device img{width:100%;height:auto;border-radius:15px}.visual-bottom{margin-top:28px;letter-spacing:0;font-size:12px}.visual-index{font-family:monospace;font-size:10px}.explore{display:flex;align-items:center;justify-content:center;gap:25px;width:max-content;margin:45px auto 0;font-size:11px}.explore span{color:var(--accent);font-size:18px}.benefits{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px;gap:20px}.benefits>span{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#c6c7bf}.benefits i{font-style:normal;font-size:22px;color:var(--accent)}.collection{padding-top:91px;padding-bottom:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:39px;font-weight:400;letter-spacing:-1.7px;line-height:1.2;margin:0}.section-heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.clock-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}figure{margin:0;min-width:0}.clock-image{overflow:hidden;border:1px solid #34362f;border-radius:9px;background:#181b20;aspect-ratio:5/3}.clock-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s}figure:hover .clock-image img{transform:scale(1.025)}figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 2px 0;font-size:14px}figcaption>span:last-child{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.gallery-note{font-size:10px;color:var(--muted);line-height:1.8;margin:31px 0 0}.download{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-block:65px 75px;align-items:center}.download h2{font-size:49px;letter-spacing:-2px}.download .eyebrow{margin-bottom:20px}.download p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted);margin-top:20px}.download-options{display:grid;gap:10px}.download-options>a{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #3e4234;padding:24px;background:#191c15;border-radius:6px;transition:border-color .2s}.download-options>a:hover{border-color:var(--accent)}.download-options small{display:block;letter-spacing:1.6px;font-size:9px;color:var(--accent);margin-bottom:10px}.download-options strong{font-size:16px;font-weight:400}.download-options>a>span:last-child{font-size:23px;color:var(--accent)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px;color:var(--muted);font-size:11px}.footer-brand img{width:95px;height:60px}footer>a:last-child{color:var(--text)}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--accent);color:#111;z-index:2}.skip:focus{top:12px}::selection{background:var(--accent);color:#101110}
@media(min-width:1600px){.hero{padding-block:110px}.hero-visual{padding-top:30px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;padding-block:66px}h1{font-size:60px}.store{min-width:157px}.hero-visual{align-self:center}.benefits{gap:10px}.benefits>span{font-size:11px;gap:8px}.download{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:93px}.brand img{width:100px;height:64px}.header nav{gap:18px}.header nav>a:first-child{display:none}.nav-download{font-size:11px;padding:12px}.nav-download span{margin-left:12px}.hero{grid-template-columns:1fr;padding-top:51px;padding-bottom:44px;gap:47px}h1{font-size:clamp(53px,12vw,76px);letter-spacing:-3.4px}.intro{font-size:15px;max-width:420px}.eyebrow{font-size:9px}.hero-visual{width:100%;padding:0 8px}.device{border-radius:20px;padding:7px}.device img{border-radius:13px}.visual-top{font-size:9px}.visual-bottom{font-size:11px}.explore{margin-top:27px}.benefits{grid-template-columns:1fr 1fr;row-gap:22px;padding-block:24px}.benefits>span{justify-content:flex-start;font-size:11px}.collection{padding-block:57px 48px}.section-heading{display:block;margin-bottom:25px}h2{font-size:30px;letter-spacing:-1.2px}.section-heading>p{margin-top:17px;font-size:12px}.clock-grid{gap:27px;grid-template-columns:1fr}.gallery-note{font-size:10px}.download{grid-template-columns:1fr;padding-block:44px 50px;gap:21px}.download h2{font-size:40px}.download-options>a{padding:20px 16px}.download-options strong{font-size:14px}footer{flex-wrap:wrap;gap:12px;padding-block:20px}footer>span{font-size:9px}footer>a:last-child{font-size:10px}.store{min-width:156px}.store-links{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.eyebrow{font-family:Montserrat,Arial,sans-serif}.skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.support {
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding-block: 64px;
  align-items: stretch;
}
.support-copy, .help {
  min-width: 0;
  padding: 36px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #171916;
}
.support-copy .eyebrow { margin-bottom: 20px; }
.support-copy h2 { margin-bottom: 20px; }
.support-copy > p:not(.eyebrow) {
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: var(--muted);
  max-width: 440px;
}
.support-email {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 0;
  margin: 20px 0 24px;
  border-block: 1px solid var(--line);
  color: var(--accent);
  font-size: clamp(16px, 1.65vw, 21px);
}
.support-email span:first-child { min-width: 0; overflow-wrap: anywhere; }
.support-copy > .support-hint { font-size: 13px !important; }
.help h3 { font-size: 21px; line-height: 1.5; font-weight: 400; margin: 0 0 28px; }
.help ol { padding-left: 22px; margin: 0; }
.help li { padding-left: 10px; margin: 0 0 24px; font-size: 14px; }
.help li:last-child { margin-bottom: 0; }
.help li::marker { color: var(--accent); }
.help strong { font-weight: 400; color: var(--text); }
.help p { color: var(--muted); line-height: 1.85; font-size: 13px; margin: 8px 0 0; }
.help a, .faq a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.faq { border-top: 1px solid var(--line); padding-block: 64px 80px; }
.faq .section-heading { max-width: 960px; margin: 0 auto 32px; }
.faq-list { display: grid; gap: 12px; max-width: 960px; margin-inline: auto; }
.faq details {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #171916;
  transition: background .2s, border-color .2s;
}
.faq details:hover { border-color: #565b4b; }
.faq details[open] { border-color: #6c7955; background: #1b1f17; }
.faq summary {
  min-height: 76px;
  padding: 24px 76px 24px 28px;
  position: relative;
  font-size: 16px;
  line-height: 1.65;
  cursor: pointer;
  list-style: none;
  border-radius: 12px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: '';
  position: absolute;
  right: 30px;
  top: 30px;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  transform: rotate(45deg);
  transition: transform .2s;
}
.faq details[open] summary::after { transform: translateY(5px) rotate(225deg); }
.faq details[open] summary { color: var(--accent); }
.faq details > p {
  margin: 0 28px;
  padding: 20px 34px 26px 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.9;
}
.faq summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@supports (interpolate-size: allow-keywords) {
  .faq details { interpolate-size: allow-keywords; }
  .faq details::details-content { block-size: 0; overflow: clip; transition: block-size .25s, content-visibility .25s; transition-behavior: allow-discrete; }
  .faq details[open]::details-content { block-size: auto; }
}
.footer-links { display: flex; gap: 23px; flex-wrap: wrap; }
.footer-links a:hover { color: var(--accent); }
@media(max-width: 900px) {
  .support-copy, .help { padding: 28px; }
}
@media(max-width: 760px) {
  .header nav { gap: 12px; font-size: 11px; }
  .support { grid-template-columns: 1fr; gap: 20px; padding-block: 40px; }
  .support-copy, .help { padding: 26px 22px; }
  .support-copy h2 { margin-bottom: 16px; }
  .support-email { font-size: 16px; margin-block: 20px; padding-block: 16px; }
  .help h3 { font-size: 19px; margin-bottom: 24px; }
  .faq { padding-block: 40px 48px; }
  .faq .section-heading { margin-bottom: 26px; }
  .faq summary { min-height: 70px; font-size: 14px; padding: 22px 54px 22px 20px; }
  .faq summary::after { right: 24px; top: 28px; }
  .faq details > p { margin-inline: 20px; padding: 18px 0 22px; font-size: 13px; }
  .footer-links { width: 100%; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 19px; margin-top: 5px; font-size: 11px; }
}
@media(max-width: 360px) {
  .header nav { gap: 8px; }
  .brand img { width: 82px; }
  .nav-download { padding: 11px 8px; }
  .nav-download span { margin-left: 5px; }
  .support-copy, .help { padding: 24px 18px; }
  .support-email { font-size: 14px; }
}
.header{display:grid;grid-template-columns:auto 1fr auto;gap:30px}.header nav{justify-self:end;gap:26px}.language-control{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.language-control select{width:123px;min-height:42px;padding:9px 10px;background:#1b1e18;border:1px solid #454b3b;border-radius:6px;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.language-control select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{overflow-wrap:break-word;hyphens:auto}.hero-copy{min-width:0}.benefits>span{line-height:1.6}.footer-links{row-gap:15px}.support-copy h2{font-size:clamp(28px,3.3vw,39px)}
@media(max-width:1050px){.header{gap:18px}.header nav{gap:18px}.nav-download{padding:13px}.nav-download span{margin-left:10px}}
@media(max-width:760px){.header{height:auto;min-height:132px;grid-template-columns:1fr auto;gap:0 16px;padding-block:10px 16px}.header .brand{grid-column:1;grid-row:1}.language-control{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;justify-self:stretch;gap:12px;padding-top:8px}.header nav>a:first-child{display:block}.header nav a{font-size:11px}.header .nav-download{padding:11px}.hero h1{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2.5px}.benefits{column-gap:16px}.benefits>span{font-size:10px;align-items:flex-start}.benefits i{flex-shrink:0}.footer-links{justify-content:flex-start;gap:16px 22px}.download h2{font-size:36px}.support-copy h2{font-size:28px}}
@media(max-width:360px){.header nav>a:first-child{display:none}.header nav{justify-content:space-between}.hero h1{font-size:43px}.store{min-width:0;flex:1 1 160px}.support-copy h2{font-size:25px}}