@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#24313a;background:#f4f3f0}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1050px;margin:auto;padding:24px}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.brand{font-size:23px;font-weight:700;letter-spacing:-1px}.brand span{color:#7d909c}.nav a{font-size:13px;color:#58636a}.hero{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:55px 10px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#6d7c84;font-weight:700}.hero h1{font:600 clamp(38px,7vw,72px)/1.1 'Playfair Display',serif;max-width:760px;margin:0}.hero p{font-size:17px;color:#69747a;max-width:520px;line-height:1.7;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#283640;color:white;padding:15px 22px;font-weight:600;font-size:14px}.btn.alt{background:white;color:#283640;border:1px solid #d8dcde}.btn:disabled{opacity:.45;cursor:not-allowed}.sample{background:white;border:1px solid #e1e4e5;border-radius:16px;max-width:530px;margin:30px auto;padding:20px;display:flex;gap:18px;align-items:center}.sample img{width:76px;height:76px;border-radius:50%;object-fit:cover}.sample strong{display:block}.sample small{display:block;color:#69747a;margin-top:6px}.foot{text-align:center;color:#879198;font-size:12px;padding:32px}.profile-shell{max-width:450px;margin:28px auto 40px;background:#fff;box-shadow:0 12px 55px #29333c14;border-radius:23px;overflow:hidden}.profile-top{background:linear-gradient(160deg,#e8e9e8,#f8f8f6);padding:24px 26px 30px;text-align:center}.profile-top .mini{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#64747e}.portrait{width:158px;height:158px;border-radius:50%;object-fit:cover;object-position:center 20%;margin:24px auto 18px;display:block;border:5px solid white;box-shadow:0 5px 20px #29333c1a}.profile-top h1{font:600 31px/1.15 'Playfair Display',serif;margin:8px 0 10px}.role{letter-spacing:2px;font-size:11px;font-weight:700;color:#667780}.logo{width:100%;max-width:310px;height:auto;display:block;margin:20px auto 0;mix-blend-mode:multiply}.profile-body{padding:24px}.quote{text-align:center;font:italic 19px/1.5 'Playfair Display',serif;margin:0 0 24px;color:#52636d}.primary{width:100%}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 24px}.actions .btn{padding:13px 5px;font-size:13px}.actions .btn.alt{background:#fafafa}.actions .btn[disabled]{background:#f4f4f4;color:#a0a5a8;border-color:#eee}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#7a878e;font-weight:700;border-top:1px solid #eceeed;padding-top:22px;margin:8px 0 14px}.share-row{display:flex;gap:10px}.share-row .btn{flex:1}.qr{text-align:center;margin-top:26px}.qr img{width:155px;height:155px}.qr p{font-size:12px;color:#7b858c}.note{font-size:12px;line-height:1.6;color:#7a858b;margin-top:16px}.small-link{display:block;text-align:center;margin-top:20px;color:#71828d;font-size:12px}@media(max-width:500px){.wrap{padding:14px}.profile-shell{margin:10px auto 24px;border-radius:16px}.profile-top h1{font-size:28px}.sample{flex-direction:column;text-align:center}}