@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=DM+Serif+Display&display=swap");:root{--bg:#fafaf8;--bg2:#f5f3ef;--text:#2a2a2a;--muted:#999;--light:#bbb;--border:#e8e6e2;--coral:#ff8a7a;--lavender:#b8a9ff;--sky:#7ec8ff;--mint:#7aedc6;--font:"Inter",-apple-system,sans-serif;--serif:"DM Serif Display",Georgia,serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid var(--border)}.logo{font-family:var(--serif);font-size:22px;letter-spacing:2px;color:var(--text)}.h-right{display:flex;align-items:center;gap:20px}.h-ticker{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:1px;padding:4px 12px;border:1px solid var(--border);border-radius:20px}.h-right a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.h-right a:hover{color:var(--text)}.hero{padding:60px 40px 40px;text-align:center}.hero-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--light);margin-bottom:12px}.hero h1{font-family:var(--serif);font-size:42px;font-weight:400;color:var(--text);margin-bottom:16px;line-height:1.2}.hero-sub{font-size:15px;color:var(--muted);max-width:500px;margin:0 auto}.canvas-wrap{padding:0 40px;margin-bottom:60px}.canvas-container{width:100%;height:400px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg2);position:relative}.canvas-container canvas{width:100%;height:100%;display:block}.canvas-label{position:absolute;bottom:16px;left:20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--light)}.widgets{padding:0 40px 60px}.widgets-title{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--light);margin-bottom:20px}.widget-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.widget{border:1px solid var(--border);border-radius:14px;padding:20px;background:white;min-height:200px;display:flex;flex-direction:column}.widget-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.widget-name{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:500}.widget-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}.widget-canvas{flex:1 1;border-radius:8px;overflow:hidden}.widget-canvas canvas{width:100%;height:100%;display:block}.geo-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;flex:1 1;align-content:center}.geo-item{gap:10px}.geo-item,.geo-shape{display:flex;align-items:center}.geo-shape{width:28px;height:28px;border-radius:6px;justify-content:center}.geo-shape svg{width:16px;height:16px}.geo-val{font-size:20px;font-weight:600;line-height:1}.geo-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.forms-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;flex:1 1}.form-thumb{border-radius:6px;overflow:hidden;aspect-ratio:1;background:var(--bg2)}.form-thumb canvas{width:100%;height:100%;display:block}.how-section{padding:60px 40px;border-top:1px solid var(--border)}.how-title{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--light);margin-bottom:30px;text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;max-width:900px;margin:0 auto}.how-step{text-align:center}.how-num{font-family:var(--serif);font-size:36px;color:var(--border);margin-bottom:12px}.how-step h4{font-size:16px;font-weight:500;margin-bottom:8px}.how-step p{font-size:13px;color:var(--muted);line-height:1.6}.text-section{padding:60px 40px;border-top:1px solid var(--border)}.section-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--light);margin-bottom:30px;text-align:center}.text-block-wide{max-width:700px;margin:0 auto}.text-block-wide h2{font-family:var(--serif);font-size:26px;font-weight:400;margin-bottom:16px;line-height:1.3}.text-block-wide p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:12px}.text-center{text-align:center}.text-block-wide blockquote{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.6;color:var(--text);font-style:italic;max-width:600px;margin:0 auto}.text-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:1000px;margin:0 auto}.text-cols-2{grid-template-columns:repeat(2,1fr)}.text-col h3{font-size:16px;font-weight:500;margin-bottom:10px}.text-col p{font-size:13px;color:var(--muted);line-height:1.7}.chain-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:48px}.chain-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--text);color:#fff;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:60px;transition:all .3s ease;box-shadow:0 4px 24px rgba(42,42,42,.15)}.chain-btn:hover{background:var(--coral);box-shadow:0 6px 32px rgba(255,138,122,.3);transform:translateY(-2px)}.chain-btn svg{flex-shrink:0}.chain-sub{font-size:12px;color:var(--light);letter-spacing:1px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;max-width:1000px;margin:0 auto}.spec-item{border:1px solid var(--border);border-radius:10px;padding:16px;background:white}.spec-label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--light);margin-bottom:6px}.spec-value{font-size:13px;color:var(--text);font-weight:500}.identity-grid{max-width:500px;margin:0 auto;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:white}.id-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.id-row:last-child{border-bottom:none}.id-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--light)}.id-value{font-size:14px;font-weight:500;color:var(--text);text-decoration:none}.id-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:13px}a.id-value:hover{color:var(--coral)}.latest{padding:60px 40px;border-top:1px solid var(--border)}.latest-title{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--light);margin-bottom:24px}.latest-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.latest-card{min-width:200px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:white;flex-shrink:0}.latest-card-canvas{width:200px;height:200px;background:var(--bg2)}.latest-card-canvas canvas{width:100%;height:100%;display:block}.latest-card-info{padding:12px 14px}.latest-card-info span{display:block;font-size:11px;color:var(--muted)}.latest-card-info strong{font-size:13px;font-weight:500}.latest-palette{display:flex;gap:4px;margin-top:6px}.latest-palette span{width:14px;height:14px;border-radius:50%;display:block}.method{padding:60px 40px;border-top:1px solid var(--border)}.method-title{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--light);margin-bottom:30px;text-align:center}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;max-width:1000px;margin:0 auto}.method-card{border:1px solid var(--border);border-radius:14px;padding:24px 20px;text-align:center;background:white}.method-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.method-card h4{font-size:14px;font-weight:500;margin-bottom:6px}.method-card p{font-size:12px;color:var(--muted);line-height:1.5}.foot{padding:30px 40px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--light)}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--text)}@media (max-width:768px){.header{padding:16px 20px}.hero{padding:40px 20px 30px}.hero h1{font-size:28px}.canvas-wrap{padding:0 20px}.canvas-container{height:260px}.widgets{padding:0 20px 40px}.widget-grid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:30px}.how-section,.latest,.method,.text-section{padding:40px 20px}.method-grid{grid-template-columns:1fr 1fr}.text-cols,.text-cols-2{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.latest-card{min-width:160px}.latest-card-canvas{width:160px;height:160px}}@media (max-width:480px){.method-grid,.spec-grid,.widget-grid{grid-template-columns:1fr}.hero h1{font-size:24px}}