@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Onest:wght@400;500;600;700&display=swap";:root{--black:#111;--paper:#f4f3ef;--white:#fff;--blue:#2f5bff;--border-light:#1111111f;--border-dark:#ffffff24;font-family:Onest,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh;transition:background .35s,color .35s}.light{--bg:var(--paper);--surface:var(--white);--text:var(--black);--secondary:#11111194;--border:var(--border-light);--surface-hover:#ecebe7;background:var(--bg);color:var(--text)}.dark{--bg:var(--black);--surface:#181818;--text:var(--white);--secondary:#ffffff94;--border:var(--border-dark);--surface-hover:#202020;background:var(--bg);color:var(--text)}.page{width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:32px 24px 28px}.header{justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}.logo-link{align-items:center;display:flex}.logo{width:150px;height:auto;display:block}.logo-dark,.dark .logo-light{display:none}.dark .logo-dark{display:block}.theme-button{border:1px solid var(--border);width:48px;height:48px;color:var(--text);background:0 0;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}.theme-button:hover{background:var(--surface);transform:rotate(8deg)}.hero{margin-bottom:44px}.eyebrow,.section-label,.contact-label,.website-label{font-family:IBM Plex Mono,monospace}.eyebrow{letter-spacing:.08em;color:var(--secondary);margin-bottom:28px;font-size:11px;line-height:1.4}.role{color:var(--blue);text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.hero h1{letter-spacing:-.045em;max-width:390px;margin:0;font-size:clamp(34px,9vw,46px);font-weight:600;line-height:1.04}.hero-description{max-width:320px;color:var(--secondary);margin:20px 0 0;font-size:16px;line-height:1.5}.main-contacts{border-top:1px solid var(--border)}.contact-row{border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:88px;transition:opacity .2s,padding .2s;display:grid}.contact-row:hover{padding-left:6px}.contact-icon{color:var(--blue)}.contact-content{flex-direction:column;gap:6px;min-width:0;display:flex}.contact-label{color:var(--secondary);letter-spacing:.08em;font-size:10px}.contact-value{overflow-wrap:anywhere;font-size:16px;font-weight:500}.contact-value.email{font-size:14px}.save-contact{background:var(--blue);color:#fff;border:none;border-radius:0;justify-content:space-between;align-items:center;width:100%;height:60px;margin-top:18px;padding:0 20px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.save-contact:hover{transform:translateY(-2px)}.save-left{align-items:center;gap:12px;display:flex}.plus{font-size:24px;font-weight:400}.section{margin-top:54px}.section-label{color:var(--secondary);letter-spacing:.08em;margin-bottom:16px;font-size:11px}.social-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.social-button{border:1px solid var(--border);background:0 0;flex-direction:column;justify-content:space-between;min-height:92px;padding:16px 10px;transition:background .2s,transform .2s;display:flex}.social-button svg{color:var(--blue)}.social-button span{font-size:13px;font-weight:500}.social-button:hover{background:var(--surface);transform:translateY(-3px)}.website-card{border:1px solid var(--border);grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;gap:18px;min-height:108px;padding:20px;transition:background .25s,transform .25s;display:grid}.website-card:hover{background:var(--surface);transform:translateY(-3px)}.website-icon{background:var(--blue);color:#fff;place-items:center;width:52px;height:52px;display:grid}.website-info{flex-direction:column;gap:7px;display:flex}.website-label{color:var(--secondary);letter-spacing:.08em;font-size:9px}.website-info strong{letter-spacing:-.03em;font-size:24px}.website-arrow{place-items:center;display:grid}.brand-card{color:#fff;background:#111;height:360px;margin-top:56px;padding:28px;position:relative;overflow:hidden}.brand-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:42px 42px;width:100%;height:220px;position:relative;-webkit-mask-image:radial-gradient(circle,#000 15%,#0000 72%);mask-image:radial-gradient(circle,#000 15%,#0000 72%)}.cube{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #fff3;width:74px;height:74px;position:absolute;transform:rotate(30deg)skew(-10deg)}.cube-one{top:34px;left:50%;transform:translate(-50%)rotate(30deg)skew(-10deg)}.cube-two{top:90px;left:28%}.cube-three{top:104px;right:23%}.cube-blue{background:var(--blue);border:none;top:118px;left:50%;transform:translate(-50%)rotate(30deg)skew(-10deg);box-shadow:0 0 50px #2f5bff66}.brand-card-bottom{justify-content:space-between;align-items:end;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:1.35;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.brand-index{color:var(--blue);letter-spacing:-.08em;font-family:Onest,sans-serif;font-size:38px;font-weight:600}footer{color:var(--secondary);justify-content:space-between;margin-top:26px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}@media (width<=390px){.page{padding-left:20px;padding-right:20px}.header{margin-bottom:58px}.logo{width:135px}.social-grid{grid-template-columns:1fr}.social-button{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;min-height:62px;padding:0 18px}.brand-card{height:330px}}