:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1017;color:#eef3f8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 30%,#10293d70,transparent 55%),#0b1017}a{color:inherit;text-decoration:none}header,footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 40px}header{border-bottom:1px solid #ffffff12}.brand{position:relative;font-size:27px;line-height:1;font-weight:800;letter-spacing:-1px}.brand span{color:#51a7ff}.brand sup{font-size:8px;position:relative;top:-10px;letter-spacing:0}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:10px;color:#a4b2c1;font-weight:600}.preview{font-size:12px;color:#a7c5db;display:flex;gap:8px;align-items:center}.preview i{height:6px;width:6px;border-radius:50%;background:#58cdb8}main{max-width:1280px;margin:auto;min-height:74vh;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding:90px 40px}.eyebrow{font-size:11px;letter-spacing:2px;color:#67cbbb;font-weight:700}h1{font-size:clamp(40px,4.3vw,65px);font-weight:650;letter-spacing:-2.8px;line-height:1.08;margin:22px 0}.intro{font-size:18px;color:#b2c0cf;line-height:1.7;max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{padding:15px 20px;border-radius:8px;font-size:13px;font-weight:650}.primary{background:#69dbc2;color:#09221e}.secondary{border:1px solid #3b4c61;background:#17202d}.button:hover{filter:brightness(1.12)}a:focus-visible{outline:3px solid #8dc9ff;outline-offset:5px}.note{font-size:12px;line-height:1.7;color:#8e9fae;max-width:470px;margin-top:23px}aside{border:1px solid #304157;background:linear-gradient(145deg,#182332,#101822);border-radius:18px;padding:30px;box-shadow:0 30px 80px #0005}.sample{color:#9db0c4;font-size:10px;letter-spacing:2px}.project{display:flex;gap:16px;align-items:center;padding:16px 0 25px;border-bottom:1px solid #ffffff12}.project-icon{padding:14px;background:#23425c;color:#83caff;border-radius:10px;font-weight:800}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 5px}.project p{margin:0;color:#a6b9cb;font-size:12px}ol{padding:0;margin:28px 0;list-style:none;display:grid;gap:27px}li{display:flex;align-items:center;gap:17px}.marker{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:12px;flex-shrink:0}.green{background:#24493f;color:#8be2c1}.blue{background:#213c59;color:#92c9ff}.amber{background:#4b4025;color:#f4d18c}h3{font-size:14px;margin:0 0 6px}li p{color:#a2b2c4;font-size:12px;line-height:1.5;margin:0}.sample-note{border-top:1px solid #ffffff12;padding-top:18px;color:#8ea0b4;font-size:11px;line-height:1.6}footer{border-top:1px solid #ffffff12;font-size:11px;color:#93a4b6;gap:16px}footer a:hover{text-decoration:underline}@media(max-width:850px){main{grid-template-columns:1fr;gap:40px;padding:55px 24px;max-width:650px}header,footer{padding:25px 24px}h1{letter-spacing:-1.8px}aside{padding:25px}.intro{font-size:17px}footer{flex-wrap:wrap}.button{font-size:12px}.preview{font-size:10px}}

.brand{display:inline-flex;flex-direction:column;align-items:flex-start}.brand>.wordmark{position:relative;color:#eef3f8;padding-right:12px}.wordmark>span{color:#51a7ff}.brand .wordmark sup{position:absolute;top:0;right:0;font-size:8px}.brand-detail{display:block;width:calc(100% - 12px);height:auto;margin-top:8px;font-size:11px;font-weight:650;letter-spacing:0}.brand-work{fill:#51a7ff}.brand-spaces{fill:#eef3f8}

.brand{position:relative;padding-bottom:20px}.brand-detail{position:absolute;left:0;bottom:0;width:calc(100% - 12px);margin-top:0}