*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b0d10;color:#f4f6f8;font-family:Arial,Helvetica,sans-serif}.page{width:min(1180px,calc(100% - 32px));margin:auto;padding:32px 0 60px}.welcome,.projects{border:1px solid #27313a;background:#12161b;border-radius:24px}.welcome{padding:44px;text-align:center;background:radial-gradient(circle at 50% 0,#18374b 0,#12161b 55%)}.eyebrow{margin:0 0 12px;color:#39a7e8;font-size:.8rem;font-weight:800;letter-spacing:.18em}.welcome h1{margin:0;font-size:clamp(2rem,5vw,3.7rem);color:#39a7e8}.welcome p:last-child{margin:14px 0 0;color:#b8c0c8;font-size:1.08rem}.projects{margin-top:24px;padding:30px}.projects>h2{margin:0 0 24px;font-size:1.6rem}.project-card{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:28px;align-items:center;padding:26px;border-radius:20px;background:#181d23;border:1px solid #303842}.tag{display:inline-block;color:#39a7e8;font-size:.72rem;font-weight:800;letter-spacing:.1em}.project-copy h3{font-size:2rem;margin:10px 0 12px}.project-copy p{color:#c6ccd2;line-height:1.55}.origin{margin-top:24px;font-size:.92rem}.origin a{color:#39a7e8;text-decoration:none;font-weight:700}.origin a:hover{text-decoration:underline}.project-image{position:relative;display:block;overflow:hidden;border-radius:18px;border:1px solid #364553;background:#080a0c;text-decoration:none;color:#fff}.project-image img{display:block;width:100%;height:460px;object-fit:cover;object-position:top}.project-image span{position:absolute;right:14px;bottom:14px;padding:11px 15px;border-radius:999px;background:rgba(12,17,22,.9);border:1px solid #4a5966;font-weight:700}.project-image b{color:#39a7e8;font-size:1.15em}@media(max-width:720px){.page{width:min(100% - 20px,600px);padding:14px 0 34px}.welcome{padding:30px 18px;border-radius:18px}.projects{padding:16px;border-radius:18px}.project-card{grid-template-columns:1fr;padding:18px;gap:18px}.project-copy h3{font-size:1.65rem}.project-image img{height:auto;max-height:68vh;object-fit:cover;object-position:top}.project-image span{font-size:.9rem}}
.trial-box{margin-top:22px;padding:16px;border:1px solid #30495b;border-radius:15px;background:#101b23}
.trial-box strong{display:block;color:#f4f6f8;margin-bottom:6px}
.trial-box p{margin:0 0 13px;font-size:.93rem;color:#bfc8cf}
.trial-button{display:inline-block;padding:10px 14px;border-radius:999px;background:#238bc8;color:#fff;text-decoration:none;font-weight:700;font-size:.92rem}
.trial-button:hover{filter:brightness(1.08)}