:root{--ink: #0c100e;--ink-2: #141a16;--paper: #ece7db;--paper-dim: #98a093;--acid: #c9f24d;--line: rgb(236 231 219 / 12%);--serif: "Palatino Linotype", "Book Antiqua", Palatino, "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color:var(--paper);background:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(90rem 55rem at 12% -18%,rgb(201 242 77 / 13%),transparent 62%),radial-gradient(60rem 45rem at 95% 8%,rgb(96 160 200 / 11%),transparent 60%),linear-gradient(178deg,var(--ink) 0%,#090c0a 68%,#0b0f0c 100%);background-attachment:fixed}button{font:inherit}.mono{font-family:var(--mono);font-size:.688rem;letter-spacing:.16em;text-transform:uppercase}.shell{position:relative;display:flex;flex-direction:column;min-height:100vh;max-width:78rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,4.5rem)}.shell:before{content:"";position:absolute;inset:0;width:100%;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:calc(100% / 6) 100%;opacity:.5;pointer-events:none}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");animation:drift 7s steps(4,end) infinite}@keyframes drift{0%{background-position:0 0}25%{background-position:-14px 9px}50%{background-position:9px -14px}75%{background-position:-9px -9px}to{background-position:0 0}}.bar{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid var(--line);color:var(--paper-dim)}.bar__mark{display:inline-flex;gap:.55rem;align-items:center;font-family:var(--mono);font-size:.688rem;letter-spacing:.18em}.glyph{color:var(--acid);font-size:.875rem}.bar__status{display:inline-flex;gap:.6rem;align-items:center}.bar__id{color:#ece7db66;letter-spacing:.06em;text-transform:none}.dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--acid);box-shadow:0 0 #c9f24db3;animation:pulse 2.4s ease-out infinite}@keyframes pulse{70%{box-shadow:0 0 0 .55rem #c9f24d00}to{box-shadow:0 0 #c9f24d00}}main{position:relative;z-index:2;flex:1}.hero{padding:clamp(3.5rem,11vw,8rem) 0 clamp(2.5rem,6vw,4rem);max-width:46rem}.hero__eyebrow{margin:0 0 clamp(1.25rem,3vw,2rem);color:var(--acid)}.hero__title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.85rem,9.2vw,6.5rem);line-height:1.04;letter-spacing:-.02em}.hero__title em{position:relative;padding:0 .06em;color:var(--ink);font-style:normal;background:var(--acid);-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero__lede{max-width:34rem;margin:clamp(1.75rem,4vw,2.5rem) 0 0;color:var(--paper-dim);font-size:clamp(.95rem,1.7vw,1.0625rem);line-height:1.95}.hero__meta{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;margin-top:clamp(2rem,5vw,3rem);color:#ece7db8c}.hero__meta .rule{width:2.5rem;height:1px;background:var(--line)}.clock{display:grid;gap:clamp(1.5rem,4vw,3.5rem);grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;padding:clamp(2.5rem,6vw,4rem) 0 clamp(3rem,8vw,5.5rem);margin-top:clamp(1rem,3vw,2rem);border-top:1px solid var(--line)}.clock__face{width:clamp(11rem,26vw,17rem)}.clock__dial{display:block;width:100%;height:auto;overflow:visible}.clock__rim{fill:#141a16b8;stroke:var(--line);stroke-width:1.5}.clock__tick{stroke:#ece7db38;stroke-width:1}.clock__tick--major{stroke:#ece7db8c;stroke-width:2}.clock__num{fill:var(--paper-dim);font-family:var(--serif);font-size:13px;text-anchor:middle}.clock__brand{fill:#ece7db47;font-size:7px;letter-spacing:.22em;text-anchor:middle}.clock__hand{stroke-linecap:round}.clock__hand--hour,.clock__hand--minute{stroke:var(--paper)}.clock__hand--hour{stroke-width:5}.clock__hand--minute{stroke-width:3}.clock__hand--second{stroke:var(--acid);stroke-width:1.6}.clock__pivot{fill:var(--acid);stroke:var(--ink);stroke-width:1.5}.clock__readout{min-width:0}.clock__label{margin:0;color:var(--acid)}.clock__digital{display:flex;align-items:baseline;margin:.65rem 0 0;color:var(--paper);font-size:clamp(2.6rem,8.4vw,5rem);font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:.02em;line-height:1;text-transform:none}.clock__digital .clock__sec{color:var(--acid);text-shadow:0 0 2.5rem rgb(201 242 77 / 32%)}.clock__colon{padding:0 .04em;color:#ece7db52;animation:blink 2s steps(1,end) infinite}@keyframes blink{50%{opacity:.25}}.clock__date{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;margin:1.15rem 0 0;color:#ece7db8c}.clock__wd{padding:.28rem .6rem;border:1px solid var(--line);color:var(--paper)}.clock__zone{display:flex;flex-wrap:wrap;gap:1px;margin:clamp(1.4rem,3vw,2rem) 0 0;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.clock__zone div{display:flex;flex:1 1 8rem;flex-direction:column;gap:.4rem;padding:.85rem 0;background:var(--ink)}.clock__zone dt{color:#ece7db61;font-size:.625rem}.clock__zone dd{margin:0;color:var(--paper);font-size:.688rem;text-transform:none}.demo{display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;padding-bottom:clamp(3rem,8vw,5.5rem);border-top:1px solid var(--line);margin-top:clamp(1rem,3vw,2rem)}.demo__card{position:relative;padding:clamp(1.75rem,4vw,2.75rem);border:1px solid var(--line);border-radius:2px;background:linear-gradient(160deg,var(--ink-2),rgb(12 16 14 / 72%))}.demo__label{margin:0;color:var(--paper-dim)}.demo__value{margin:.6rem 0 1.4rem;font-family:var(--mono);font-size:clamp(3.5rem,12vw,5.5rem);font-weight:300;line-height:1;color:var(--acid);font-variant-numeric:tabular-nums;text-shadow:0 0 2.5rem rgb(201 242 77 / 28%)}.demo__actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{padding:.7rem 1.35rem;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--paper);cursor:pointer;font-size:.875rem;letter-spacing:.02em;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease,color .25s ease}.btn:hover:not(:disabled){border-color:var(--acid);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.btn--solid{border-color:var(--acid);background:var(--acid);color:var(--ink);font-weight:600}.btn:disabled{color:#ece7db4d;cursor:not-allowed}.demo__hint{margin:1.5rem 0 0;color:#ece7db73;font-size:.8125rem;line-height:1.7}.demo__facts{display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--line);border:1px solid var(--line)}.fact{display:flex;flex-direction:column;gap:.6rem;justify-content:space-between;padding:clamp(1.1rem,2.6vw,1.6rem);background:var(--ink);transition:background .3s ease}.fact:hover{background:var(--ink-2)}.fact__k{color:var(--acid)}.fact__v{font-size:.9375rem;line-height:1.6}.samples{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sample{position:relative;padding:clamp(1.6rem,3.2vw,2.4rem) clamp(1.2rem,2.4vw,1.8rem) clamp(2rem,4vw,3rem) 0;overflow:hidden}.sample:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.sample:hover:after{transform:scaleX(1)}.sample__head{display:flex;gap:1rem;align-items:baseline;justify-content:space-between}.sample__no{font-size:.75rem;color:var(--acid);letter-spacing:.1em}.sample__tag{color:#ece7db59}.sample__title{margin:1.5rem 0 .75rem;font-family:var(--serif);font-size:1.4rem;font-weight:400;letter-spacing:.01em}.sample__body{margin:0;color:var(--paper-dim);font-size:.875rem;line-height:1.9}.foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1.75rem 0 2.25rem;color:#ece7db73}.foot__line{flex:1;min-width:2rem;height:1px;background:var(--line)}.hero__eyebrow,.hero__title,.hero__lede,.hero__meta,.clock__face,.clock__readout,.demo__card,.demo__facts,.sample{animation:rise .85s cubic-bezier(.2,.8,.2,1) both}.hero__title{animation-delay:.09s}.hero__lede{animation-delay:.18s}.hero__meta{animation-delay:.26s}.clock__face{animation-delay:.32s}.clock__readout{animation-delay:.38s}.demo__card{animation-delay:.44s}.demo__facts{animation-delay:.5s}.sample:nth-child(1){animation-delay:.58s}.sample:nth-child(2){animation-delay:.66s}.sample:nth-child(3){animation-delay:.74s}@keyframes rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}@media(max-width:52rem){.clock,.demo{grid-template-columns:minmax(0,1fr)}.clock__face{justify-self:center;order:-1}.shell:before{background-size:50% 100%}}@media(max-width:34rem){.bar__id{display:none}.demo__facts{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}