:root { color-scheme:light;--bg:#f7f8fa;--ink:#262930;--muted:#666d78;--coral:#ef6c61;--accent-ink:#a83e36;--line:#d9dde3;--card:#fff;--soft:#eceef2;--glass:rgba(255,255,255,.77);--hero:#e7eaf0;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif }
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:35px }
body { margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased }
a { color:inherit;text-decoration:none }
button { font:inherit;color:inherit;cursor:pointer }
button, a { -webkit-tap-highlight-color:transparent }
button { border:0 }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid var(--coral);outline-offset:5px }
img { display:block;max-width:100% }
h1, h2, h3, p, figure { margin:0 }
button:hover, a:hover { transition:background .2s,color .2s,transform .2s }
.wrap { width:min(1280px,calc(100% - 96px));margin:auto }
.site-header { height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line) }
.wordmark { display:flex;align-items:center;font-size:29px;letter-spacing:-1.5px;font-weight:560;line-height:1 }
.wordmark-period { color:var(--coral) }
.main-nav { display:flex;gap:34px;margin-left:40px;font-size:14px;color:var(--muted) }
.main-nav a:hover, .text-link:hover { color:var(--coral) }
.eyebrow { font-size:11px;font-weight:650;line-height:1.3;letter-spacing:2px;display:flex;align-items:center;gap:10px }
h1 { font-size:clamp(75px,7.25vw,111px);font-weight:480;line-height:1.01;letter-spacing:-7px;margin:34px 0 26px }
h1 em { font-family:var(--serif);font-weight:400;letter-spacing:-5px;color:var(--coral) }
.button { display:inline-flex;justify-content:center;align-items:center;gap:23px;padding:17px 24px;min-height:54px;border-radius:50px;font-size:14px;font-weight:560;line-height:1.4 }
.button.coral { background:var(--coral);color:#241e1d;box-shadow:0 8px 24px #f071661a }
.button.coral:hover { background:#f8877e;transform:translateY(-2px) }
.button span { font-size:19px }
.text-link { font-size:13px;display:flex;align-items:center;gap:15px }
.site-footer { padding:45px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted) }
.site-footer .wordmark { color:var(--ink) }
.skip-link { position:fixed;left:20px;top:-100px;background:var(--ink);color:var(--bg);padding:10px 20px;z-index:100 }
.skip-link:focus { top:20px }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
@media(min-width:1550px) {
  h1 { font-size:114px }
}
@media(max-width:1050px) {
  .wrap { width:calc(100% - 60px) }
  h1 { font-size:80px;letter-spacing:-5px }
  .main-nav { gap:22px;margin:0 }
  .button { padding:16px 20px }
}
@media(max-width:760px) {
  .wrap { width:calc(100% - 40px) }
  .site-header { height:84px;gap:12px }
  .wordmark { font-size:27px }
  .main-nav { display:none }
  .eyebrow { font-size:10px;letter-spacing:1.6px }
  h1 { font-size:clamp(69px,13vw,95px);line-height:.99;letter-spacing:-4px;margin:29px 0 24px }
  h1 em { letter-spacing:-3px }
  .button { font-size:14px }
  .site-footer { flex-wrap:wrap;gap:25px;padding-bottom:45px }
  .site-footer>span { order:3;width:100% }
}
@media(max-width:380px) {
  .wrap { width:calc(100% - 32px) }
}
.section-space { padding-top:105px;padding-bottom:105px }
h2 { font-size:clamp(42px,4.5vw,68px);font-weight:480;line-height:1.1;letter-spacing:-3px }
h2 em { font-family:var(--serif);font-weight:400 }
h3 { font-weight:500 }
.section-intro { text-align:center }
.section-intro .eyebrow { justify-content:center }
.section-intro h2 { margin:25px 0 }
.section-intro>p:last-child { color:var(--muted);font-size:16px;line-height:1.8 }
.product-layout { display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:68px;align-items:center }
.product-stage { height:660px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 40%,var(--card),var(--soft) 73%);border-radius:7px;overflow:hidden }
.orbit-caption { position:absolute;left:20px;top:27px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;color:var(--muted) }
.phone-preview { width:280px;height:564px;position:relative;padding:12px 19px 20px;border-radius:39px;border:5px solid #d9dce0;background:#f9fafc;color:#292c33;box-shadow:0 28px 48px #333b5220,0 0 0 1px #aeb3be,inset 0 0 0 1px #fff;transform:rotate(-5deg) }
.phone-status { display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;height:23px;margin:0 3px 24px }
.island { position:absolute;top:9px;left:90px;width:90px;height:24px;border-radius:20px;background:#25262a }
.mini-eyebrow { font-size:8px;letter-spacing:1.3px;color:#828994 }
.phone-heading h3 { font-size:25px;line-height:1.3;letter-spacing:-1px;margin:4px 0 }
.phone-heading p { color:#717887;font-size:10px }
.phone-body { height:300px;display:grid;place-items:center;margin:10px -10px 0 }
.phone-body img { height:100%;width:100%;object-fit:contain }
.body-switch { display:flex;background:#e9ebef;width:max-content;border-radius:20px;margin:0 auto 15px;padding:3px;gap:2px }
.body-switch button { font-size:10px;padding:5px 15px;border-radius:14px;background:transparent;color:#686e7c;min-height:30px }
.body-switch button[aria-pressed=true] { background:#fff;color:#262a30;box-shadow:0 2px 6px #0000000b }
.phone-bottom { font-size:9px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e4e8;padding-top:12px;color:#777e88 }
.phone-pill { color:#a33d35;background:#fde8e5;padding:5px 8px;border-radius:9px }
.phone-home { position:absolute;bottom:10px;left:95px;width:80px;height:3px;background:#272b30;border-radius:2px }
.product-study-label { position:absolute;bottom:16px;font-size:8px;letter-spacing:1.5px;color:var(--muted) }
.product-copy>.eyebrow { color:var(--muted);font-size:10px }
.feature-selector { margin-top:30px;border-top:1px solid var(--line) }
.feature-choice { display:flex;align-items:flex-start;text-align:left;width:100%;background:transparent;gap:19px;padding:27px 0;border-bottom:1px solid var(--line) }
.feature-number { font-size:12px;color:var(--muted);margin-top:5px }
.feature-choice strong { font-size:23px;letter-spacing:-.8px;font-weight:450;line-height:1.4 }
.feature-choice small { display:block;font-size:13px;color:var(--muted);margin-top:8px }
.feature-choice[aria-pressed=true] .feature-number, .feature-choice[aria-pressed=true] .feature-plus { color:var(--coral) }
.feature-choice[aria-pressed=true] strong { color:var(--accent-ink) }
.feature-plus { margin-left:auto;font-size:21px;color:var(--muted) }
.feature-detail { color:var(--muted);font-size:15px;line-height:1.8;min-height:110px;margin:26px 0 20px }
.product-footnote { font-size:12px;display:flex;gap:13px;color:var(--muted) }
.product-footnote span { color:var(--coral) }
.phone-log { padding-top:10px }
.phone-log img { height:185px;width:100%;object-fit:contain }
.phone-log>strong { font-size:14px;display:block;margin:5px 0 16px }
.log-table { display:grid;grid-template-columns:1fr 1.3fr 1fr;text-align:center;gap:12px;font-size:12px;align-items:center }
.log-table span { font-size:8px;color:#747a84 }
.log-table b { font-weight:500;background:#f0f1f5;padding:6px;border-radius:7px }
.phone-log>p { font-size:10px;color:#747a84;text-align:center;margin:15px }
.phone-preview:has(.phone-log:not([hidden])) .phone-bottom { margin-top:25px }
.movement-section { background:var(--soft) }
.section-heading-row { display:flex;justify-content:space-between;align-items:flex-end;gap:30px }
.section-heading-row h2 { margin-top:25px }
.section-heading-row>p { color:var(--muted);font-size:15px;line-height:1.8;padding-bottom:4px }
.movement-filters { display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:30px 0 24px;margin-top:24px }
.movement-filters button { background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:12px;min-height:40px }
.movement-filters button[aria-pressed=true] { background:var(--ink);color:var(--bg);border-color:var(--ink) }
.movement-filters button span { font-size:9px;margin-left:7px;opacity:.6 }
.movement-filters p { margin-left:auto;font-size:8px;letter-spacing:1.2px;color:var(--muted) }
.movement-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px }
.movement-card { background:var(--card);border:1px solid #c6cbd433;position:relative;overflow:hidden;border-radius:3px }
.movement-card-top { display:flex;align-items:center;justify-content:space-between;padding:20px 23px 0;font-size:9px;letter-spacing:1.3px;color:var(--muted) }
.movement-card-top>span:last-child { color:var(--coral);font-size:15px }
.movement-card img { height:238px;width:100%;object-fit:contain;transition:transform .6s }
.movement-card:hover img { transform:scale(1.06) }
.movement-card figcaption { padding:6px 23px 23px }
.movement-card h3 { font-size:16px;letter-spacing:-.4px }
.movement-card figcaption>span { font-size:11px;color:var(--muted);margin-top:4px;display:block }
.movement-bottom { display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:22px }
.philosophy-section { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px }
.philosophy-art { height:590px;position:relative;background:var(--soft);border-radius:250px 250px 0 0;overflow:hidden }
.philosophy-art>img { width:130%;max-width:none;height:75%;object-fit:contain;position:absolute;top:50px;left:-15%;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent) }
.art-index { position:absolute;top:31px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.7px;z-index:1;color:var(--muted) }
.art-signature { position:absolute;bottom:46px;left:45px;font-size:32px;line-height:1.1;letter-spacing:-1px }
.art-signature em { font-family:var(--serif) }
.philosophy-copy h2 { margin:29px 0 }
.philosophy-copy>p:not(.eyebrow) { color:var(--muted);font-size:16px;line-height:1.85;margin:16px 0;max-width:425px }
.philosophy-copy .text-link { margin-top:30px }
.closing-section { text-align:center;border-top:1px solid var(--line);padding:95px 0 100px }
.closing-section .eyebrow { justify-content:center;font-size:10px }
.closing-section h2 { font-size:clamp(70px,8vw,114px);line-height:1;letter-spacing:-5px;margin:32px 0 }
.closing-section h2 em { color:var(--coral) }
.closing-section>p:last-child { color:var(--muted);font-size:12px;margin-top:22px }
[hidden] { display:none!important }
@media(max-width:1050px) {
  .product-layout { gap:50px }
  .product-stage { height:620px }
  .feature-choice { gap:13px }
  .feature-choice strong { font-size:21px }
  .feature-choice small { font-size:12px }
  .philosophy-section { gap:50px }
  .movement-card img { height:210px }
  .movement-filters p { display:none }
  .philosophy-art { height:550px }
  .section-heading-row>p { font-size:14px }
  .product-copy>.eyebrow { font-size:9px }
}
@media(max-width:760px) {
  .section-space { padding-top:68px;padding-bottom:68px }
  h2 { font-size:43px;letter-spacing:-2px }
  .section-intro>p:last-child { font-size:15px }
  .desktop-break { display:none }
  .product-layout { grid-template-columns:1fr;gap:45px;margin-top:40px }
  .product-stage { height:625px }
  .product-copy>.eyebrow { font-size:10px }
  .feature-choice strong { font-size:22px }
  .feature-choice small { font-size:13px }
  .feature-detail { min-height:0 }
  .section-heading-row { align-items:flex-start;flex-direction:column;gap:22px }
  .section-heading-row>p { font-size:15px }
  .movement-filters { margin-top:10px;padding:20px 0;gap:6px }
  .movement-filters button { padding:8px 12px }
  .movement-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px }
  .movement-card img { height:175px }
  .movement-card-top { padding:14px 13px 0;font-size:8px;letter-spacing:.8px }
  .movement-card figcaption { padding:8px 13px 18px }
  .movement-card h3 { font-size:14px;line-height:1.4 }
  .movement-card figcaption>span { font-size:10px }
  .movement-bottom { font-size:10px;gap:20px }
  .movement-bottom>p:first-child { max-width:180px }
  .philosophy-section { grid-template-columns:1fr;gap:40px }
  .philosophy-art { height:490px }
  .philosophy-copy h2 { font-size:49px }
  .philosophy-copy>p:not(.eyebrow) { max-width:none }
  .art-signature { font-size:30px;left:30px;bottom:38px }
  .closing-section { padding:70px 0 }
  .closing-section h2 { font-size:76px;letter-spacing:-4px }
  .closing-section .eyebrow { font-size:8px }
  .closing-section>p:last-child { font-size:11px }
}
@media(max-width:380px) {
  .product-stage { height:600px }
  .phone-preview { width:266px;transform:rotate(-3deg) }
  .phone-preview .island { left:82px }
  .movement-card img { height:155px }
  .movement-card h3 { font-size:13px }
  .movement-card figcaption>span { font-size:9px }
  .movement-filters button { padding:8px 11px;font-size:11px }
  .movement-card-top { padding:14px 10px 0 }
  .movement-card figcaption { padding:8px 10px 16px }
}
h1 { letter-spacing:-5px }
@media(max-width:1050px) {
  h1 { letter-spacing:-4px }
}
@media(max-width:760px) {
  h1 { letter-spacing:-3px }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  *, *:before, *:after { animation:none!important;transition:none!important }
}