:root{--font-display: "Be Vietnam Pro", "IBM Plex Sans Thai", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "IBM Plex Sans Thai", ui-monospace, "Cascadia Mono", monospace;--rec: #ff453a;--rec-soft: rgba(255, 69, 58, .14);--ok: #3ddc84;--amber: #f5a524;--bg: #0b0d11;--bg-raise: #12151b;--bg-hover: #171b22;--ink: #e9e7e1;--ink-dim: #9aa1ac;--ink-faint: #626975;--line: #232730;--line-strong: #353a45;--on-rec: #0b0d11;--screen-bg: #07090c;--screen-ink: #c9d1d9;--screen-line: #1d232c;--shadow-pop: 0 24px 64px rgba(0, 0, 0, .45);--ease-out: cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--rec: #d92d20;--rec-soft: rgba(217, 45, 32, .1);--ok: #12794c;--amber: #b54708;--bg: #f2efe7;--bg-raise: #faf8f1;--bg-hover: #fffdf7;--ink: #181a1f;--ink-dim: #5b5f68;--ink-faint: #8e9189;--line: #d9d4c5;--line-strong: #c2bca9;--on-rec: #faf8f1;--shadow-pop: 0 24px 64px rgba(24, 26, 31, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}body:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}::selection{background:var(--rec);color:var(--on-rec)}:focus-visible{outline:2px solid var(--rec);outline-offset:3px;border-radius:2px}.mono{font-family:var(--font-mono)}.wrap{width:min(1180px,100% - 48px);margin-inline:auto}section{scroll-margin-top:24px}.topbar{position:fixed;inset:0 0 auto;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--ink);text-decoration:none}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 4px var(--rec-soft)}.topbar-controls{display:flex;align-items:center;gap:8px}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:3px;gap:2px;background:var(--bg-raise)}.seg button{appearance:none;border:0;border-radius:999px;background:transparent;color:var(--ink-dim);font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.04em;padding:5px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,background .2s ease}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}[data-theme=light] .seg button[aria-pressed=true]{background:var(--ink);color:var(--bg-raise)}.hero{position:relative;min-height:100dvh;display:grid;align-items:center;padding:128px 0 88px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 30% 20%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 90% 70% at 30% 20%,black 0%,transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}.hero-copy>*{opacity:0;transform:translateY(22px);animation:rise .9s var(--ease-out) forwards}.hero-copy>*:nth-child(1){animation-delay:.05s}.hero-copy>*:nth-child(2){animation-delay:.15s}.hero-copy>*:nth-child(3){animation-delay:.25s}.hero-copy>*:nth-child(4){animation-delay:.35s}.hero-copy>*:nth-child(5){animation-delay:.45s}@keyframes rise{to{opacity:1;transform:none}}.rec-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:999px;padding:7px 14px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;color:var(--ink-dim);background:var(--bg-raise)}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--rec);animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 0 0 var(--rec-soft)}50%{opacity:.35;box-shadow:0 0 0 6px var(--rec-soft)}}.timecode{color:var(--rec);font-variant-numeric:tabular-nums}.hero h1{margin:26px 0 0;font-size:clamp(2.5rem,5.6vw,4.35rem);font-weight:800;line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.hero h1 .accent{color:var(--rec)}.hero-sub{margin:22px 0 0;max-width:54ch;color:var(--ink-dim);font-size:clamp(1rem,1.4vw,1.13rem)}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{appearance:none;display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:14px 22px;font-family:var(--font-display);font-size:15.5px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--ease-out),box-shadow .25s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-rec{background:var(--rec);color:#fff}[data-theme=light] .btn-rec{color:#fff}.btn-rec:hover{box-shadow:0 12px 32px color-mix(in srgb,var(--rec) 38%,transparent);transform:translateY(-2px)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:var(--bg-raise)}.btn-ghost:hover{border-color:var(--ink-faint);background:var(--bg-hover);transform:translateY(-2px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:26px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);letter-spacing:.03em}.hero-meta a{color:var(--ink-dim);text-underline-offset:3px}.hero-meta a:hover{color:var(--rec)}.version-chip{display:inline-flex;align-items:center;gap:7px;border:1px dashed var(--line-strong);border-radius:6px;padding:3px 9px;color:var(--ink-dim)}.monitor{position:relative;border-radius:18px;border:1px solid var(--screen-line);background:var(--screen-bg);color:var(--screen-ink);box-shadow:var(--shadow-pop);overflow:hidden;opacity:0;transform:translateY(28px) rotate(.6deg);animation:rise 1s var(--ease-out) .35s forwards}.monitor-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--screen-line);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:#7d8794}.monitor-live{display:inline-flex;align-items:center;gap:8px;color:var(--rec)}.monitor-body{padding:20px 18px 18px;display:grid;gap:18px}.wave{display:flex;align-items:flex-end;gap:5px;height:96px;padding:0 2px}.wave span{flex:1;min-width:3px;height:100%;border-radius:2px 2px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--rec) 55%,transparent),var(--rec));transform-origin:bottom;animation:wave 1.1s ease-in-out infinite alternate;opacity:.9}@keyframes wave{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.monitor-lines{display:grid;gap:9px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.03em}.monitor-lines .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--screen-line);padding-bottom:9px}.monitor-lines .k{color:#6b7684}.monitor-lines .v{color:#d7dee7;text-align:right}.monitor-lines .v.ok{color:var(--ok)}.monitor-lines .v.rec{color:var(--rec)}.signals{border-block:1px solid var(--line);padding:15px 0;overflow:hidden;background:var(--bg-raise)}.signals-track{display:flex;gap:44px;width:max-content;animation:marquee 30s linear infinite}.signals:hover .signals-track{animation-play-state:paused}.signals-track span{display:inline-flex;align-items:center;gap:44px;white-space:nowrap;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;color:var(--ink-faint)}.signals-track span:after{content:"◆";font-size:8px;color:var(--rec)}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(72px,10vw,128px) 0}.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--rec);text-transform:uppercase}.kicker:before{content:"";width:26px;height:1px;background:var(--rec)}.section h2{margin:16px 0 0;font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}.section-lede{margin:16px 0 0;max-width:56ch;color:var(--ink-dim)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.in{opacity:1;transform:none}.features-list{margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px 32px;align-items:baseline;padding:clamp(26px,4vw,42px) 0;border-bottom:1px dashed var(--line-strong);transition:background .25s ease}.feature-row:hover{background:linear-gradient(90deg,var(--rec-soft),transparent 55%)}.feature-index{grid-column:span 2;font-family:var(--font-mono);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;color:transparent;-webkit-text-stroke:1px var(--ink-faint);transition:color .3s ease,-webkit-text-stroke-color .3s ease}.feature-row:hover .feature-index{color:var(--rec);-webkit-text-stroke-color:var(--rec)}.feature-name{grid-column:3 / span 4;margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;letter-spacing:-.01em}.feature-desc{grid-column:7 / span 5;margin:0;color:var(--ink-dim);font-size:15.5px}.feature-row:nth-child(2n) .feature-name{grid-column:3 / span 4}.how-steps{margin-top:clamp(40px,6vw,64px);display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:step}.step{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--bg-raise);padding:26px 24px 24px;transition:border-color .25s ease,transform .25s var(--ease-out)}.step:hover{border-color:var(--line-strong);transform:translateY(-4px)}.step:after{content:"→";position:absolute;top:50%;right:-24px;transform:translateY(-50%);color:var(--ink-faint);font-family:var(--font-mono);z-index:1}.step:last-child:after{content:none}.step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px dashed var(--line-strong);font-family:var(--font-mono);font-size:14px;color:var(--rec);margin-bottom:16px}.step h3{margin:0 0 8px;font-size:1.12rem;font-weight:700}.step p{margin:0;color:var(--ink-dim);font-size:14.5px}.download{background:radial-gradient(ellipse 60% 50% at 85% 10%,var(--rec-soft),transparent 70%),var(--bg-raise);border-block:1px solid var(--line)}.platforms{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:22px}.platform{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:18px;transition:border-color .25s ease,transform .25s var(--ease-out),box-shadow .25s ease}.platform:hover{transform:translateY(-4px);border-color:var(--line-strong)}.platform.detected{border-color:var(--rec);box-shadow:0 0 0 1px var(--rec),0 18px 48px color-mix(in srgb,var(--rec) 16%,transparent)}.detected-tag{position:absolute;top:-11px;left:24px;background:var(--rec);color:#fff;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;padding:3px 10px;border-radius:999px;text-transform:uppercase}.platform-head{display:flex;align-items:center;gap:14px}.platform-glyph{width:46px;height:46px;border-radius:12px;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--ink);background:var(--bg-raise);flex-shrink:0}.platform-name{margin:0;font-size:1.18rem;font-weight:700}.platform-sub{margin:2px 0 0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-faint)}.file-meta{display:grid;gap:8px;font-family:var(--font-mono);font-size:12.5px;border-top:1px dashed var(--line-strong);padding-top:16px}.file-meta .row{display:flex;justify-content:space-between;gap:14px}.file-meta .k{color:var(--ink-faint);letter-spacing:.05em}.file-meta .v{color:var(--ink-dim);text-align:right;overflow-wrap:anywhere}.platform .btn{margin-top:auto;justify-content:center}.download-empty{margin-top:clamp(36px,5vw,56px);border:1px dashed var(--line-strong);border-radius:16px;padding:44px 28px;text-align:center;color:var(--ink-dim);font-family:var(--font-mono);font-size:14px;letter-spacing:.04em}.download-note{margin-top:20px;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);letter-spacing:.03em}.log-feed{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--line)}.log-item{display:grid;grid-template-columns:180px 1fr;gap:8px 36px;padding:26px 0;border-bottom:1px solid var(--line)}.log-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.log-version{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:6px;padding:3px 10px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink)}.log-version.latest{border-color:var(--rec);color:var(--rec)}.log-date{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);letter-spacing:.04em}.log-notes{margin:0;color:var(--ink-dim);font-size:15px;line-height:1.7}.log-notes>:first-child{margin-top:0}.log-notes>:last-child{margin-bottom:0}.log-notes h1,.log-notes h2,.log-notes h3,.log-notes h4{color:var(--ink);font-size:1.06em;margin:1.4em 0 .5em}.log-notes p{margin:.6em 0}.log-notes ul,.log-notes ol{margin:.6em 0;padding-left:1.5em}.log-notes li{margin:.3em 0}.log-notes li>ul,.log-notes li>ol{margin:.3em 0}.log-notes code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-raise);border:1px solid var(--line);border-radius:4px;padding:.08em .35em}.log-notes pre{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;padding:12px 14px;overflow-x:auto;font-size:.92em;line-height:1.5}.log-notes pre code{background:none;border:0;padding:0;font-size:1em}.log-notes a{color:var(--ok);text-decoration:underline;text-underline-offset:2px}.log-notes blockquote{margin:.6em 0;padding-left:14px;border-left:3px solid var(--line-strong);color:var(--ink-faint)}.log-notes hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}.log-empty{padding:34px 0;color:var(--ink-faint);font-family:var(--font-mono);font-size:13.5px}.footer{border-top:1px solid var(--line);padding:40px 0 48px}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.footer-tag{margin:6px 0 0;color:var(--ink-faint);font-size:13.5px}.footer-links{display:flex;align-items:center;gap:22px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em}.footer-links a{color:var(--ink-dim);text-decoration:none}.footer-links a:hover{color:var(--rec)}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.monitor{max-width:560px}.feature-index{grid-column:span 12}.feature-name{grid-column:span 12!important}.feature-desc{grid-column:span 12}.how-steps{grid-template-columns:1fr}.step:after{content:"↓";top:auto;bottom:-26px;right:50%;transform:translate(50%)}.platforms,.log-item{grid-template-columns:1fr}}@media(max-width:620px){body{font-size:16px}.hero{padding-top:108px}.hero-ctas .btn{width:100%;justify-content:center}.topbar-inner{height:58px}.brand span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}