:root{--gold-l:#e9ceb5;--gold:#c0a884;--gold-d:#9c7854;--bg:#050505;--t1:#f5f5f7;--t2:#9b9b9f;--t3:#5f5f63;--line:#ffffff17}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg);color:var(--t1);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,sans-serif;line-height:1.5;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 12%,#c0a8841a,#0000 70%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.reveal.in{opacity:1;transform:none}main,footer,.doc{z-index:1;position:relative}main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:110px 24px 60px;display:flex}.hero{max-width:760px}.hero .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:26px;font-size:13px;font-weight:600}.hero h1{letter-spacing:.04em;color:var(--t1);margin-bottom:22px;font-size:64px;font-weight:600}.hero .slogan{color:var(--t2);letter-spacing:.01em;font-size:23px;font-weight:400}.works{width:100%;max-width:560px;margin-top:96px}.works .label{letter-spacing:.18em;text-transform:uppercase;color:var(--t3);justify-content:center;align-items:center;gap:14px;margin-bottom:22px;font-size:12px;font-weight:600;display:flex}.works .label:before,.works .label:after{content:"";background:var(--line);flex:1;max-width:90px;height:1px}.card{text-align:left;color:var(--t1);border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:24px;align-items:center;gap:22px;padding:22px 24px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s,box-shadow .35s;display:flex}.card:hover{border-color:#c0a88473;transform:translateY(-4px);box-shadow:0 24px 60px #00000080,0 0 50px #c0a88414}.card .ic{flex:none;position:relative}.card .ic img{border-radius:18px;width:76px;height:76px;display:block;box-shadow:0 10px 30px #00000080}.card .ic:after{content:"";z-index:-1;opacity:0;background:radial-gradient(circle,#c0a8844d,#0000 70%);border-radius:30px;transition:opacity .35s;position:absolute;inset:-12px}.card:hover .ic:after{opacity:1}.card .info{flex:1;min-width:0}.card .info .top{align-items:center;gap:10px;margin-bottom:5px;display:flex}.card .info h3{letter-spacing:.01em;color:var(--t1);font-size:21px;font-weight:600}.card .info .tag{color:var(--t2);border:1px solid var(--line);border-radius:7px;padding:2px 8px;font-size:11px;font-weight:600}.card .info p{color:var(--t2);font-size:14.5px;line-height:1.45}.card .go{border:1px solid var(--line);color:var(--t1);background:#ffffff0f;border-radius:980px;flex:none;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:600;transition:background .3s,border-color .3s;display:flex}.card:hover .go{background:linear-gradient(135deg,var(--gold-l),var(--gold-d));color:#3a2e1e;border-color:#0000}.doc{flex:1;width:100%;max-width:720px;margin:0 auto;padding:56px 24px 90px}.doc h1{letter-spacing:.01em;color:var(--t1);margin-bottom:10px;font-size:40px;font-weight:600}.doc .updated{color:var(--t3);margin-bottom:40px;font-size:13px}.doc h2{color:var(--t1);margin:36px 0 14px;font-size:22px;font-weight:600}.doc p{color:var(--t2);margin-bottom:14px;font-size:16px;line-height:1.7}.doc ul{margin:0 0 14px;padding-left:22px}.doc li{color:var(--t2);margin-bottom:8px;font-size:16px;line-height:1.7}.doc a{color:var(--gold-l)}.doc ol{margin:0 0 14px;padding-left:22px}.doc ol li{color:var(--t2);margin-bottom:8px;font-size:16px;line-height:1.7}.doc ul ul,.doc ol ol{margin:8px 0 0}.doc strong{color:var(--t1);font-weight:600}footer{border-top:1px solid var(--line);color:var(--t3);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:40px;font-size:12.5px;display:flex}footer .dot{opacity:.4}footer a{color:inherit;transition:color .2s}footer a:hover{color:var(--t2)}@media (width<=560px){.hero h1{font-size:46px}.hero .slogan{font-size:19px}.card{text-align:center;flex-direction:column;gap:16px}.card .info .top{justify-content:center}.works{margin-top:64px}.doc h1{font-size:32px}}