*{margin:0;padding:0;box-sizing:border-box}
:root{--pg:#FBFAF8;--ink:#111;--dim:rgba(17,17,17,.58);--faint:rgba(17,17,17,.36);--rule:rgba(17,17,17,.12);--dk:#0C0C0C;--ez:cubic-bezier(.16,1,.3,1);--pad:clamp(16px,3vw,34px)}
html{scroll-behavior:smooth}
body{background:var(--pg);color:var(--ink);font-family:'Inter Tight',sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}
main{flex:1}
::selection{background:var(--ink);color:var(--pg)}
a{color:inherit;text-decoration:none;transition:opacity .2s,color .2s}
a:hover{opacity:.5}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
.rail{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px var(--pad);color:var(--ink);background:rgba(251,250,248,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.rail a,.rail .nm{color:#111}
.rail.over a,.rail.over .nm{color:#fff}
.rail.over.stuck a,.rail.over.stuck .nm{color:#111}
.rail.over{mix-blend-mode:difference;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
.rail.over.stuck{mix-blend-mode:normal;background:rgba(251,250,248,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.rail .nm{font-size:14px;font-weight:600;letter-spacing:-.01em}
.rail nav{display:flex;gap:clamp(10px,1.4vw,20px);font-size:12px;letter-spacing:.02em}
.rail nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.rail{flex-direction:column;gap:6px;padding:12px var(--pad)}.rail nav{gap:12px;flex-wrap:wrap}}
.gw{max-width:1500px;margin:0 auto;width:100%;padding:0 var(--pad)}
.pg{padding:clamp(76px,11vh,124px) 0 clamp(40px,6vw,90px)}
.ph{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:clamp(20px,3vw,38px)}
.ph h1{font-size:clamp(21px,2.3vw,34px);font-weight:600;letter-spacing:-.022em;line-height:1.14}
.ph .nt{font-size:12px;color:var(--faint)}
.cp{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--faint);padding-top:2px}
.cp b{color:var(--ink);font-weight:500}
.lnk{font-size:12.5px;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:2px;transition:border-color .2s}
.lnk:hover{border-color:var(--ink);opacity:1}
.btn{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--pg);background:var(--ink);padding:13px 20px;min-height:44px;transition:opacity .2s}
.btn:hover{opacity:.78}
.btn.gh{background:none;color:var(--ink);border:1px solid var(--rule)}
.btn.gh:hover{border-color:var(--ink);opacity:1}
.ftr{margin-top:auto}
.ftr .in{max-width:1500px;margin:0 auto;width:100%;padding:14px var(--pad) 30px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule);font-size:12px;color:var(--faint)}
.ftr .lx{display:flex;gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:12px;color:var(--faint)}
.field input,.field textarea,.field select{font-family:inherit;font-size:14.5px;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--rule);padding:9px 0 11px;border-radius:0;appearance:none;-webkit-appearance:none;transition:border-color .25s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:var(--faint)}
.field textarea{resize:vertical;min-height:104px;line-height:1.5}
.field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;padding-right:18px}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,14px);z-index:160;font-size:13px;color:var(--pg);background:var(--ink);padding:13px 20px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast b{font-weight:600}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ez),transform .8s var(--ez)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important;animation:none !important}.reveal{opacity:1;transform:none}}
